@import url(style.css);
@import url(slide.css);
@import url(pscroll.css);


.i_two{ background:#f8f8f8; overflow:hidden; margin-top:2%; padding-top:4.5%; padding-bottom:4.5%;}
.i_two .i_two_a{ overflow:hidden; margin-bottom:15px; position:relative;}
.i_two .i_two_a .imgs{ width:57.7%; height:319px; position:absolute; right:0; top:0; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.i_two .i_two_a .imgs img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
.i_two .i_two_a .wrap{height:319px;}
.i_two .i_two_a .txts{ width:38%; position:relative; left:0; transform: translate(0%, -50%); top:50%; overflow:hidden; line-height:1.2; color:#222; font-weight:bold;}
.i_two .i_two_a .txts .label{ display:block; text-transform:uppercase;margin-bottom:1%;line-height:1; margin-bottom:3.5%;color:#767676;}
.i_two .i_two_a .txts .label span{ color:#222222;}
.i_two .i_two_b{ overflow:hidden; position:relative;}
.i_two .i_two_b .imgs{ width:38%; height:609px; float:left; overflow:hidden;background-repeat:no-repeat; background-position:center center; background-size:cover; }
.i_two .i_two_b .imgs img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
.i_two .i_two_b .txts{  width:57.7%;overflow:hidden; position:absolute; right:0; top:0; }
.i_two .i_two_b .txts img{ display:block; width:215px;}
.i_two .i_two_b .txts .cons{ max-width:650px; margin-top:8%; overflow:hidden; font-size:15px; line-height:22px; color:#414141; padding-left:69px;}
.i_two .i_two_b .txts .cons ul li{ display:block; margin-bottom:6%;}
.i_two .i_two_b .txts .cons .h3{ color:#222222; font-size:28px; font-weight:bold; margin-bottom:10px; line-height:1;}
.i_two .i_two_b .txts .cons span{ line-height:32px;}
.i_two .i_two_b .txts .cons .a{  display:block;  height:46px; line-height:46px; width:150px; background:#767676; text-align:center; overflow:hidden; color:#fff; font-size:15px; position:relative; z-index:0;}
.i_two .i_two_b .txts .cons .a:after{ content:""; position:absolute; left:50%; top:0%; height:100%; width:0;background:#222222;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s; z-index:-1; }
.i_two .i_two_b .txts .cons .a:hover:after{width:100%; left:0; }

.i_four_t{ text-align:center; overflow:hidden; line-height:1.2; color:#222; font-weight:bold; margin-top:5%;}
.i_four_t .label{ display:block; text-transform:uppercase;margin-bottom:1%;line-height:1; margin-bottom:1%;color:#767676;}
.i_four_t .label .green{ color:#222222;}
.i_four{ margin-top:5%; overflow:hidden; margin-bottom:7%; clear:both;}
.i_four ul li{ float:left; overflow:hidden;}
.i_four ul li:nth-child(1){ width:100%;}
.i_four ul li:nth-child(2){ width:43.69%;}
.i_four ul li:nth-child(3){ width:19.85%;}
.i_four ul li .divs{ margin-right:4px; margin-bottom:4px; overflow:hidden; height:230px; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;}
.i_four ul li .divs:after{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.5);transition:all 0.3s;}
.i_four ul li:nth-child(3) .divs{ height:431px;}
.i_four ul li img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;opacity:0;filter:Alpha(opacity=0);}

.i_four ul li .divs:hover:after{ background:none;}
.i_four ul li dl dd{ float:left; overflow:hidden;}
.i_four ul li dl dd:nth-child(1),.i_four ul li dl dd:nth-child(4){ width:25%;}
.i_four ul li dl dd:nth-child(2),.i_four ul li dl dd:nth-child(3){ width:25%;}
.i_four ul li dl dd:nth-child(5),.i_four ul li dl dd:nth-child(8){ width:25%;}
.i_four ul li dl dd:nth-child(6),.i_four ul li dl dd:nth-child(7){ width:25%;}

.i_five{ background:#f2f2f2; overflow:hidden; padding-bottom:5%;}



@media screen and (max-width:1760px) {

.i_two .i_two_a .wrap{ height:302px;}
.i_two .i_two_a .imgs{ width:58.4%;height:302px;}
.i_two .i_two_b .txts{ width:58.4%;}
}

@media screen and (max-width:1560px) {

.i_two .i_two_a .wrap{ height:272px;}
.i_two .i_two_a .imgs{ width:59.5%;height:272px;}
.i_two .i_two_b .txts{ width:59.5%;}

.i_two .i_two_a .wrap{ height:252px;}
.i_two .i_two_a .imgs{ width:60.5%;height:252px;}
.i_two .i_two_b .txts{ width:60.5%;}
}
@media screen and (max-width:1360px) {

.i_two .i_two_a .wrap{ height:238px;}
.i_two .i_two_a .imgs{ width:60.3%;height:238px;}
.i_two .i_two_b .txts{ width:60.3%;}
.i_two .i_two_b .imgs{ height:607px;}

.i_two .i_two_a .wrap{ height:211px;}
.i_two .i_two_a .imgs{height:211px;}
.i_two .i_two_b .imgs{ height:536px;}
.i_two .i_two_b .txts img{ width:190px;}
.i_two .i_two_b .txts .cons{ padding-left:0; margin:0 auto; width:90%; margin-top:8%;}

.i_four ul li .divs{ height:186px;}
.i_four ul li:nth-child(3) .divs{ height:376px;}
}