*{ margin: 0; padding: 0; font-family: "微软雅黑"; color:#000;}
li{ list-style: none ;}
img{ border: none ; }
h1,h2,b{ font-weight: normal; }
a{ text-decoration: none; color: inherit;}

.contain{width:1200px; margin:0 auto;}
.header{width:1200px; text-align: center; display: flex;margin:0 auto; background-color:#fff; height: 70px; padding:20px 0;}
.header .logo img{width: 120px; height: auto;}
.header .nav{width:66%; line-height: 70px;}
.header li{float:left; width:14.5%;color:#262626; font-size: 14px;}
.header .nav .xian{float:right; width: 1px;height: 23px; margin-top: 23px; background: #F2F2F2;}
.header .nav ul li.on{ color: #00a0d9;}

.footer{width: 100%; color:#797979; font-size: 13px;}
.copyright{color:#fff; text-align: center; background-color: #207A87; line-height: 30px; font-size: 12px;}
.footer .left{padding:10px; color:#797979; width: 88%; line-height: 25px;}
.footer .right img{width: 95px;}
.footer .right{margin:auto;}

.focus{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden; top: -4px }
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:30px; text-align:center;  }
.focus .hd ul{ display:inline-block; font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:55px; height:6px; cursor: pointer; background:rgba(255,255,255,1); margin:8px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#14aae9;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  height:auto; }

.en-title{font-size: 24px; text-align: center; color:#2F2F2F; line-height: 45px;}
.title{font-size: 24px; text-align: center; color:#2F2F2F;}

.list1{text-align: center; margin:40px 0 20px 0;}
.list1 .on{background-color:#2CB8B8; color: #fff;}
.list1 span{padding:4px 20px; color:#2CB8B8; margin:15px; border-radius: 15px; border:1px solid #2CB8B8;font-size: 14px;}

.about{height: 600px; margin:20px 0;}
.about .content{font-size: 14px; text-indent: 28px;  line-height: 30px; color:#4F4F4F; margin:10px 40px;}
.about  b {margin-left: 45.0%; width: 120px; height: 2px; background-color: #2CB8B8; display: block; margin-top: 10px; margin-bottom: 30px;}

.more {border: 1.3px solid #9CDEDE; padding: 6px 16px;  border-radius: 15px; font-size: 14px; color: #9CDEDE;}

.product{height: 530px; margin-top: 40px;}
.product-list{width: 19%; margin: 3%; text-align: center; float: left; margin-bottom: 40px;}
.product-list img{width: 90%; height: 200px;padding: 10%; border: 1px solid #eee;}
.product-list .product-list-title{margin-top:15px; font-size: 14px; color:#585858;}
.product  b {margin-left: 45.5%; width: 105px; height: 2px; background-color: #2CB8B8; display: block; margin-top: 10px; margin-bottom: 30px;}

.main .productli{margin:0 50px; height: 750px;}

.news{height: auto; margin:40px 0;}
.news .cell{display: inline-flex; width: 100%;}
.news .cell .item{width: 23%; margin:13px;}
.news .cell .item img{width: 100%; height: 180px; border:1px solid #F8F8F8;}
.news .cell .item .time{float: left; width: 100%; color:#C2C2C2; margin: 10px 0; border-bottom: 1px solid #F2F2F2;}
.news .cell .item .time .timeleft{float: left; font-size: 24px; color:#C2C2C2;}
.news .cell .item .time .timeright{float:right; color:#C2C2C2; font-size: 12px; line-height: 29px;}
.news .cell .item .title{font-size: 14px; text-align: left; margin-bottom: 10px;}
.news .cell .item .content{font-size: 13px; color:#C2C2C2;line-height: 22px;}
.news .cell .item .content p{color:#B8B8B8;}
.news  b {margin-left: 45.5%; width: 105px; height: 2px; background-color: #2CB8B8; display: block; margin-top: 10px; margin-bottom: 30px;}
.news .more{background-color: #2CB8B8; color:#D3EAEA; border:none;}


.main{width: 1200px; margin:0 auto; padding-top: 30px;}
.main  b {margin-left: 48%; width: 45px; height: 2px; background-color: #2CB8B8; display: block; margin-top: 10px; margin-bottom: 30px;}

.content-title{text-align: center; font-size: 16px; font-weight: bold; line-height: 30px;}
.content-entitle{text-align: center; font-size: 14px;}
.content-note{text-align: center; font-size: 12px; color:#aaaaaa; width: 400px; margin:0 auto; margin-bottom: 30px; line-height: 25px;}
.main .newsList a{display: flex;margin: 20px; padding: 10px; border-bottom: 1px solid #EEEEEE;}
.main .newsList .time{width:60px;background-color: #F5F5F5; height: 59px; color:#AAAAAA; text-align: center; line-height: 26px}
.main .newsList .tit{text-align: left; margin-left: 20px;}
.main .newsList .tit .news-title{font-size: 16px; line-height: 36px; }
.main .newsList .tit .news-content{color: #aaaaaa; font-size: 14px; line-height: 18px; text-align: left;}
.main .newsList .tit .news-content p{color:#aaaaaa;}
.main .content{margin:10px 140px; font-size:14px;}

.main .productli a:hover img{transform: scale(1.15,1.15);}

.address{font-size: 14px; line-height: 26px;}
.address li{float: left; width: 50%;}

.about-content{margin:20px; margin-left: 0; line-height: 25px;}

.about-left{width: 50%; margin:auto;}
.about-right{width: 50%;}
.about-right img{width: 100%;}

.infor{display: flex; height: 30px;margin-top: 22px;}
.infor .input{background: none;  border: 1px solid #ddd;text-indent: 10px; font-size: 12px; width: 150px;}
.infor .btn{background-color: #50A9B5; color: #fff; border:none; width: 45px; font-size: 12px;}

.main a.on {background-color: #34B5AE; color: #585858; border:1px solid #34B5AE; text-align: center;}
.main a.on .product-list-title{color:#fff; line-height: 50px;}
.main a.on img{padding:16px; background: #fff;}

.paging {
    padding-left: 28px;
    margin: 0 120px 63px;
}
.paging:hover {background: #eee;transition: all .4s ease;}
.paging ul {display: block;  margin: 0 auto;  text-align: center;}
.paging ul li {list-style: none; float: left; margin-left: 5px;}
.paging span {display: block;  border: 1px solid #ccc; background: #fff; color: #262626; line-height: 30px; text-align: center; font-size: 14px; float: left; margin-right: 5px; width: 60px; height: 30px; border-radius: 3px;}
.paging li a {display: block; padding: 0 10px; border: 1px solid #e1e1e1; border-radius: 3px; height: 30px; line-height: 30px; color: #666; font-size: 14px;}
.paging .current a {border: 1px solid #ccc; background: #2a2a2a; color: #fff;}