/*banner效果*/
.banner { position:relative; width:100%; height:950px; min-width:1200px; overflow:hidden;}
.banner_list{ width:100%; height:950px; overflow:hidden;}
.banner_list li { height:950px; position:absolute; width:100%; display:none; }
.banner_list li img{ position:absolute; left:50%; top:0; margin-left:-960px; width:1920px; height:950px;}
.banner_btn_o a{ display:none; position:absolute; top:50%; margin-top:-50px; z-index:20; width:100px; height:100px; }
.banner_prev{ background:rgba(0,0,0,.2) url(../images/banner_lac.png) no-repeat center; left:2%;}
.banner_next{ background:rgba(0,0,0,.2) url(../images/banner_rac.png) no-repeat center; right:2%;}
.banner_prev:hover{ background:rgba(0,0,0,.2) url(../images/banner_lho.png) no-repeat center;}
.banner_next:hover{ background:rgba(0,0,0,.2) url(../images/banner_rho.png) no-repeat center;}
.banner_owd{ position:absolute; width:100%; height:22px; bottom:20px; z-index:200; text-align:center;}
.banner_btn{ width:100%; height:10px;}
.banner_btn span{ display:inline-block; background:url(../images/banner_ac.png) no-repeat; width:9px; height:9px; margin:0 2px; cursor:pointer;  transition:all 1s ease 0.01s; -moz-transition:all 1s ease 0.01s; -webkit-transition:all 1s ease 0.01s;}
.banner_btn span.on{ background:url(../images/banner_ho.png) no-repeat; width:45px; transition:width 0.4s ease 0.01s; -moz-transition:width 0.4s ease 0.01s; -webkit-transition:width 0.4s ease 0.01s;}

/*news-move*/

.flexslider{position:relative;overflow:hidden; min-width: 1200px;}
.slides{position:relative;z-index:1;}
.slides li img{width:100%}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:23vw; left:50%; margin-left:-50%}
.flex-direction-nav li a{display:block;width:45px;height:90px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat; background-size:100%}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat; background-size:100%}











/*banner效果*/




