@charset "UTF-8";
/*css 初始化 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img,input,button { border:none; padding:0;margin:0;outline-style:none; }   /*去掉input等聚焦时的蓝色边框*/
ul, ol,li { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
select, input { vertical-align:middle;}
select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; } /*防止拖动*/
img {border:0; vertical-align:middle;}  /*  去掉图片低测默认的3像素空白缝隙，或者用display：block也可以*/
table { border-collapse:collapse; }
.float{clear: both}

body {
    font:12px/150% Arial,Verdana,"\5b8b\4f53";
    color:#666;
    font-family:helvetica,"microsoft yahei",sans-serif,Arial,Roboto,"droid sans fallback";
    background: #f7f8fa;
}
.clearfix:before,.clearfix:after {  /*清楚浮动*/
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.clearfix{
    *zoom:1;/*IE/7/6*/
}
a {color:#000; text-decoration:none !important; display:block}
/*a:hover{color:#C81623;}*/
h1,h2,h3,h4,h5,h6 {text-decoration:none;font-weight:normal;font-size:100%;}  /*设置h标签的大小，设置跟父亲一样大的字体font-size:100%;*/
s,i,em{font-style:normal;text-decoration:none;}
.col-red{color: #C81623!important;}

/*公共类*/
.w {  /*版心 提取 */
    width: 1210px;margin:0 auto;
}
.fl {
    float:left
}
.fr {
    float:right
}
.al {
    text-align:left
}
.ac {
    text-align:center
}
.ar {
    text-align:right
}
.hide {
    display:none
}
.f24{font-size: 12px;}
.f20{font-size: 12px;}
.f70{font-size: 35px}
.f36{font-size: 18px}
.f28{font-size: 14px}
.f26{font-size: 13px}
.f22{font-size: 12px}
.f35{ font-size: 17.5px;}
.f18{ font-size: 12px;}
.f14{ font-size: 10px;}
.f16{ font-size: 12px;}
.f30{ font-size: 15px;}
.f38{ font-size: 19px;}
.f32{font-size: 16px}
.f40{ font-size: 20px;}
.font12{ font-size: 12px;}
.font14{ font-size: 14px;}
.font16{ font-size: 16px;}
/*公共部分*/
.cen{text-align: center}
.max{max-width: 1200px;margin:0 auto;background: #fff}
em{color:#02c7ff}
.headline{padding:4.5% 0}



@media screen and (min-width: 600px) {
    .f14{ font-size: 14px;}
    .f24{font-size: 24px;}
    .f20{font-size: 20px;}
    .f70{font-size: 70px}
    .f36{font-size: 36px}
    .f22{font-size: 22px}
    .f34{font-size: 34px}
    .f35{ font-size: 35px;}
    .f18{ font-size: 18px;}
    .f16{ font-size: 16px;}
    .f30{ font-size: 30px;}
    .f40{ font-size: 40px;}
    .f32{ font-size: 32px;}
    .f26{font-size: 26px}
    .f28{font-size: 28px}
}



/*头部*/

/*顶部*/
.head{width: 100%;border-bottom:1px solid #f1f1f1;background: #fff}
.head .head-block{height:60px;width: 100%;line-height: 60px}
.head .head-block .fl{width: 65%}
.head .head-block .fr{width: 35%}
.head .head-block .fl img{height: 20px;margin-left:10px}
.head .head-block .fl span{color:#6d6d6d}
.head .head-block .fr{width: 25%}
.head .head-block .fr p{display: inline-block;line-height: 24px;text-align: center}
.head .head-block .fr .dl{width: 65%;border:1px solid #02c7ff;color:#02c7ff;}
.head .head-block .fr .zc{width: 30%;background: #02c7ff;margin-left:1%;color:#fff}
.head .head-block .fr .pt{padding:0 8%;border:1px solid #02c7ff;color:#02c7ff;}
.head .head-block .move{display: block}
.head .head-block .pc{display: none}
.head .head-block .fr a{color:#02c7ff}
.head .head-block .fr .zc a{color:#fff}
.head .head-block p{border-radius: 3px}
.head .head-block .fl .f16{font-size: 10px;position: absolute;margin:0.3% 0 0 1%}
/*选择栏*/
.tab{background: #fff;width: 100%;z-index: 4000}
.tab-box ul{width: 100%;line-height: 45px;margin-bottom:0;}
.tab-box ul li{display: inline-block;padding:0 7% 0 2%;text-align: center;}
.tab-box ul .on a{color:#02c7ff}


/*底部*/

/*底部*/
.footer{background: #2e3335}
.footer .row{width: 100%;max-width: 1200px;margin:0 auto;padding:2% 0 1%}
.footer .l ul{padding-left:5%;line-height: 25px}
.footer .l ul li{color:#c7c7c7}
.footer .l ul .f20{color:#fff;padding-bottom: 2%}
.footer .r .row{padding:2%}
.footer .r p.f20{padding-left:4%}
.footer .r{color:#fff;overflow: hidden;}
.footer .r img{width: 97%;margin-top:3%}
.footer .b{width: 100%;text-align: center;color:#8b8a8a;padding:1% 0;border-top:1px solid #474b4c}





/*联系模块*/
.main5{padding-bottom: 5%;background: #fff}
.main5 .block{width: 90%;margin-left:5%;}
.main5 .block .l{width: 49%;}
.main5 .block .l:nth-child(2),.main5 .block .l:nth-child(5){margin-left:2%}
.main5 .inp{border:1px solid #ccc;background: #fff;padding:2% 2%}
.main5 .inp label{width: 16%;}
.main5 .inp label img{width: 100%}
.main5 .inp input{width: 80%;}
.main5 .checked{width: 100%}
.main5 #myCheck + label{background-color: white;margin:2% 0;border-radius: 5px;border:1px solid #d3d3d3;width:15px;height:15px;display: inline-block;text-align: center;vertical-align: middle;line-height: 15px;}
.main5 #myCheck:checked + label{background-color: #eee;}
.main5 #myCheck:checked + label:after{content:"\2714";}
.main5 #myCheck{display: none}
.main5 #myCheck span{padding:2%;display:block}
.main5 .zx{width: 100%;}
.main5 .zx a{width: 49%;margin-left:25.5%;text-align: center;padding: 2%;margin-top:8%;border:1px solid #02c7ff;color: #02c7ff}



/*动画时间*/
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}


/*回到顶部*/
.show-roll{position: fixed;right: 20px;bottom:20px;z-index: 999}
#t{}
#t{opacity: 0}
.show-roll a{display: block;background-position: 0 bottom}
.show-roll .consultation a{background-image: url("/sources/www/img/show-roll1.png");height: 53px;width: 53px;background-size: 99.5% 99.5%}
.show-roll #t a{transition: all 0.5s cubic-bezier(0.19,1,0.22,1);background-image: url("/sources/www/img/show-roll2.png");height: 0px;width: 0px;background-size: 99.5% 99.5%;margin-top:10px;}

@media screen and (min-width: 600px) {
    .head .head-block{height:84px;line-height: 84px}
    .head .head-block .fl img{height: 40px;margin-left:0px}
    .head .head-block .fr p{display: inline-block;line-height: 44px;text-align: center}
    .head .head-block .pc{display: block}
    .head .head-block .move{display: none}
    .tab ul{width: 80%;line-height: 62px;margin-bottom:0;}
    .main4 .block{width: 70%;margin-left:15%;}
    .main5 .block{width: 50%;margin-left:25%;}
    .main5 .inp label{width: 10%}
    .main5 #myCheck + label{width:20px;height:20px;line-height: 20px;}
    .head .head-block .fl .f16{font-size: 16px!important;margin:0.3% 0 0 0.5%}
    .tab-box ul li{padding:0 12% 0 1%}
    .show-roll{position: fixed;right: 100px;bottom:100px;z-index: 999}
    .show-roll .consultation a{background-size: 100% 100%}
    .show-roll #t a{background-size: 100% 100%;}

}