@import url(font.css);

.wrap{ width:100%; padding-:0 15px; max-width:1500px; margin:0 auto;}
/*关于我们和视频*/
.i_about{ margin-top:8%; margin-bottom:0%; position:relative;min-height:600px; overflow:hidden; }

.i_about .i_about_l{ position:absolute;width:60%; overflow:hidden; right:0; top:0;  }

.i_about .i_about_l .img{ width:100%; display:block;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}

.i_about .i_about_l:hover .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_about .i_about_l .imgs{ position:relative; overflow:hidden; cursor:pointer;}

.i_about .i_about_l .imgs .bgs{ width:100%; height:100%; top:0; left:0; position:absolute;display: flex; align-items: center; justify-content: left;}

.i_about .i_about_l .imgs .bgs i{ display:block;  width:126px; height:126px; margin:0 auto; position:relative;background:url(play.png) center center no-repeat; background-size:100% 100%;}

.i_about .i_about_r{ float:left; width:38%; overflow:hidden; max-width:800px;}

.i_about .i_about_r .h4{ position:relative;  font-weight:bold;color:#232323; line-height:1; margin-top:4%; }

.i_about .i_about_r .desc{ overflow:hidden; line-height:1.8; margin-top:4%; color:#333333;}

.i_about .i_about_r .counter{ text-align:left; margin-top:5%;}

.i_about .i_about_r .counter ul li{ display:inline-block; vertical-align:top;width:24%;transition:all 0.3s; position:relative; }

.i_about .i_about_r .counter ul li .txts2{}

.i_about .i_about_r .counter ul li .nums{  line-height:1; color:#fd6801;}

.i_about .i_about_r .counter span{display:inline-block; vertical-align:middle; overflow:hidden; letter-spacing:1px;  font-weight:bold; font-family:Arial; }

.i_about .i_about_r .counter label{display:inline-block;vertical-align:-webkit-baseline-middle;font-weight:500; }

.i_about .i_about_r .counter .h6{ font-weight: normal; line-height:24px;  /*  white-space:nowrap;text-overflow:ellipsis;  */margin-top:12px; margin-bottom:6px; color:#333;}

.i_about .i_about_r .counter ul li:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}

.i_about .i_about_r .rbtn{ margin-top:8%;}

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

/*关于我们和视频*/

.i_about{ min-height:inherit;}

.i_about .i_about_r .counter{ margin-top:10%;}

.i_about .i_about_r .h4{ margin-top:2%;}

.i_about .i_about_l .imgs .bgs i{ height:116px; width:116px;}

}

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

/*关于我们和视频*/

.i_about .i_about_r .desc{ line-height:1.6;}

.i_about .i_about_r .counter{ margin-top:8%;}

.i_about .i_about_r .h4{ margin-top:0%;}

.i_about .i_about_r .rbtn{ margin-top:6%;}

.i_about .i_about_l .imgs .bgs i{ height:100px; width:100px;}

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

/*关于我们和视频*/

.i_about .i_about_l{ position:static; width:100%;}

.i_about .i_about_r{ float:none; width:100%; max-width:none; margin-top:5%; text-align:center;}

.i_about .i_about_r .desc{ margin-top:3%; text-align:center;}

.i_about .i_about_r .counter{ text-align:center;}

.i_about .i_about_r .counter span{ font-size:40px;}

}

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

/*关于我们和视频*/

.i_about .i_about_l .imgs .bgs i{ height:80px; width:80px;}

.i_about .i_about_r .counter span{ font-size:32px;}

}

@media screen and (max-width: 480px) {
/*关于我们和视频*/
.i_about .i_about_l .imgs .bgs i{ width:60px; height:60px;}
.i_about .i_about_r{ margin-top:6%;}
}
/*首页环境保护*/
.i_contact{ overflow:hidden; background:url(footbg.jpg) center center no-repeat; background-size:cover;}
.i_contact .i_title .h3{ color:#fff;font-size:32px; text-align:center; margin-top:3%;}
.i_contact .desc { color:#fff;text-align:center; font-size:20px;text-align:center; margin-top:1%;}
.i_contact .ends{ overflow:hidden; margin-top:2%; margin-bottom:5%; text-align:center; cursor:pointer;font-size:15px;}
@media screen and (max-width: 768px) {
.i_contact .i_title .h3{ color:#fff;font-size:28px;}
.i_contact .desc { color:#fff;text-align:center; font-size:18px;text-align:center; margin-top:1%;line-height:28px;}
.i_contact .ends{ overflow:hidden; margin-top:2%; margin-bottom:5%; text-align:center; cursor:pointer;}
.rbtn{padding:0 20px;font-size:16px; width:112px;}
}