@charset "utf-8";
*{margin: 0px; padding: 0px;}
html{font-size:40px;height:100%;}
body{width:100%; height: 100%; overflow-x:hidden; font-family: "微软雅黑"; font-size: 40px; color: #666; background:black;}
a{text-decoration: none; outline: none;tap-highlight-color: rgba(0,0,0,0);  focus-ring-color: rgba(0, 0, 0, 0);  -webkit-tap-highlight-color: rgba(0,0,0,0);  -webkit-focus-ring-color: rgba(0, 0, 0, 0);  -moz-tap-highlight-color: rgba(0,0,0,0);  -moz-focus-ring-color: rgba(0, 0, 0, 0);  }
ol,ul,li{list-style: none;}
img{border: 0px solid #ccc; max-width:100%;}
.all{width: 100%; max-width: 640px;  padding: 2.375rem 0 2.5rem 0;  position: relative; z-index: 1; margin: 0px auto;background-color: #fff; min-height: 100%; overflow:hidden;}
.translate-left{-webkit-transition: transform 350ms;transition: transform 350ms; }
.translate-right{-webkit-transform: translatex(8rem);transform: translatex(8rem);}
.class{-webkit-tap-highlight-color:transparent;}
.clear{clear:both;}
.left{float: left;}
.right{float: right;}
.overflow{ overflow: hidden;}
.position{position:relative;}
.width{width: 95.3%; margin: 0px auto;}
.margin{ margin: 0px auto; float: none;}
.transition{-webkit-transition: all 350ms;-ms-transition: all 350ms;-moz-transition: all 350ms;-o-transition: all 350ms;transition: all 350ms;}
.box-sizing{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box; -o-box-sizing: border-box;box-sizing: border-box;}
.czjz{position: relative; top: 50%; -webkit-transform: translate(0px,-50%);-ms-transform: translate(0px,-50%);-moz-transform: translate(0px,-50%);-o-transform: translate(0px,-50%);transform: translate(0px,-50%);}
.flex{  display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.img{font-size: 0px; line-height: 0;}
.display-none{display:none;}
/*顶部*/
.hd{position: fixed; top: 0; z-index: 9; width: 100%; max-width: 640px; height: 2.375rem; padding: 0 .75rem; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; background-color: white;}
.hd-icon{width: 1.5rem; line-height: 0; padding: .15rem 0; font-size: 1.15rem; color: white; text-align: center; border-radius: 5px; background-color: #39b2b2;}
.hd-logo img{height: 1.7rem;}

/*轮播图*/
.banner{font-size: 0; line-height: 0; background-color:white;}
.swiper-pagination-bullet-active{background-color: #09adaf;}

/*页面主题*/
.bd{padding: .375rem 0; background-color: white;}

/*底部*/
.ft{position: fixed; bottom: 0; z-index: 9; width: 100%; max-width: 640px; height: 2.5rem; -webkit-justify-content: space-around; justify-content: space-around; -webkit-align-items: center; align-items: center; background-color: #09adaf;}
.ft-item{color: white; text-align: center;}
.ft-item-icon{font-size: 1rem;} 
.ft-item-font{font-size: .6rem;}

/*侧边栏*/
.sidebar{position: fixed; z-index: -1; left: auto; right: auto; top: 0; width: 8rem; height: 100%; padding: 2.375rem 0 2.5rem 0; background: #09adaf;}
.sidebar-bd{height: 100%; overflow: hidden;}
.sidebar-list li{line-height:50px; padding:0; font-size: .7rem; text-align: center; border-radius: 0 1rem 1rem 0; transition: transform 350ms; transform: translatex(-100%);}
.sidebar-list li a{display: block; padding-top: 2px; color: white;}
.sidebar-list li:first-child{ background-color: white;}
.sidebar-list li:first-child a{ color: #09adaf;}
.sidebar-list li:last-child{margin-bottom: 0;}
.show .sidebar-list li{transform: translatex(0);}

/*首页*/
.m-title{position: relative; padding-bottom: .25rem; line-height: 1; font-size: .75rem; color: #09adaf; text-align: center;}
.m-title:after{content: ""; position: absolute; left: 50%; bottom: 0; margin-left: -.575rem; display: block; width: 1.15rem; height: 1px; background-color: #09adaf;}
	/*产品展示*/
.home .product{margin-top: .375rem; padding: .5rem 0 .25rem 0; background-color: #f5f5f5;}	
.home .product-hd{padding:0 .75rem; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center;}
.home .product-hd-item{margin:0 .24rem; width: 4.25rem; padding: .5rem 0; line-height: 1; font-size: .4rem; color: #3f3f3f; text-align: center; border: 1px solid #09adaf; border-radius: 5px;}
.home .product-hd-item a{display: block; padding-top: 2px; color: #3f3f3f;}
.home .product-bd{margin-top: .5rem; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-content: space-between; align-content: space-between;}
.home .product-bd-item{margin-bottom: .25rem; margin-left:1%; display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; width: 32%; height: 4.75rem; font-size: 0; line-height: 0; overflow: hidden; background-color:white;}
.home .product-bd-item img{width: 100%;}
	/*公司简介*/
.home .about{padding: .5rem; background-color: #09adaf;}	
.home .about-hd{color: white;}
.home .about-hd:after{background-color: white;}
.home .about-bd{margin: .375rem 0; line-height: 1rem; font-size: .6rem; color: white; text-indent: 2em;}
.home .about-list{-webkit-justify-content: space-around; justify-content: space-around; -webkit-align-items: center; align-items: center;}
.home .about-list a{display: block; width: 2.5rem; line-height: 1rem; padding-top: 2px; font-size: .5rem; color: white; text-align: center; border: 1px solid white; border-radius: 5px;}
	/*公司优势*/
.home .odds-item{margin-top: .625rem;}	
.home .odds-item p{text-align: center;}
.home .odds-item-title{margin-top: .625rem; line-height: 1; font-size: .65rem; color: #3f3f3f;}
.home .odds-item-desc{margin-top: .25rem; line-height: .75rem; font-size: .45rem; color: #555;}
	/*新闻资讯*/
.home .news{margin-top: .625rem; padding: .625rem; background-color: #f5f5f5;}	
.home .news-bd-item{ margin-top: .5rem; padding: 0 .25rem; height: 1rem; line-height: 1rem; font-size: .65rem; overflow: hidden; border-bottom: 1px dashed #d8d8d8;}
.home .news-bd-item a{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-justify-content: space-between; justify-content: space-between;  color: #666;}
.home .news-bd-item .item-title{width: 9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.home .news-link{margin: .5rem auto 0 auto; display: block; width: 3rem; line-height: 1rem; font-size: .6rem; color: #09adaf; text-align: center; border: 1px solid #09adaf; border-radius: 5px;}

/*产品列表页*/
#productlist .product{margin-top: .375rem; padding: .5rem 0 .25rem 0; background-color: #f5f5f5;}	
#productlist .product-hd{padding:0 .75rem; -webkit-flex-flow: row wrap; flex-flow:row wrap; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center;}
#productlist .product-hd-item{margin:.25rem .24rem; width: 4.25rem; padding: .5rem 0; line-height: 1; font-size: .4rem; color: #3f3f3f; text-align: center; border: 1px solid #09adaf; border-radius: 5px;}
#productlist .product-hd-item a{display: block; padding-top: 2px; color: #3f3f3f;}
#productlist .product-bd{margin-top: .5rem; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-content: space-between; align-content: space-between;}
#productlist .product-bd-item{margin-bottom: .25rem; margin-left:1%; display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center;  width: 32%; height: 4.75rem; font-size: 0; line-height: 0; overflow: hidden; background-color:white;}
#productlist .product-bd-item img{width: 100%;}

/*产品内容页*/
#product .product-title{line-height: 1; font-size: .9rem; color: #252525; text-align: center;}
#product .product-date{margin-top: .25rem; line-height: 0; padding: .5rem 0; font-size: .6rem; color: #999999; text-align: center; border: 1px dotted #a9a9a9;}
#product .product-pic{margin: .75rem 0; padding: 0 1rem; line-height: 0; font-size: 0; text-align: center;}
#product .product-pic img{border: 1px solid #d6d6d5;}
#product .product-link{padding: 0 1rem; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center;}
#product .product-link a{display: block; width: 5rem; height: 1rem; padding: 0 .3rem; line-height: 1rem; font-size: .55rem; color: #999; text-align: center; border: 1px solid #c4c4c4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*新闻列表页*/
#newslist .news-hd{-webkit-justify-content: space-around; justify-content: space-around; -webkit-align-items: center; align-items: center;}
#newslist .news-hd-item{margin-top: .6rem; width: 4.7rem; line-height: 1rem; font-size: .5rem; color: white; text-align: center; background-color: #09adaf;}
#newslist .news-hd-item a{display: block; padding-top: 2px; color: white;}
#newslist .news-bd{margin-top: .6rem; padding: 0 .75rem;}
#newslist .news-bd-item{ margin-top: .5rem; padding: 0 .25rem; font-size: .65rem; height: 1rem; line-height: 1rem; overflow: hidden; border-bottom: 1px dashed #d8d8d8;}
#newslist .news-bd-item a{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-justify-content: space-between; justify-content: space-between; width:100%; color: #666;}
#newslist .news-bd-item .item-title{width: 9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#newslist .news-link{margin: .5rem auto 0 auto; display: block; width: 3rem; line-height: 1rem; font-size: .6rem; color: #09adaf; text-align: center; border: 1px solid #09adaf; border-radius: 5px;}


/*新闻内容页*/
#news .news-title{line-height: 1; font-size: .9rem; color: #252525; text-align: center;}
#news .news-date{margin-top: .25rem; line-height: 0; padding: .5rem 0; font-size: .6rem; color: #999999; text-align: center; border: 1px dotted #a9a9a9;}
#news .news-detail{margin: .75rem 0; padding: 0 1rem; line-height: .8rem; font-size: .6rem; color: #252525;}
#news .news-link{padding: 0 1rem; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center;}
#news .news-link a{display: block; width: 5rem; height: 1rem; padding: 0 .3rem; line-height: 1rem; font-size: .55rem; color: #999; text-align: center; border: 1px solid #c4c4c4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*单页*/
#about .about-title{line-height: 1; font-size: .9rem; color: #252525; text-align: center;}
#about .about-date{margin-top: .25rem; line-height: 0; padding: .5rem 0; font-size: .6rem; color: #999999; text-align: center; border: 1px dotted #a9a9a9;}
#about .about-detail{margin: .75rem 0; padding: 0 1rem; line-height: .8rem; font-size: .6rem; color: #252525;}
#about .ke-zeroborder{margin:0 auto;}


/*分页条*/
.showpage{display:webkit-flex; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; align-content:center; font-size:.5rem; color:#252525;}
.showpage *{margin:0 .25rem;}
.showpage a{color:#252525;}