/*首页*/
/*轮显*/
.flash_div{ width:100%; margin:0 auto; overflow:hidden;/* min-height:550px;*/display:none;}
.flash{height:140px;width:320px;overflow:hidden;position:relative;margin:0 auto;/*margin-top:100px;*/}
.ul_flash{width:100000px;height:100%}
.ul_flash li{float:left;width:320px;height:100%;}
.ul_flash img{width:100%;height:100%}
.flash .pagination{clear:both;position:absolute; width:100%; left:0;bottom:15px;z-index:2;height:10px; float:left; text-align:center;}
.flash .pagination span{ display:inline-block;background:url(../images/dian.png) no-repeat; background-size:100% 100%;width:10px;height:10px;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;overflow:hidden;margin:0 3px;cursor:pointer;position:relative}
.flash .pagination span.swiper-active-switch{ background:url(../images/dian2.png) no-repeat; background-size:100% 100%;}
/*第一屏*/
.i_one{ overflow:hidden; padding-top:5%; padding-bottom:1%;}
.i_one ul li{float: left; width: 15%;margin-right: 0.8%; margin-left:0.8%;  text-align: center; margin-bottom:2%;}
.i_one ul li .imgs2{overflow: hidden; transition: all 0.3s;  margin: 0 auto; margin-bottom: 2%; display:inline-block;}
.i_one ul li .imgs2 img{display: block;width: 100%;  margin:0 auto;filter: Alpha(Opacity=0);opacity: 0; max-width:67px;}
.i_one ul li .imgs2.bgs1{background:url(../images/i_pic1.png) center center no-repeat; background-size:100% 100%;}
.i_one ul li .imgs2.bgs2{background:url(../images/i_pic2.png) center center no-repeat; background-size:100% 100%;}
.i_one ul li .imgs2.bgs3{background:url(../images/i_pic3.png) center center no-repeat; background-size:100% 100%;}
.i_one ul li .imgs2.bgs4{background:url(../images/i_pic4.png) center center no-repeat; background-size:100% 100%;}
.i_one ul li .imgs2.bgs5{background:url(../images/i_pic5.png) center center no-repeat; background-size:100% 100%;}
.i_one ul li .imgs2.bgs6{background:url(../images/i_pic6.png) center center no-repeat; background-size:100% 100%;}
.i_one ul li h2{ clear:both;font-weight:normal; font-size:14px; color:#168dd9; line-height:36px; height:36px; overflow:hidden;background:url(../images/i_bg1.jpg) center bottom no-repeat;white-space:nowrap;text-overflow:ellipsis;}
.i_one ul li:hover .imgs2{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1); transform:scaleX(-1);/*IE*/filter:FlipH;}
.i_one ul li:hover .imgs2.bgs1{background:url(../images/i_pic1_on.png) center center no-repeat; background-size:100% 100%;}
.i_one ul li:hover .imgs2.bgs2{background:url(../images/i_pic2_on.png) center center no-repeat; background-size:100% 100%;}
.i_one ul li:hover .imgs2.bgs3{background:url(../images/i_pic3_on.png) center center no-repeat; background-size:100% 100%;}
.i_one ul li:hover .imgs2.bgs4{background:url(../images/i_pic4_on.png) center center no-repeat; background-size:100% 100%;}
.i_one ul li:hover .imgs2.bgs5{background:url(../images/i_pic5_on.png) center center no-repeat; background-size:100% 100%;}
.i_one ul li:hover .imgs2.bgs6{background:url(../images/i_pic6_on.png) center center no-repeat; background-size:100% 100%;}
.i_one ul li:hover h2{ color:#88be39;background:url(../images/i_bg2.jpg) center bottom no-repeat;}
/*产品*/
.i_product{overflow:hidden; padding-bottom:2%;}
.i_product ul li{float: left; width: 25%; overflow:hidden; position:relative;}
.i_product ul li .imgs{ overflow:hidden; width:100%;}
.i_product ul li .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_product ul li .txts{ position:absolute; width:100%; height:100%; bottom:-100%; left:0; color:#fff; overflow:hidden; background:url(../images/i_bg3.png) repeat; transition: all 0.3s; }
.i_product ul li .txts .txts_con{ width:94%; margin:0 auto; max-width:420px;}
.i_product ul li .txts .txts_con span{ display:block;  margin-top:4%; height:42px; line-height:42px; overflow:hidden;background:url(../images/i_bg4.png) left bottom no-repeat; font-size:14px;}
.i_product ul li .txts .txts_con h2{font-weight:normal; font-size:24px; margin-top:10%; height:36px; line-height:36px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-bottom:5px;}
.i_product ul li .txts .txts_con p{ line-height:26px; font-size:16px; max-height:130px; overflow:hidden;}
.i_product ul li: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_product ul li:hover .txts{ bottom:0;}
.i_more{ width:50%;max-width:340px; height:56px; display:block; margin:0 auto; border:1px solid #009bd7; clear:both; margin-top:1%;  text-align:center; line-height:56px; font-size:16px; color:#009bd7; margin-bottom:3%;}
.i_more:hover{ border:1px solid #009bd7; text-decoration:none; }
.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}
.i_more.hvr-shutter-out-vertical::before{background:#009bd7 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}
.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)}

.i_more.btn-enter:active,.btn-enter:focus,.i_more.btn-enter:hover{background:#fff;color:#fff}

/*关于我们*/
.i_title{ margin-top:3%; margin-bottom:3%; overflow:hidden; text-align:center; font-size:14px; color:#909090; line-height:20px;}
.i_title h2{ height:54px; line-height:54px; overflow:hidden;background:url(../images/i_bg5.jpg) center bottom no-repeat; font-weight:normal; font-size:24px; margin-bottom:10px;}
.i_about_bg{ background-color:#ebf9ff; overflow:hidden; padding-bottom:1%;}
.i_about_l{ float:left; /*width:58%;*/width:50%; max-width:556px; margin-top:2%;}
.i_about_l ul{ max-width:460px; width:100%;}
.i_about_l ul li{ display:block; margin-bottom:10%; overflow:hidden; color:#272727; line-height:20px;}
.i_about_l ul li .txts{ float:left; width:75%; padding-right:3%; overflow:hidden; text-align:right; background:url(../images/i_bg6.png) right 15px no-repeat;}
.i_about_l ul li .txts h2{ font-weight:normal; font-size:18px; line-height:30px; height:30px; overflow:hidden;}
.i_about_l ul li i{ width:18%; float:right; max-width:60px; margin-top:2%;}
.i_about_l ul li i img{filter:alpha(opacity=0);opacity:0;}
.i_about_l ul li i.bgs1{ background:url(../images/i_pic7.png) no-repeat; background-size:100% 100%;}
.i_about_l ul li i.bgs2{ background:url(../images/i_pic8.png) no-repeat; background-size:100% 100%;}
.i_about_l ul li i.bgs3{ background:url(../images/i_pic9.png) no-repeat; background-size:100% 100%;}
.i_about_l ul li:hover{ color:#009bd7;}
.i_about_l ul li:hover i.bgs1{ background:url(../images/i_pic7_on.png) no-repeat; background-size:100% 100%;}
.i_about_l ul li:hover i.bgs2{ background:url(../images/i_pic8_on.png) no-repeat; background-size:100% 100%;}
.i_about_l ul li:hover i.bgs3{ background:url(../images/i_pic9_on.png) no-repeat; background-size:100% 100%;}
.i_about_r{ float:left;/* width:40%; */ width:50%; margin-top:2%;}
.i_about_r img{ width:100%;/* max-width:486px;*/}
.i_about_r img:hover{filter:alpha(opacity=80);opacity:0.8;transition:all 0.3s;}

/*新闻中心*/
.i_news_bg{background-color:#fff; overflow:hidden; padding-bottom:4%;}
.i_news{ margin:0 auto; width:96%;}
.i_news .news_two_div .imgs{ float:left; width:41.7%;}
.i_news .news_two_div .imgs img{ width:100%;}
.i_news .news_two_div .imgs img:hover{filter:alpha(opacity=80);opacity:0.8;transition:all 0.3s;}
.i_news .news_two_div .news_two_r{ float:right; width:49.6%; margin-right:2%;}
.i_news .news_two_div .news_two_r ul li{ background:url(../images/news_bg1.jpg) left top no-repeat; display:block; margin-bottom:3%;}
.i_news .news_two_div .news_two_r ul li h2{ line-height:46px; height:46px; overflow:hidden; font-size:24px; font-weight:normal; letter-spacing:1px; margin-bottom:6px; color:#0078be;}
.i_news .news_two_div .news_two_r ul li a:hover h2{ color:#00cd0a;}
.i_news .news_two_div .news_two_r ul li em{ font-size:16px; color:#818181;}
.i_news .news_two_div .news_two_r ul li p{ font-size:14px; color:#666; border-top:1px solid #909090; padding-top:2%; line-height:20px; margin-top:3%;}
.i_news .news_two_more{ padding-left:76%; overflow:hidden; line-height:30px; overflow:hidden; height:30px; background:url(../images/news_bg2.jpg) left center repeat-x; color:#666; font-size:14px; clear:both; margin-top:30px; float:left;}
.i_news .news_two_more label{ float:left; padding-left:18px; background-color:#fff; height:30px; cursor:pointer;}
.i_news .news_two_more:hover label{ color:#00cd0a;}

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

}
@media screen and (max-width:1440px) {
/*产品*/
.i_product ul li .txts .txts_con span{ font-size:12px;}
.i_product ul li .txts .txts_con h2{ font-size:18px;}
.i_product ul li .txts .txts_con p{ font-size:14px; line-height:22px; max-height:88px;}
.i_more{ height:50px; line-height:50px;}
}
@media screen and (max-width:1200px) {

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

}
@media screen and (max-width:960px) {
/*产品*/
.i_product ul li .txts .txts_con span{ margin-top:2%;}
.i_product ul li .txts .txts_con h2{ font-size:14px; margin-top:5%; margin-bottom:0;}
.i_product ul li .txts .txts_con p{ font-size:12px; line-height:20px; max-height:80px;}
}
@media screen and (max-width:830px) {
/*轮显*/
.module-content{ display:none;}
.flash_div{ display:block;}
/*第一屏*/
.i_one ul li{width: 31.33%;margin-right: 1%; margin-left:1%; margin-bottom:3%;}
}


@media screen and (max-width: 780px) {
/*产品*/
.i_product ul li{ width:50%;}
.i_product ul li .txts .txts_con span{ font-size:14px;}
.i_product ul li .txts .txts_con h2{ font-size:20px; margin-top:10%; margin-bottom:5px;}
.i_product ul li .txts .txts_con p{ font-size:16px; line-height:26px; max-height:104px;}
/*关于我们*/
.i_about_l{ width:100%; margin:0 auto; margin-top:2%;float:none;}
.i_about_l ul{ margin:0 auto;}
.i_about_r{ width:100%; text-align:center; margin-top:0;}
/*新闻中心*/
.i_news .news_two_div .imgs{ width:100%;}
.i_news .news_two_div .news_two_r{ width:100%; margin-right:0; margin-top:20px;}
.i_news .news_two_div .news_two_r ul li h2{ font-size:20px;}
.i_news .news_two_div .news_two_r ul li em{ font-size:14px;}
.i_news .news_two_div .news_two_r ul li p{ font-size:13px;}
}
@media screen and (max-width: 640px) {
/*产品*/
.i_product ul li .txts .txts_con span{ margin-top:2%;font-size:12px;}
.i_product ul li .txts .txts_con h2{ font-size:14px; margin-top:5%; margin-bottom:0;}
.i_product ul li .txts .txts_con p{ font-size:12px; line-height:20px; max-height:80px;}

}

@media screen and (max-width: 480px) {
/*产品*/
.i_more{ height:40px; line-height:40px; margin-top:3%; margin-bottom:5%;}
/*新闻中心*/
.i_news .news_two_more{ margin-top:30px;}
}

@media screen and (max-width:360px) {
/*产品*/
.i_product ul li .txts .txts_con span{ margin-top:0%;}
.i_product ul li .txts .txts_con h2{ margin-top:3%;}
.i_product ul li .txts .txts_con p{line-height:18px; max-height:72px;}
}