.f-cb{zoom:1;}
.f-cb:after{display:block;height:0;clear:both;visibility:hidden;overflow:hidden;content:".";}
/*移动端导航*/
.header{width:100%;height:60px;background-color:#fff;position:relative;z-index:5;display: none;position:fixed;left:0;top:0;}
.header .nav-btn{cursor:pointer;display:none;height:26px;margin-right:15px;margin-top:20px;position:relative;width:25px;}
.header .nav-btn span{display:block;width:100%;height:2px;background-color:#656565;position:absolute;left:0;-webkit-transition:left 0.5s ease 0s;transition:left 0.5s ease 0s;}
.header .nav-btn .top{top:0;-webkit-transform-origin:left top 0;-ms-transform-origin:left top 0;transform-origin:left top 0;}
.header .nav-btn .cent{top:9px;}
.header .nav-btn .bot{top:18px;-webkit-transform-origin:left bottom 0;-ms-transform-origin:left bottom 0;transform-origin:left bottom 0;}
.header .m-nav{width:100%;left:0;top:60px; position:absolute;margin-left:0;background-color:#fff;border-top:1px solid #dbdbdb;display:none;}
.header .m-nav ul{width:100%;background-color:#fff;}
.header .m-nav li{width:100%;line-height:50px;border-bottom:1px solid #dbdbdb;margin-left:0;font-size:15px;}
.header .m-nav li a{display:block;width:92%;padding:0 4%;background:url(images/nav_r.png) no-repeat 95% center;background-size:auto 35%;}
.header .m-nav li:hover a{background:url(images/nav_r_on.png) no-repeat 95% center;background-size:auto 35%;color:#02a193;}
.m-navbg{width:100%;height:100%;position:fixed;left:0;top:0;background-color:#000;opacity:0.5;z-index:3;display:none;}

@media (max-width:1200px){
#head{display: none;}
.nav{ display: none;}
.content{width: 96%;margin: 0 2%;}
.content2{width: 90%; margin: 0 auto;}
.content2 img{ max-width: 100%;}
.head,.head2,.fot{ display: none;}
.header{ display: block;}
.header .nav{display:block;}
.header .logo{ height: 36px; margin-top: 12px; margin-left: 10px;}
.header .nav-btn{display:block;}
.footer .fl{ display: none;}
.footer .fl2{ width: 100%; text-align: center; display: block;}
.footer .fr{ display: none;}

.banner{margin-top:60px;}

/*关于我们*/
.home_about .content .tit{width: 100%;text-align: center;margin-top: 32px;margin-bottom: 16px;}
.home_about .content .tit h1{font-size: 20px;color: #333333;line-height: 20px;}
.home_about .content .tit h2{font-size: 12px;color: #cbcbcb;line-height:20px;}
.home_about .content .main{width: 100%;text-align: center;}
.home_about .content .main p{font-size: 12px;color: #666666;line-height: 24px;}
.home_about .content ul{width:100%;margin: 0 auto;}
.home_about .content ul li{float: left;color: #b3b3b3;font-size: 12px;line-height: 28px;text-align: center;width: 17%;padding-top: 17%;margin: 16px 4%;}

/*产品世界*/
.product_box{width: 100%;height:auto;background-image: url(../img/product_bg.jpg);background-repeat: no-repeat;background-position: center top;background-size: 100% 100%;}
.product_box .content .tit{width: 100%;text-align: center;padding-top: 32px;padding-bottom: 16px;}
.product_box .content .tit h1{font-size: 20px;color: #ffffff;line-height: 20px;}
.product_box .content .tit h2{font-size: 12px;color: #99fff8;line-height:20px;}
.product_box .content .cp_box{width: 100%;background-image: url(../img/cp_logo.png);background-repeat: no-repeat;background-position:center 30% ;background-size: 50% auto;padding-bottom: 32px;}
.product_box .content .cp_box>li{width: 50%;float: left;}
.product_box .content .cp_box>li .cp li.img_box{width: 20%;}
.product_box .content .cp_box>li .cp li img{display: block;width: 100%;height: auto;}
.product_box .content .cp_box>li .cp li.tit_box{margin-top: 0;width: 78%;}
.product_box .content .cp_box>li .cp li.tit_box h3{font-size: 14px;color: #fff;line-height: 16px;font-weight: 600;transition: all 0.3s ease 0s;}
.product_box .content .cp_box>li .cp li.tit_box h4{font-size: 12px;color: #93f5ee;line-height: 18px;height: 36px;}
.product_box .content .cp_box>li.left1 .cp li{float: right;}
.product_box .content .cp_box>li.left1 .cp li.tit_box{text-align: right;margin-right: 2%;}
.product_box .content .cp_box>li.right1 .cp li{float: left;}
.product_box .content .cp_box>li.right1 .cp li.tit_box{margin-left: 2%;}
.product_box .content .cp_box>li.left1 .cp{margin-right: 3%;margin-top: 3%;}
.product_box .content .cp_box>li.right1 .cp{margin-left: 3%;margin-top: 3%;}
.product_box .content .cp_box>li .cp li.tit_box a:hover h3{text-decoration: overline;transition: all 0.3s ease 0s;}

/*新闻中心*/
.news_box{width: 100%;}
.news_box .content .tit{width: 100%;text-align: center;margin-top: 32px;margin-bottom: 16px;}
.news_box .content .tit h1{font-size: 20px;color: #333333;line-height: 20px;}
.news_box .content .tit h2{font-size: 12px;color: #cbcbcb;line-height:20px;}
.news_box .content .news_nav{margin-bottom: 32px;}
.news_box .content .news_nav li{ float:left; width:31.33%; height:32px; font-size:12px; line-height:32px; text-align:center; color:#474747; background-color:#f0f0f0; margin:0 1%;}

.news_box .content .news_nav_con{ width:100%;margin-bottom: 24px;}
.news_box .content .news_nav_con .main_left{ float:left; width:100%; margin-right:0;}
.news_box .content .news_nav_con .main_left .news_list{ width:100%; margin-bottom:16px;}
.news_box .content .news_nav_con .main_left .news_list .time{ float:left; width:16%;}
.news_box .content .news_nav_con .main_left .news_list .time h1{ width:100%; height:32px; font-size:16px; line-height:32px; text-align:center; color:#fff; background-color:#949494; margin-bottom:2px;transition: all 1s;}
.news_box .content .news_nav_con .main_left .news_list .time h2{ width:100%; height:24px; font-size:12px; line-height:24px; text-align:center; color:#fff; background-color:#949494;transition: all 1s;}
.news_box .content .news_nav_con .main_left .news_list .title{ float:right; width:80%; margin-left:4%;}
.news_box .content .news_nav_con .main_left .news_list .title h3{ color:#333;font-size: 14px; line-height:14px;transition: all 1s; height: 14px;overflow: hidden;}
.news_box .content .news_nav_con .main_left .news_list .title p{ font-size:12px; color:#858585; line-height:20px; text-indent: 2em; text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; height:40px; margin-top: 6px; }
.news_box .content .news_nav_con .main_right{ display: none;}

/*底部导航*/
.footnav{width: 100%;background-color: #21beb0;}
.footnav .content .bnav{width:100%;padding: 24px 0;position: relative;}
.footnav .content .bnav li{float: left;margin-right: 48px;display: none;}
.footnav .content .bnav .bnav_logo{position:inherit;}
.footnav .content .bnav .bnav_logo .bnav_logobox{margin-top: 0;margin-right: 0;text-align: center;}
.footnav .content .bnav .bnav_logo p{font-size: 28px;color: #fff; line-height: 40px; text-align: center;width: 100%;}

/*版权*/
.c_box{display:none;}
.c_box1{display:block;width: 100%;background-color: #02a193;padding: 12px 0;}
.c_box1 p{font-size: 12px;color: #f2fffe;width: 100%;text-align: center;line-height: 24px;}

}

@media (max-width:1199px){
.banner{margin-top: 60px;}
.banner_page{ display: none;}
.banner_bar{ width:100%;}
.n_banner{ width:100%; margin:0; height:auto;}
.banner ul{height:400px;}
.banner ul li{height:400px;}
.banner .num{ position:absolute; width:100%; height:10px; bottom:20px; left:0; text-align:center; z-index:3;}
}

@media (max-width:1024px){
.banner ul{height:260px;}
.banner ul li{height:260px;}
}

@media (max-width:960px){
.banner ul{height:364px;}
.banner ul li{height:364px;}
}

@media (max-width:768px){
.banner ul{height:310px;}
.banner ul li{height:310px;}
}

@media (max-width:640px){
.banner ul{height:320px;}
.banner ul li{height:320px;}
}

@media (max-width:414px){
.banner ul{height:207px;}
.banner ul li{height:207px;}
}

@media (max-width:412px){
.banner ul{height:206px;}
.banner ul li{height:206px;}
}

@media (max-width:384px){
.banner ul{height:192px;}
.banner ul li{height:192px;}
}

@media (max-width:375px){
.banner ul{height:188px;}
.banner ul li{height:188px;}
}

@media (max-width:360px){
.banner ul{height:180px;}
.banner ul li{height:180px;}
}

@media (max-width:320px){
.banner ul{height:160px;}
.banner ul li{height:160px;}
}