body{ min-width:320px;font:16px "微软雅黑","Arial,Microsoft YaHei";color:#333;line-height:24px;overflow-x: hidden; } .container{ margin:0 auto;height:auto; }
h1,h2,h3,h4,h5,p,div,span,ul,li,dl,dd,dt{margin:0;padding:0;} input,textarea{outline:none; font:16px "微软雅黑","Arial,Microsoft YaHei";}label{font-weight: normal;width:100%;}
a{text-decoration: none;outline:none;color:#333; } a:focus, a:hover{color:#333;text-decoration: none;outline: none;  outline-offset: 0;}
ul,li{list-style: none;} i,em{font-style:normal;}
.nav>li>a:focus, .nav>li>a:hover{background: none;}
.lt{float:left;}.rt{float:right;}.hide{display: none;}.show{display: block;} .imgMax{max-width:100%;max-height:100%;}
.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}.fwn{font-weight: normal}
.db{display: block;}.dib{display: inline-block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}.oh{overflow: hidden;}
.transition{-webkit-transition: all  0.3s linear;-moz-transition: all  0.3s linear;-o-transition: all  0.3s linear; transition: all  0.3s linear; }
img.desaturate { filter: grayscale(100%);  -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  }
img.desaturate:hover { filter: grayscale(0);  -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  }
img{border:none;}
html{ width:100%;}
body{ width:100%; ;position: relative;overflow-x: hidden;}
.slick-slide{outline: none;}
.slick-slide img{margin:0 auto;max-width:100%;}
.slick-prev:before, .slick-next:before{display: none;}
.slick-dots li button:before{display: none;}
.slick-dotted.slick-slider{margin-bottom:0;}

.container{padding:0 10px;}


.had_top{background: #1aa890;height:35px;overflow: hidden;line-height: 35px;}
.top_txt{display: inline-block;font-size: 14px;color:#fff;}
.language a{font-size: 14px;color:#fff;}
.language i{font-size: 14px;color:#fff;margin:0 5px;}
.language{margin-left:60px;}
.tel_top{font-size: 14px;color:#fff;}
.tel_top img{vertical-align: middle;margin:-3px 10px 0 0;}

.header{background: url(../image/1_02.jpg) no-repeat center center;}
.logo{height:120px;width:30%;}
.logo a{height:120px;display: block;position: relative;}
.logo a img{position: absolute;left:0;top:0;bottom:0;margin:auto;max-width: 100%;max-height: 100%;}

.had_icon{margin-top:42px;}
.had_icon a{display: inline-block;font-size: 14px;color:#1aa890;margin-left:30px;}
.had_icon a img{vertical-align: middle;margin-right:10px;}

.search{width:280px;height:36px;border:1px solid #1aa890;border-radius: 18px;padding:0 10px;margin-top:42px;}
.search input{vertical-align:top;background: none;line-height: 34px;height:34px;border:none;width:230px;padding:0 10px;
color:#1aa890;font-size: 14px;}
.search input::-webkit-input-placeholder{color:#1aa890;}
.search input::-moz-placeholder{color:#1aa890;}
.search input::-ms-input-placeholder{color:#1aa890;}
.search input:-moz-placeholder{color:#1aa890;}
.search .input_sub{background: url(../image/ser.png) no-repeat center center;width:16px;height:34px;padding:0;}

.nav_box{position: absolute;top:0;left:0;z-index:10;width:100%;}
.nav{background: #1aa890;border-radius: 0 0 5px 5px;}
.nav li{float:left;position: relative;}
.nav li a{padding:0;display: block;line-height: 55px;height:55px;color:#fff;font-size: 14px;text-align: center;overflow: hidden;}
.nav .child_nav{position: absolute;top:52px;left:50%;background: #fff;width:130px;margin-left:-65px;padding:5px;display: none;}
.nav .child_nav li a{height:30px;line-height: 30px;color:#1aa890;font-weight: normal;}
.nav .child_nav li{float: none;}
.nav li a:hover{font-weight: bold;}
.nav li.current a{font-weight: bold;}
.nav li.current .child_nav li a{font-weight: normal;}
.nav li.current .child_nav li :hover{font-weight: bold;background: #1aa890;color:#fff;}

.banner .slick-dots{bottom:20px;}
.banner .slick-dots li button{display: none;}
.banner .slick-dots li{width:60px;height:6px;line-height: 6px;background: #fff;margin:0 10px;padding:0;}
.banner .slick-dots li.slick-active{background: #1aa890;}

.left_navBox.on{left:0;}
.left_navBox{position:fixed;top:0;left:-100%;width:100%;height:100%;background: #fff;z-index:50;}
.left_title{background: url(../image/1_02.jpg) no-repeat center center;padding:10px 15px;height:60px;}
.left_title a{display: inline-block;width:70%;height:40px;position: relative;}
.left_title a img{position: absolute;left:0;top:0;bottom:0;margin:auto;max-width: 100%;max-height: 100%;}
.left_title i{float: right;font: 32px "宋体";color:#1aa890;font-weight: bold;}
.left_nav{padding:20px 0 80px;height:100%;overflow-y: auto;}
.left_nav li a{border-bottom:1px solid #ebebeb;color:#666;display: block;position: relative;height:40px;line-height: 40px;overflow: hidden;padding:0 50px 0 30px;}
.left_nav li i{display: none;position: absolute;right:30px;top:0;line-height: 40px;font-size: 22px;}
.left_navTwo{background: #f9f9f9;border-bottom:1px solid #ebebeb;}
.left_navTwo li a{padding-left:60px;border:none;}
.left_navTwo li b{display: none;position: absolute;right:30px;top:0;line-height: 40px;font-size:20px;}
.left_navThree li a{padding-left:80px;line-height: 30px;height:30px;font-size: 14px;color:#1aa890;}
.left_navFour li a{padding-left:100px;}
.left_nav>li>a:hover{color:#1aa890;font-weight: bold;}
.left_nav>li>a.on{color:#1aa890;font-weight: bold;}
.left_navTwo>li>a:hover{background: #1aa890;color:#fff;font-weight: bold;}
.left_navTwo>li>a.on{background: #1aa890;color:#fff;font-weight: bold;}
.left_navThree li a:hover{font-weight: bold;}
.left_navThree li a.on{font-weight: bold;}
.left_nav li i.in{display: block;}
.left_navTwo li b.in{display: block;}
.left_navTwo>li>a.on b{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.left_nav li ul{display: none;}

.section_one{padding:60px 0;}
.show_lt{width:49%;background: url(../image/1_28.png) no-repeat top center;background-size: 100%;}
.show_rt{width:51%;/*max-height:408px;*/height:408px;}
.show_lt h3{font-size: 30px;color:#1aa890;font-weight: bold;line-height: 34px;height:34px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
    margin:60px 0 103px;}
.show_box{padding:20px;border:2px solid #1aa890;background: #fff;border-right:none;}
.show_box b{font-size: 18px;display: block;margin:0 0 7px 0;height:24px;line-height:24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.show_box .show_txt {font-size: 14px;line-height: 34px;color:#666;height:136px;white-space: normal;  word-break: break-all;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:4;}

.showSlider .slick-list{padding:35px 0;}
.show_list{text-align: center;position: relative;padding:25px 0 15px;margin:0 30px;overflow: hidden;}
.show_list .show_pic dt{position: relative;}
.show_list .show_pic dd{font-size: 14px;color:#666;margin-top:8px;height:24px;line-height: 24px;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
    transition: all linear .3s;-webkit-animation:  all linear .3s;}
.show_list .show_title{position: absolute;top:0;left:-100%;width:100%;height:100%;
    transition: all linear .3s;-webkit-animation:  all linear .3s;}
.show_list .show_title span{display: block;border:2px solid #1aa890;height:100%;width:80%;margin:0 auto;}
.show_list .show_title img{position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.show_list .show_pic dt:before{content:"";display: block;opacity:0;position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;background: rgba(0,0,0,.5);
    transition: all linear .3s;-webkit-animation:  all linear .3s;}

.showSlider img{max-height: 100%;max-width: 100%;}
.showSlider{padding-bottom:50px;}
.showSlider .slick-prev, .showSlider .slick-next{width:50px;height:50px;z-index:10;border:1px solid #1aa890;margin:0 auto;
    bottom:0;top:auto; transform: translate(0,0);-webkit-transform: translate(0,0);}
.showSlider .slick-prev{background: #fff url(../image/1_56.png) no-repeat center center;
    left:43%;right:auto; }
.showSlider .slick-next{background: #fff url(../image/1_57.png) no-repeat center center;
    right:43%;left:auto;}
.showSlider .slick-prev:hover{background: #1aa890 url(../image/1_44.png) no-repeat center center;}
.showSlider .slick-next:hover{background: #1aa890 url(../image/1_47.png) no-repeat center center;}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{background: #fff url(../image/1_57.png) no-repeat center center;}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{background: #fff url(../image/1_56.png) no-repeat center center;}
.swiper-button-white{width:50px;height:50px;z-index:10;border:1px solid #1aa890;opacity: 1;position: static;display: inline-block;margin:20px 10px 0;}
.swiper-button-prev{background: #fff url(../image/1_56.png) no-repeat center center;}
.swiper-button-next{background: #fff url(../image/1_57.png) no-repeat center center;}
.swiper-button-prev:hover{background: #1aa890 url(../image/1_44.png) no-repeat center center;}
.swiper-button-next:hover{background: #1aa890 url(../image/1_47.png) no-repeat center center;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 1;}


.section_two{background: #f9f9f9;padding:45px 0 60px;}
.s_title{font-size: 30px;font-weight: bold;color:#1aa890;border-bottom:3px solid #1aa890;line-height: 50px;padding-bottom:10px;}

.swiper-slide img{max-width: 100%;max-height: 100%;}
.productSlider .swiper-wrapper{padding:60px 0 40px;}
.product_list{overflow: hidden;background: #fff;padding:30px;}
.product_list dt{float:right;width:44%;}
.product_list dd{float:left;width:51%;}
.product_list dd h3 a{display: block;font-size: 18px;font-weight: bold;line-height: 28px;height:28px;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product_list dd p{font-size: 14px;line-height: 34px;color:#666;height:68px;margin:5px 0 15px;white-space: normal;  word-break: break-all;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:2}
.product_list dd .s_more{display: block;width:125px;line-height: 32px;height:34px;text-align: center;font-size: 14px;color:#999;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;}
.product_list:hover {background: #1aa890;}
.product_list:hover  h3 a{color:#fff;}
.product_list:hover  p{color:#fff;}
.product_list:hover  .s_more{color:#fff;border-top:1px solid #fff;border-bottom:1px solid #fff;}

.section_three{padding:60px 0;}
.newsSlider .swiper-wrapper{padding:50px 0 40px;}
.news_list{overflow: hidden;}
.news_list dt{float:left;width:155px;position: relative;}
.news_list dt a{display: block;}
.news_list dt p{position: absolute;top:0;left:0;bottom:0;right:0;background: rgba(0,0,0,.5);display: none;}
.news_list dt p i{color:#fff;font: 50px "宋体";position: absolute;top:0;left:0;bottom:0;right:0;margin:auto;display: block;height:50px;line-height: 50px;}
.news_list dd{margin-left:175px;}
.news_list dd h3 a{ display: block;font-size: 14px;font-weight: bold;line-height: 28px;height:28px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list dd p{font-size: 14px;line-height: 30px;color:#666;height:60px;white-space: normal;  word-break: break-all;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:2}
.news_list dd  span{display: inline-block;font-size: 14px;color:#999;white-space: normal;  word-break: break-all;}
.news_list:hover dt p{display: block;}
.news_list:hover dd h3 a{color:#1aa890;}


.section_four{padding:60px 0;background:#f9f9f9 url(../image/1_04.jpg) no-repeat bottom center;}
.about_lt{float: left;width:41.5%;}
.section_four img{max-width: 100%;max-height: 100%;}
.about_rt{float: right;width:53%;}
.about_rt h3 a{font-size: 30px;font-weight: bold;color:#1aa890;}
.about_txt{font-size: 14px;line-height: 34px;color:#666;height:204px;margin:10px 0 15px;white-space: normal;  word-break: break-all;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:6;}
.about_list li{float: left;width:30%;margin-right:5%;}
.about_list li:nth-child(3n){margin-right:0;}

.footer{padding:40px 0;overflow: hidden;background: #f9f9f9;}
.foot_lt{width:75%;}
.foot_ma{float: left;width:50%;}
.foot_ma dt{display: inline-block;vertical-align: top;margin-right:10px;max-width: 140px;}
.foot_ma dt img{max-height: 100%;max-width: 100%;}
.foot_ma dd{display: inline-block;vertical-align: top;font-size: 14px;line-height: 34px;color:#666;}

.foot_contact{float: left;width:50%;}
.foot_contact li{font-size: 14px;line-height: 34px;color:#666;}
.foot_contact li img{margin-right:10px;}

.foot_rt{float: left;width:25%;}
.foot_rt p{font-size: 14px;line-height: 34px;color:#666;}
.foot_rt ul{margin-top:20px;}
.foot_rt ul li{float: left;width:33%;text-align: center;}
.foot_rt ul li img{display: block;margin:0 auto;}
.foot_rt ul li  span{font-size: 14px;line-height: 34px;color:#666;}

.foot_bot{background: #1aa890;padding:10px 0;}
.link{margin-bottom:5px;}
.link li{display: inline-block;font-size:14px;color:#fff;}
.link li a{font-size:14px;color:#fff;display: block;height:15px;line-height: 15px;
    border-right:2px solid #fff;padding:0 15px 0 10px;}
.link li:last-child a{border:none;}
.link li a:hover{font-weight: bold;}
.copy{color:#fff;font-size:14px;}
.copy a{color:#fff;font-size:14px;}
.copy a:hover{font-weight: bold;}
.copy  span{display: inline-block;margin:0 10px; white-space:nowrap;}


/*内页*/
.det_lt{width:276px;float:left;}
.det_ltBox{width:100%;border:3px solid #1aa890;border-radius: 5px 5px 0 0;margin-top:-80px;position: relative;}
.det_name{padding:0 20px;color:#fff;font-size: 24px;font-weight: bold;background: #1aa890;line-height: 80px;height:80px;overflow: hidden;}
.det_nav li a{border-bottom:1px solid #ebebeb;color:#666;font-size:14px;display: block;position: relative;height:40px;line-height: 40px;overflow: hidden;padding:0 40px 0 20px;}
.det_nav li i{display: none;position: absolute;right:20px;top:0;line-height: 40px;font-size: 22px;}
.det_navTwo{background: #f9f9f9; }
.det_navTwo li b{display: none;position: absolute;right:20px;top:0;line-height: 40px;font-size:20px;}
.det_nav>li>a:hover{color:#1aa890;font-weight: bold;}
.det_nav>li>a.on{color:#1aa890;font-weight: bold;}
.det_navTwo>li>a:hover{background: #1aa890;color:#fff;font-weight: bold;}
.det_navTwo>li>a.on{background: #1aa890;color:#fff;font-weight: bold;}
.det_navThree{padding:10px 0 5px;}
.det_navThree li a{padding-left:50px;border:none;color:#1aa890;line-height: 30px;height:30px;}
.det_navThree li a:hover{font-weight: bold;text-decoration: underline;}
.det_navThree li a.on{font-weight: bold;text-decoration: underline;}
.det_nav li i.in{display: block;}
.det_navTwo li b.in{display: block;}
.det_navTwo>li>a.on b{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.det_nav li ul{display: none;}

.det_rt{margin-left:336px;}
.det_rtTop{border-bottom:3px solid #1aa890;padding:40px 0 17px;}
.det_topName{font-size: 24px;font-weight: bold;color:#1aa890;display: inline-block;width:40%;height:30px;line-height: 30px;overflow: hidden;vertical-align: top;}
.pos{float:right;display: inline-block;width:58%;text-align: right;height:30px;line-height: 30px;overflow: hidden;}
.pos li {display: inline-block;font-size: 14px;color:#999;}
.pos li a{font-size: 14px;color:#999;}
.pos li a:hover{color:#1aa890;}
.pos li:last-child a{color:#1aa890;}

.list_img .product_list img{max-width: 100%;max-height: 100%;}
.list_img .product_list{width:47.5%;margin:40px 5% 0 0; float:left;background: #f9f9f9;padding:20px;}
.list_img .product_list:nth-child(2n){margin-right:0;}
.list_img .product_list dd{width:36%;}
.list_img .product_list dt{width:58%;}
.list_img .product_list dd p{margin:3px 0 10px;}
.list_img .product_list dd .s_more{line-height: 28px;height:30px;}
.list_img .product_list:hover{background: #1aa890;}

.det_main{padding:0  0 60px 0;}
.page{margin-top:60px;}
.page li{display: inline-block;margin:0 5px;font-size: 14px;color:#999;}
.page li a{font-size: 14px;color:#999;display: block;height:28px;line-height: 28px;padding:0 5px;}
.page li a:hover{background: #1aa890;color:#fff;}
.page li.on a{background: #1aa890;color:#fff;}


.page_txt {font-size: 14px;line-height: 34px;color:#666;padding:20px 0;}
.page_txt img{max-width: 100%;max-height: 100%;}

.list_video .show_list img{max-width: 100%;max-height: 100%;}
.list_video .show_list{float: left;width:31%;margin:20px 3.5% 0 0;}
.list_video .show_list:nth-child(3n){margin-right:0;}

.list_news .news_list{margin-top:40px;}
.list_news .news_list img{max-width: 100%;max-height: 100%;}

.list_txt{padding:20px 0 0;}
.list_txt li a{padding:0 160px 0 0;color:#666;font-size: 14px;display: block;position: relative;height:60px;line-height: 60px;border-bottom:1px dashed #cfcfcf;overflow: hidden;
    text-overflow: ellipsis;white-space: nowrap;}
.list_txt li a span{color:#999;font-size: 14px;position: absolute;right:0;top:0;line-height: 60px;display: block;width:155px;text-align: right;height:60px;overflow: hidden;}
.list_txt li a:hover{color:#1aa890;}
.list_txt li a:hover span{color:#1aa890;}


.ser_result{font-size: 14px;font-weight: bold;color:#1aa890;margin:30px 0 20px;}
.list_sear li{padding:10px 0;border-bottom:1px dashed #cfcfcf;}
.list_sear li h3 a{font-size: 14px;line-height: 28px;font-weight: bold;height:28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list_sear li p{font-size: 14px;color:#666;line-height: 30px;max-height:60px;white-space: normal;  word-break: break-all;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:2;}
.list_sear li span{font-size: 14px;color:#999;line-height: 30px;}
.list_sear li:hover h3 a{color:#1aa890;}

.news_detName{padding:35px 0 10px;border-bottom:1px dashed #cfcfcf;}
.news_detName h3{font-size: 18px;font-weight: bold;margin-bottom:10px;}
.news_detName  span{font-size: 14px;color:#999;display: block;}
.share{margin:20px 0;}
.page_det{padding:15px 30px;background: #f9f9f9;}
.page_det li a{display: block;line-height: 34px;font-size: 14px;color:#666;}
.page_det li a:hover{color:#1aa890;}

.video_detName{font-size: 18px;font-weight: bold;margin:35px 0 20px;}
.pro_detName{font-size: 18px;font-weight: bold;margin:35px 0 10px;}
.prodetSlider{max-width: 560px;margin:30px auto 0;}
.prodetSlider .slider-for{margin-bottom:20px;}
.prodetSlider .slider-for .slick-prev, .prodetSlider .slider-for .slick-next{width:24px;height:42px;z-index:10;}
.prodetSlider .slider-for .slick-prev{background: url(../image/pro_03.png) no-repeat center center;left:-10%;}
.prodetSlider .slider-for .slick-prev:hover{background: url(../image/pro_10.png) no-repeat center center;}
.prodetSlider .slider-for .slick-next{background: url(../image/pro_13.png) no-repeat center center;right:-10%;}
.prodetSlider .slider-for .slick-next:hover{background: url(../image/pro_05.png) no-repeat center center;}
.prodetSlider .slider-nav .slick-slide {margin:0 10px;}
.prodetSlider .slider-nav .slick-slide a{display: block;border:1px solid transparent;padding:2px;}
.prodetSlider .slider-nav .slick-slide.slick-current a{ border:1px solid #1aa890; }








@media (min-width: 992px) and (max-width: 1199px){
    .show_rt{width:51%;height:380px;}
}

@media (max-width: 991px){
    .show_rt{width:51%;height:260px;}
}

@media (max-width: 767px){
    .show_rt{width:51%;height:180px;}
}

@media (max-width: 567px){
    .show_rt{width:51%;height:160px;}

}

@media (max-width: 372px){
    .show_rt{width:51%;height:80px;}
}

@media (max-width: 317px){
    .show_rt{width:51%;height:80px;}
}



/*新增手机底部导航*/
.bottom{width: 100%;height: auto;overflow: hidden;background: #222;color: #fff;text-align: center;position: fixed;bottom: 0;z-index: 50;}
.bottom ul{}
.bottom ul li{width: 20%;float: left;}
.bottom ul li a{display: block;padding: 14px 15px 4px;}
.btn_img{width: 100%;height: 22px;font-size: 0px;margin-bottom: 4px;}
.btn_img img{max-width: 100%;max-height: 100%;}
.btn_bt{color: #fff;line-height: 24px;height: 24px;overflow: hidden;}
.opacity{width: 100%;height: 100%;background: #000;filter:alpha(opacity=50);opacity: 0.5;position: fixed;top: 0;left: 0;z-index: 51;display: none;}
.wx_ewm{width: 116px;height: 116px;overflow: hidden;position: fixed;top: 50%;left: 50%;margin-top: -58px;margin-left: -58px;z-index: 51;display: none;}
.wx_ewm i{width: 116px;height: 116px;}