@import url(style.css);
@import url(pscroll.css);
/*首页*/
/*大图*/
.i_big{ overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;}
.i_big .imgs{ width:100%;opacity:0;filter:Alpha(opacity=0); min-height:190px;}
.i_big .txts{ position:absolute;max-width:1300px; width:100%; height:100%;left: 50%;top: 50%; transform: translate(-50%, -50%);}
.i_big .txts img{ height:100%; margin-left:195px;}
/*应用案例*/
.i_one{ width:1300px; overflow:hidden; margin:2% auto; }
/*.i_one:before{width: 34%;content: ''; position: absolute;  display: block;  top: 0; bottom: 0; z-index: 1;background: -webkit-gradient(linear,left top, right top,from(#fff),to(rgba(255,255,255,0))); background: linear-gradient(to right,#fff,rgba(255,255,255,0)); left: -2px;-webkit-backface-visibility: hidden; backface-visibility: hidden; border: 1px transparent;}*/
/*.i_one:after{width: 34%;content: ''; position: absolute;  display: block;  top: 0; bottom: 0; z-index: 1;background: -webkit-gradient(linear,right top, left top,from(#fff),to(rgba(255,255,255,0))); background: linear-gradient(to left,#fff,rgba(255,255,255,0)); right: -2px; -webkit-backface-visibility: hidden; backface-visibility: hidden; border: 1px transparent;}*/
/*关于我们*/
.i_two{ overflow:hidden;  max-width:940px; width:96%; margin:0 auto;margin-top:2%; margin-bottom:3%; line-height:160%; text-align:center;}
.i_more{ clear:both; width:40%;max-width:182px; height:50px; margin:0 auto; display:block; clear:both; text-align:center; line-height:50px; font-size:14px; color:#fff; border-radius:26px;}
.i_more:hover{text-decoration:none; }
.i_more label{ font-size:16px; font-family:"宋体";}
.i_more.hvr-shutter-out-vertical{backface-visibility:hidden;background:transparent none repeat scroll 0 0;position:relative;transform:translateZ(0px);transition-duration:.3s;transition-property:color;-moz-transform:translateZ(0px);-moz-transition-duration:.3s;-moz-transition-property:color;-webkit-transform:translateZ(0px);-webkit-transition-duration:.3s;-webkit-transition-property:color;vertical-align:middle;background:#f10000; }
.i_more.hvr-shutter-out-vertical::before{background:#595959 none repeat scroll 0 0;border:0 none;padding:1px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scaleY(0);transform-origin:50% 50% 0;transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out;-moz-transform:scaleY(0);-moz-transform-origin:50% 50% 0;-moz-transition-duration:.3s;-moz-transition-property:transform;-moz-transition-timing-function:ease-out;-webkit-transform:scaleY(0);-webkit-transform-origin:50% 50% 0;-webkit-transition-duration:.3s;-webkit-transition-property:transform;-webkit-transition-timing-function:ease-out;z-index:-1; border-radius:26px;}
.i_more.hvr-shutter-out-vertical:active::before,.i_more.hvr-shutter-out-vertical:focus::before,.i_more.hvr-shutter-out-vertical:hover::before{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1); border-radius:26px;}

.i_more.btn-enter:active,.btn-enter:focus,.i_more.btn-enter:hover{background:#ec2029;color:#fff;}
/*节能建议*/
.i_three{ overflow:hidden; margin-top:4%; margin-bottom:4%;}
.i_three .i_three_l{ float:left; width:48%; overflow:hidden; position:relative;opacity:0;filter:Alpha(opacity=0);}
.i_three .i_three_l .imgs{ overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:100% 100%;transition:all 0.3s;}
.i_three .i_three_l .imgs img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
.i_three .i_three_l .txts{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); text-align:center;}
.i_three .i_three_l .txts h2{ font-weight:normal; color:#fff; margin-top:28%; margin-bottom:5%;}
.i_three .i_three_l .txts i{ display:block; width:35px; height:35px; background:url(/skin/images/i_bg1.png) no-repeat; margin:0 auto;}
.i_three .i_three_l:hover .imgs{ background-size:110% 110%;}
.i_three .i_three_r{ float:right; width:48%; overflow:hidden;opacity:0;filter:Alpha(opacity=0);}
.i_three .i_three_r .divs{ overflow:hidden; margin-bottom:6.3%;}
.i_three .i_three_r .divs:last-child{ margin-bottom:0;}
.i_three .i_three_r .imgs{ float:left; width:46%; overflow:hidden; position:relative;}
.i_three .i_three_r .imgs img{ 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;}
.i_three .i_three_r .imgs i{ position:absolute; top:0; left:0;width:100%; height:100%; background:rgba(0,0,0,0.2); }
.i_three .i_three_r .txts{ float:right; width:48%;font-size:14px;}
.i_three .i_three_r .txts h2{ font-weight:normal; color:#555555; font-size:14px; margin-top:4%; margin-bottom:6%; line-height:24px; height:24px; background:url(/skin/images/i_bg2.jpg) left center no-repeat; padding-left:14px; overflow:hidden;}
.i_three .i_three_r .txts h3{ font-weight:normal; color:#333333; font-size:18px; margin-bottom:6%;line-height:26px; height:26px; overflow:hidden;}
.i_three .i_three_r .txts .p{ overflow:hidden; line-height:24px; max-height:48px; margin-bottom:6%; color:#777777;}
.i_three .i_three_r .txts .mores{ clear:both; float:left; color:#777777; padding-right:22px;background:url(/skin/images/i_bg3.png) right center no-repeat;transition:all 0.3s;}
.i_three .i_three_r .txts .mores:hover{ margin-left:3px;}
.i_three .i_three_r .divs:hover .txts h3{ color:#f10000;}
.i_three .i_three_r .divs:hover .txts .mores{ color:#f10000;}
.i_three .i_three_r .divs:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
/*新闻中心*/
.i_news_bg{ background:#f8f8f8; overflow:hidden; padding-bottom:2%;}
.i_t{ text-align:center; color:#333333; margin-top:4%;}
.i_t h2{ color:#333; font-weight:normal; background:url(/skin/images/i_bg4.png) center bottom no-repeat;padding-bottom:1.5%; margin-bottom:2%;}
.i_news{ width:102%; margin-left:-1%;}

/*加入我们*/
.i_four{ overflow:hidden; margin-top:4%; margin-bottom:4%;}
.i_four .i_four_l{ float:left; width:48%; overflow:hidden; position:relative;opacity:0;filter:Alpha(opacity=0);}
.i_four .i_four_l .imgs{ overflow:hidden; }
.i_four .i_four_l .imgs img{ 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;}
.i_four .i_four_l .txts{ position:absolute; bottom:0; left:0; width:100%; background:url(/skin/images/i_bg1.png) 94% center no-repeat rgba(241,0,0,0.8);color:#fff;}
.i_four .i_four_l .txts .cons{width:94%; max-width:560px; margin:0 auto; overflow:hidden;}
.i_four .i_four_l .txts h2{ font-weight:normal; margin-top:5%; margin-bottom:2%; font-size:18px;}
.i_four .i_four_l .txts p{  margin-bottom:5%; font-size:14px; line-height:24px; max-height:48px; max-width:436px; width:86%; overflow:hidden;}
.i_four .i_four_l:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_four .i_four_r{ float:right; width:48%; overflow:hidden;opacity:0;filter:Alpha(opacity=0);}
.i_four .i_four_r .divs{ overflow:hidden; margin-bottom:6.3%;position:relative;}
.i_four .i_four_r .divs:last-child{ margin-bottom:0;}
.i_four .i_four_r .imgs{ overflow:hidden;}
.i_four .i_four_r .imgs img{ 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;}
.i_four .i_four_r .txts{ position:absolute; bottom:0; left:0; width:100%; background:url(/skin/images/i_bg1.png) 94% center no-repeat rgba(0,0,0,0.5);color:#fff;}
.i_four .i_four_r .txts h2{width:94%; max-width:560px; margin:0 auto; font-weight:normal; color:#fff; font-size:18px; margin-top:3%; margin-bottom:3%; line-height:26px; height:26px; padding-left:14px; overflow:hidden;}
.i_four .i_four_r .divs:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

/*不仅仅是岩石*/
.i_five{ overflow:hidden; background:url(/skin/images/i_bg5.jpg) center bottom no-repeat; padding-top:7%; padding-bottom:11%; font-size:18px; line-height:30px; background-size:cover;}
.i_five .wrap{ text-align:center;}
.i_five h2{font-weight:normal; overflow:hidden; margin-bottom:4%;}

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

}
@media screen and (max-width:1440px) {
/*关于我们*/
.i_more{ height:46px; line-height:46px;}

}
@media screen and (max-width:1200px) {
/*大图*/
.i_big .txts img{ height:110%; margin-top:-1.5%; margin-left:175px;}
/*关于我们*/
.i_more{ height:42px; line-height:42px;max-width:160px; }
/*节能建议*/
.i_three .i_three_r .txts{ font-size:13px;}
.i_three .i_three_r .txts h2{ margin-bottom:4%; font-size:13px;}
.i_three .i_three_r .txts h3{ margin-bottom:4%; font-size:16px;}
.i_three .i_three_r .txts .p{ margin-bottom:4%; line-height:22px; max-height:44px;}
/*加入我们*/
.i_four .i_four_l .txts{ background-size:30px auto;}
.i_four .i_four_l .txts h2{ font-size:16px;}
.i_four .i_four_l .txts p{ font-size:13px; line-height:22px; max-height:44px;}
.i_four .i_four_r .txts{ background-size:30px auto;}
.i_four .i_four_r .txts h2{ font-size:16px; line-height:24px; height:24px;}
/*不仅仅是岩石*/
.i_five{ font-size:16px; line-height:26px;}
}
@media screen and (max-width:1000px) {
/*大图*/
.i_big .txts img{ height:120%; margin-top:-3%; margin-left:155px;}
/*节能建议*/
.i_three .i_three_r .txts h2{ margin-bottom:3%;}
.i_three .i_three_r .txts h3{ margin-bottom:3%;}
.i_three .i_three_r .txts .p{ margin-bottom:3%;line-height:20px; max-height:40px;}
/*加入我们*/
.i_four .i_four_l .txts p{line-height:20px; max-height:40px;}
}
@media screen and (max-width:960px) {
/*节能建议*/
.i_three .i_three_r .txts{ font-size:12px;}
.i_three .i_three_r .txts h2{font-size:12px; margin-top:2%;margin-bottom:2%;}
.i_three .i_three_r .txts h3{ font-size:14px;margin-bottom:2%;}
.i_three .i_three_r .txts .p{ margin-bottom:2%;}
/*加入我们*/
.i_four .i_four_l .txts{ background-size:25px auto;}
.i_four .i_four_l .txts h2{ font-size:14px;}
.i_four .i_four_l .txts p{ font-size:12px; line-height:20px; max-height:40px;}
.i_four .i_four_r .txts{ background-size:25px auto;}
.i_four .i_four_r .txts h2{ font-size:14px;}
/*不仅仅是岩石*/
.i_five{ font-size:14px; line-height:24px;}
}
@media screen and (max-width:830px) {
/*大图*/
.i_big .txts img{ height:130%; margin-top:-4.5%; margin-left:135px;}

}


@media screen and (max-width: 790px) {
/*应用案例*/
.i_one{ width:104%; margin-left:-2%;}
.i_one:before{width: 0%;}
.i_one:after{width: 0%;}
/*节能建议*/
.i_three .i_three_l{ width:100%;margin-bottom:4%;}
.i_three .i_three_r{ width:100%;}
.i_three .i_three_r .divs{margin-bottom:4%;}
.i_three .i_three_r .txts h2{ margin-top:10%;}
/*加入我们*/
.i_four .i_four_l{ width:100%;margin-bottom:4%;}
.i_four .i_four_l .txts .cons{ max-width:none;}
.i_four .i_four_r{ width:100%;}
.i_four .i_four_r .divs{margin-bottom:4%;}
.i_four .i_four_r .txts h2{ max-width:none;}
}
@media screen and (max-width: 640px) {
/*关于我们*/
.i_two{ margin-bottom:4%;}
/*节能建议*/
.i_three .i_three_r .txts h2{ margin-top:8%;}
/*新闻中心*/
.i_t{ margin-top:5%;}
.i_t h2{ padding-bottom:3%;}
}

@media screen and (max-width: 480px) {
/*大图*/
.i_big .txts{ text-align:center;}
.i_big .txts img{ margin:0 auto; margin-top:-6.5%;}
/*节能建议*/
.i_three .i_three_r .txts h2{ margin-top:3%; padding-left:10px;}
.i_three .i_three_r .txts h3{ height:24px; line-height:24px;}
.i_three .i_three_r .txts .p{line-height:18px; max-height:36px;}
.i_three .i_three_r .txts .mores{ padding-right:18px;}
}

@media screen and (max-width:360px) {
/*节能建议*/
.i_three .i_three_r .txts h2{ margin-top:2%;margin-bottom:1%;}
.i_three .i_three_r .txts h3{margin-bottom:1%; height:22px; line-height:22px;}
.i_three .i_three_r .txts .p{ margin-bottom:1%;}
}


       .son_nav{
       	text-align: center;width: 60%;margin: 0 auto
       }
       .son_nav a{
       	display: inline-block;
       	vertical-align: top;
       	padding: 10px 15px;
       	background: #f10000;
       	color: #fff;
       	margin:5px; 
       }
       .son_nav a:hover{
       	opacity: .7;
       }


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

              .son_nav{
              width: 95%;
       }
       }


       .i_one.anim.anim-2.anim-show .item a{
              display: block;
       }
.yqlj{
       width: 1300px;margin: 0 auto;display: flex;
       align-items: center;line-height: 25px;
}
.yqlj h2{
       font-size: 15px;
}
.yqljhz a{
       margin-right: 5px;
       display: inline-block;
}
@media screen and (max-width: 480px) {
.yqlj{
       width: 96%;margin: 0 auto;display: block;align-items: center;
}
.yqlj h2{
      margin-bottom: 5px;
}
}