@charset "UTF-8";body{overflow-x: hidden;overflow-y: auto}

body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd{margin: 0}

input, button, ul, ol{margin: 0;padding: 0}

body, input, button, form{font-size: 16px;line-height: 28px;font-family: microsoft yahei, helvetica neue, Helvetica, Arial, sans-serif;color: #333}

h1, h2, h3, h4, h5, h6, font{font-weight: 400}

ul, ol, li{list-style: none}

input{background: 0 0;border: 0}

img, iframe{border: 0}

em, i{font-style: normal}

button, input, select, textarea{font-size: 100%}

table{border-collapse: collapse;border-spacing: 0}

.fl{float: left}

.fr{float: right}

.hidden{display: none}

.hide{display: none!important}

.w1200{width: 1200px;margin: 0 auto}

.w1380{width: 1380px;margin: 0 auto}

.w80 {width: 90%; margin: 0 auto;}

.img100{width: 100% !important;}

.g-ico{background: url(../images/g-ico.png) no-repeat;display: inline-block;vertical-align: middle}

.icon{vertical-align: middle;background: url(../images/icon.png) no-repeat;display: inline-block}

a{text-decoration: none;font-family: Microsoft Yahei;color: #343434;transition: all 500ms;-webkit-transition: all 500ms;-o-transition: all 500ms;-moz-transition: all 500ms;}

a:hover{color:#009a44;}

a:visited{text-decoration: none}

.ease, .ease *{-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms}

.noease, .noease *{-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none}

:-moz-placeholder{color:#ccc}

::-moz-placeholder{color:#ccc}

input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#ccc}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#ccc}

.clearfix{*zoom:1}

.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0}

.lh-3{width: 100%;height: 3px;}

.lh-5{width: 100%;height: 5px;}

.lh-10{width: 100%;height: 10px;}

.lh-15{width: 100%;height: 15px;}

.lh-20{width: 100%;height: 20px;}

.lh-25{width: 100%;height: 25px;}

.lh-30{width: 100%;height: 30px;}

.lh-40{width: 100%;height: 40px;}

.lh-50{width: 100%;height: 50px;}

.lh-60{width: 100%;height: 60px;}

.lh-70{width: 100%;height: 70px;}

.t-a-r{text-align: right;}

.t-a-c{text-align: center;}

.hong{color: #FF0000;}

.clear{clear: both;}

.fw{font-weight: bold;}

.fn{font-weight: normal;}

.lh22{line-height: 22px;}

.lh42{line-height: 42px;}

.lh52{line-height: 52px;}

.lh62{line-height: 62px;}

.lh72{line-height: 72px;}

.lh82{line-height: 82px;}

.rect-27{position: relative;display: block;width: 100%;height: 0;overflow: hidden;padding-bottom: 75%; background: #fff;}

.rect-57{position: relative;display: block;width: 100%;height: 0;overflow: hidden;padding-bottom: 68%; background: #fff;}

.imgZoom{overflow: hidden;}

.imgZoom img{width: 100%;height: auto;position: relative;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}

.imgZoom:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}



/*header*/

.header_main{width: 100%;background: #fff; height: 100px;z-index: 10; position:sticky; top: 0;box-shadow: 0 2px 20px rgba(0,0,0,.1);}

.header_main .logo{display: block}

/* .header_main .logo a{display:block;} */

.header_main .logo img{width: auto;height: 50px;margin:25px 0;display: block}

.navbox{width:62%!important; height: 100px;line-height:100px;}

.navbox .layui-nav{background: none!important;padding: 0; width: 100%; text-align: right;}

.navbox .layui-nav .layui-nav-item {width: calc(100%/8); text-align:center;}

.navbox .layui-nav .layui-nav-item a{ padding:0!important;height:100px; line-height: 100px; display: inline-block; font-size: 16px!important;color: #000;}

.navbox .layui-nav .layui-nav-item:hover,.navbox .layui-nav .on{ display: inline-block;height:98px; line-height: 100px;border-bottom: 2px solid #009a44!important;}

.navbox .layui-nav .layui-nav-item i{ display: none!important;}

.navbox .layui-nav .layui-nav-item .layui-nav-child{top:98px;border-radius: 0; padding:15px 0;width: 180px;border-top: none; left: 50%; margin-left: -90px; border-top: 2px solid #009a44; box-shadow: 0 0 10px rgb(0 0 0 / 20%)}

.navbox .layui-nav .layui-nav-item .layui-nav-child a{ width: 100%!important; color: #000;font-size: 16px!important;font-weight: 400;text-align: center; height:45px;line-height: 45px!important;}

.navbox .layui-nav .layui-nav-item .layui-nav-child a:hover{color: #009a44; background: #fff;}

.navbox .layui-nav .layui-nav-bar{display: none;}



.header_main .telephone{ width: 13%!important; font-size: 140%; float: left; font-weight: 700; color: #333;line-height: 100px; text-align:right;}

.header_main .telephone a{white-space:nowrap;}

.header_main .telephone a:hover{color: #009a44;}

.header_main .telephone i{color: #999; margin-right: 10px;}



/*banner*/

#flashs{position: relative;width: 100%;height: 100%;overflow: hidden;/*margin-top:124px;*/}

#flashs .swiper-container{width: 100%;height: 100%;}

#flashs .swiper-slide{text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

#flashs .swiper-slide img{width: 100%; height: 100%;}

#flashs .swiper-pagination-bullet{background: #fff;color: white;font-weight: 400;line-height: 15px;text-align: center;cursor: pointer;display: inline-block;margin-left: 8px;width: 15px;height: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;overflow: hidden;}

#flashs .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px;}

.swiper-pagination-bullet-active{background: #f90!important;}

#flashs .swiper-button-next,#flashs .swiper-button-prev{text-indent: -99999px;width: 32px;height: 45px;}

#flashs .swiper-button-next{background: url(../images/b_next.png) no-repeat left center !important;right: 15px;}

#flashs .swiper-button-prev{background: url(../images/b_prev.png) no-repeat right center !important;left: 15px;}



/*con_list_01*/

.h-porduct{padding: 10px 0 0; overflow: hidden;}

.con_list_p_tit{width: 25%; float: left;}

.con_list_p_tit h3{font-size:32px;line-height: 48px;color:#666;letter-spacing:2px;font-weight:600;}

.con_list_p_tit p{color:#999;letter-spacing:1px;font-size: 16px;text-transform:uppercase;}

.h-p-show-tit{width: 261px;}

.h-p-show-tit h3{width: 261px;height: 50px;line-height: 50px;font-size: 22px;font-weight: 700;}

.h-p-show-tit h3 a{color: #e00;}

.h-p-show-tit h3::before{content: "";position: relative;top: 12px;display: inline-block;width: 8px;height: 25px;margin-right: 10px;background-color: #e00;vertical-align: top;border-radius: 3px;}

.h-p-show-title{width: 75%; float: right; padding: 24px 0; text-align: right; margin-right: -2px;}

.h-p-show-title li{width: auto; display: inline-block; padding: 0 24px; font-size: 18px;position: relative;cursor: pointer;}

.h-p-show-title:last-of-type li{display:none;}

.h-p-show-title li:after{content:'';display:block;width:2px;height:18px;background:#999;position:absolute;top:5px;right:0;}

.h-p-show-title li a{color: #666;}

.h-p-show-title li a:hover,.h-p-show-title li.h-p-t-on a{color: #009a44;}



.h-p-show-content{overflow: hidden;}

.h-p-show-content .h-p-show-item{display: none;}

.h-p-show-content .h-p-show-on{display: block!important;}

.h-p-show-part.active{display: block;}

.h-p-show-part{display: none;}

.h-p-show-part{width:100%;overflow:hidden;padding: 0 0 20px;}

.h-p-show-part img{width: 100% !important;height: auto !important;transition: all 0.5s ease-out;-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;}

.hpview{ border: 1px solid #f3f3f3; padding: 10px; background: #f8f8f8;}

.hpview p{ font-size: 16px; text-align: center; padding: 10px 0 5px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.hpview:hover{ background:#009a44;transition: all 0.3s ease-out;-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;}

.hpview:hover p{color: #fff;}



.conbanner{width: 100%;height: auto;overflow: hidden; margin-top: 25px;}

.conbanner .mySwiper2{height: auto;width: 100%;position:relative;}

.conbanner .mySwiper2 .mySwiper{position: absolute;;top: 20%;left: 15%;width: 70%;z-index: 1;}

.conbanner .mySwiper{height: 100%;box-sizing: border-box;padding: 10px 0;}

.conbanner .mySwiper .swiper-slide{width: 25%;height: 100%;opacity: 0.4;}

.conbanner .mySwiper .swiper-slide-thumb-active{opacity: 1;}

.conbanner .swiper-slide img{display: block;width: 100%;height: 10%;object-fit: cover;}

.conbanner .mySwiper .swiper-slide{width: 25%;height: 80px!important;background: #fff;text-align: center;margin: 1px!important;opacity:1;color: #009a44;cursor:pointer;font-weight:700; }

.conbanner .mySwiper .swiper-slide p{width: 100%;font-size: 20px;line-height: 80px;color: #333;}

.conbanner .mySwiper .swiper-slide-thumb-active{background: #009a44;}

.conbanner .mySwiper .swiper-slide-thumb-active p{width: 100%;font-size: 20px; line-height: 80px;color: #fff!important;}



.about-bg{padding-bottom: 65px;background: url(../images/about-bg.jpg) bottom center no-repeat;}

.about-main-bg{padding:80px 3% 40px;width: 94%;background: #fff; margin: 0!important;}

.about-main-bg ul{margin-top: 26px;columns: 3 auto;column-gap: 3%;column-rule:1px solid #999999;}

.about-main-bg .more-btn{display: inline-block;padding: 12px 45px;background-color: #FF6600;border-radius: 4px;margin-top: 60px;}

.about-main-bg .more-btn a{color: #fff;}



.hon{ width: 100%; background:url(../images/case_bg.png); padding: 60px 0;}

.hon h3{font-size: 40px;color: #222;font-weight: bold;line-height: 42px;text-align: center; margin-bottom: 40px;}

.hon .swiper2{width: 100%;margin: 0 auto;height: 100%;}

.hon .swiper-container-pointer-events{overflow: hidden;}

.hon .swiper-button-next{right: -60px;top: 66%;color: #FF6600;}

.hon .swiper-button-prev{left: -60px;top: 66%;color: #FF6600;}

.hon .caseview{ background: #fff; padding: 3%;}

.hon .caseview .casev_info{padding-bottom: 10px;}

.hon .caseview .casev_tit{font-size: 16px;color: #222;font-weight: bold;margin-top: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.hon .caseview .casev_tit:hover{color: #3A60BF;}

.hon .caseview .casev_intro{font-size: 14px;line-height: 26px;color: #828282;margin-top: 15px;height: 55px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}



.bottom-but{font-size: 0;text-align: center;margin-top: 40px;}

.bottom-but a{width: 200px;height: 50px;line-height: 50px;font-size: 16px;display: inline-block;text-align: center; border-radius: 4px;}

.bottom-but .but1{background: #009a44;color: #fff;}

.bottom-but .but1:hover{background: #009a44;}

.bottom-but .but2{background: #fff;color: #828282;margin-left: 10px;}

.bottom-but .but2:hover{background: #FF6600;color: #fff;}



.floor_3_main{overflow: hidden;}

.floor_3_main .title{text-align: center;width: 100%;padding:60px 0 30px;}

.floor_3_main .title h3{font-size: 30px;font-weight: normal;display: block;line-height: 30px;background: url(../images/title.png) no-repeat center;}

.floor_3_main .title p{color: #999;font-size: 20px;text-transform: uppercase;font-family: "AvantGardeITVbyBT Book", arial;padding-top: 14px;}

.floor_3_main .title h3 b{display: inline-block;}



.liuc{position: relative;padding: 0 0 40px;}

.liuc .list{width: 108%;}

.liuc li{float: left;width: 16.3339%;}

.liuc li .Piece{width: 65%;height: 188px;background: #f5f5f5;border: 1px solid #ddd;float: left;font-size: 20px;text-align: center;-webkit-transition: all .3s ease;transition: all .3s ease;box-shadow: 0 0 0 #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

.liuc li .jtou{width: 33%;height: 188px;background: url(../images/jtou.png) no-repeat center;float: left;display: block;}

.liuc li img{max-width: 100px;max-height: 80px;display: block;margin: 0 auto;}

.liuc li p{text-align: center;padding-top: 40px;height: 88px;}

.liuc li:last-child .jtou{display: none;}

.liuc li:hover .Piece{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);box-shadow: 0 15px 30px rgba(0,0,0,.1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}



.xunpan{width: 100%;background: url(../images/about-bg.jpg) no-repeat center top;height: 200px;color: #fff;}

.xunpan .zixun{width: 300px;padding-top: 40px;text-align: center;}

.xunpan .zixun a{-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;height: 50px;display: block;line-height: 50px;color: #000;background: #fff;font-size: 20px;}

.xunpan .zixun:hover a{background: #FF6600; color: #fff; }

.xunpan .tel{border: 1px solid #4db87c; background: #279454;height: 50px;line-height: 50px; color: #ff0;font-size: 26px;text-align: center;font-family: "AvantGardeITVbyBT Book", arial;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;margin-bottom: 20px;}

.xunpan .tel em{width: 25px;height: 25px;display: inline-block;background-position: -100px 0;margin-right: 10px;}

.xunpan strong{display: inline-block;color: #fff;font-weight: bold;font-size: 28px;padding-right: 10px;font-style: italic;}

.xunpan p{font-size: 20px;}

.xunpan .bigtxt{font-size: 40px;padding-bottom: 30px;padding-top: 54px;}



.footer-box{background: #fefefe;padding-top:30px;}

.foot_menu{color: #333;}

.foot_menu li dt{margin-bottom:0.5rem;}

.foot_menu li dt a{color: #333;font-size:16px;}

.foot_menu li dd a{font-size:14px;color: #666;}

.foot_linkman .foot_shexian{line-height: 1.2em;text-align: right;padding:3px 0;}

.foot_linkman .foot_shexian .phone{font-size:22px;display: inline-block;transform-origin: center right;color:#009a44;padding-right: 5px;padding-top: 3px;}

.foot_linkman .foot_shexian img{width:40px;height:40px;border-radius: 3px;overflow: hidden; margin-left: 10px;}



.foot_qrcode{ clear: both; float: right; margin:20px 8px 0 0; width: 100px; text-align: center; }

.foot_qrcode .qrcode{display: inline-block;padding:2px;border:1px solid #eee;}

.foot_qrcode p{font-size:14px;}

.foot_qrcode img{float:left; border: 1px solid #eee; padding: 2px;}

.copyright{border-top:1px solid #eee;height:50px;line-height: 50px;text-align: center;font-size:14px; margin-top: 20px; clear: both;}



.links{ clear: both; border-top: 1px solid #eee;line-height: 50px;font-size: 15px;}

.links .tit{color: #666;float: left;}

.links a{color: #333;}

.links a:hover{color: #009a44;}



.page-banner{position: relative;}

.page-banner .banner-text{position: absolute;width:100%;bottom:1.5rem;left:0;z-index: 999;}

.page-banner .banner-text p{color:#fff;text-shadow: 0px 1px 3px rgba(0,0,0,0.3);font-size:24px;}

.page-banner .banner-text.text-bg1 p{color:#000;}

.page-banner .banner-text p.en{font-size:16px;}



.catpos{ height: 80px; line-height: 80px; font-size: 18px; background: #F8F9FA;border-bottom:1px solid #E4E4E4;}

.catpos .catposa{font-size: 14px;}

.page-sub li { float: left; margin-right: 3rem;  }

.page-sub li a { line-height: 5rem; }

.page-sub li .hover { font-weight: 700; color: #279454; border-bottom: 3px solid #279454; padding-bottom: 27px;}



.page-title{font-size: 28px;letter-spacing: 1px;color:#333; margin-bottom: 10px;}

.page-title-en{color:#999; margin-bottom: 20px;text-transform: uppercase;}

.page-content{color:#333; margin-bottom: 20px;}

.page-content p{line-height: 2rem;padding-bottom:1rem;}

.page-content img{ max-width:100%;height:auto!important;}

.page-content table{border: 1px solid #ddd;margin-bottom: 10px;width:100%}

.page-content table td{width: 15%;border: 1px solid #ddd;background: #fff;padding: 7px 2%;}

.page-content table td:first-child{background: #f5f5f5;}

.page-content table td:nth-child(2n){width: 85%;}





.news-content .news-item{border-bottom:1px solid #e7e7e7; padding: 30px 0;}

.news-content .news-item:last-of-type{border-bottom: 0px;}

.news-content .news-item img{transition: all 400ms;}

.news-content .news-item .news-image{width:25%;max-width:300px;}

.news-content .news-item .news-image .imgcj{width:300px;height:200px;}

.news-content .news-item .desc{font-size:15px;color:#666;max-width: 860px; min-height: 118px; width:100%;line-height: 2em;text-align:justify;transition: all 400ms;}

.news-content .news-item .date{border-left:1px solid #e7e7e7;transition: all 400ms;color:#666;/*width:100px;*/ height: 200px; padding:4% 30px 0; text-align: center}

.news-texts{ padding: 0 40px;}

.news-content .news-item .news-texts .small-more{ clear: both; color:#666;font-size:15px;}

.news-content .news-item .news-texts .small-more span{display: inline-block;border-radius: 3px;padding:5px 10px 5px 0;transition: all 400ms;}

.news-content .news-item .news-texts h5{ font-size: 20px; margin-bottom: 15px; font-weight: 700;}

.news-content .news-item .day{font-size:50px; font-weight: 700; padding-bottom: 10px; display: block; width: 100%; height: 50px; line-height: 50px;;}

.news-content .news-item:hover .news-image img{transform: scale(1.1);}

.news-content .news-item:hover .news-texts h5{color:#009a44;}

.news-content .news-item:hover .news-texts .desc{color:#333!important;}

.news-content .news-item:hover .news-texts .small-more span{padding-left:50px;padding-right:15px;background: #009a44;color:#fff;}

.news-content .news-item:hover .date{color:#009a44;}



.news_box{text-align: justify;padding: 1rem;background: #fff;}

.news_box h1{font-size: 1.5rem;font-weight: 700;text-align: center;line-height: 4rem;}

.news_box video{max-width: 900px;margin: 0 auto;display: block;}

.news_box img{max-width: 100% !important;height:auto !important;}

.news_box p{/*text-align: justify;*/padding-top: 1rem;line-height: 1.8rem;}

.news_box .mark{font-size: 0.8rem;color: #999;height: 2.2rem;line-height: 2rem;text-align: center;margin-bottom: 5px;border-top: 1px dashed #e5e5e5;border-bottom: 1px dashed #e5e5e5;background: #fff;}



.products-categorys .category-item{border-bottom:1px #bbb dashed; overflow: hidden; padding: 15px 0;}

.products-categorys .category-item .title{/*font-size:20px;*/font-weight: 600;color:#333;width:9em;line-height: 20px;padding:5px 0;border:1px solid transparent; float:left; text-align: center;}

.products-categorys .category-item .submenu{width:100%;/*font-size:18px;*/line-height: 20px;}

.products-categorys .category-item .submenu a{ float: left; margin-right: 5px;}

.products-categorys .category-item .submenu a span{border:1px solid transparent;transition: all 400ms;display: block;padding:5px 8px;}

.products-categorys .category-item .submenu a.hover span, .products-categorys .category-item .submenu a:hover span{color:#009a44;border-color:#009a44;}



.products-lists img{transition: all 400ms;}

.products-lists .product-text .fl{white-space: nowrap; width: 78%; overflow: hidden;text-overflow: ellipsis;}

.products-lists p{width:100%;overflow: hidden;text-overflow: ellipsis;transition: all 400ms;}

.products-lists .product-img{ background: #f5f5f5;}

.products-lists .product-text{ padding: 8px 0; color:#000;transition: all 400ms;}

.products-lists .product-text i{width:30px;color:#ccc;}

.products-lists .product-text .more-btn{color:#A0A0A0;font-size:15px;}

.products-lists .product-item a:hover i{transition: all 400ms;color: #009a44;}

.products-lists .product-item a:hover img{transform: scale(1.1);}

.products-lists .product-item a:hover .product-text {color: #009a44;}

.products-lists .product-item a:hover .product-text .more-btn{color: #009a44;}

.products-title{font-size:24px;color:#888;text-align: center;}

.products-title .more-btn{font-size:14px;color:#aaa;}

.products-title .more-btn:hover{color:#009a44;}



.products-view{background: url(../images/pro_view_bg.jpg) repeat-y center;padding: 60px 0; width: 100%; height:560px;}

.products-view .pview-left{padding: 50px 50px 0;}

.products-view .pview-left .xh{font-size: 24px;color: #009a44; margin-bottom: 15px;}

.products-view .pview-left .tit{font-size: 32px;line-height: 42px;font-weight: bold;}

.products-view .pview-left .con{font-size: 16px;color: #666;line-height: 26px;margin: 20px 0;position: relative;}

.products-view .pview-left .con:after{content: '';position: absolute;width: 100%;left: 0;bottom: -30px;height: 1px;background: #666;}

.products-view .pview-left ul{padding: 30px 0;}

.products-view .pview-left ul li{font-size: 16px;font-weight: bold;color: #333;line-height: 36px;}

.products-view .pview-left ul li span{font-weight: normal;}

.products-view .pview-left ul li img{display: inline-block;width: 20px;height: 20px;margin-right: 10px;margin-top: -5px}

.products-view .pview-left ul li.li2 i{background-position: 0 -20px;}

.products-view .pview-left .btn-yellow{font-weight: bold;}

.products-view .pview-left .link{margin: 35px 0 0;}

.products-view .pview-left .link a{display: inline-block;margin-right: 20px;}

.products-view .pview-left .link a span{display: inline-block;vertical-align: middle;}

.products-view .pview-left .link a span.icon{width: 16px;height: 16px;margin-right: 10px;}

.products-view .pview-left .link a span.icon img{display: none;}

.products-view .pview-left .link a.link_a1 span.icon{background: url(../images/pro_view_icon1.png) no-repeat 0 0;}

.products-view .pview-left .link a.link_a1:hover span.icon{background-position: 0 -16px;}

.products-view .pview-left .link a.link_a2 span.icon{background: url(../images/pro_view_icon2.png) no-repeat 0 0;}

.products-view .pview-left .link a.link_a2:hover span.icon{background-position: 0 -16px;}

.products-view .pview-left .link a.link_a3 span.icon{background: url(../images/pro_view_icon3.png) no-repeat 0 0;}

.products-view .pview-left .link a.link_a3:hover span.icon{background-position: 0 -16px;}

.products-view .pview-left .link a.link_a4 span.icon{background: url(../images/pro_view_icon4.png) no-repeat 0 0;}

.products-view .pview-left .link a.link_a4:hover span.icon{background-position: 0 -16px;}

.products-view .pview-left .link a span.txt{font-size: 16px;}

.products-view .pview-right img{ padding: 10px; background: #fff; border-radius: 20px;box-shadow: 5px 2px 20px rgb(0 0 0 / 10%);}



.btn-yellow{display: inline-block;padding: 0 30px;background: #009a44;text-align: center;font-size: 17px;color: #fff;font-weight: lighter;position: relative;}

.btn-yellow span{position: relative;z-index: 2;display: inline-block;height: 50px;line-height: 50px;}

.btn-yellow:after{content: '';width: 0;height: 100%;background: #009a44;position: absolute;left: 0;bottom: 0;z-index: 1;transition: all 0.5s ease;}

.btn-yellow:hover:after{width: 100%;}

.btn-yellow .icon{position: relative;top: 2px;z-index: 2;display: inline-block;width: 17px;height: 14px;margin-left: 8px;background: url(../images/btn_black_jt.png) no-repeat center;;}

.btn-yellow:hover{color: #333f46;}



.products-con{ padding: 30px 50px;}



.pro-view-mouse{font-size: 32px;line-height: 36px;color: #4F5158;text-align: center;padding-top: 40px; font-weight: 700; margin-bottom: 30px;}

.pro-view-mouse strong{color: #009a44;}

.pro-view-mouse span{display: block;width: 65px;height: 6px;background: url("../images/dianzi.png") repeat-x center;margin: 15px auto 0;}

.w90{ width:90%!important; margin:0 auto;}

.pro-view-con{ width:100%;}

.pro-view-con-img{ width:49%; float: left; margin-bottom: 30px;}

.pro-view-con-img:nth-child(2n){ float: right;}

.pro-view-con table{border: 1px solid #ddd;margin-bottom: 10px;width:100%!important;}

.pro-view-con table td{width: auto;border: 1px solid #ddd;background: #fff;padding: 7px 2%;}



/*page*/

#pages{padding: 14px 0 10px 0;text-align: center;}

#pages>*{min-width: 42px;border-radius: 3px;margin:0 3px;}

#pages a{display: inline-block;height: 42px;line-height: 40px;background: #F1F1F1;/*border: 1px solid #E4E4E4;*/text-align: center;color: #666;padding: 0 15px;}

#pages a:hover{background: #009a44;color: #fff;text-decoration: none}

#pages span{display: inline-block;height: 42px;line-height: 40px;background: #009a44;/*border: 1px solid #348ECC;*/color: #fff;text-align: center;padding: 0 10px}


/*固定的悬浮窗*/
.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	right: 5px;
	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: #009a44 url(../images/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
	background: #009a44 url(../images/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #009a44 url(../images/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
	height:200px!important;

	background: #009a44 url(../images/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}