.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;}

/*底部导航*/
.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;}

/*内页导航*/
.page_nav{ width: 100%; height:auto; line-height: 32px; background: #008075;}
.page_nav .content{width: 100%;margin: 0;}
.page_nav .content ul{width: 100%;}
.page_nav .content li{float: left;width: calc(100% / 3);text-align: center;}
.page_nav .content li a{ height: 32px; padding: 0; font-size: 12px; display: block; color: #fff;}
.page_nav .content li a:hover{ background: #29ccbe; color: #fff;}
.page_nav .content li a.active{ background: #29ccbe; color: #fff;}

/*内页内容*/
.page_main{width: 100%;padding: 24px 0;}
.page_main .content p{font-size: 12px;line-height: 24px;color: #666666;text-indent: 2em;}
.page_main .content p.center{text-indent: 0em;} 
.page_main .content p span{color: #333333;font-weight: bold;}
.page_main .content p img{width: 100%;}
.page_main .content table,
.page_main .content table tr,
.page_main .content table tr td,
.page_main .content table tr td font{font-size: 12px !important;line-height: 24px;}
.page_main .content table tr td p img{display: none;}
.page_main .content table span font{font-size: 12px !important;}
.page_main .content .zgs_box{width: 100%;}
.page_main .content .zgs_box .zgs{width: 100%;margin-bottom: 28px;}
.page_main .content .zgs_box .zgs li{ float:left;}
.page_main .content .zgs_box .zgs li.left1{width: 112px;}
.page_main .content .zgs_box .zgs li.left1 img{width: 100%;height:auto;display: block;}
.page_main .content .zgs_box .zgs li.right1 {margin-left: 0;width:calc(100% - 132px);margin-left: 20px;}
.page_main .content .zgs_box .zgs li.right1 h3{font-size: 12px;color: #1a1a1a;line-height: 12px;font-weight: bold;margin-bottom: 8px;}
.page_main .content .zgs_box .zgs li.right1 h4{font-size: 12px;line-height: 24px;color: #666666;text-indent: 2em;}
.page_main .content .rcg01{display: none;}
.page_main .content .rcg02{display:block;width: 100%;}
.page_main .content .rcg02 li{float: left;}
.page_main .content .rcg02 li.left01{width: 20%;margin-right: 5%;}
.page_main .content .rcg02 li.left01 img{width: 100%; height: auto;}
.page_main .content .rcg02 li.right02{width: 75%;}
.page_main .content .rcg02 li.right02 h1{font-size: 14px;line-height: 14px;font-weight: bold;color: #ffa500;width: 100%;}
.page_main .content .rcg02 li.right02 p{font-size: 12px;line-height: 24px;text-indent: 2em; width: 100%;}

/*表单设置*/
#form{width: 100%;margin: 0 auto;}
#form tr{width: 100%;}
#form tr td{padding-bottom: 4px;}
#form tr td.left2{width: 20%;padding-right: 1%;font-size:12px;height: 24px;line-height: 24px;}
#form tr td.right2{width: 79%;}
#form tr td.right2 input{width:50%;height:24px;font-size:12px;padding-left:1%;border:#ccc 1px solid;box-sizing: border-box;}
#form tr td.right2 input:hover{border:#02a193 1px solid;}
#form tr td.right2 textarea{width:100%;height:200px;font-size:12px; line-height:24px;padding-left:1%;border:#ccc 1px solid;box-sizing: border-box;}
#form tr td.right2 textarea:hover{border:#02a193 1px solid;}
#form tr td.right2 select{width:50px;height:24px;font-size:12px;padding-left:1%;border:#ccc 1px solid;box-sizing: border-box;}
#form tr td.right2 select:hover{border:#02a193 1px solid;}
#form tr td.center2 input{width:120px;height:28px;font-size:14px;color: #fff;background-color: #02a193;text-align: center;line-height: 28px;cursor: pointer;border-radius: 4px;margin-top: 20px;}

/*新闻中心*/
.news_list{ width: 100%; height: auto; margin: 6px 0 24px 0; overflow: hidden; font-size: 12px; line-height: 24px;}
.news_list li{ width: 100%; height: auto; border-bottom: 1px dashed #aaa; overflow: hidden; padding: 16px 0;}
.news_list li .img{ width: 25%; height:auto; float: left; overflow: hidden;}
.news_list li .img img{ width: 100%; height:auto; -webkit-transition:-webkit-transform 0.5s ease-out; -moz-transition:-mos-transform 0.5s ease-out; -ms-transition:-ms-transform 0.5s ease-out; transition:transform 0.5s ease-out;}
.news_list li .img:hover img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
.news_text{ width: 71%; height: auto;margin-left: 4%; float: right;}
.news_text a{ font-size: 14px; color: #000; margin-bottom: 8px; display: inline-block;}
.news_text a:hover{ color: #02a193;}
.news_text p{font-size: 12px;}
.news_text .p2{ color: #999;}
.news_list .tit{ width: 100%; height: auto; font-size: 28px; line-height: 45px; color: #000; text-align: center;padding-top: 24px;}
.cp_tit{ width: 100%; height: auto; font-size: 28px; line-height: 45px; color: #000; text-align: center; margin-bottom: 20px;}
.news_list .time{ width: 100%; height: auto; font-size: 14px; color: #999; border-bottom: 1px dashed #aaa; margin-bottom: 25px; text-align: center; padding-bottom: 10px;}
.news_list img{ max-width: 100%;}
.news_list .text{ width: 100%; height: auto; text-align: justify;}

/*技术支持*/
.page .content ul.ly{width: 100%;padding: 24px 0;}
.page .content ul.ly li{width: 100%;margin-bottom: 12px;}
.page .content ul.ly li .left2{float: left;width: 20%;margin-right: 2%;}
.page .content ul.ly li .left2 img{width:calc(100% - 8px);height: auto;}
.page .content ul.ly li .right2{float: left;padding-left: 0;width: 78%;}
.page .content ul.ly li .right2 h1{width: 100%;font-size: 14px;line-height: 14px;color: #333333;font-weight: 600;cursor: pointer;}
.page .content ul.ly li .right2 h1:hover{color: #02a193;}
.page .content ul.ly li .right2 p{width: 100%;font-size: 12px;line-height: 24px;color: #666666;text-indent: 2em;margin-top: 8px;}

}

@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:242px;}
.banner ul li{height:242px;}
.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:207px;}
.banner ul li{height:207px;}
}

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

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

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

/*新闻中心*/
.news_list li .img{ width:100%; height:auto; float: left; overflow: hidden;}
.news_text{ width: 100%; height: auto;margin-left: 0; float: right;}
.news_text a{ font-size: 14px; color: #000; margin-bottom: 8px; display: inline-block;}
.news_text a:hover{ color: #02a193;}
.news_text p{font-size: 12px;}
.news_text .p2{ color: #999;}
.news_list .tit{ width: 100%; height: auto; font-size: 18px; line-height: 36px; color: #000; text-align: center;padding-top: 16px;}
.news_list .time{ width: 100%; height: auto; font-size: 14px; color: #999; border-bottom: 1px dashed #aaa; margin-bottom: 25px; text-align: center; padding-bottom: 10px;}
.news_list img{ max-width: 100%;}
.news_list .text{ width: 100%; height: auto; text-align: justify;}

/*产品世界*/
.page_nav .content ul.cp_nav{width: 100%;}
.page_nav .content ul.cp_nav li{float: left;width: 25%;}
.page_nav .content ul.cp_nav li a{width: 100%;height: 24px;font-size: 12px;line-height: 24px;text-align: center;color: #fff;padding: 0;}
.page_nav .content ul.cp_nav li a:hover{ background: #29ccbe; color: #fff;}
.page_nav .content ul.cp_nav li a.active{ background: #29ccbe; color: #fff;}

.page .content .cp_list{margin: 36px 0;}
.page .content .cp_list .col_tit{width: 98%;padding-left: 2%;height: 36px;background-color:#008075;}
.page .content .cp_list .col_tit a{font-size: 18px;color: #fff;line-height: 36px;}
.cpline{background:#dddddd}
.page .content .cp_list td.cpquery{background:#ffffff;width: calc(100% / 3);overflow: hidden;box-sizing: border-box;border:1px #eeeeee solid;}
.page .content .cp_list div.cpquery{border:0px #eeeeee solid;padding:0;background:#ffffff;width: 100%;}
.page .content .cp_list div.cpquery a{width: 100%;height: 100px;}
.page .content .cp_list div.cpquery a img{width:100% !important;height: 100% !important;}
.page .content .cp_list a.cpquerytitle{color:#777777;font-size:12px;line-height:24px;height:48px;}
.page .content .cp_list div.cpquerytitle{border:0px #eeeeee solid;padding:2px;background:#f7f7f7}
.cppropname{color:#555555;font-size:12px;background:#dddddd}
.cpprop{color:#555555;font-size:12px;padding-left:10px;background:#f0f0f0}
.cpintro {color:#777777;font-size:12px;line-height:150%;}

#TabTab03Con1 td img{width: 100%;}
#TabTab03Con2 table{border-top: 1px solid #666;border-left: 1px solid #666;width: 100%;font-size: 8px !important;}
#TabTab03Con2 table td{border-right: 1px solid #666;border-bottom: 1px solid #666;font-size: 8px !important;}
#TabTab03Con2 p{width: 100%;}
#TabTab03Con2 p img{width: 100% !important;height: auto !important; }
#TabTab03Con2 img{width: 100%;}


}

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

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

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

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

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

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