a{ font-family:arial,sans-serif; font-size:14px;color:#515151; text-decoration:none;transition:all 0.2s linear 0s;}
a:hover{color:#029b63;}
body,p,ul,li,div,dd,dt{padding:0; margin:0; list-style:none; font-size:14px;}
h1,h2,h3,h4,h5,h6{margin: 0; padding: 0;}
html body { font-family: arial,sans-serif;color:#444444; font-size:14px;}

.w1200{ width:1200px; margin:0 auto;}
.w1100{ width:1100px; margin:0 auto;}
.fleft{ float:left;}
.fright{ float:right;}
.clear{clear:both; margin:0; padding:0;}
.blank15{height:15px;}
.blank12{height:12px;}
.block{display:block;}

.wrap{ width:100%; max-width: 1920px;overflow: hidden; margin:0 auto;}

.header{ width:100%;}
.header .headertop{ width:1200px; margin:0 auto;}
.header .headertop .logo{ float: left; height:108px; overflow: hidden;}

.header .headertop .headertopright{ text-align: right; margin-right: 30px; padding-top: 20px;}
.header .headertop .headertopright p{ line-height: 32px;}

.header .headertop .headertopright p span{text-transform: uppercase;font-size:16px;color:#e46100; font-weight: bold;}
.header .headertop .headertopright p strong{ color:#e46100; font-size: 24px;}

.header .nav{ width:100%; background-color: #009a44;}
.header .nav ul{width:1200px; margin:0 auto;}
.header .nav li{ float: left; height:46px; line-height: 46px; text-align: center; padding-left: 15px; padding-right: 15px; width:90px; overflow: hidden;}
.header .nav li a{ color:#ffffff; text-transform:uppercase;}

.indexmain{ width:1200px; margin:0 auto; position: relative;}
.flash_box{width:1200px; margin:0 auto;height:446px;}
.flash{ width:1920px;  height:446px; position: relative;left:-360px;}


.indexnotice{ height:56px; line-height:56px;    background-color: #ededed; position: relative;width:1920px; left:-360px;}
.indexnotice .code{ font-weight:bold; line-height:56px;}
.indexnotice .code span{ color:#e46100; font-size:24px; display:block; float:right;}
.indexnotice .notice_box{ margin-left:0px; width: 700px; position: relative;overflow: hidden;}

.indexnotice .notice_box .notice_head{ margin:0 5px; float:left; text-transform: uppercase; font-size: 16px; color: #009a44;font-weight: bold; }
.indexnotice .notice_box  ul{ float:left;}
.indexnotice .notice_box .news_title{ width: 70%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; display: block;float: left;}
.indexnotice .notice_box li a{color:#e46100;}
.indexnotice .notice_box li a:hover{color:#029b63;}
.indexnotice .notice_box .news_time{float: right;}

.indexnotice .welcome_tel { font-size:24px; font-weight:bold; color:#a5a5a5; display:block;width:260px; float:right;margin-right:10px; text-align:right;color:#e46100;}

.indexnotice .welcome_tel span{ color:#e46100; font-size:24px;}


.indexmain .indexproduct{ padding-top: 50px; width:1200px;}

.indexmain .indexproduct .producthead{ text-align: center;}
.indexmain .indexproduct .producthead p{ color:#a8a8a8; font-size: 12px; line-height: 14px;}
.indexmain .indexproduct .producthead p.headname{ font-size: 36px; color:#28bc69;text-transform:uppercase; line-height: 42px;}

.indexmain .indexproduct .slideproduct{ width:1200px; margin: 50px auto; position: relative;}
.indexmain .indexproduct .slideproduct a.prev,.indexmain .indexproduct .slideproduct a.next{ display:block; position: absolute; top:40%; left:0; width:17px; height:29px; background: 0 0 no-repeat;}
.indexmain .indexproduct .slideproduct a.next{ left:auto; right:0; background-position:  -47px 0;}

.indexmain .indexproduct .indexproductlist{ width:1030px; margin:0 auto;}
.indexmain .indexproduct .indexproductlist li{ float: left; width:233px; height:389px; background:#f1f1f1; margin:0 12px; border-radius: 10px;  padding-top: 20px; text-align: center;}
 
.searchbox{ float: left; margin-right: 20px; margin-top: 1px;     margin-bottom: 10px;margin-left: 15px; }

.searchbox .search_box{  width:390px; }
.searchbox .search_box .search_text{ float:left; border:none; padding:0;border:1px solid #d2d2d2; height:32px; text-indent:10px; font-size:12px; color:#333333; width:300px;}
.searchbox .search_box .search_btn{ display:block; height:34px; float:left; border:none; font-size:12px; line-height:32px; text-align:center; cursor:pointer; background-color:#0091d5; width:60px;color:#ffffff;}
.searchbox .search_box .search_btn:hover{ opacity: .8; }


.indexmain .indexproduct .indexproductlist li .num{ text-align: center; font-size: 32px; line-height: 36px;}
.indexmain .indexproduct .indexproductlist li .product_name{font-size: 16px; line-height: 36px; margin-bottom: 20px; margin-top: 15px;}
.indexmain .indexproduct .indexproductlist li .product_img{width: 100%;}
.indexmain .indexproduct .indexproductlist li .product_img img{width: 100%; max-height: 100%;}

.indexmain .indexproduct .indexproductlist li:hover{ color: #ffffff; background-color: #009b46;}

 .indexmain .indexproduct .indexproductlist li:hover a{color: #ffffff;} 

@keyframes animatedbackground { from { background-position: 0 0; } to { background-position: 100% 0;   } }



.indexabout{ background-color: #ededed; padding-top: 50px; padding-bottom: 50px; width:1920px; position: relative; left:-360px;}
.indexabout .abouthead{background: center center no-repeat;}
.indexabout .aboutname{ font-size: 30px; color:#606060; text-transform: uppercase; line-height: 46px;text-align:center;}
.indexabout .aboutname span{color:#09c85d;}
.indexabout .aboutnav{ text-align: center; width:360px; margin:20px auto;}

.indexabout .aboutnav a{border:1px solid #0cc430; height:40px; width:150px; margin:0 10px; border-radius: 20px; display:block; float: left; line-height: 40px; text-transform: uppercase;}
.indexabout .aboutnav a.on{ background:#0cc430; color:#ffffff;}
.indexabout .aboutcont{ width:1100px; margin:50px auto 0;}
.indexabout .aboutcont .aboutconleft{ float: left; margin-left: 50px;}
.indexabout .aboutcont .aboutconleft .aboutimg{ background-color: #09c85d; width:335px; padding:22px 25px; position: relative; height:273px;}
.indexabout .aboutcont .aboutconleft .aboutimg img{ display:block; position: absolute;}

.indexabout .aboutcont .aboutconright{ float: right; width:580px; margin-left: 20px; color:#737373; font-size: 14px; line-height: 22px; padding-top: 22px;}

.indexnews{ background-color: #ffffff; padding-top: 50px; padding-bottom: 50px; width:1920px; position: relative; left:-360px;}
.indexnews .newshead{background: center center no-repeat;}
.indexnews .newsname{ font-size: 30px; color:#606060; text-transform: uppercase; line-height: 46px;text-align:center;}
.indexnews .newsname span{color:#09c85d;}
.indexnews .newsnav{ text-align: center; width:360px; margin:20px auto;}

.indexnews .newsnav a{border:1px solid #0cc430; height:40px; width:150px; margin:0 10px; border-radius: 20px; display:block; float: left; line-height: 40px; text-transform: uppercase;}
.indexnews .newsnav a.on{ background:#0cc430; color:#ffffff;}
.indexnews .newscont{ width:1100px; margin:50px auto 0;}

.index_news_list{ margin-top:10px;}
.index_news_list li{ line-height:32px; color:#757575;  float:left; height:32px; overflow:hidden; position:relative; width:47%; margin-left:2%}
.index_news_list li .news_title{ float:left; width:100%; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index_news_list li .news_time{ display:block; float:right; padding:0 5px; position:absolute; right:-90px;}


.indexad{ width:1200px; margin:0 auto;}
.indexad .ads{width:1920px; position: relative; left:-360px; text-align: center;background:  0 0 no-repeat; height: 90px;line-height: 90px;}
.indexad .ads a{ margin: 15px 5px;display: inline-block;}
.footer{ background-color: #f4f4f4; width:100%; padding:50px 0;}

.footer .footercon{ width:1200px; margin:0 auto;}
.footer .footercon img{float: left; margin-left: 360px; margin-right: 20px;}
.footer .footercon .copyright{ padding-top: 10px;}
.footer .footercon .copyright p{ color:#757575; font-size: 12px; line-height: 20px;}


.sbanner{ width:1200px; margin:0 auto;}
.sbanner img{display:block; position: relative; width:1920px; left:-360px;}
.mainpage{ width:100%; background-color: #f6f6f6; margin: 0 auto; padding-top: 40px;}
.mainpage .pagehead{ height:45px; background: center center no-repeat; text-align: center; line-height: 45px; font-size: 30px; text-transform: uppercase;}
.mainpage .pagehead span{color:#09c85d;}
.mainpage .article{ width:1100px; margin: 0 auto; padding-bottom: 50px; min-height: 360px;}


/* about page */

.aboutpage .aboutcont{ width:1100px; margin:50px auto 0; }
.aboutpage .aboutcont .aboutconleft{ float: left; margin-left: 50px;}
.aboutpage .aboutcont .aboutconleft .aboutimg{ background-color: #09c85d; width:335px; padding:22px 25px; position: relative; height:273px;}
.aboutpage .aboutcont .aboutconleft .aboutimg img{ display:block; position: absolute;}
.aboutpage .aboutcont .aboutconright{ float: right; width:580px; margin-left: 20px; color:#737373; font-size: 14px; line-height: 22px; padding-top: 22px;}


/* product list page */

.index_product{ padding-top:20px; width:1100px; margin:0 auto;}
.index_product .product_left{ width:135px; float:left;}
.index_product .product_left a{ background-color:#ececec; display:block; width:100%; height:38px; line-height:38px; text-align:center; margin-top:1px;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.index_product .product_left a:hover,.index_product .product_left a.on{ background-color:#109c41;color:#ffffff;}

.index_product .product_right{ width:965px; float:right;}
.index_product .product_right .product_list {clear: both;}
.index_product .product_right .product_list li{ border:1px solid #e6e6e6; width:223px; height:163px; float:left; margin:0 0 20px 16px; text-align: center; position:relative;}
.index_product .product_right .product_list li .img{width:223px; height:163px;}
.index_product .product_right .product_list li img{ max-width:223px; max-height:163px;}
.index_product .product_right .product_list li .pro_title{ line-height:32px; height:32px; overflow:hidden; width:98%; white-space:nowrap; text-overflow:ellipsis; position:absolute; bottom:0; left:1%;}
.index_product .product_right .product_list li:hover{ border:1px solid #109c41; }
.index_product .product_right .product_list li:hover .pro_title{color:#109c41;}



.newslist ul{ margin-bottom: 10px;}
.newslist li{ width: 100%; padding-bottom: 10px; padding-top: 10px;}
.newslist li .imgpic{ width: 250px; height:188px; padding: 5px; border: 1px dotted  #029b63;margin-left: 10px; margin-right: 10px; overflow: hidden; float: left;}
.newslist li .imgpic img{width: 100%; height: 100%;}
.newslist li .newsinfos{ float: left; margin-left: 10px; margin-right: 10px; width: 795px;}
.newslist li .newsinfos .newstitle{ line-height: 32px; font-size: 14px;}
.newslist li .newsinfos .newstitle i.fa-bookmark{color: #e87816;}
.newslist li .newsinfos .newstitle .newstime{ float: right;}

.newslist li .newsinfos .newsinfo{ line-height: 26px; text-indent: 2em;}
.newslist li.l .imgpic{float: right;}
.newslist li:hover .imgpic{border: 1px dashed #636363;}



.page {text-align: center;border: 1px solid #ececec;padding: 8px;border-radius: 5px; margin-bottom: 20px;}


.news_detail .news_tit_u{font-size:16px;font-weight:bold;text-align:center;margin:0 auto auto; line-height: 32px;}
.news_detail .news_tit_d{color:#999999;font-size:12px;text-align:center;margin:0 auto;}
.news_detail > p{font-size:14px;line-height:28px;color:#444444; text-indent:2em;}
.news_detail .news_main{ padding:15px;}
.news_detail .news_main > p{line-height:26px; font-size:14px; margin-bottom:5px;}

.article{ width:100%; margin:0 auto;}
.article .article_main{ width:100%; float:left; padding-bottom: 30px; padding-left: 25px; margin-top: 20px;}
.article .article_main .article_title{ font-size:30px; margin:0 auto 15px; text-align:center; font-weight:normal;}
.article .article_main .article_img{ margin-bottom:15px;max-width: 790px;}
.article .article_main .articleimg{ max-width:760px; margin:10px auto 0; display:block;border: 1px solid #ececec;float:left; margin-right: 15px; margin-bottom: 15px;}
.article .article_main strong{ color:#0091d5;}
.article .article_main p{ line-height:28px;}
.article .article_main .proimg{width: 320px; margin:10px auto 0; display:block;border: 1px solid #ececec;float:left; margin-right: 15px; margin-bottom: 15px;}
.news_detail .pro_tit_u{font-size:16px;font-weight:bold;text-align:left;margin:0 auto auto; line-height: 32px;}



#prev_next{ margin-top: 20px;  line-height: 32px;}

.company .aboutpage .aboutcont{padding-left: 50px; padding-right: 30px;font-size: 16px;width: auto;}
.company .aboutpage .aboutcont p{ line-height: 26px;}
.company .aboutpage .aboutcont .aboutconleft{ margin-left: 0; margin-right: 70px; margin-bottom: 20px; }

.image_list {width:auto; height:auto; overflow:hidden; margin-top: 20px;}
.image_list li{ width:265px; float:left; height: auto; margin:10px 5px; vertical-align: middle; overflow:hidden;text-align: center; position:relative;}
.image_list li .img{ display:block; padding:1px; height:auto; width:auto; text-align:center; overflow:hidden; max-height:250px;max-width:265px; min-height:200px; text-align:center; overflow:hidden}
.image_list li  a{ display:block;}

.image_list li img{ max-height:250px;max-width:263px; transition:transform 1.5s ease 0s}
.image_list li .news_title{ height:32px; line-height:32px; font-size:14px; text-align:center; width:98%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.image_list li a:hover { background-color:#0091d5; color:#ffffff;}
.image_list li:hover .img{ border-color:#d76a0b;}

.image_list li:hover img{ 
transform:scale(1.2,1.2);
-webkit-transform: scale(1.2,1.2);
-moz-transform: scale(1.2,1.2) ;
-o-transform: scale(1.2,1.2) ;
-ms-transform: scale(1.2,1.2) ;
}
.image_list.honor li img{height: 250px;}


.relatebox{ margin-top: 10px; margin-bottom: 10px;}
.relatebox .boxname{ line-height: 42px; height:42px; font-size: 16px;}
.relatebox .boxname i.fa{color:#109c41;}
.relatelist li{ border:1px solid #e6e6e6; width:223px; height:163px; float:left; margin:0 0 20px 8px; text-align: center; position:relative;}
.relatelist li .img{width:223px; height:163px;}
.relatelist li img{ max-width:223px; max-height:163px;}
.relatelist li .pro_title{ line-height:32px; height:32px; overflow:hidden; width:98%; white-space:nowrap; text-overflow:ellipsis; position:absolute; bottom:0; left:1%;}
.relatelist li:hover{ border:1px dashed #109c41; }
.relatelist li:hover .pro_title{color:#109c41;}