@charset "utf-8";
.slideBox{ position:relative;}
.swiper-pagination-bullet{ background:rgba(0,0,0,0.2); border:1px solid #fff; opacity:1;}
.pagination{position: absolute;left: 0;bottom:20px; z-index: 99;width: 100%;text-align: center;}
.swiper-pagination-bullet{ margin-right:6px;}
.swiper-pagination-bullet-active{ background:#bc9882;}
.slideBox img{ display:block;}
/*iconBox*/
.iconBox{ overflow:hidden; width:100%; background:#4D4948; margin:0px auto; float:left}
.iconBox li{ float:left; width:25%;position:relative;}
.iconBox li u{ width:6px; height:6px;border-radius:10px; background:#c80917; position:absolute; right:12px; top:12px; display:block;}
.iconBox li i{ background-position:center center; background-size:40px; display:inline-block; background-repeat:no-repeat; width:50px; height:50px;}
.iconBox li>a{ position:relative; padding:0px; text-align:center; font-size:12px; padding:20px 0; display:block; color:#938F8E;}
.iconBox li.bBor:after{background:#d6d6d6;}
.iconBox li>a.rBor:after{background:#d6d6d6;}
.iconBox li.i4 a.rBor:after,.iconBox li.i8 a.rBor:after{ background:none}

.proItem{ overflow:hidden; width:100%;}
.proItem li{ float:left;width:-moz-calc((100% - 15px) / 2);width:-webkit-calc((100% - 15px) / 2);width: calc((100% - 15px) / 2);}
.proItem li:not(:last-child){ margin-right:15px;}
.proItem li img{width:100%; display:block}
.pic_2{
	clear:both;
	float:left;
	width:100%;
	padding:20px 15px;
	background:#AEAEAE;
}
.pic_2 ul .left{
	float:left;
	width:34.59%;
	position:relative;
	overflow:hidden;
}
.pic_2 .blackbg{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,0.3);
	-webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
}
.pic_2 ul .right{
	float:right;
	width:-moz-calc(64.62%);
	width:-webkit-calc(64.62%);
	width: calc(64.62%);
	position:relative;
	overflow:hidden;
}
.pic_2 li img{
	width:100%;
	display:block;
}
.pic_2 .proname{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-50px;
	margin-top:-20px;
	width:100px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:14px;
	color:rgba(255,255,255,0.8);
	font-weight:300;
	border:rgba(255,255,255,0.5) 1px solid;
}
header{ position: absolute; background:none;}
header.showMenu{ position:relative;}
.banner{float:left; width:100%;} 
.banner img{ float:left; margin-bottom:0px;}
.proItem{ float:left;margin-bottom:2px;}
.main{ overflow:hidden;}
/*******关于**********************/
.about_list{
	width:100%;
	float:left;
	background:url(../../../images/c-bg.jpg) no-repeat bottom center #2078B3;
	font-size:0;
	text-align:center;
	padding:5%;
}
.about_list li{
	display:inline-block;
	color:#FFF;
	width:100%;
	position:relative;
	text-align:left;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:rgba(255,255,255,.1) 1px solid;
}
.about_list li:last-child{
	padding-bottom:0px;
	border-bottom:0;
}
.about_list li .l{
	float:left;
	width:20%;
	padding-top:1%
}
.about_list li .r{
	width:80%;
	float:left;
	text-align:left;
}
.about_list li h3{
	font-size:20px;
	color:#FFF;
}
.about_list li p{
	font-size:14px;
	margin-top:1px;
	padding:0 0px;
	line-height:160%;
	color:#FFF;
}
/********核心优势*******/
.indexpro{
	width:100%;
	padding:0px 0;
	clear:both;
	background:#F9F9F9
}

.protitle .biaoti{
	font-size:20px;
	text-align:center;
	color:#6D6D6D;
	font-weight:600;
	position:relative;
	/*border-bottom:#6D6D6D 1px solid;*/
	padding-bottom:20px;
	display:inline-block;
    *display:inline;
    *zoom:1;
}
.protitle .biaoti span{ 
    /*font-family:Arial, Helvetica, sans-serif;*/
	padding-left:10px;
	color:#B2B3B7;
	text-transform:uppercase;
}
.protitle .biaoti span i{
	color:#E36E28;
	font-style:normal;
}
.protitle .biaoti em{
	width:80px;
	height:4px;
	background:#E36E28;
	position:absolute;
	bottom:-2px;
	left:50%;
	margin-left:-40px;
	display:none
}
.protitle .biaoti p{
	font-size:18px;
	text-align:center;
	padding:5px 0
}
.hxjs{
	margin:20px;
	position:relative;
}
.hxjslist{
	width:100%;
}
.hxjslist li{
	width:100%;
	clear:both;
	font-size:15px;
	color:#6D6D6D;
	margin-bottom:10px;
	display:block;
	
}
.hxjslist li div.tupian{
	float:left;
	width:30px;
}
.hxjslist li div.tupian img{
	width:100%!important
}
.hxjslist li .wenzi{
	float:right;
	width:-moz-calc(100% - 42px);
	width:-webkit-calc(100% - 42px);
	width: calc(100% - 42px);
	line-height:140%;
}
/******关于我们************/
.index-about{
	width:100%;
	float:left;
	clear:both;
	padding:4% 4% 20px 4%;
	position:relative;
	background:#FFF;
}
.index-about .l{
	width:100%;
	padding-top:0px;
	position:relative;
	color:#747474;
	font-weight:lighter;
}
.index-about .l img{
	width:100%;
	display:block;
}
.index-about .l p{
	margin-bottom:15px;
	text-indent:2em;
}
.index-about .l strong{
	color:#02747E;
	font-size:15px;
}
.index-about .r{
	width:100%;
	padding-top:15px;
	clear:both;
}
.index-about .r h3{
	position:relative;
	color:#000;
	font-size:20px;
	padding-top:20px;
	margin-bottom:5px;
}
.index-about .r h3 span{
	display:inline-block;
	color:#1D79B6;
	padding-left:5px;
}
.index-about .r a.leranmore{
	display:block;
	background:#BCAE41;
	width:100px;
	height:32px;
	vertical-align:middle;
	line-height:32px;
	border-radius:25px;
	text-align:center;
	color:#FFF;
	font-size:14px;
	margin-top:5%;
}
.index-about .r a.leranmore:hover{
	text-transform:uppercase;
	clear:both;
	display:block;
}
.index-about .r p{
	font-size:14px;
	line-height:180%;
}

/******首页产品***********/
.honor {
	width:100%;
	float:left;
	clear:both;
	background:#F3F3F3;
	padding:40px 0;
}
.honor .index-title{
	margin:0 4%;
	text-align:center;
	color:#000;
	font-size:20px;
	font-weight:bold;
}
.honor .index-title span{
	color:#1D79B6;
}
.honor .con { 
	margin:40px auto 0 auto;
	position:relative;
	/*width:-moz-calc(90% + 100px);
	width:-webkit-calc(90% + 100px);
	width: calc(90% + 100px);
	max-width: calc(1360px + 100px);
	min-width: calc(1200px + 100px);*/
	width:100%;
}
.honor .tempWrap{
	overflow:hidden;
	position:relative;
	width:-moz-calc(100% - 60px);
	width:-webkit-calc(100% - 60px);
	width: calc(100% - 60px);
	margin:0 auto;
}
.honor .con ul{
    font-size:0;
    padding:0;
    margin:0 0 0 -25px;
}
.honor .con li { 
   display:inline-block;
   width:100%;
   /*padding-right:25px;*/
   position:relative;
}
.honor .con li.last{
	padding-right:0;
}
.honor .con li a { 
   display:block; 
   position:relative; 
   font-size:18px;
}
.honor .con li .s-img {
	/*height:250px; */
	text-align:center;
	vertical-align: middle;
	/*display: table-cell;*/
	width:100%;
	position:relative;
	overflow:hidden;
}
.honor .con li .s-img img {
	display:inline-block; 
	vertical-align:middle; 
	width:100%; 
	max-height:100%;
	transition: all linear 0.3s
}
.honor .con li:hover img{
	-moz-transform:scale(1.2);
    -webkit-transform: scale(1.2);
    transform:scale(1.2);
}
.honor .con li .s-text{
	background:#FFF;
	width:100%;
	height:170px;
	padding:30px 20px;
	overflow:hidden;
	line-height:180%;
	font-size:14px;
}
.honor .con li .s-text p{
	color:#999;
}
.honor .con li:hover .s-text h3{
	color:#0047BA;
}
.honor .con li:hover .s-text p{
	color:#777;
}
.honor .con li .s-more{
	background:#FFF;
	width:100%;
	height:60px;
	margin-top:1px;
	overflow:hidden;
	line-height:60px;
	font-size:14px;
}
.honor .con li .s-more .jiantou-right{
	width:30%;
	height:100%;
	float:left;
	border-right:#f0f0f0 1px solid;
	background:url(../../../images/jiantou-right.jpg) no-repeat 20px;
	transition: all linear 0.3s
	
}
.honor .con li:hover .s-more .jiantou-right{
	background:url(../../../images/jiantou-right.jpg) no-repeat 30px;
}
.honor .con li .s-more .right{
	float:left;
	width:70%;
	padding-left:40px;
	text-transform:uppercase;
	font-size:12px;
	transition: all linear 0.3s
}
.honor .con li:hover .s-more .right{
	padding-left:30px;
	color:#0047BA;
}
.honor .con a.prev {
	outline:none;
    position:absolute; 
	left:0px; 
	top:50%; 
	width:20px; 
	height:30px; 
	margin-top:-25px; 
	background:url(../../../images/l.png?v=2.0) no-repeat center center #FFF;
	transition: all linear 0.3s
}
.honor .con a.prev:hover {
	background:url(../../../images/l.png?v=2.0) no-repeat center #FFF;
}
.honor .con a.next {
	outline:none;
	position:absolute; 
	right:0px; 
	top:50%; 
	width:20px; 
	height:30px; 
	margin-top:-25px;
	background:url(../../../images/r.png?v=2.0) no-repeat center center #FFF;
	transition: all linear 0.3s
}
.honor .con a.next:hover {
	background:url(../../../images/r.png?v=2.0) no-repeat center #FFF;
}

.index-solution{
	background:#F3F3F3;
	clear:both;
	width:100%;
	float:left;
	padding:60px 0;
}
a.index-title-more2{
	float:right;
	background:url(../../../images/more2.jpg) no-repeat left;
	width:84px;
	height:30px;
	display:block;
	background-size:30px 30px;
	position:relative;
	bottom:6px;
}
a.index-title-more2 span{
	display:inline-block;
	width:54px;
	height:30px;
	text-align:center;
	line-height:30px;
	background:#FFF;
	font-size:14px;
	margin-left:30px;
	color:#424242;
	transition: all linear 0.3s
}
a.index-title-more2:hover span{
	background:#0047BA;
	color:#FFF
}
.index-solution-list{
	clear:both;
	margin-top:40px;
}
.index-solution-list li{
	width:-moz-calc((100% - 75px) / 4);
	width:-webkit-calc((100% - 75px) / 4);
	width: calc((100% - 75px) / 4);
	margin-right:25px;
	margin-bottom:25px;
	position:relative;
	float:left;
}
.index-solution-list li .s-img{
	width:100%;
	position:relative;
	overflow:hidden;
}
.index-solution-list li .s-img img{
	width:100%;
}
.index-solution-list ul li:last-child{
	margin-right:0;
}
.index-solution-list li .s-text{
	background:#FFF;
	width:100%;
	height:170px;
	padding:30px 20px;
	overflow:hidden;
	line-height:180%;
	font-size:14px;
}
.index-solution-list li .s-text p{
	color:#999;
}
.index-solution-list li:hover .s-text h3{
	color:#0047BA;
}
.index-solution-list li .s-text h3{
	color:#0047BA;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.index-solution-list li:hover .s-text p{
	color:#777;
}
.index-solution-list li .s-more{
	background:#FFF;
	width:100%;
	height:60px;
	margin-top:1px;
	overflow:hidden;
	line-height:60px;
	font-size:14px;
}
.index-solution-list li .s-more .jiantou-right{
	width:30%;
	height:100%;
	float:left;
	border-right:#f0f0f0 1px solid;
	background:url(../images/jiantou-right.jpg) no-repeat 20px;
	transition: all linear 0.3s
	
}
.index-solution-list li:hover .s-more .jiantou-right{
	background:url(../images/jiantou-right.jpg) no-repeat 30px;
}
.index-solution-list li .s-more .right{
	float:left;
	width:70%;
	padding-left:40px;
	text-transform:uppercase;
	font-size:12px;
	transition: all linear 0.3s
}
.index-solution-list li:hover .s-more .right{
	padding-left:30px;
	color:#0047BA;
}
/******个性定制***********/
.index-gxdz{
	width:100%;
}
.index-gxdz img{
	width:100%;
	display:block;
}
/******首页新闻***********/
.indexnews{
	width:100%;
	clear:both;
	background:#f5f5f5;
	float:left;
	padding:30px 15px;
}
.indexnews h3,.index-partner h3{
	font-size:20px;
	font-weight:bold;
	color:#000;
	text-align:center;
	position:relative;
}
.indexnews h3 span,.index-partner h3 span{
	text-transform:uppercase;
	color:#1D79B6;
}
.indexnews h3 a{
	color:#424242
}
.indexnews li{
	width:100%;
	float:left;
	position:relative;
	margin-top:20px;
	border-bottom:#BFBFBF 1px solid;
	padding-bottom:20px;
}
.newsdate{
	float:left;
	width:100%;
	font-size:13px;
	color:#606060;
}
.newsdate span{
	font-size:18px;
	color:#000;
}
.newstitle{
	float:left;
	width:100%;
}
.newstitle span{
	font-size:18px;
	color:#000;
	font-weight:300;
	line-height:160%;
}
.newstitle p{
	font-size:15px;
	margin-top:10px;
	color:#676767;
	line-height:180%;
}
.newsimg{
	float:right;
	width:-moz-calc(100% - 0px);
	width:-webkit-calc(100% - 0px);
	width: calc(100% - 0px);
	margin-bottom:10px;
}
.newsimg img{
	width:100%;
	display:block;
}
/*********合作伙伴**************************/
.index-partner{
	width:100%;
	clear:both;
	float:left;
	background:#FFF;
	padding:0px 0;
	margin-bottom:0px;
}
.titbg{
	width:100%;
	float:left;
	clear:both;
	background:#f3f3f3;
	padding:4% 0 4% 4%;
}
.titbg .index-title{
	border-bottom:0;
}
.index-partner-list ul{
	font-size:0;
	padding:30px 4%;
}
.index-partner-list li{
	display:inline-block;
	margin-right:20px;
	margin-bottom:10px;
	width:-moz-calc((100% - 40px) / 3);
	width:-webkit-calc((100% - 40px) / 3);
	width: calc((100% - 40px) / 3);
}
.index-partner-list li img{
	max-width:100%;
}
.index-partner-list li:nth-child(3n){
	margin-right:0;
}