/* CSS Document */

.wrap{ background:#fff;}

/* banner */
.ibanner{ width:100%; height:80vh; overflow:hidden; position:relative; z-index:1; margin:104px 0 0;}
.ibanner .bd{ position:relative; height:auto; z-index:0;}
.ibanner .bd ul{ display:block; transition:all;}
.ibanner .bd ul li{ display:block;}
.ibanner .bd ul li a{ display:block; width:100%; height:80vh; background-size:cover !important;}
.ibanner .hd{ width:100%; z-index:1; position:absolute; left:0; bottom:26px;}
.ibanner .hd ul{ display:block; height:14px; text-align:center;}
.ibanner .hd ul li{ display:inline-block; width:14px; height:14px; background:#fff; border-radius:50%; margin:0 7px; vertical-align:top; cursor:pointer;}
.ibanner .hd ul li.on{ background:#e18c00;}

/*主体样式*/
.main{ width:auto; background:none; padding:0; overflow:hidden; position:relative;}
.clear{ clear:both;}

.ibox{ overflow:hidden;}
.ibox .con{ overflow:hidden; position:relative; padding:0 10%;}
.ibox h2{ display:block; font-size:32px; font-weight:normal; text-align:center; padding:1.6em 0 0;}
.ibox h2 em{ display:block; line-height:1.4em; color:#3c67a7;}
.ibox h2 i{ display:block; width:4.2em; height:4px; background:#2e9c15; margin:0 auto -2px; position:relative; z-index:2;}
.ibox h2 span{ display:block; line-height:1.5em; color:#999; font-size:16px; font-family:Arial; text-transform:uppercase; padding:0 0 1.7em;}

.box1{/* background:#e5edf3; */position:relative;}
.box1::after{ content:''; display:none; width:48%; height:100%; background:url(../images/bg1.jpg) center no-repeat; background-size:cover; position:absolute; right:0; top:0; z-index:1;}
.box1 .con{ position:relative; z-index:3;}
.box1 h2{ margin-right:54%;}
.box1 .txt{ max-height:10em; line-height:2.5em; color:#333; font-size:15px; margin:1em 54% 3em 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
}
.box1 .txt a{ color:inherit;}
.box1 ul.ab{ display:block; padding:4% 0; margin:0 54% 0 0; overflow:hidden; border-top:1px solid #d4dee5;}
.box1 ul.ab li{ display:block; width:25%; float:left;}
.box1 ul.ab li a{ display:block; font-size:16px;}
.box1 ul.ab li a em{ display:block; line-height:2; color:#333; text-align:center;}
.box1 ul.ab li a em img{ display:block; height:3.5em; background:#e5edf3;border-radius:50%; box-sizing:border-box; margin:0 auto 0.625em;}
.box1 ul.ab li a span{ display:block; line-height:2.25em; font-size:12px; color:#999; text-align:center; text-transform:uppercase;}
.box1 ul.ab li a:hover em img{ transform:rotate(360deg);}
.box1 ul.ab li a:hover em,
.box1 ul.ab li a:hover span{ color:#3c67a7;}
.box1 .pics{ width:50%; height:100%; position:absolute; right:0; top:0; z-index:1;}
.box1 .item{ display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; transition:all;}

.box2 ul.bs{ display:block; overflow:hidden; padding:0 0 6.5%;}
.box2 ul.bs li{ display:block; width:22%; margin:0 0 0 4%; float:left;}
.box2 ul.bs li:first-child{ margin-left:0;}
.box2 ul.bs li a{ display:block; background:#000; position:relative;}
.box2 ul.bs li a img.pic{ display:block; width:100%; opacity:0.6;}
.box2 ul.bs li a em{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.box2 ul.bs li a em img{ display:block; width:40%; background:#fff; border-radius:50%; box-shadow:rgba(0,0,0,0.35) 0 1px 9px; position:absolute; left:30%; top:50%; transform:translateY(-50%); margin-top:-12px;}
.box2 ul.bs li a em span{ display:block; width:100%; line-height:3.5em; color:#fff; font-size:20px; font-weight:bold; text-align:center; position:absolute; left:0; bottom:0;}
.box2 ul.bs li a:hover img.pic{ opacity:1;}

.box2{ padding:0 0 5%;}
.box2 ul.coop{ display:block; border:1px solid #dedede; border-width:1px 0 0 1px; overflow:hidden;}
.box2 ul.coop li{ display:block; width:20%; float:left;}
.box2 ul.coop li a{ display:block; overflow:hidden; border:1px solid #dedede; border-width:0 1px 1px 0; cursor:pointer;}
.box2 ul.coop li a img{ display:block; width:100%; height:auto;}
.box2 ul.coop li a:hover img{ transform:scale(1.2,1.2);}

.box3{ background:url(../images/b9.jpg) center no-repeat; background-size:cover;}
/*.box3{ background:#f5f5f5;}*/
.box3 h2{ border-bottom-color:#70a963;}
.box3 h2 em{ color:#868686;}
.box3 h2 span{ color:#868686;}
.box3 h2 i{ background:#fff;}
.box3 .slideGroup{ padding:0 0 5%;}
.box3 .slideGroup .parHd ul{ display:block; overflow:hidden; text-align:center; overflow:hidden; padding:0 0 4.2%;}
.box3 .slideGroup .parHd ul li{ display:block; width:14.58%; line-height:2.78; color:#868686; font-size:18px; text-align:center; background:#fff; cursor:pointer; margin:0 0 0 2.5%; float:left;}
.box3 .slideGroup .parHd ul li:first-child{ margin-left:0;}
.box3 .slideGroup .parHd ul li:hover,
.box3 .slideGroup .parHd ul li.on{ color:#000; background:#ffb758;}
.box3 .slideGroup .parBd{ position:relative;}
.box3 .slideGroup .parBd .slideBox{ width:103%; margin:0 -1.5%; overflow:hidden; position:absolute; left:0; top:0; opacity:0; z-index:-1;}
.box3 .slideGroup .parBd .slideBox.on{ position:relative; opacity:1;}
.box3 .slideGroup .parBd .slideBox ul{ display:block; width:100%; overflow:hidden; transition:all;}
.box3 .slideGroup .parBd .slideBox ul li{ display:block; width:25%; float:left;}
.box3 .slideGroup .parBd .slideBox ul li a{ display:block; background:#dfe5e6; box-shadow:rgba(0,0,0,0.15) 0 0 29px inset; position:relative; margin:0 6%; overflow:hidden;}
.box3 .slideGroup .parBd .slideBox ul li a em{ display:block; overflow:hidden;}
.box3 .slideGroup .parBd .slideBox ul li a img{ display:block; width:100%;}
.box3 .slideGroup .parBd .slideBox ul li a span{ display:block; line-height:2em; color:#3c67a7; font-size:16px; padding-left:2em; background:url(../images/pro_mark.png) left center no-repeat; background-size:auto 1em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0.8em 6.8%; font-weight:bold;}
.box3 .slideGroup .parBd .slideBox ul li a p{ display:block; line-height:2em; color:#666; font-size:14px; padding-left:2.28em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0 6.8% 1.64em;}
.box3 .slideGroup .parBd .slideBox ul li a:hover{ background:#3a64a2;}
.box3 .slideGroup .parBd .slideBox ul li a:hover img{ transform:scale(1.12,1.12);}
.box3 .slideGroup .parBd .slideBox ul li a:hover span{ color:#fff; background-image:url(../images/pro_mark_cur.png);}
.box3 .slideGroup .parBd .slideBox ul li a:hover p{ color:#c7c7c7;}
.box3 .slideGroup .parBd .slideBox a.sPrev,
.box3 .slideGroup .parBd .slideBox a.sNext{ display:block; width:44px; height:110px; background:url(../images/prev.png) center no-repeat; background-size:contain; position:absolute; top:50%; margin-top:-110px;}
.box3 .slideGroup .parBd .slideBox a.sPrev{ background:url(../images/prev.png) center no-repeat; background-size:contain; left:-64px;}
.box3 .slideGroup .parBd .slideBox a.sNext{ background:url(../images/next.png) center no-repeat; background-size:contain; right:-64px;}
.box3 .slideGroup .parBd .slideBox a.more{ display:block; width:14.2em; line-height:2.82; color:#000; font-size:16px; text-align:center; background:#ffb758; margin:4% auto 0;}
.box3 .slideGroup .parBd .slideBox a.more:hover{ color:#000; background:#fff;}

.box4{ padding:0 0 5%;}
.box4 .newslide{ width:560px; height:388px; overflow:hidden; position:relative; z-index:1; float:left;}
.box4 .newslide .bd{ position:relative; height:auto; z-index:0;}
.box4 .newslide .bd ul{ display:block; transition:all;}
.box4 .newslide .bd ul li{ display:block;}
.box4 .newslide .bd ul li a{ display:block; position:relative; overflow:hidden;}
.box4 .newslide .bd ul li a img{ display:block; width:560px; height:388px;}
.box4 .newslide .bd ul li a span{ display:block; width:100%; line-height:3em; color:#fff; font-size:16px; text-align:center; background:rgba(0,0,0,0.6); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:absolute; left:0; bottom:0;}
.box4 .newslide a.prev,
.box4 .newslide a.next{ display:block; width:38px; height:60px; background:url(../images/sprev.png) center no-repeat; background-size:contain; position:absolute; top:50%; margin-top:-30px;}
.box4 .newslide a.prev{ background:url(../images/sprev.png) center no-repeat; background-size:contain; left:0;}
.box4 .newslide a.next{ background:url(../images/snext.png) center no-repeat; background-size:contain; right:0;}

.box4 ul.news{ display:block; overflow:hidden; border:1px solid #e5e5e5; border-bottom:0;}
.box4 ul.news li{ display:block; height:128px; overflow:hidden; padding:0 2.5%; border-bottom:1px solid #e5e5e5;}
.box4 ul.news li a.title{ display:block; line-height:42px; color:#333; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:14px 0 0;}
.box4 ul.news li a.title:hover{ color:#3c67a7;}
.box4 ul.news li span{ display:block; line-height:42px; color:#3c67a7; font-size:14px; font-weight:bold; float:right; margin:14px 0 0;}
.box4 ul.news li .txt{ height:48px; line-height:24px; color:#999; font-size:13px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box4 ul.news li:hover{ background:#3c67a7;}
.box4 ul.news li:hover a.title,
.box4 ul.news li:hover span,
.box4 ul.news li:hover .txt{ color:#fff;}
.box4 a.more{ display:block; width:8em; line-height:3em; color:#125802; font-size:16px; text-align:center; margin:-3% auto 0;}
.box4 ul.contact{ display:block; padding:4.2% 0 5.2%; margin:0 10%; overflow:hidden;}
.box4 ul.contact li{ display:block; width:25%; float:left;}
.box4 ul.contact li a{ display:block; width:8em; font-size:18px; margin:0 auto;}
.box4 ul.contact li a img{ display:block; height:6.2em; margin:0 auto;}
.box4 ul.contact li a span{ display:block; line-height:2.72em; color:#333; text-align:center;}
.box4 ul.contact li a:hover span{ color:#2e9c15;}

.casebox{ background:url(../images/albg.png) center no-repeat #454545;}
.casebox .caseslide{ position:relative; z-index:1; margin:0 10%; padding:4% 0; padding-left:94px; position:relative;}
.casebox .caseslide h2{ display:block; width:74px; height:110.65%; line-height:1.66em; color:#000; font-size:24px; font-weight:normal; text-align:center; background:url(../images/case_title.png) center no-repeat; background-size:100% 100%; box-sizing:border-box; position:absolute; left:0; top:-5.325%;}
.casebox .caseslide h2 em{ display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.casebox .caseslide h2 em img{ display:block; width:1.5em; margin:0 0 1.25em;}
.casebox .caseslide .bd{ position:relative; height:auto; z-index:0; margin:0 90px;}
.casebox .caseslide .bd ul{ display:block; transition:all;}
.casebox .caseslide .bd ul li{ display:block; width:33.33%; float:left;}
.casebox .caseslide .bd ul li a{ display:block; position:relative; margin:0 6%;}
.casebox .caseslide .bd ul li a em{ display:block; overflow:hidden;}
.casebox .caseslide .bd ul li a img{ display:block; width:100%; height:250px;}
.casebox .caseslide .bd ul li a span{ display:block; line-height:3em; color:#333; font-size:15px; text-align:center; background:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.casebox .caseslide .bd ul li a:hover span{ color:#fff; background:#3c67a7;}
.casebox .caseslide .bd ul li a:hover img{ transform:scale(1.2,1.2);}
.casebox .caseslide a.prev,
.casebox .caseslide a.next{ display:block; width:50px; height:50px; background:url(../images/cprev.png) center no-repeat; background-size:contain; position:absolute; top:50%; margin-top:-30px;}
.casebox .caseslide a.prev{ background:url(../images/cprev.png) center no-repeat; background-size:contain; left:94px;}
.casebox .caseslide a.next{ background:url(../images/cnext.png) center no-repeat; background-size:contain; right:0;}



/*pc适配*/
@media only screen and (min-width:1160px) and (max-width:1440px){
.main{ padding:0; margin:0 auto; overflow:visible;}
}

@media only screen and (min-width:1025px) and (max-width:1159px){
.ibanner,
.ibanner .bd ul li a{ height:50vw;}
.box1::after{ width:38%;}
.box1 h2,
.box1 .txt,
.box1 ul.ab{ margin-right:54%;}
.box1 ul.ab li a span{ display:none;}
.box4 .newslide{ width:420px;}
.box4 .newslide .bd ul li a img{ margin:0 -70px;}
.casebox .caseslide h2{ font-size:20px;}
.casebox .caseslide .bd{ margin:0 70px;}
}

/*pad适配*/
@media only screen and (min-width:768px) and (max-width:1024px){
.ibanner{ height:48vw; max-height:none; margin:100px 0 0;}
.ibanner .bd ul li a{ height:48vw; max-height:none;}

.main{ padding:0;}

.ibox .con{ padding:0 16px;}
.box1::after{ display:none;}
.box1 h2{ margin:0;}
.box1 .txt{ height:auto; margin:0 6% 2em;}
.box1 ul.ab{ margin:1% 6% 0;}
.box1 .pics{ width:auto; position:relative; height:48vw; margin:0 -16px;}
.box3 .slideGroup .parHd ul{ padding:0 60px 4.2%;}
.box3 .slideGroup .parHd ul li{ font-size:16px;}
.box3 .slideGroup .parBd .slideBox{ padding:0 40px; margin:0;}
.box3 .slideGroup .parBd .slideBox ul li{ width:50%;}
.box3 .slideGroup .parBd .slideBox a.sPrev,
.box3 .slideGroup .parBd .slideBox a.sNext{ width:33px; height:73px; margin-top:-86px;}
.box3 .slideGroup .parBd .slideBox a.sPrev{ left:0;}
.box3 .slideGroup .parBd .slideBox a.sNext{ right:0;}
.box3 .slideGroup .parBd .slideBox a.more{ font-size:15px; width:10em; margin-top:5%;}
.box4 .newslide{ width:100%; float:none;}
.box4 .newslide .bd ul li a img{ width:100%;}
.casebox .caseslide{ margin:0 32px;}
.casebox .caseslide h2{ font-size:22px;}
.casebox .caseslide .bd{ margin:0 64px;}
.casebox .caseslide .bd ul li{ width:50%;}

}

/*手机适配*/
@media only screen and (max-width:767px){
.ibanner{ height:50vw; margin:60px 0 0;}
.ibanner .bd ul li a{ height:50vw;}
.ibanner .hd{ bottom:10px;}
.ibanner .hd ul{ height:10px;}
.ibanner .hd ul li{ width:10px; height:10px; margin:0 5px;}

.main{ padding:0;}

.ibox h2{ font-size:26px; padding:1em 0 0; margin:0 0 0.5em;}
.ibox h2 span{ font-size:14px; padding:0 0 1em;}
.ibox .con{ padding:0 10px;}

.box1::after{ display:none;}
.box1 h2{ margin:0;}
.box1 .txt{ max-height:none; line-height:2; font-size:14px; margin:0 6% 2em; -webkit-line-clamp:999;}
.box1 ul.ab{ padding:6% 0; margin:0;}
.box1 ul.ab li a{ font-size:14px;}
.box1 ul.ab li a span{ display:none;}
.box1 .pics{ width:auto; position:relative; height:50vw; margin:0 -10px;}
.box3 .slideGroup .parHd ul{ padding:0 0 4.2%;}
.box3 .slideGroup .parHd ul li{ display:inline-block; width:auto; min-width:28%; font-size:14px; margin:0 1% 2.5%; float:none;}
.box3 .slideGroup .parHd ul li:first-child{ margin:0 1% 2.5%;}
.box3 .slideGroup .parBd .slideBox{ padding:0 48px; margin:0; width:100%; box-sizing:border-box;}
.box3 .slideGroup .parBd .slideBox .tempWrap{ width:100%;}
.box3 .slideGroup .parBd .slideBox ul li{ width:100%;}
.box3 .slideGroup .parBd .slideBox a.sPrev,
.box3 .slideGroup .parBd .slideBox a.sPrev{ left:0;}
.box3 .slideGroup .parBd .slideBox a.sNext{ right:0;}
.box3 .slideGroup .parBd .slideBox a.more{ font-size:15px; width:10em; margin:10% auto 3%;}
.box4 .newslide{ width:100%; height:auto; float:none;}
.box4 .newslide .bd ul li a img{ width:100%; height:66vw;}
.box4 ul.news{ margin:12px 0 0;}
.box4 ul.news li{ height:auto;}
.box4 ul.news li .txt{ height:auto; margin:0 0 14px;}
.casebox .caseslide{ margin:0 10px; padding-left:76px;}
.casebox .caseslide h2{ line-height:1.32em; font-size:20px;}
.casebox .caseslide h2 em img{ margin-bottom:0.6em;}
.casebox .caseslide .bd{ margin:0 40px;}
.casebox .caseslide .bd ul li{ width:100%;}
.casebox .caseslide a.prev,
.casebox .caseslide a.next{ width:36px; height:36px; margin-top:-18px;}
.casebox .caseslide a.prev{ left:76px;}
.box2 ul.coop li{ width:33.33%;}
}

/*追加*/
@media only screen and (min-width:1160px) and (max-width:1440px){
	
}





/**/