.indextit{width:100%;overflow:hidden;padding:5px 0 30px 0 ;position: relative;z-index: 1; text-align: center; margin-top: 40px; }
.indextit .indexitle{font-size: 24px;;display: block;line-height: 30px;color: #008e56; color: #414141;}
.indextit .indle{width: 84px;height: 3px;margin: 13px auto;background: url(../images/titleline.jpg) center center no-repeat;}






/*产品系列*/
.biosst{background: #f2f2f2; width: 100%;overflow: hidden; display: block; position: relative; padding: 30px 0; margin-top: 40px;}
.typelist ul{width: 1200px;margin: 0 auto;list-style: none;}
.typelist ul li{display:block; float: left; width: 384px;margin-right: 24px;overflow: hidden;margin-bottom: 40px;background: #fff;height: 220px;}
.typelist ul li:nth-child(3n){margin-right: 0;}
.typelist ul li a{display: block;background-size: cover;width: 384px;height: 220px; position: relative;}
.typelist ul li .dingt{height: 220px;width: 384px; position: absolute; top: 0; text-align: center;bottom: 0;background: rgba(0,0,0,.3);transition: all .4s;}
.typelist ul li .dingt .antxt{font-size: 24px;color: #fff; margin-top: 5px;}
.typelist ul li:hover .dingt{background: rgba(1,143,87,.7);}
.typelist ul li .dingt .animg{height: 80px;width: 80px; margin: auto; overflow: hidden; margin-top: 50px;transition: all .4s;}
.typelist ul li .dingt .animg img{height: 80px;height: 80px;}
.typelist ul li:hover .dingt .animg{transition: all .4s;margin-top: 30px; }


/*产品系列*/



/*关于我们*/
.indexabout{width: 1200px; margin: auto; overflow: hidden; display: block; position: relative;}
.indexabout .aboutleft{ width:600px; height:350px; float:left; overflow:hidden;}
.indexabout .aboutleft img{width: 100%;max-width: 100%;height: auto;transition: all 0.7s ease-in-out;}
.indexabout .aboutleft:hover img {transform: scale(1.1,1.1);transition: all 0.7s ease-in-out;}
.indexabout .aboutleft iframe{ width:600px; height:350px; float:left; overflow:hidden;}



.indexabout .aboutright{ width:550px; float:left; overflow:hidden; margin-left: 50px;}
.indexabout .aboutright .bdiot{font-size:28px;margin-top: 30px; color: #008e56;font-weight: bold;}
.indexabout .aboutright .frto{font-size:24px;margin-top: 5px; color: #666;position: relative; padding-bottom: 30px;}
.indexabout .aboutright .frto:before{width: 80px;height: 3px;content: '';background:#008e56;left: 0;bottom:0;position: absolute; }

.indexabout .aboutright .abtext{ line-height:28px; overflow:hidden; color: #333; margin-top: 15px; height: 196px; text-indent: 25px;}
.indexabout .aboutright .more{ margin-top: 15px; display: inline-block; background: #008e56; color: #FFFFFF;  width: 150px; line-height: 38px; font-size: 12px; text-align: center;font-style: italic;background: #008e56;background: linear-gradient(45deg, #008e56 0%, #008e56 100%);}
.indexabout .aboutright .more:hover{background: #10BBB7;}
.indexabout .aboutright .more a{color: #fff;}
/*关于我们*/








/*行业资讯*/
.dhjut{width: 100%;overflow:hidden; display: block; position:relative; margin-top:20px; padding-top: 30px; margin-bottom: 20px;}
.dhjut .theme{ float: left; line-height: 36px; }
.dhjut .theme span{ display: block; font-size: 18px; text-transform: uppercase; color: #666;}
.dhjut .theme p{ margin-top: 5px; font-size: 24px; color: #414141;}
.dhjut .theme .indle{width: 84px;height: 3px; margin-top: 10px; background: url(../images/titleline.jpg) center center no-repeat;}
.dhjut .tab{ margin-top: 30px; float: right; text-align: right;}
.dhjut .tab span{ margin-left:5px; display: inline-block; cursor: pointer; width: 150px; line-height: 38px; border: 1px solid #e5e5e5; font-size: 16px; color: #333333; text-align: center;}
.dhjut .tab a{ margin-left:5px; display: inline-block; cursor: pointer; width: 150px; line-height: 38px; border: 1px solid #e5e5e5; font-size: 12px; color: #333333; text-align: center;font-style: italic;}
.dhjut .tab span.active{ background: #008e56; color: #FFFFFF; border: 1px solid #008e56;}
.dhjut .tab a:hover{ background: #008e56; color: #FFFFFF; border: 1px solid #008e56;}

.js-tab-con{ display: none;}
.js-tab-con.active{ display: block;}


.indexnews{width: 100%;overflow:hidden;margin:auto;position:relative; margin-top:0px; padding-top: 30px; margin-bottom: 40px;}
.indexnews .newleft{width: 500px; position: relative;float: left; margin-right: 50px;}
.indexnews .newleft a{ display: block; background: #fff; padding-bottom: 20px;}
.indexnews .newleft .img{ display: block; width: 500px; height: 250px; overflow: hidden;}
.indexnews .newleft .img img{max-width:100%;transition: all 0.5s ease 0s;}
.indexnews .newleft:hover .img img{transform: scale(1.1,1.1)}
.indexnews .newleft .indtime {display: block;position: absolute;left: 30px;top: -25px;width: 85px; height: 100px; z-index: 1; background-size: 100%;background: #008e56;background: linear-gradient(45deg, #008e56 0%, #008e56 100%);}
.indexnews .newleft .indtime .indtext{font-size: 36px;color: #ffffff; margin-top: 8px;text-align: center; padding-left: 0px;}
.indexnews .newleft .indtime .indte{font-size: 18px;color: #ffffff;margin-top: 0px; text-align: center; padding-left: 0px;}
.indexnews .newleft .indtit{ margin-top: 22px; font-size: 20px; line-height: 28px; height: 28px; color: #008e56;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.indexnews .newleft .indxey{ margin-top: 12px; display: block; color: #999999; line-height:26px; height: 78px; overflow: hidden;}
.indexnews .newleft .more{ margin-top: 15px; display: inline-block; background: #008e56; color: #FFFFFF;  width: 150px; line-height: 38px; font-size: 12px; text-align: center;font-style: italic;background: #008e56;background: linear-gradient(45deg, #008e56 0%, #008e56 100%);}
.indexnews .newleft .more:hover{background: #10BBB7;}
.indexnews .newleft .indtit:hover{color: #10BBB7;}


.indexnews .newright{ float: right; width: 650px;position: relative;}
.indexnews .newright ul{zoom: 1;}
.indexnews .newright ul li{width: 100%; margin-bottom: 23px; display: block; position: relative; border-bottom: 1px solid #efefef; overflow: hidden; padding-bottom: 15px;}
.indexnews .newright ul li:last-child{ border-bottom: none; padding-bottom: 0;}
.indexnews .newright ul li a{ display: block;}
.indexnews .newright ul li .img{ float: right; width: 200px; height: 120px; overflow: hidden; display: block; position: relative;}
.indexnews .newright ul li .img img{max-width:100%;transition: all 0.5s ease 0s;width: 200px; height: 120px;}
.indexnews .newright ul li:hover .img img{transform: scale(1.1,1.1)}
.indexnews .newright ul li .text{ width: 420px; float: left;overflow: hidden; display: block; position: relative; margin-right: 30px;}
.indexnews .newright ul li .text i{ display: block; color:#cccccc; line-height: 20px; font-style: normal; font-size: 14px;}
.indexnews .newright ul li .text .indtext{ margin-top: 5px; font-size: 17px; line-height: 28px; height: 28px;  color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.indexnews .newright ul li .text .indxey{ margin-top: 10px; color: #999999; line-height: 24px; font-size: 14px;}
.indexnews .newright ul li a:hover .indtext{ color: #008e56;}


/*行业资讯*/