﻿*{border:0; margin:0; padding:0; outline:0; box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,fieldset,legend,button,textarea,div,img{border:0 none; margin:0; padding:0; box-sizing:border-box; outline:0;}
body,textarea,input,button,select,keygen,legend,pre{font:14px/1.5;color:#666;outline:0;font-family:'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif;font-style: normal;}
pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}
html,body{width:100%; position:relative;height:100%;}
.bodyw,.body_st{height:100%;}
body{overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
em{font-style:normal;}
ul,li,ol{list-style:none;}

/** 重置超链接元素 **/
a{text-decoration:none;color:#666;}
a:hover{color:#04a23e;}

/** 重置图片元素 **/
.fl{float:left;}
.fr{float:right;}
.l{ float:left;}
.r{ float:right;}

/** 重置表格元素 **/
table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both; overflow:hidden;}
.w1200{ width:1200px;max-width: 95%; margin:auto;}

.top_h{position: fixed;left: 0;top: 0;right: 0;z-index: 9;background: #fff; -webkit-transition:0.5s;transition:0.5s;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.logo img{display: block;height: 80px;padding: 15px 0;}
.dh_tx{position: absolute;top: 0;z-index: 0;}
.dh_tx i{position: absolute;top: 0; height:80px;border-bottom: 2px solid #04a23e; -webkit-transition:0.5s;transition:0.5s;}
.dh{float: right;margin-right: 30px;}
.dh ul li{float: left;position: relative;}
.dh ul li p a{display: block;font-size: 16px;line-height:80px;padding:0 18px;color: #333;-webkit-transition:0.5s;transition:0.5s;}
.dh ul li p a:before{float: right;padding-left: 5px;font-size: 12px;}
.dh ul li.on p a{color: #04a23e;}
.dh ul li .dh_xl{position: absolute;left:50%;margin-left: -75px;box-shadow: 0 5px 5px rgba(0,0,0,0.1);text-align: center; top: 80px;width: 150px;background: #fff;border-radius:0 0 5px 5px;padding: 10px 0px;display: none;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.dh ul li .dh_xl ul li{width: 100%;}
.dh ul li .dh_xl ul li a{display: block; font-size: 14px;line-height: 30px;color: #777;}
.dh ul li .dh_xl ul li a:hover{color: #04a23e;}
.top_h_yy{float: right;padding-top: 30px;position: relative;height: 80px;}
.top_h_yy p a{display: block;font-size: 14px;line-height: 20px;padding: 0 10px;border: 1px solid #04a23e; color: #04a23e;border-radius: 5px;position: relative;-webkit-transition:0.5s;transition:0.5s;text-transform: uppercase;}
.top_h_yy_xl{z-index: 1;position: absolute;left: 50%;border-radius: 0 0 5px 5px;margin-left: -50px;width: 100px; top: 80px;padding:15px 0;box-shadow: 0 5px 5px rgba(0,0,0,0.1);background: #fff;display: none;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.top_h_yy_xl a{display: block;padding: 0 25px;font-size: 14px;line-height: 30px; color: #777;-webkit-transition:0.5s;transition:0.5s;text-align: center;}
.top_h_yy_xl a:hover{color: #333;}

.banner{ width:100%; overflow:hidden; margin-top:80px; position:relative;}
.banner ul{ position:relative; width:10000%;}
.banner ul li{ float:left; width:1%; overflow:hidden;position: relative;}
.banner ul li a{display: block;}
.banner ul li img{display:block;width:1920px;position: relative;left: 50%;margin-left: -960px;}
.bandd{ position:absolute; left:0; bottom:3%; width:100%; text-align:center; z-index:5;}
.bandd span{z-index:2;cursor:pointer;margin-right:5px;display:inline-block;width:14px;height:14px;zoom:1;border-radius:100%;border:2px solid #fff;position:relative;transition:all .3s}
.bandd span:after{content:"";position:absolute;width:6px;height:6px;background:#fff;top:2px;left:2px;border-radius:100%}
.bandd span.on,.bandd span:hover{border:2px solid #04a23e;transform:scale(1.1)}
.bandd span.on:after{background:#04a23e}
.banz,.bany{ position:absolute; top:0; width:15%; height:100%; opacity:0;  -webkit-transition:0.5s;transition:0.5s; cursor:pointer; z-index:5;font-size: 36px;line-height:100%;text-align: center;color: #fff;}
.banz{ left:0; /*background:url(../img/l_bg.png) center repeat-y;background-size: 100% auto !important;*/}
.bany{ right:0; /*background:url(../img/r_bg.png) center repeat-y;background-size: 100% auto !important;*/}
.banz:before,.bany:before{position: absolute;top: 50%;left: 50%; -webkit-transform:scale(1,1.5) translate(-50%, -50%);transform:scale(1,1.5) translate(-50%, -50%) ;}
.banner:hover .banz,.banner:hover .bany{ opacity:1;}

.sy_bt{position:relative;}
.sy_bt .h1{font-size: 48px;text-transform: uppercase;text-align: center;line-height: 48px;color: rgba(100, 100, 100, 0.1);}
.sy_bt .h2{font-size: 36px;line-height: 36px;position: absolute;left: 50%;top: 25px;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);color: #04a23e;}
.sy_bt .h2:before{content: ""; position: absolute;left: -125px;top:50%; width: 120px;height: 2px;background: #999;}
.sy_bt .h2:after{content: "";position: absolute;right: -125px;top:50%; width: 120px;height: 2px;background: #999;}
.sy_bt .h3{font-size: 14px;line-height: 14px;text-align: center;margin-top: 30px;color: #666;}
.sy_bt.fff .h1{color: rgba(255, 255, 255, 0.2);}
.sy_bt.fff .h2{color: #fff;}
.sy_bt.fff .h2:before{background: #fff;}
.sy_bt.fff .h2:after{background: #fff;}
.sy_bt.fff .h3{color: #fff;}

.sy_gy_bg{padding: 80px 0;}
.sy_gy{margin-top: 50px;background:url(../img/sy_gy_bg.jpg) center no-repeat;background-size: cover;padding: 60px 50px;}
.sy_gy_r{ width:510px;height: 400px;overflow: hidden;}
.sy_gy_r img{display:block; width:100%;height:100%;-o-object-fit: cover;object-fit: cover;-webkit-transition:0.5s;transition:0.5s;}
.sy_gy_r:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.sy_gy_l{ width:550px;}
.sy_gy_l .h1{ font-size:26px; line-height:26px;color: #333;padding-bottom: 25px;position: relative;margin-bottom: 20px;}
.sy_gy_l .h1:after{content: "";position: absolute;left: 0;bottom: 0;width: 30px;height: 2px;background: #333;}
.sy_gy_l .h2{ font-size:14px; line-height:30px;color: #666;/*display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;*/}
.sy_gy_l .h3{ margin-top:20px;}
.sy_gy_l .h3 a{display: block;width: 120px; border:1px solid #04a23e;font-size:14px;color:#04a23e; line-height:35px;text-align: center; border-radius: 5px;-webkit-transition:0.5s;transition:0.5s;}
.sy_gy_l .h3 a:hover{border:1px solid #04a23e;color:#fff;background: #04a23e;}

.sy_jjfa_bg{background:url(../img/jjfa_bg.jpg) center no-repeat;background-size: cover; padding:80px 0;}
.sy_jjfa{}
.sy_jjfa_fl{margin: 50px auto 0;max-width: 800px;}
.sy_jjfa_fl ul li{float: left;width:25%;text-align:center;}
.sy_jjfa_fl ul li .h1{border-radius: 50%; width: 100px;margin: auto;overflow: hidden;font-size: 42px;line-height: 96px;color: #999;border: 2px solid #999;}
.sy_jjfa_fl ul li.on .h1{background: #04a23e;color: #fff;border: 2px solid #04a23e;}
.sy_jjfa_fl ul li .h2{font-size: 16px;line-height: 16px;color: #333;margin-top: 20px;}
.sy_jjfa_fl ul li.on .h2{color: #04a23e;}
.sy_jjfa_lb{max-width: 1000px;margin: auto;}
.sy_jjfa_lb ul li{margin-top: 50px;display: none;}
.sy_jjfa_lb ul li .h1{font-size: 14px;line-height: 30px;color: #333;text-align:center;}
.sy_jjfa_lb ul li .h2{margin-top: 50px;}
.sy_jjfa_lb ul li .h2 a{display: block;width: 150px;margin: auto;text-align: center;border: 1px solid #04a23e;font-size: 14px;line-height: 40px;color: #04a23e;border-radius:5px;}


.sy_zs_bg{padding:80px 0;}
.sy_zs{}
.sy_zs_lb_bg{margin-top: 50px;position: relative;padding:0 60px;}
.sy_zs_lb{overflow:hidden;}
.sy_zs_lb ul{width: 10000%;position: relative;}
.sy_zs_lb ul li{float: left;width: 0.235%;margin-right: 0.02%;position:relative;}
.sy_zs_lb ul li .h1{overflow: hidden;}
.sy_zs_lb ul li .h1 img{display: block;width: 100%; -webkit-transition:0.5s;transition:0.5s;}
.sy_zs_lb ul li:hover .h1 img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.sy_zs_lb ul li .h2{position: absolute;left: 0;bottom: 0;right: 0;background: url(../img/zstbg.png) center repeat-x;background-size: cover; text-align: center;font-size: 15px;line-height: 24px;color: #fff;padding: 10px 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.sy_zs_l,.sy_zs_r{ position:absolute; top:50%; margin-top:-25px;width:50px; height:50px; -webkit-transition:0.5s;transition:0.5s; cursor:pointer; z-index:5;font-size: 24px;line-height: 50px;text-align: center;color: #ccc;}
.sy_zs_l{ left:0px;}
.sy_zs_r{ right:0px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.sy_zs_l:hover,.sy_zs_r:hover{color: #04a23e;}

.sy_gg_bg{background:url(../img/sy_gg.jpg) center no-repeat;background-size: cover;padding: 80px 0;}
.sy_gg .h1{font-size: 30px;line-height: 30px;color: #04a23e;}
.sy_gg .h2{font-size: 16px;line-height: 35px;color: #333;margin-top: 20px;}

.sy_xw_bg{background: #f1f3f5;padding: 80px 0;}
.sy_xw{}
.sy_xw_fl{margin-top: 40px;}
.sy_xw_fl ul{font-size: 0;text-align: center;}
.sy_xw_fl ul li{display: inline-block;}
.sy_xw_fl ul li a{display: block;padding: 0 50px;font-size: 16px;line-height: 50px;color: #000;background: #fff;-webkit-transform:skewX(-45deg);transform:skewX(-45deg);}
.sy_xw_fl ul li a span{display: block; -webkit-transform:skewX(45deg); transform:skewX(45deg);}
.sy_xw_fl ul li.on a{background: #04a23e;color: #fff;}
.sy_xw_lb_bg{margin-top: 40px;position: relative;padding:0 60px;}
.sy_xw_lb_qh{display: none;}
.sy_xw_lb{overflow: hidden;}
.sy_xw_lb ul{position: relative;width: 10000%;}
.sy_xw_lb ul li{float: left;width: 0.31333%;margin-right: 0.03%;}
.sy_xw_lb ul li .h1{overflow: hidden;}
.sy_xw_lb ul li .h1 img{display: block;width: 100%; -webkit-transition:0.5s;transition:0.5s;}
.sy_xw_lb ul li:hover .h1 img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.sy_xw_lb ul li .h2{font-size: 16px;-webkit-transition:0.5s;transition:0.5s;line-height: 30px;color: #333;padding: 8px 0 5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.sy_xw_lb ul li .h2:hover{color: #04a23e;}
.sy_xw_lb ul li .h3{font-size: 14px;line-height: 24px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.sy_xw_lb ul li .h4{font-size:14px;line-height: 30px;color: #999;}
.sy_xw_lb ul li .h4 .l{}
.sy_xw_lb ul li .h4 .r{-webkit-transition:0.5s;transition:0.5s;}
.sy_xw_lb ul li .h4 .r:hover{color: #04a23e;}
.sy_xw_lb_l,.sy_xw_lb_r{ position:absolute; top:50%; margin-top:-25px;width:50px; height:50px; -webkit-transition:0.5s;transition:0.5s; cursor:pointer; z-index:5;font-size: 24px;line-height: 50px;text-align: center;color: #ccc;}
.sy_xw_lb_l{ left:0px;}
.sy_xw_lb_r{ right:0px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.sy_xw_lb_l:hover,.sy_xw_lb_r:hover{color: #04a23e;}

.foot{background:url(../img/foot.jpg) center no-repeat;background-size: cover;padding:60px 0 0;}
.foot_dh{ float:left; margin-right:70px;}
.foot_dh ul{ float:left;}
.foot_dh ul li a{ font-size:14px; line-height:24px; color:#fff;}
.foot_dh ul li.foot_dh_bt{padding-bottom:15px;}
.foot_dh ul li.foot_dh_bt a{display: block; font-size:16px; line-height:30px;font-weight: bold; color:#FFF;position:relative; }
.foot_dh ul li a:hover{color:#fff;}
.foot_lx{ float:left;margin-right:50px;}
.foot_lx .h1{padding-bottom: 15px;}
.foot_lx .h1 a{font-size:16px; line-height:30px; color:#fff;font-weight: bold; }
.foot_lx .h2{font-size:14px; line-height:40px; color:#fff;}
.foot_lx .h2 span.iconfont{float: left; font-size:20px;padding-right: 10px;}
.foot_ewm{ float:left;margin-left: 15px;padding-top: 45px;}
.foot_ewm .h4{float: left; width:120px;margin-right: 25px;}
.foot_ewm .h4 p{font-size:14px; line-height:30px; text-align:center; color:#fff;}
.foot_ewm .h4 p span{font-size:18px;padding-right: 5px;}
.foot_ewm .h4 img{ display:block; width:100%;padding-top: 10px;}
.foot_ly{ float:right;}
.foot_ly .h1{padding-bottom: 15px;}
.foot_ly .h1 a{font-size:16px; line-height:30px; color:#fff;font-weight: bold; }
.foot_ly .h2{width: 380px;}
.foot_ly .h2 input{float: left;width: 48%;margin-right: 4%; font-size: 14px;line-height: 38px;color: #fff; height: 40px; margin-bottom: 2%;background: none;border: 1px solid #fff;padding: 0 15px;}
.foot_ly .h2 input.foot_ly_dh{margin-right: 0;}
.foot_ly .h2 input::-webkit-input-placeholder {color: #fff;}
.foot_ly .h2 input:-moz-placeholder {color: #fff;}
.foot_ly .h2 input::-moz-placeholder {color: #fff;}
.foot_ly .h2 input:-ms-input-placeholder {color: #fff;}
.foot_ly .h2 textarea{float: left;width: 100%;font-size: 14px;line-height: 30px;color: #fff;margin-bottom: 2%;background: none;border: 1px solid #fff;padding: 0 15px;height: 80px;font-family:'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif;}
.foot_ly .h2 textarea::-webkit-input-placeholder {color: #fff;}
.foot_ly .h2 textarea:-moz-placeholder {color: #fff;}
.foot_ly .h2 textarea::-moz-placeholder {color: #fff;}
.foot_ly .h2 textarea:-ms-input-placeholder {color: #fff;}
.foot_ly .h2 a{float: left;width:120px;text-align: center; font-size: 14px;line-height: 40px;color: #fff;background: #04a23e;}
.foot_yqlj{float: left;width: 100%;}
.foot_yqlj .h2{padding-top: 10px;font-size: 0;text-align: center;border-top: 1px solid rgba(255, 255, 255, 0.1);margin-top: 30px;}
.foot_yqlj .h2 a{display: inline-block; font-size: 14px;line-height: 30px;color: #fff;-webkit-transition:0.5s;transition:0.5s;vertical-align: middle;}
.foot_yqlj .h2 a:hover{color: #04a23e;}
.foot_yqlj .h2 span{display: inline-block;width: 40px;height: 30px;background:url(../img/foot_yqlj.png) center no-repeat;vertical-align: middle;}
.bqsy{float: left;width: 100%; font-size:14px;line-height:30px; color:#fff; text-align:center; padding:0px 0 20px;}

.bat{width:100%;overflow:hidden;margin-top: 80px;}
.bat img{display: block;width:1920px;position: relative;left: 50%;margin-left: -960px;}
.ny_st{padding:30px 0 80px;}
.ny_dtdh{border-bottom: 2px solid #ccc;position: relative;}
.ny_dtdh .l{padding: 5px 0;}
.ny_dtdh .l em{float: left; width:10px;height:14px;margin-right:8px;background:url(../img/home.png) no-repeat center;}
.ny_dtdh .l i{float: left;width:10px;height:14px;margin:0 4px;background:url(../img/sNav_icon.png) no-repeat center;}
.ny_dtdh .l a{float: left;font-size:14px;color:#666;line-height: 14px;}
.ny_dtdh .l a.on{color:#04a23e;}
.ny_dtdh .r{position: relative;}
.ny_dtdh .r i.flhk{position: absolute;left: 0;bottom: -2px;height: 4px;background: #04a23e;width:0px;-webkit-transition:0.5s;transition:0.5s;}
.ny_dtdh .r ul li{margin-left:20px;float:left;}
.ny_dtdh .r ul li a{color:#333;font-size:14px;line-height: 24px; font-weight:bold;display:block;-webkit-transition:0.5s;transition:0.5s;padding-bottom: 20px;}
.ny_dtdh .r ul li a:hover{color:#04a23e;}
.ny_dtdh .r ul li.on a{color:#04a23e;}
.ny_gy{padding:30px 0 0;font-size: 16px;line-height: 35px;color: #666;}
.ny_gy .h1{font-size:24px;/*font-weight: bold;*/line-height:30px; color:#333;position: relative;padding: 15px 0;}
.ny_gy .h1 i{position: absolute;top: -100px;}
.ny_gy img{display: block;max-width: 100%;padding: 10px 0;}

.ny_gy_tp{padding:0px 0 0;}
.ny_gy_tp ul li{float: left;width: 23.5%;margin:2% 2% 0 0;}
.ny_gy_tp ul li:nth-child(4n){margin-right: 0;}
.ny_gy_tp ul li .h1{overflow: hidden;border: 1px solid #eee;padding: 0;}
.ny_gy_tp ul li .h1 img{display: block; width: 100%;-webkit-transition:0.5s; transition:0.5s;padding: 0;}
.ny_gy_tp ul li:hover .h1 img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.ny_gy_tp ul li .h2{font-size: 14px;line-height: 20px;text-align: center;padding: 10px 0;height: 60px;}
.ny_gy_tp_ms{font-size: 16px;line-height: 35px;color: #666;margin-top: 20px;}
.ny_gy_tp_ms .iconfont{float: left; font-size: 12px;line-height: 35px;color: #666;padding-right: 5px;transform:scale(0.7);}

.ny_gy_gsjj{padding-bottom: 30px;}
.ny_gy_gsjj td,.ny_gy_gsjj table{border:1px solid #ccc;}
.ny_gy_hxyw{padding-bottom: 30px;}
.ny_gy_gsfw{padding-bottom: 30px;}
.ny_gy_rjzzq{padding-bottom: 30px;}
.ny_gy .iconfont{float: left; font-size: 12px;line-height: 35px;color: #666;padding-right: 5px;transform:scale(0.7);}

.ny_cp{}
.ny_cp ul li{float: left;width: 30.666%;margin-right: 4%;margin-top: 4%;border: 1px solid #eee; position: relative;}
.ny_cp ul li:nth-child(3n){margin-right: 0;}
.ny_cp ul li .h1{overflow: hidden;}
.ny_cp ul li .h1 img{display: block;width: 100%;-webkit-transition:0.5s;transition:0.5s;}
.ny_cp ul li:hover .h1 img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.ny_cp ul li .h2{font-size: 16px;line-height: 30px;color: #666;margin: 15px;overflow: hidden;text-align: center;}
.ny_cp ul li .xw_hover{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: #04a23e;padding: 20px;opacity: 0;-webkit-transition:0.5s;transition:0.5s;}
.ny_cp ul li .xw_hover .h3{font-size: 20px;line-height: 24px;color: #fff;font-weight: bold;}
.ny_cp ul li .xw_hover .h4{margin-top: 30px; font-size: 14px;line-height: 30px;color: #fff;display: -webkit-box;word-wrap: break-word;-webkit-box-orient: vertical;-webkit-line-clamp: 9;overflow: hidden;}
.ny_cp ul li .xw_hover .h4 pre{font-size: 14px;line-height: 30px;color: #fff;}
.ny_cp ul li .xw_hover .h5{position: absolute;left: 20px;right:20px;bottom: 20px;font-size: 14px;line-height: 20px;color: #fff;background:url(../img/gy_jt_hover.png) right center no-repeat;background-size: auto 8px;}
.ny_cp ul li:hover .xw_hover{opacity: 1;}

.pagination{width:100%; height:auto;text-align:center; font-size:0px; position:relative; overflow:hidden; margin:50px 0 0px; text-transform:uppercase;}
.pagination a,.pagination span{display:inline-block; padding:0 15px; line-height:40px; font-size:14px; border:1px solid #d6d6d6; margin:0 5px;}
.pagination span.current,.pagination a:hover{color:#fff; border-color:#04a23e; background:#04a23e;}

.ny_cpxqy{padding-top:80px;}
.products{width:100%;}
.promore_l{width:50%;float:left;}
/*ÃƒÂ¥Ã¢â‚¬ÂºÃ‚Â¾ÃƒÂ§Ã¢â‚¬Â°Ã¢â‚¬Â¡ÃƒÂ¦Ã¢â‚¬ÂÃ‚Â¾ÃƒÂ¥Ã‚Â¤Ã‚Â§ÃƒÂ©Ã¢â‚¬Â¢Ã…â€œÃƒÂ¦Ã‚Â Ã‚Â·ÃƒÂ¥Ã‚Â¼Ã‚Â*/
.jqzoom{border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%; display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*ÃƒÂ¥Ã¢â‚¬ÂºÃ‚Â¾ÃƒÂ§Ã¢â‚¬Â°Ã¢â‚¬Â¡ÃƒÂ¥Ã‚Â°Ã‚ÂÃƒÂ¥Ã¢â‚¬ÂºÃ‚Â¾ÃƒÂ©Ã‚Â¢Ã¢â‚¬Å¾ÃƒÂ¨Ã‚Â§Ã‹â€ ÃƒÂ¥Ã‹â€ Ã¢â‚¬â€ÃƒÂ¨Ã‚Â¡Ã‚Â¨*/
.spec-preview{width:500px;border: 1px solid #eee;}
.spec-scroll{clear:both;margin-top:15px;width:500px;padding: 0 20px;position: relative;}
.spec-scroll .prev{left:0; background:#eee url(../img/left_btn.png) center no-repeat;}
.spec-scroll .next{right:0; background:#eee url(../img/right_btn.png) center no-repeat;}
.spec-scroll .prev,.spec-scroll .next{position: absolute;top: 0; display:block; text-align:center; width:12px; height:60px;cursor:pointer;background-size: 6px 12px!important;}
.spec-scroll .items{float:left;position:relative;width:100%;height:60px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;text-align:center;margin-right: 5px;}
.spec-scroll .items ul li img{border:1px solid #ccc;padding:2px;width:60px;height:60px;display: block;}
.spec-scroll .items ul li img:hover{border:2px solid #04a23e;padding:1px;}

.tabs-basic{width:100%; margin-top:40px; float:left;}
/* The tabs */
.tabs-basic ul{list-style:none; margin:0; padding:0;border-bottom: 2px solid #e6e6e6;}
.tabs-basic ul li{float: left; font-size:18px;font-weight: bold; text-transform:uppercase;margin-right: 30px;}
.tabs-basic ul>li>a{display:block; text-decoration:none; line-height:30px; color:#333;padding-bottom: 10px;position: relative;}
.tabs-basic ul>li>a:after{content: "";position: absolute;left:0;bottom: -2px;right: 0;border-bottom: 4px solid #04a23e;display: none;}
.tabs-basic ul>li.on>a:after{display: block;}
.tabs-basic ul>li.on>a{color:#04a23e;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:auto;line-height:30px; font-size:15px; color:#666;}
.tabs-basic .tabs-content-placeholder .tab-content-active{padding: 20px 0;}
.tabs-basic .tabs-content-placeholder .tab-content-active .iconfont{float: left; font-size: 12px;line-height: 30px;color: #333;padding-right: 5px;transform:scale(0.7);}
.tabs-basic .tabs-content-placeholder img{max-width:100%;}
.pros_right{width:50%; float:right; overflow:hidden;}
.pros_right_top{overflow:hidden; padding-bottom:10px; border-bottom:1px solid #e6e6e6;}
.pros_right_top .h1{font-size:20px; color:#04a23e;font-weight: bold; padding-bottom:10px;}
.pros_right_top p{font-size:16px; color:#787876;}
.proleft{width:100%;float:left; font-size:15px; line-height:30px; margin-top:20px;}
.proleft_btn{width:100%; float:left; margin-top:30px;}
.proleft_btn li{width:100%; float:left; margin-right:10px;}
.proleft_btn li a{width:100%; max-width:150px; height:40px; float:left; line-height:40px; text-align:center; font-size:16px; background:#eee; display:block;}
.proleft_btn li span{float:left; padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#04a23e; color:#fff;border-radius: 5px;}
.tab-content-active strong{font-size: 16px;color: #333;padding-bottom: 10px;display: block;}
.tab-content-active table{ border:1px solid #eee; border-width:1px 1px 0 0; width:100%;text-align: left;}
.tab-content-active table th{ border:1px solid #eee; border-width:0 0 1px 1px; padding:5px 10px;}
.tab-content-active table td{ border:1px solid #eee; border-width:0 0 1px 1px; padding:5px 10px;}

.view-page{width:100%; position:relative; margin:40px 0; height:70px; border-top:1px solid #e6e6e6; padding-top:30px;}
.view-page .prev,.view-page .back,.view-page .next{font-size:14px;height:38px; border:solid 1px #e6e6e6; line-height:38px; position: absolute;transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out;}
.view-page .prev{left:0;}
.view-page .prev a,.view-page .next a{text-align:center;}
.view-page a{display:block; padding:0 20px;color: #333;} 
.view-page .back{left:50%; margin-left:-80px;}
.view-page .back a{background:#04a23e; color:#fff; text-align:center;}
.view-page .next{right:0;}
.view-page .prev:hover a{color:#fff; background:#04a23e;}
.view-page .next:hover a{color:#fff; background:#04a23e;}
.view-page .back:hover a{background:#04a23e; color:#fff;}

.ny_xw{ padding:0px 0 0px;}
.ny_xw ul li{ border-bottom:1px dashed #ccc; padding-left:280px; position:relative; padding-bottom:35px; margin-top:35px;}
.ny_xw ul li .ny_xw_img{ position:absolute; left:0px; top:0; width:260px; overflow:hidden; height:150px;}
.ny_xw ul li .ny_xw_img img{ display:block; width:100%; -webkit-transition:0.5s;transition:0.5s;}
.ny_xw ul li:hover .ny_xw_img img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.ny_xw ul li .ny_xw_txt{ position:relative; height:150px;}
.ny_xw ul li .ny_xw_txt .h1{ font-size:16px; line-height:30px; color:#333;font-weight: bold;}
.ny_xw ul li:hover .ny_xw_txt .h1{color:#04a23e;}
.ny_xw ul li .ny_xw_txt .h4{ font-size:14px; line-height:24px;padding-top:5px; color:#777;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ny_xw ul li .ny_xw_txt .h2{ font-size:14px; line-height:24px; color:#aaa; padding-top:5px;}
.ny_xw ul li .ny_xw_txt .h3{ position:absolute; left:0; bottom:10px; font-size:14px; line-height:22px; color:#777;}
.ny_xw ul li:hover .ny_xw_txt .h3{color:#04a23e;}

.ny_tw_bt{width:100%;text-align:center; line-height:30px; padding:0px 0 20px 0; font-size:14px; margin-top:60px;border-bottom: 1px solid #eee;}
.ny_tw_bt .line{padding:0 10px; color:#d3d3d3;}
.ny_tw_bt .color-blue{color:#787876;}
.ny_tw_bt .h3{padding:8px; line-height:30px; font-size:24px;color:#333;}
.ny_tw{ font-size:14px; line-height:30px; color:#666; padding:40px 0 50px;}
.ny_tw img{ display:block; max-width:100%; margin:auto;}

.ny_lx{padding: 80px 0;}
.ny_lx_l{float: left;width: 440px;}
.ny_lx_bt{height:20px;margin-bottom: 40px;}
.ny_lx_bt p{display: block; height: 15px;border-bottom: 1px solid #e1e1e1;}
.ny_lx_bt span{float: left; font-size:24px;color: #333;line-height: 30px;background: #fff;padding-right: 15px;}
.ny_lx_txt{font-size: 16px;line-height:45px;color: #333;margin-bottom: 60px;}
.ny_lx_txt a{font-size: 16px;line-height: 30px;color: #333;}
.ny_lx_txt a:hover{color: #04a23e;}
.ny_lx_fx{}
.ny_lx_fx ul li{float: left;margin-bottom: 10px;max-width: 100px;margin-right: 25px;}
.ny_lx_fx ul li:nth-child(4n){margin-right:0px;}
.ny_lx_fx ul li a{display: block;line-height: 30px;color: #333;font-size: 16px;}
.ny_lx_fx ul li a:hover{color: #04a23e;}
.ny_lx_fx ul li a span{font-size: 24px;}
.ny_lx_r{float: right;width: 700px;}
.ny_lx_r img{display: block; width:100%;}
.ny_ly{}
.ny_ly_bt{font-size:24px;color: #333;line-height: 30px;text-align: center;padding-bottom: 10px;}
.ny_ly p{font-size: 16px;text-align: center;color: #333;}
.ny_ly form{width:100%;max-width: 100%;margin:20px auto 0;}
.ny_ly form li{margin-top: 15px;}
.ny_ly form li .h1{font-size: 15px;font-weight: bold;line-height: 30px;color: #333;padding: 5px 0;}
.ny_ly form li .h1 span{font-size: 12px;font-weight:normal;color: #04a23e;}
.ny_ly form li .h2 input{display: block;width: 100%; border: 1px solid #eee;background: #fff;font-size: 16px;line-height: 43px;padding: 0 15px;}
.ny_ly form li .h2 textarea{display: block;width: 100%; border: 1px solid #eee;background: #fff;font-size: 16px;line-height: 24px;padding:5px 15px;height: 180px;}
.ny_ly form li input.ny_ly_tj{display: block;margin: auto; width: 180px;height: 50px;background:#04a23e;font-size: 16px;line-height: 50px;text-align: center;color: #fff;cursor: pointer;-webkit-transition:0.5s;transition:0.5s;}
.ny_ly form li input.ny_ly_tj:hover{background: #04a23e;}


.kefu{position: fixed;right: 10px;bottom:50px;z-index: 100;}
.kefu ul{}
.kefu li{background: #04a23e;height: 65px;width: 65px;text-align: center;border-radius: 3px;margin-bottom: 5px;position: relative;cursor:pointer;display: flex;flex-direction: column;justify-content: center;text-align: center;-webkit-transition:0.5s;transition:0.5s;}
.kefu li:hover{background: #1f7b41;}
.kefu li i{color: #FFF;font-size: 30px;line-height: 30px;}
.kefu li span.kfbt{color: #FFF;font-size: 12px;padding-top: 5px;line-height: 12px;display: block;}
.kefu li a{display: block;}
.kefu li a:hover{display: block;text-decoration: none;}
.kefu li .weixin{position: absolute;right: 66px;top: 0px;width: 140px;height: 140px;border-radius: 3px;overflow: hidden;visibility: hidden;opacity: 0;transition: all 0.3s;background: #fff;padding: 10px;}
.kefu li:hover .weixin{visibility: visible;opacity: 1;}
.kefu li .weixin img{width:100%;}
.kefu li .kfdh{font-family:Arial, sans-serif;position: absolute;right: 66px;top: 0px;color:#f00; width: 200px;line-height: 24px;padding: 8px 0;border-radius: 3px;overflow: hidden;visibility: hidden;opacity: 0;transition: all 0.3s;border:1px solid #eee;background:#FFF;font-size:20px;}
.kefu li:hover .kfdh{visibility: visible;opacity: 1;}
#lyfk{position:relative;top:-120px;}