*{
    margin: 0;
    padding:0;
    list-style: none;
    font-size: 0.26rem;
    box-sizing: border-box;
    font-family: pingfang;
}
a{
    text-decoration: none;
    color: #666;
}
img{
    max-width: 100%;
    vertical-align: middle;
}
body{background-color: white;}
input,select,textarea{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance:none;
    border: none;
}
.clear{clear: both;}
em{font-style: normal;}
@font-face{
    font-family: pingfang;
    src:url("PINGFANG REGULAR.TTF");
}

/*头部*/
.top{min-height: 1.2rem;position: fixed;z-index: 7777;background-color: #fff;left: 0;right: 0;top:0;}
.top .logo{float: left;}
.top .logo a{display: block;width: 4.8rem;height: 1.2rem;padding-left: 0.2rem;line-height: 1.2rem;}
.top .logo a img{max-height: 100%;max-width: 100%;}
.top .rightSide{width: 0.6rem;height: 0.6rem;margin-right: 0.3rem;float: right;margin-top: 0.4rem;}
.top .rightSide img{max-height: 100%;max-width: 100%;}

/*banner*/
.banner{width: 100%;overflow:hidden;position: relative;top: 1.2rem;height: 3.6rem;margin-bottom: 1.2rem;}
.banner .banner_dot{bottom: 10px !important;text-align: center !important;padding-right: 0.25rem;z-index: 1;position: absolute;}
.banner .banner_dot .swiper-pagination-bullet{background:#008c99 !important;margin:0 5px !important;opacity: 1 !important;width: 8px !important;height: 8px !important;}
.banner .banner_dot .swiper-pagination-bullet-active{background:none !important;border:2px solid #008c99;width: 10px !important;height: 10px !important;}
.banner .swiper-wrapper{ height:100%;}
.banner .swiper-wrapper .swiper-slide{vertical-align:middle; }
.banner .swiper-wrapper img{max-width: 100%;}

/*右侧菜单*/
.menu_list_bor {position: fixed;height: 100%;width: 100%;right: -100%;top: 0;z-index: 9999;}
.colse_menu {position: absolute;left: 0;top: 0;width: 40%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 999;}
.menu_right {width: 60%;position: absolute;height: 100%;right: 0;top: 0;background: #fff;z-index: 9999;overflow-x: hidden;}
.menu_top {width: 100%;height: 1.05rem;border-bottom: 1px solid #bbbbbb;}
.clo {line-height: 1rem;color: #333;font-size: 0.3rem;width: 1.8rem;margin-left: 0.3rem;height: 1rem;background-size: auto 0.25rem;padding-left: 0.35rem;}
.menu_list {width: 100%;}
.clo b{float: left;height: 100%;width: 20px;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform:  rotate(180deg);background: url('right_icon.png') no-repeat right center;background-size: 40%;}
.clo span {display: inline-block;line-height: 0.8rem; margin-left: 0.1rem;}
.menu_list >ul>li,.menu_list>ul>li div>ul>li{line-height: 1rem;*height: 1rem;position: relative;border-bottom: 1px solid #e9e9e9;}
.menu_list>ul>li div>ul{display: none;}
.menu_list >ul >li >a,.menu_list>ul>li div>ul>li>a {line-height: 1rem;*height: 1rem;color: #333;font-size: 0.28rem;display: inline-block;padding-left: 0.65rem;/*width: 100%;*/display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.menu_list>ul>li div>ul>li{border:0;border-top: 1px solid #e9e9e9;padding-left: 0.3rem;}
.menu_list >ul >li div>ul>li>a{color: #575757;}
.menu_list >ul >li>b, .menu_list >ul >li div>ul>li b{position: absolute;display: block;width: 100%;height: 1rem;right: 0;top: 0;background: url('right_icon.png') no-repeat 90% center;background-size: 3.5%;}
.menu_list>ul>li div>ul>li li{border-top:1px solid #e9e9e9;}
.menu_list>ul>li div>ul>li li a{padding-left:1.5rem;color:#333;font-size: 0.28rem;}
.menu_list>ul>li>b.nex ,.menu_list >ul >li div>ul>li b.nex{background: url('down_icon.png') no-repeat 90% center;background-size: 6%;}
.menu_list>ul>li{line-height: 0.8rem;}

/*促销公告*/
.notify{width:100%;height:1rem;background:url(notify_icon.png) no-repeat 0.2rem center #fff;}
.notify h3{color: #008c99;font-size: 0.36rem;float: left;padding-left: 0.9rem;line-height: 1rem;}
.notify .bd{ padding:0.3rem;float: left;height: 100%;line-height: 0.5rem;}
.notify .infoList li{ height:0.4rem; line-height:0.4rem;}
.notify .infoList li a{font-size: 0.32rem;color: #333;}

.search{border:1px solid #008c99;margin:0.3rem auto;width: 7.1rem;background: #fff;}
.search #keyword{width: 5.8rem;height: 0.78rem;padding-left: 0.2rem;box-sizing: border-box;}
.search .searchBtn{width: 1.02rem;height: 0.78rem;line-height: 0.8rem;text-align: center;color: white;background:url(search_icon.png) no-repeat center center #008c99;background-size: 40%; float: right;font-size: 0;}

.title{padding:0.4rem 0;}
.title h3{font-size: 0.36rem;color: #008c99;text-align: center;}
.title p{color: 0.28rem;color: #b3b3b3;text-align: center;text-transform: uppercase;}

.product{padding:0 0.15rem;}
.product .content dl{float: left;width: 3.4rem;box-sizing: border-box;margin:0 0.1rem 0.2rem;}
.product .content dl dt{width: 3.4rem;height: 3.2rem;line-height: 3.2rem;text-align: center;}
.product .content dl dt img{width: 100%;height: 100%;}
.product .content dl dd{width: 3.4rem;padding:0.2rem;box-sizing: border-box;background-color: white;}
.product .content dl dd h3{/*margin: 0.1rem 0 0.2rem;*/}
.product .content dl dd h3 a{font-size: 0.3rem;font-weight: bold;color: #008c99;display: block;}
.product .content dl dd .classlist{}
.product .content dl dd .classlist ul{}
.product .content dl dd .classlist ul li{margin:0.1rem 0;}
.product .content dl dd .classlist ul li a{display: block;font-size: 0.28rem;color: #666;line-height: 0.5rem;}
.product a.more{height: 0.8rem;background-color: #008c99;color: white;line-height: 0.8rem;text-align: center;font-size: 0.28rem;display: block;border-radius: 5px;margin:0.3rem 0.1rem 0;}

.news{margin-top:0.5rem;padding:0 0.25rem 0.6rem;min-height: 7.5rem;text-align: center;background-color: white;}
.news ul{}
.news ul li{height:2.24rem;border-bottom: 1px solid #ccc;padding:0.3rem 0; }
.news ul li:first-child{padding-top: 0;height: 2rem;}
.news ul li h3{font-size: 0.32rem;color: #333;font-weight: normal;text-align: left;}
.news ul li span{font-size: 0.26rem;color: #999;text-align: left;display: block;}
.news ul li p{font-size: 0.28rem;color: #999;margin-top: 0.1rem;text-align: left;}
.news a.more{height: 0.8rem;background-color: #008c99;color: white;line-height: 0.8rem;text-align: center;font-size: 0.28rem;display: block;border-radius: 5px;margin-top:0.6rem;}

.hot{padding:0 0.15rem;}
.hot .content dl{float: left;width: 3.4rem;box-sizing: border-box;margin:0 0.1rem 0.2rem;}
.hot .content dl a{display: block;}
.hot .content dl a dt{width: 3.4rem;height: 2.7rem;line-height: 2.7rem;text-align: center;background-color: white;}
.hot .content dl a dt img{max-width: 100%;max-height: 100%;}
.hot .content dl a dd{width: 3.4rem;box-sizing: border-box;background-color: rgb(234,241,247);line-height: 0.8rem;font-size: 0.28rem;color: #333;text-align: center;}
.hot a.more{height: 0.8rem;background-color: #008c99;color: white;line-height: 0.8rem;text-align: center;font-size: 0.28rem;display: block;border-radius: 5px;margin:0.3rem 0.1rem 0;}

/*foot*/
.foot_top{margin-bottom: 1.5rem;}
.foot{width: 100%;max-width: 7.5rem;margin:auto;background: #008c99;position: fixed;bottom: 0;left: 0;right: 0;height: 1rem;z-index: 1;-webkit-box-shadow: 0 0 2px 1px #e6e6e6;text-align: center;}
.foot ul{display: flex;}
.foot ul li{flex: 1;text-align: center;height: 1.1rem;margin: 0 0.65rem;}
.foot ul li a{font-size: 0.28rem;color: #fff;display: block;margin-top: 0.1rem;background-size: 0.44rem;padding-top: 0.46rem;}
.foot ul .ft1 a{background: url("home_icon.png") no-repeat top center;background-size: 0.44rem;}
/*.foot ul .ft1 a.on{background: url("home_icon2.png") no-repeat top center;background-size: 0.44rem;}
*/.foot ul .ft2 a{background: url("product_icon.png") no-repeat top center;background-size: 0.44rem;}
/*.foot ul .ft2 a.on{background: url("product_icon2.png") no-repeat top center;background-size: 0.44rem;}
*/.foot ul .ft3 a{background: url("contact_icon.png") no-repeat top center;background-size: 0.44rem;}
/*.foot ul .ft3 a.on{background: url("contact_icon2.png") no-repeat top center;background-size: 0.44rem;}
*/.foot ul .ft4 a{background: url("message_icon.png") no-repeat top center;background-size: 0.44rem;}
/*.foot ul .ft4 a.on{background: url("message_icon2.png") no-repeat top center;background-size: 0.44rem;}
*/

.page_banner{height: auto;width: 100%;overflow: hidden;margin-top: 1.2rem;}

.catalogs{background-color: white;height: 5.3rem;position: relative;/* margin-bottom: 0.3rem; */}
.catalog{padding:0.25rem;/* height: 0.8rem; */}
.catalog>ul{/* height: 0.8rem; */overflow: hidden;}
.catalog>ul>li{height: 0.8rem;line-height: 0.8rem;width: 3.4rem;margin:0 0.05rem 0.1rem;float: left;text-align: center;}
.catalog>ul>li>a{font-size: 0.3rem;color: #444;display: block;height: 0.8rem;border: 1px solid #ccc;}
.catalog>ul>li ul{position: absolute;padding:0.2rem 0;left: 0.25rem;}
.catalog>ul>li ul li{}
.catalog>ul>li ul li a{font-size: 0.28rem;width: 7rem;line-height: 0.6rem;display: block;background:url(triangle.png) no-repeat left center;background-size: 3%;text-align: left;padding-left: 0.4rem;}
.catalog>ul>li ul li a.on{color: #008c99;}
.catalog>ul>li>a.on{color: #fff;background-color: #008c99;border:1px solid #008c99;}

/*文献*/
.literature{padding:0 0.25rem;}
.literature p{font-size: 0.28rem;color: #555;line-height: 0.45rem;}
.literature .form{color: #02b0c0;font-size: 14px;min-height: 2.6rem;}
.literature .form .radios{color: #02b0c0;margin:0.2rem 0;}
.literature .form .radios label{margin-right: 0.6rem;font-size: 0.3rem;line-height: 0.8rem;}
.literature .form .radios label input{appearance:radio;-webkit-appearance:radio;-moz-appearance:radio;-ms-appearance:radio;margin-right: 0.1rem;}
.literature .form .search{border:1px solid #008c99;margin:0.3rem auto;width: 7.1rem;}
.literature .form .search #product{width: 6.04rem;height: 0.78rem;padding-left: 0.2rem;box-sizing: border-box;}
.literature .form .search .searchBtn{width: 1.02rem;height: 0.78rem;line-height: 0.8rem;text-align: center;color: white;background:url(search_icon.png) no-repeat center center #008c99;background-size: 40%; float: right;font-size: 0;}

.literature .result{}
.literature .result>ul{}
.literature .result>ul>li{min-height: 2.5rem;border-top:1px solid #e6e6e6;box-sizing: border-box;padding:0.2rem 0;}
.literature .result>ul>li a.h3{margin-bottom:0.1rem;line-height:0.45rem;font-size: 0.28rem;color: #02b0c0;display: block;}
.literature .result>ul>li tr{height: 0.5rem;}
.literature .result>ul>li tr td.left{font-size: 0.28rem;color: #444;width: 1.6rem;}
.literature .result>ul>li tr td.right{width: 5.3rem;font-size: 0.28rem;color: #444;}
.literature .result>ul>li tr td.right>ul{}
.literature .result>ul>li tr td.right>ul>li{}
.literature .result>ul>li tr td.right>ul>li>a{font-size: 0.28rem;color: #02b0c0;display: inline-block;line-height: 0.6rem;}

.productD{padding:0 0.25rem;}
.productD>h3{font-size: 0.36rem;font-weight: bold;color: #444;line-height: 0.8rem;border-bottom: 1px solid #e6e6e6;margin-bottom: 0.3rem;}
.productD .pic_brief{}
.productD .pic_brief .pic{background-color: #000;position: relative;height: 4.35rem;}
.productD .pic_brief .pic .hd{}
.productD .pic_brief .pic .hd .next{background: url(pic_next.png) no-repeat center center;width: 0.24rem;height: 0.48rem;display: block;position: absolute;top:50%;right: 0.1rem;}
.productD .pic_brief .pic .hd .prev{background: url(pic_prev.png) no-repeat center center;left: 0.1rem;right:inherit;width: 0.24rem;height: 0.48rem;display: block;position: absolute;top:50%;}
.productD .pic_brief .pic .hd .pageState{color: white;position: absolute;left: 0;right: 0;bottom: 0.1rem;margin:auto;display: block;text-align: center;font-size: 0.28rem;}
.productD .pic_brief .pic .bd{width: 4.8rem;height: 3.15rem;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin:auto;}
.productD .pic_brief .pic .bd ul{}
.productD .pic_brief .pic .bd ul li{width: 4.8rem;height: 3.15rem;line-height: 3.15rem;text-align: center;}
.productD .pic_brief .pic .bd ul li img{max-width: 100%;max-height: 100%;}
.productD .pic_brief .pro_brief{margin:0.1rem 0;}
.productD .pic_brief .pro_brief table{}
.productD .pic_brief .pro_brief table tr{line-height: 0.45rem;height: 0.45rem;}
.productD .pic_brief .pro_brief table tr td.left{font-size: 0.28rem;color: #999;width: 1rem;}
.productD .pic_brief .pro_brief table tr td.right{font-size: 0.28rem;color: #444;}
.productD .pic_brief .pro_brief table tr td.right a.new{height: 0.55rem;border:1px solid #e6e6e6;border-radius: 5px;text-align: center;line-height: 0.55rem;display: block;padding:0 0.1rem;}
.productD .pic_brief .pro_brief table tr:first-child td.right{color: #eb5555;font-size: 0.28rem;}
.productD .pro_detail{margin-top: 0.3rem;}
.productD .pro_detail .hd{height: 0.8rem;margin:0.25rem;}
.productD .pro_detail .hd ul{}
.productD .pro_detail .hd ul li{height: 0.8rem;line-height: 0.8rem;width: 50%;float: left;text-align: center;border:1px solid #ccc;}
.productD .pro_detail .hd ul li:last-child{border-radius: 0 5px 5px 0;border-left:unset;}
.productD .pro_detail .hd ul li:first-child{border-radius: 5px 0 0 5px;border-right: unset;}
.productD .pro_detail .hd ul li.on{height: 0.8rem;color: #fff;font-size: 0.3rem;background-color: #008c99;border:1px solid #008c99;}
.productD .pro_detail .bd{margin-top: 0.3rem;}
.productD .pro_detail .bd>ul{}
.productD .pro_detail .bd>ul>li{margin:0.1rem 0;display: block;}
.productD .pro_detail .bd>ul>li h3{min-height: 0.55rem;line-height: 0.8rem;background-color: #f7f7f7;border-left: 4px solid #008c99;font-size: 0.32rem;color: #444;padding:0 0.2rem;box-sizing: border-box;position: relative;}
.productD .pro_detail .bd>ul>li h3 span{display: block;position: absolute;right: 0.2rem;top:0;bottom: 0;margin:auto;cursor: pointer;width: 0.5rem;height: 0.6rem;background:url(add.png) no-repeat center center;}
.productD .pro_detail .bd>ul>li .bd_con{width: 100%;padding:0.3rem 0;display: none;}
.productD .pro_detail .bd>ul .bd_con2{width: 100%;padding:0.3rem 0;}
.productD .pro_detail .bd>ul>li.on .bd_con{display: block;}
.productD .pro_detail .bd>ul>li.on h3 span{background: url(sup.png) no-repeat center center;}
.productD .pro_detail .bd>ul>li .bd_con.list{}
.productD .pro_detail .bd>ul>li .bd_con.list ul{}
.productD .pro_detail .bd>ul>li .bd_con.list ul li{}
.productD .pro_detail .bd>ul>li .bd_con.list ul li a{display: block;color: #008c99;line-height: 0.5rem;font-size: 0.28rem;padding-left: 0.2rem;}
.productD .pro_detail .bd>ul>li .bd_con.list ul li a:hover{text-decoration: underline;}
.productD .pro_detail .bd>ul .bd_con2.list{}
.productD .pro_detail .bd>ul .bd_con2.list ul{}
.productD .pro_detail .bd>ul .bd_con2.list ul li{margin-bottom: 0.25rem;}
.productD .pro_detail .bd>ul .bd_con2.list ul li a{display: block;color: #008c99;/* line-height: 0.5rem; */font-size: 0.28rem;/* padding-left: 0.2rem; */}
.productD .pro_detail .bd>ul .bd_con2.list ul li a:hover{text-decoration: underline;}
.productD .pro_detail .bd>ul .bd_con2.list ul li p{}

.inProduct{padding:0 0.25rem;}
.inProduct .product_item{display: block;height: 2.72rem;background-color: white;box-sizing: border-box;border-radius: 5px;padding:0.2rem;margin-bottom: 0.2rem;position: relative;}
.inProduct .product_item h3{font-size: 0.32rem;color: #333;line-height: 0.6rem;}
.inProduct .product_item dl{display: block;height: 0.45rem;}
.inProduct .product_item dl dt{float: left;width: 1.1rem;line-height: 0.45rem;}
.inProduct .product_item dl dd{float: left;line-height: 0.45rem;}
.inProduct .product_item object{position: absolute;right: 0.2rem;bottom: 0.2rem;}
.inProduct .product_item object .downBtn{background: url(download_icon.png) no-repeat center center #008c99;background-size:100%;width: 0.92rem;height: 0.6rem;display: block;border-radius: 5px;}

/*关于我们简介*/
.brief{margin:0 0.25rem 0.5rem;}
.brief dt{}
.brief dt .danwei_title{padding:0.2rem 0;}
.brief dt .danwei_title h3{color: #303030;font-size: 0.36rem;text-align: center;}
.brief dt .danwei_title p{font-size: 0.28rem;color: #666;text-align: center;}
.brief dt p{font-size: 0.28rem;color: #666;line-height: 0.45rem;}
.brief dd{}
.brief dd img{max-width: 100%;}

/*关于我们宗旨*/
.believe{margin:0 0.25rem;border-top:1px solid #dedede;}
.believe h3{font-size: 0.36rem;color: #303030;margin-top: 0.3rem;}
.believe span{font-size: 0.28rem;color: #666;display: block;margin:0.1rem 0;}
.believe p{font-size: 0.28rem;color: #666;margin-bottom: 0.2rem;}
.believe ul{}
.believe ul dl{width: 3.4rem;float: left;margin:0.05rem;}
.believe ul dl dt{height: 2.3rem;line-height: 2.3rem;text-align: center;}
.believe ul dl dt img{width: 100%;height: 100%;}
.believe ul dl dd{font-size: 0.28rem;color: #666;text-align: center;line-height: 0.6rem;}

/*联系我们*/
.contact{margin:0 0.25rem;}
.contact>h3{color: #02b0c0;font-size: 0.36rem;line-height: 0.8rem;border-bottom:1px solid #f5f5f5;margin-top: 0.2rem;}
.contact>p{color: #666;font-size: 0.28rem;margin:0.2rem 0 0.3rem;}
.contact select{height: 0.8rem;border:1px solid #f0f0f0;background:url(select_bg.png) no-repeat scroll right center #f5f5f5;border-radius: 5px;width: 6rem;font-size: 0.28rem;color: #999;padding:0 0.2rem;}
.contact select::-ms-expand{display: none;}
.contact>p span{color: #666;font-size: 0.28rem;}
.contact .results{}
.contact .results ul{margin-bottom:0.2rem;border:1px solid #dbdbdb;background-color: #f5f5f5;display: block;box-sizing: border-box;padding:0.2rem;}
.contact .results ul h3{font-size: 0.3rem;color: #333;margin-bottom: 0.1rem;}
.contact .results ul li{font-size: 0.28rem;color: #999;line-height: 0.45rem;}
.contact .results ul li p{font-size: 0.28rem;color: #666;display: inline-block;}
.contact>ul{padding:0.1rem; 0;}
.contact>ul tr{font-size: 0.28rem;color: #999;line-height: 0.6rem;}
.contact>ul tr td{font-size: 0.28rem;color: #666;display: inline-block;}
.contact>ul tr td a{font-size: 0.28rem;color: #666;}

/*新闻详情*/
.page_detail{padding:0.25rem;background-color: white;}
.page_detail>h3{font-size: 0.36rem;text-align: center;line-height: 0.5rem;color: #000;margin-bottom: 0.2rem;}
.page_detail>span{color: #333;font-size: 0.28rem;text-align: center;display: block;color: #999;margin-bottom: 0.2rem;}
.page_detail .detail_con{padding-bottom: 0.2rem;}
.updown{width: 100%;padding:0.2rem 0rem;box-sizing: border-box;border-top: 1px solid #f0f0f0;}
.updown p{font-size: 0.28rem;color: #444;line-height: 0.6rem;}

.lazyload p{font-size: 0.28rem;line-height: 0.5rem;color: #666;}
.lazyload p img{max-width: 100%;}

.honor{}
.honor dl{float: left;margin:0.25rem;}
.honor dl dt{width: 3rem;height: 3.5rem;border:1px solid #e5e5e5;text-align: center;line-height: 3.5rem;}
.honor dl dt a{display: block;width: 3rem;height: 3.5rem;}
.honor dl dt img{max-width: 90%;max-height: 90%;}
.honor dl dd{font-size: 0.28rem;text-align: center;line-height: 0.6rem;}

/*  */
/* 客户留言 */
/*  */
.layui-form{margin: 0rem 0.24rem;}
.layui-form .tableft{display: none;}
.layui-form .tabright span{display: none;}
.layui-form .tabright input{margin: 0.1rem 0;width: 6.5rem;font-size: 0.3rem;height: 0.76rem;}
.layui-form .tabright textarea{resize: none;font-size: 0.3rem;margin: 0.1rem 0;height: 3rem;}
.layui-form .tabright input.code{width: 4rem;}
.layui-form .validateCode{vertical-align: top;margin-top: 0.2rem;height: 0.76rem;margin-left: 0.1rem;}
.layui-form tr:last-child td:first-child{display: none;}
.layui-form .layui-btn{width: 100%;background: #008c99;margin: 0.2rem 0;font-size: 0.32rem;}

.layui-laypage{margin:0.4rem 0rem;width: 100%;text-align: center;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #008c99;}
.layui-laypage-prev.layui-disabled{display: none;}
.layui-laypage a{margin:0 5px;background-color: #008c99;color: white;}
.layui-laypage .layui-laypage-count{padding:0px 15px;margin-right:5px;color: white;background-color: #008c99;}
.layui-laypage .layui-laypage-curr{margin:0 5px;}
.layui-laypage span{margin-bottom: 0px;}