/* 字体 */
body, html,input{font-family:"SimSun" !important;}
ul,
ol {
  list-style: none;
}
.banner{
	padding-top: 1.1rem;
}

 /* 轮播 start */
.banner_container {
    height: 3.4rem;
} 

.newsDiv{
	width: 70%;
	margin: 0 auto;
	padding-top: 0.3rem;
}

.newsDiv .span1{
	color: rgb(28,117,226);
	font-weight: bold;
	font-size: 22px;
}
.casePresentationp-head .span1{
	color: rgb(28,117,226);
	font-weight: bold;
	font-size: 22px;
}
.newsDiv .span2{
	color: rgb(127,127,127);
	font-size: 16px;
}
.casePresentationp-head .span2{
	color: rgb(127,127,127);
	font-size: 16px;
}
.newsDiv button{
	background-color:rgb(255,161,27);
	color:#fff;
	float:right;
	border:none;
	border-radius:0.16rem;
	font-size: 16px;
	width: 0.58rem;
}



.news_swiperDiv{
	width: 54%;
	height: 3.16rem;
	float: left;
}
.news_banner_container{
	height: 100%;
	width: 100%;
}

/* 自定义分页器样式 */
.swiper-pagination-bullet-custom {
    width: 0.2rem !important;
    height: 0.2rem  !important;
    text-align: center  !important;
    line-height: 0.2rem  !important;
    font-size: 0.12rem  !important;
    color: #000  !important;
    opacity: 1  !important;
    background: #fff  !important;
    border-radius: 1%  !important;
}
.swiper-pagination-bullet-active{
    color: #fff  !important;
    background: rgba(255,161,27)  !important;
}

.news-swiper-pagination{
    text-align: right  !important;
}



.newsContent{
	width: 100%;
	height: 3.18rem;
}

/* 新闻概述 */
.newsSummary{
	width: 46%;
	float: left;
}

/* 蓝色小方块 */
.block{
	background-color: rgb(0,96,205);
	width: 0.14rem;
	height: 0.14rem;
	color: rgb(0,96,205);
	margin-left: 0.16rem;
	margin-top:0.04rem;
	float: left;
}
.summary-title{
	padding-left: 0.04rem;
	font-weight: bold;
	color:rgb(51,51,51);
}

/* 文章概述内容 */
.summary-content-div {
	padding-left: 10%;
	width: 90%;
}
.summary-content{
	font-size: 14px;
	color: rgb(128,128,128);
}
.summary-foot{
	padding-left: 0.34rem;
	width: 100%;
	height: 0.16rem;
}
.summary-foot a{
	color: rgb(28,117,226);
	font-size: 12px;
	float: right;
}
.summary-foot span{
	font-size: 12px;
	float: right;
	padding-left: 0.2rem;
	padding-right: 10%;
}


.summary{
	padding-top: 0.1rem;
	margin-left: 6%;
	width: 90%;
	cursor: pointer; 
}

/* 选中效果 */
.summary-active{
	background-color: rgb(213,233,255);
	border-radius:0.05rem;
}


/* 案例展示头部 */
.casePresentationp-head{
	margin: 0 auto;
	text-align: center;
	padding-top: 0.46rem;
}




/* 服务案例列表 css */
.service_list_div .service_list{
	display:flex;/* flex布局 */
	justify-content:center;/* 内容居中 */
	width: 94%;
	height:3rem;
    padding-top: 0.4rem;
    padding-bottom: 0.3rem;
    text-align: center;
}
.service_item {
	height: 2.7rem;
	width: 2.5rem;
	text-align: center;
	margin-right: 2%; /* 两个li之间的距离*/
	margin-left: 1%; /* 两个li之间的距离*/
	background-color: rgb(238,238,238);
	cursor:pointer;
}
.service_icon{
	color: rgb(0,96,205);
}
.service_pic{
	padding-top: 0.1rem;
}
.service_pic span{
	color: rgb(0,96,205);
	font-weight: bold;
	font-size: 14px;
}
.service_dec p{
	color: rgb(138,138,138);
	font-size: 14px;
}

.more_btn{
	background-color:rgb(255,161,27);
	color:#fff;
	border:none;
	border-radius: 0.16rem;
	font-size: 16px;
	padding: 0rem 0.08rem;
	text-decoration:none;
}
/* 鼠标经过服务列表的效果 */
.service_item:hover {
	transform:scale(1.2); 
	-webkit-transform:scale(1.2);  
	-moz-transform:scale(1.2);   
	-o-transform:scale(1.2);  /*transform 属性下 rotate（旋转）和scale（放大）属性；可以同时用*/
	-ms-transform: scale(1.2);
	background: rgb(232,242,254);
	border-radius:0.08rem;
	transition: all 0.6s;
 }
 
/*  鼠标悬停文章详情 */
 .summaryHover:hover{
 	transform:scale(1.01); 
	-webkit-transform:scale(1.01);  
	-moz-transform:scale(1.01);   
	-o-transform:scale(1.01);  /*transform 属性下 rotate（旋转）和scale（放大）属性；可以同时用*/
	-ms-transform: scale(1.01);
	background: rgb(190,218,252);
	border-radius:0.08rem;
	transition: all 0.6s;
 }
 
 .comfoot{
 	height:3.5rem;
 }
 
 
 /* 大屏幕（大桌面显示器，大于等于 1910px） */
@media screen and (min-width: 1900px) {
.banner{
	padding-top: 1.7rem;
}
.banner_container {
    height: 6rem;
} 
.newsContent{
	height: 4.4rem;
}
.news_swiperDiv{
	height: 4.4rem;
}
.summaryHover{
	height: 1.4rem;
}
.news_swiperDiv{
	width: 7.2rem;
}
.newsDiv{
	padding-top: 0.5rem;
	width: 11.44rem;
}
/* 新闻概述 */
.newsSummary{
	width: 4.24rem;
}
.newsContent{
	width: 11.44rem;
}
/* 服务案例列表 css */
.service_list_div {
	margin:0 auto;
	width: 12rem;
}
.service_item {
	height: 4rem;
	width: 3.6rem;
	margin-right: 0.45rem; /* 两个li之间的距离*/
	margin-left: 0.45rem; /* 两个li之间的距离*/
}
.service_item_first {
	margin-left: 0.1rem; /* 两个li之间的距离*/
}
.service_pic {
    padding-top: 0.4rem;
}
.service_icon.fa-3x{
    font-size: 5em;
}
.service_dec p{
	font-size: 18px;
}
.service_pic span{
	font-size: 18px;
}
/* 鼠标经过服务列表的效果 */
.service_item:hover {
	transform:scale(1.1); 
	-webkit-transform:scale(1.1);  
	-moz-transform:scale(1.1);   
	-o-transform:scale(1.1);  /*transform 属性下 rotate（旋转）和scale（放大）属性；可以同时用*/
	-ms-transform: scale(1.1);
	background: rgb(232,242,254);
	border-radius:0.1rem;
	transition: all 0.6s;
 }
/* 服务案例列表 css */
.service_list_div .service_list{
    padding-top: 0.5rem;
    padding-bottom: 1.5rem;
}
}