@charset "utf-8";
@import url(font/siyuan.css);
html,body{font-size: 14px;margin: 0px;padding: 0px;text-decoration: none;font-family:"siyuan";background: #fff;	-webkit-text-size-adjust: none;}
a {text-decoration: none;outline: 0px none;}
h1,h2,h3,h4{margin:0;padding:0;}
a:hover,a:active{text-decoration: none;}
ul{padding:0;margin:0;}
ul li{list-style:none;}
.fl{float:left;}
.fr{float:right}
.clear{clear:both;}
.w1200{width: 1200px;margin:0 auto;padding: 0;}
.top{height: 23px;line-height: 23px;text-align: right;margin-top:10px;}
.top i{background:url(../images/tel.png) no-repeat;width:15px;height: 17px;display: inline-block;margin-right:5px;}
.top span,.top a{color:#666;padding:0 2px}
.top .cn{width: 16px;height: 11px;background: url(../images/language.png) no-repeat;background-position: 0 0;display: inline-block;margin-right:5px }
.top .en{width: 16px;height: 11px;background: url(../images/language.png) no-repeat;background-position: -74px 0;display: inline-block;margin-right:5px}

.menu{height: 47px;line-height: 47px}
.menu .logo{width:286px;height: 47px;}
.menu ul{width: 750px;height: 47px;line-height: 47px;display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;}
.menu ul li{text-align: right;width: 12%;font-size: 15px;}
.menu ul li a{color:#333;}
.menu ul li:hover a,.menu .active a{color:#259a4b;}

.banner{width:100%;margin-top:25px;}
.banner img{max-width: 100%;width: auto;max-height: 100%;height: auto;}
.nbanner{background: url(../images/nbanner.jpg) center;width: 100%;height:391px;margin-top:25px;display: flex;display:-webkit-flex;}
.nbanner div{margin:auto;}
.nbanner p{font-size: 38px;color: #fff;width:100%;text-align: center}
.nbanner p::before{content:"";width:26px;height: 3px;background: #fff;display: inline-block;margin-right:10px;margin-bottom: 8px;}
.nbanner p::after{content:"";width:26px;height: 3px;background: #fff;display: inline-block;margin-left:10px;margin-bottom: 8px;}
.nbanner span{display: block;text-align:center;font-size: 18px;width:100%;color: #fff;}

.indexfenlei{margin-top:60px;}
.indexfenlei h2{font-size: 24px;color: #333;margin-bottom: 15px}
.indexfenlei .line{width:45px;height: 3px;background: #259a4b;display: block;clear: both;}
.indexfenlei .more{font-weight: bold;line-height: 30px;font-size: 15px;}
.indexfenlei .more a{color:#333;}
.indexfenlei ul{width: 100%;display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;flex-wrap: wrap;-webkit-felx-wrap:flex-wrap;margin:45px 0;}
.indexfenlei ul li{width:31%;height: 360px;margin-bottom:20px;text-align: center}
.indexfenlei ul li:hover{box-shadow: 1px 3px 6px #e2e2e2;}
.indexfenlei .pimg{height:256px;}
.indexfenlei .pimg img{max-width: 100%;width:auto;}
.indexfenlei ul li h3{margin-top:25px;margin-bottom:15px;font-weight:bold;font-size: 16px;}
.indexfenlei ul li h3>a {color:#333;}
.idnexfenlei ul li span{color:#666;}

.indexabout{width:100%;height: 760px;background: url(../images/aboutbg.jpg) top center no-repeat;}
.indexconent{padding:80px 0;display: block;height: 246px;box-sizing: content-box}
.indexabout abbr{font-size: 24px;color: #fff;margin-bottom: 15px;display: block;}
.indexabout .line{width:45px;height: 3px;background: #fff;display: block;clear: both;}
.indexabout .aboutleft{float: left;width:630px;margin-top:25px;}
.indexabout .aboutleft span{font-size: 18px;color:#fff;display: block;}
.indexabout .aboutleft p{color: #d8f0dd;line-height:25px;}
.indexabout .aboutleft .more{width:135px;height:35px;line-height:35px;border: 1px solid #fff;text-align: center;margin-top:50px;}
.indexabout .aboutleft .more a{color:#fff;}
.indexabout .aboutright{float:right;width:410px;}

.indexlishi{box-shadow: 2px 5px 6px #e2e2e2;height:225px;margin-top:100px;background:#fff;}
.indexlishi ul {height: 225px;}
.indexlishi ul li{float:left;height:100%;border-left:1px solid #ebebeb;width: 25%;box-sizing: border-box;text-align: center;padding: 48px 0;}
.indexlishi ul li:first{border-left:none;}
.indexlishi ul li p{color:#666;font-weight: bold;}
.indexlishi ul li abbr{font-size: 60px;color: #38a44f;font-family: "arial black";margin-bottom: 0; display: block;}
.indexlishi ul li span{display: block;font-family: arial; text-transform: uppercase}
.indexlishi ul li:nth-child(3) abbr::after{content:"+";font-size:20px; color: #38a44f;margin-top:0;}

.indexnews{margin-top:80px;height: 600px;}
.indexnews abbr{font-size: 24px;color: #333;margin-bottom: 15px;display: block;}
.indexnews .line{width:45px;height: 3px;background: #259a4b;display: block;clear: both;}
.indexnews .hd{width:220px;height:23px;line-height: 23px;font-weight: bold; position:relative; }
.indexnews .hd ul{position:absolute;display: inline-block;}
.indexnews .hd ul li{text-align: center;padding:5px 10px;float:left;}
.indexnews .hd a{color:#333;display: inline-block;height:35px;line-height: 35px;padding:0 10px}
.indexnews .hd ul li.on{background:#259a4b;color:#fff;}
.indexnews .hd ul li.on a{color:#fff;}
.indexnews .bd{margin-top: 60px !important;}
.indexnews .bd ul{ width:100%;zoom:1;}
.indexnews .bdleft{width:590px;height: 490px;background:#f8f8f8;padding:44px 50px;box-sizing: border-box;}
.indexnews .bdleft .date{font-size: 18px;color: #888;}
.indexnews .bdleft p{font-size: 16px;font-weight: bold;margin:20px 0;}
.indexnews .bdleft p>a{color: #333;}
.indexnews .bdleft span{padding-left:10px;border-left:2px solid #949494; color: #666;display: block;height: 55px;line-height: 25px;}
.indexnews .bdleft .pimg{width:309px;height: 152px;margin-top:20px;overflow: hidden;}
.indexnews .bdleft .pimg img{max-width: 100%;width: auto;}
.indexnews .bdleft .more{width: 120px;height: 35px;line-height: 35px;text-align: center;background:#38a44f;margin-top:40px;}
.indexnews .bdleft .more a{color: #fff;}

.indexnews .bdright{width:550px;height: 490px;}
.indexnews .bdright ul li{border-top:1px solid #e6e6e6;padding:30px 0;height: 170px;}
.indexnews .bdright ul li span{display: inline-block;font-size: 16px;font-weight: bold}
.indexnews .bdright ul li span>a{color: #333;}
.indexnews .bdright ul li p{padding:10px 0;color:#666;}
.indexnews .bdright ul li:nth-child(1) span{color:#259a4b;}
.indexnews .bdright .more{float: left;width:80px;text-align: center;height: 22px;line-height:22px;border:1px solid #666;font-size: 12px;}
.indexnews .bdright .more a{color:#666;}
.indexnews .bdright .date{color:#666;font-size: 12px;height: 22px;line-height: 22px;}
.indexnews .bdright i{width: 12px;height: 12px;display:inline-block;background: url(../images/time.png);margin-right: 5px;}


.indexlinian{width: 100%;height:675px;background: url(../images/linianbg.jpg) top center no-repeat; margin-top:80px;padding:80px 0;clear: both;}
.indexlinian abbr{font-size: 24px;color: #fff;margin-bottom: 15px;display: block;}
.indexlinian .line{width:45px;height: 3px;background: #fff;display: block;clear: both;}
.indexlinian ul{margin-top:63px;display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;flex-wrap: wrap;-webkit-felx-wrap:flex-wrap;}
.indexlinian ul li{width:285px;background: #f8f8f8;transition:ease 1s; }
.indexlinian ul li .pimg{width: 285px;height: 211px;}
.indexlinian ul li .txt{width:285px;height:90px;text-align: center;padding:20px 0;display: block;}
.indexlinian ul li .txt p{font-size: 16px;color: #666;}
.indexlinian ul li .txt>.line{width:26px;background: #ccc;height: 1px;margin:10px auto;display: none;}
.indexlinian ul li .txt span{font-size: 12px;color: #666;display: block;text-transform: uppercase;}
.indexlinian ul li .txt abbr{line-height: 25px;color: #666;font-size: 12px;display: none;}
.indexlinian ul li .txt i{width: 22px;height: 22px;display: block;background:url(../images/more.png);margin:0 auto;display: none;}
.indexlinian ul li:hover{padding:10px 0;margin: -10px 0;}
.indexlinian ul li:hover .pimg{height: 0;width: 0;overflow: hidden;}
.indexlinian ul li:hover .txt{margin-top:40px;}
.indexlinian ul li:hover .txt>.line,.indexlinian ul li:hover .txt abbr,.indexlinian ul li:hover .txt i{display: block;}

.indexanli{margin-top:60px;}
.indexanli h4{font-size: 24px;color: #333;margin-bottom: 15px}
.indexanli .line{width:45px;height: 3px;background: #259a4b;display: block;clear: both;}
.indexanli .more{font-weight: bold;line-height: 30px;font-size: 15px;}
.indexanli .more a{color:#333;}
.indexanli .swiper-container{width: 100%;margin:45px 0;padding:0 10px 40px 10px;display:flex;-webkit-display:flex;}
.indexanli .swiper-slide{height:440px;text-align: center;box-sizing: border-box;margin:5px 0;}
.indexanli .swiper-slide:hover{box-shadow: -1px 1px 10px #e2e2e2;}
.indexanli .pimg{height:206px;overflow: hidden;margin: 0;padding: 0;vertical-align: top}
.indexanli .pimg img{width: 100%;height: auto; }
.indexanli .swiper-slide p{margin-top:25px;margin-bottom:15px;font-weight:bold;font-size: 16px;}
.indexanli .swiper-slide .line{width: 26px;height: 1px;background: #979797;margin: 20px auto;}
.indexanli .swiper-slide p>a {color:#333;}
.indexanli .swiper-slide span{color:#979797;padding:0 20px;}
.indexanli .swiper-slide .more{width:80px;height: 20px;line-height:20px;text-align: center;border:1px solid #666;margin:30px auto 0 auto;display: none;}
.indexanli .swiper-slide:hover .more a{color:#666;}
.indexanli .swiper-slide:hover .more{display: block;font-weight: normal}
.indexanli .swiper-pagination-bullet{width: 12px;height: 12px;}
.indexanli .swiper-pagination-bullet-active{background: #259a4b}

.foot{width:100%;height:460px;background: #272727;margin-top: 80px;padding:60px 0;box-sizing: border-box;clear: both;}
.footlogo{width:163px;height: 44px;}
.footmenu{width:300px;text-align: center;height:280px ;}
.footmenu a{height: 35px;color:#d0d0d0;display: block;}
.footcontact{width:495px;}
.footcontact p{color:#d0d0d0;height: 45px;}
.footcontact p i{width:17px;height: 20px;display: inline-block;background: url(../images/ico.png);margin-right:10px;}
.footcontact p:nth-child(2) i{background-position: 0 -10px;}
.footcontact p:nth-child(3) i{background-position: 0 -64px;}
.footcontact p:nth-child(4) i{background-position: 0 -64px;}
.footewm{width:236px; }
.footline{width: 100%;height: 1px;background: #3d3d3d;clear: both}
.copyright{text-align: center;color:#8b8b8b;padding-top:25px;}
.copyright a{color:#8b8b8b;}
.copyright p{margin:20px auto;text-align: left}

.mianbaoxie{height:50px;line-height: 50px;color:#888;border-bottom:1px dashed #888;}
.mianbaoxie i{width:10px;height:10px;display: inline-block;background:#888;}
.mianbaoxie a{color:#888;}

.productlist{margin-top:20px;min-height:647px;height: auto;}
.productlist-left{width:240px;margin-bottom: 20px;}
.productlist-left dl {margin-bottom: 5px;}
.productlist-left dl dt{height: 75px;line-height: 75px;text-align: center;font-size: 24px;color: #fff;margin-bottom: 1px;background: #259a4b}
.productlist-left dl dd{height:50px;line-height: 50px;padding-left:24px;font-size: 15px;margin-bottom: 1px;background: #ececeb}
.productlist-left .active{border-top:2px solid #259a4b;}
.productlist-left dl dd:hover{border-top:2px solid #259a4b;}
.productlist-left dl dd a{color:#666;}
.productlist-right{width: 940px;}
.productlist-right h1{font-weight: bold;font-size: 24px;color: #444;width: 100%;height: 50px;line-height: 50px;border-bottom: 2px solid #259a4b;}
.productlist-right ul{display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;flex-wrap: wrap;-webkit-felx-wrap:flex-wrap;}
.productlist-right ul::after{content:'';width:300px;}
.productlist-right ul li{width:300px;height: 350px;padding:5px;float: left;border: 1px solid #dedede;box-sizing: border-box;text-align: center;margin: 10px 0;}
.productlist-right ul li:last-child{float:left;}
.productlist-right .pimg{width:290px;height:290px;line-height:290px;vertical-align: middle; overflow: hidden }
.productlist-right .pimg img{max-width:100%;width: auto;max-height: 100%;height: auto;}
.productlist-right ul li p{height:60px;line-height: 60px;text-align: center;}
.page { width:100%; float:left;padding:30px 0; font-size:14px; overflow:hidden; text-align:center; }
.page a { color:#333; background:#f1f1f1; margin:0 5px; padding:0 15px; line-height:40px; display: inline-table; }
.page a:hover { background:#259a4b; color:#fff; border-radius:0px;}
.page a:active {  background:#259a4b; color:#fff; border-radius:0px;}
.page a.page-num-current { background:#259a4b; color:#fff; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}
.page span.current { background:#259a4b; color:#fff; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}
.page span.no { background:#f1f1f1; color:#333; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}
.page span.disabled { padding:0 9px 0 0px; }

.productlist-real{width: 940px;margin-bottom: 20px;height: auto;}
.productlist-real h3{font-weight: bold;font-size: 24px;color: #444;width: 100%;height: 50px;line-height: 50px;border-bottom: 2px solid #259a4b;}
.productlist-real ul{border: 1px solid #dedede;padding:20px;height: auto;clear: both}
.productlist-real ul li{width: 49%;float: left;height: 35px;line-height: 35px;border:none;text-align: left;margin: 0;}
.productlist-real span{color:#888;padding-right:10px;}
.productlist-real ul li a{color:#444}
.productlist-pro{width: 940px;margin-bottom: 20px;height: auto;}
.productlist-pro h3{font-weight: bold;font-size: 24px;color: #444;width: 100%;height: 50px;line-height: 50px;border-bottom: 2px solid #259a4b;}
.productlist-pro ul{border: 1px solid #dedede;padding:20px;height: auto;clear: both;display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;}
.productlist-pro ul li{width:200px;height: 230px;border:none;text-align: left;margin: 0;}
.productlist-pro .pimg{width: 170px;height:176px;text-align: center}
.productlist-pro .pimg img{max-width: 100%;width: auto;}
.productlist-pro p{height: 20px;text-align: center;}
.productlist-pro a{color:#666}
.pview{width: 940px;text-align: center;margin:20px 0;overflow: hidden}
.pview img{max-width: 100%;width: auto}

.nview{margin:20px 0;line-height: 25px;}

.newslist{width: 940px;}
.newslist h1{font-weight: bold;font-size: 24px;color: #444;width: 100%;height: 50px;line-height: 50px;border-bottom: 2px solid #259a4b;}
.newslist ul{margin:20px 0;}
.newslist ul li{margin:20px 0;}
.newslist .panel-default{width:80px;height: 80px;float: left;text-align: center;}
.newslist .bd{float: right;width:830px; display: block}
.newslist .bd a{color:#333}

.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#259a4c url(../images/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#259a4c url(../images/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{background:#259a4c url(../images/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#259a4c url(../images/rightbar.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{text-indent:54px;width:100%;height:100%;color:#fff;}



