/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;}
body{height:100%;line-height:1;font: 12px/1.5 'Microsoft YaHei',Tahoma,'Simsun',sans-serif;font-size:12px;color:#333;background:#fff;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none;color:#707070;}
.fl{float:left;}
.fr{float:right;}
.hover{-webkit-transition:0.3s ease;-moz-transition:0.3s ease;-o-transition:0.3s ease;transition:0.3s ease;}
.hover:hover{-webkit-transition:0.3s ease;-moz-transition:0.3s ease;-o-transition:0.3s ease;transition:0.3s ease;} 
.hover_img:hover{opacity:0.7;filter:alpha(opacity=70); }
.clear{clear: both;}
.break_5{height: 5px;width: 100%;clear: both;}
.break_10{height: 10px;width: 100%;clear: both;}
.break_15{height: 15px;width: 100%;clear: both;}
.break_20{height: 20px;width: 100%;clear: both;}
.break_25{height: 25px;width: 100%;clear: both;}
.break_30{height: 30px;width: 100%;clear: both;}
.break_35{height: 35px;width: 100%;clear: both;}
.break_50{height: 50px;width: 100%;clear: both;}
#qiao-wrap{display: none !important;}
#LXB_CONTAINER{left:0 !important;}

.zk-640{width: 100%; max-width: 640px; position: relative; margin: 0 auto; overflow: hidden;}
.zk-title{text-align: center;}
.zk-title h3{font-size: 23px; width: 80%; line-height: 25px; text-align: center; margin: 0 auto; display: block;}

.zk-header{ background: #030337; height: 40px; line-height: 40px;}
.zk-header .logo img{ height: 20px; margin: 10px auto 0 0.5rem;}
.zk-header .zk-nav a{color: #fff; float: left; margin: 0 0.5rem; display: block;}

/*** title01 ***/
.zk-sk{background: #f5f5f5;}
.zk-sk .zk-title{margin: 1.5rem auto 0 auto; }
.zk-sk .sk-info{margin-top: 1rem;}
.zk-sk .sk-info h3{margin-left: 5%; width: 80%; font-size: 17px; font-weight: bold; color: #333; border-bottom: 0.5px solid #666; height: 2rem; line-height: 2rem; }
.zk-sk .sk-info span{color: #f0be00; font-size: 14px; margin-left: 2%;}
.zk-sk .sk-info p{color: #666;}
.zk-sk .sk-info .sk-info1 ul{width: 90%; display: block; margin:0 auto;}
.zk-sk .sk-info .sk-info1 ul li{margin-top: 1rem; background: #fff; height: 6rem; padding: 1rem 1rem;}
.zk-sk .sk-info .sk-info1 ul li p{margin-top: 0.5rem;}
.zk-sk .sk-info .sk-info2{margin-top: 0.5rem;}
.zk-sk .sk-info .sk-info2 ul{display: block; margin:0 auto;}
.zk-sk .sk-info .sk-info2 ul li{float: left; width: 37%; margin-top: 1rem; background: #fff; height: 5rem; padding: 1rem 1rem; margin: 2%;}
.zk-sk .zx-btn{font-weight: bold; width: 80%; background: #f0be00; line-height: 30px; height: 30px; margin: 0 auto 1rem auto;}
.zk-sk .zx-btn a{float: left; text-align: center; display: block;}
.zk-sk .zx-btn01{width: 55%; color: #fff;}
.zk-sk .zx-tel{width: 44%; background: #fff; color: #f0be00; margin: 1px; height: 28px;}

/*** form_top ***/
.zk-form-top{background: url(../images/form1-bg.jpg) no-repeat center / cover;}
.zk-form-top .zk-title{color: #fff; font-size: 25px;}
.form-top-con{ background: url(../images/form1-infobg.png) no-repeat center / cover; width: 95%; margin: 10px auto 0 auto; padding-bottom: 30px;}
.form-top-con .form-top-tt{text-align: center; color: #e92a32; font-size: 20px;}
.form-top-con .form-top-tt h3{border-bottom: 1px solid #ccc; padding-bottom: 7px; position: relative; width: 90%; margin: 0 auto;}
.form-top-con .form-top-tt h3:before{content: ""; width: 50%;height: 2px; background: #e92a32; display: block; position: absolute;bottom: 0; left: 25%;}
.form-top-con .form-top-tt span{color: #333; font-size: 15px; margin: 5px 0;}
.form-top-info{width: 98%; margin: 0 auto;}
.form-top-info .form-class{width: 100%; overflow: hidden;}
.form-top-info .form-class p{width: 45%; margin: 10px 2.5%;font-size: 14px;float: left;}
.form-top-info .form-class select{height:32px !important;}
.form-top-info .form-class .input_text{ width: 100%; height: 30px; line-height: 30px; text-indent: 35px;  border: 1px solid #dedede; border-radius: 5px; color: #666; padding: 0;}
.form-top-info .form-kemu{width: 95%; color: #666; font-size: 15px; background: #f5f5f5; margin: 0 auto; position: relative;}
.form-top-info .form-kemu .checkbox{height: 20px;  position: relative; line-height: 20px; display: inline-block; width: 21%; margin: 7px 1.5%;}
.form-top-info .form-kemu span{display: block; padding: 10px;}
.form-top-info .button_min{background: #f0be00; width: 80%; margin: 15px auto 10px auto; color: #fff; font-size: 17px; line-height: 35px; display: block; border: none;-webkit-appearance:none;}
.form-top-info .class-nj{background: url(../images/form-ico01.gif) no-repeat #f5f5f5 3px center / 15%;}
.form-top-info .class-dh{background: url(../images/form-ico02.gif) no-repeat #f5f5f5 3px center / 15%; }
.form-top-info .class-bx{background: url(../images/form-ico03.gif) no-repeat #f5f5f5 3px center / 15%; }
.form-top-info .class-dz{background: url(../images/form-ico04.gif) no-repeat #f5f5f5 3px center / 15%; }
.form-top-info .form-kemu span{background: url(../images/form-ico05.gif) no-repeat 3px center / 7%; padding-left:35px; margin-left: 3px;}
.form-top-bot strong{ text-align: center; color: #666; font-size: 13px; display: block;}
.checkbox input[type='checkbox'] {
    position: absolute;
    left: -3px;
    top: 0;
    width: 15px;
    height: 15px;
    opacity: 0;
}
.checkbox label {
    position: absolute;
    left: 20px;
    top: 0;
    height: 20px;
    line-height: 20px;
}
.checkbox label:before {
    content: '';
    position: absolute;
    left: -20px;
    top: 2px;
    width: 15px;
    height: 15px;
    border: 1px solid #c9c9c9;
    border-radius: 50%;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.checkbox label:after {
    content: '';
    position: absolute;
    left: -14px;
    top: 4px;
    width: 5px;
    height: 11px;
    border: 0;
    border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    background: #f5f5f5;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.checkbox input[type='checkbox']:checked + label:before {
    background: #e92a32;
    border-color: #e92a32;
}
.checkbox input[type='checkbox']:checked + label:after {
    background: #e92a32;
}

.zk-life .swiper-container img{ width: 100%; }

/*** jiangzuo ***/
.zk-jz .zx-btn{font-weight: bold; width: 80%; background: #f0be00; line-height: 30px; height: 30px; margin: 0 auto 1rem auto;}
.zk-jz .zx-btn a{float: left; text-align: center; display: block;}
.zk-jz .zx-btn01{width: 55%; color: #fff;}
.zk-jz .zx-tel{width: 44%; background: #fff; color: #f0be00; margin: 1px; height: 28px;}

/*** title02 ***/
.zk-sz .zk-title{margin: 1.5rem auto 0 auto; }
.zk-sz{background: url(../images/bg1.jpg) no-repeat center; height: 26rem;}
.zk-sz .sz-info{margin: 1.5rem auto 0 auto; display: block; width: 85%;}
.zk-sz .sz-info li{background: url(../images/bgcolor.jpg); height: 2rem; margin-bottom: 0.75rem; }
.zk-sz .sz-info li span{float: left; padding-left: 5%; line-height: 2rem; color: #f0be00;}
.zk-sz .sz-info li p{margin-left: 25%; padding-left: 2%; color: #01fdf4; background: #05045e; height: 2rem; line-height: 2rem; width: 72%;}
.zk-sz .zx-btn{font-weight: bold; width: 80%; background: #f0be00; line-height: 30px; height: 30px; margin: 1.5rem auto 1rem auto;}
.zk-sz .zx-btn a{float: left; text-align: center; display: block;}
.zk-sz .zx-btn01{width: 55%; color: #fff;}
.zk-sz .zx-tel{width: 44%; background: #010232; color: #f0be00; margin: 1px; height: 28px;}

/*** title03 ***/
.zk-kc .zk-title{margin: 1.5rem auto 0 auto; }
.zk-kc{background: url(../images/bgcolor1.jpg); height: 47rem;}
.zk-kc .kc-info{margin: 1.5rem auto 0 auto; display: block; width: 90%;}
.zk-kc .kc-info .subinfo{margin-top: 1.5rem;}
.zk-kc .kc-info .subinfo h3{color: #fff; background: #1dcbac; font-size: 18px; height: 2.5rem; line-height: 2.5rem; text-align: center;}
.zk-kc .kc-info li{background: rgb(219, 219, 219, 0.2); height: 4rem; border: 1px solid rgba(0, 0, 0, 0);}
.zk-kc .kc-info li span{float: left; padding-left: 5%; color: #01001e; height: 4rem; line-height: 4rem; font-size: 14px; font-weight: bold;}
.zk-kc .kc-info li p{margin-left: 25%; padding-left: 2%; color: #333333; width: 72%; padding-top: 0.5rem;}
.zk-kc .kc-info .subinfo a{display: block; color: #01022e; background: #ffdb00; font-size: 18px; height: 2rem; line-height: 2rem; text-align: center;}
.zk-kc .kc-info .subinfo strong{background: rgb(219, 219, 219, 0.2); font-weight: normal; display: block; padding: 5%;}
.zk-kc .zx-btn{font-weight: bold; width: 80%; background: #f0be00; line-height: 30px; height: 30px; margin: 1.5rem auto 1rem auto;}
.zk-kc .zx-btn a{float: left; text-align: center; display: block;}
.zk-kc .zx-btn01{width: 55%; color: #fff;}
.zk-kc .zx-tel{width: 44%; background: #fff; color: #f0be00; margin: 1px; height: 28px;}

/*** title04 ***/
.zk-tea .zx-btn{position: absolute; font-weight: bold; width: 80%; background: #f0be00; line-height: 30px; height: 30px; margin: 0 10% 0 10%; bottom: 1rem;}
.zk-tea .zx-btn a{float: left; text-align: center; display: block;}
.zk-tea .zx-btn01{width: 55%; color: #fff;}
.zk-tea .zx-tel{width: 44%; background: #fff; color: #f0be00; margin: 1px; height: 28px;}

/*** title05 ***/
.zk-hj .zk-title{margin: 1.5rem auto 0 auto; }
.zk-hj .zk-title p{margin-top: 0.5rem; color: #5c5c61;}
.zk-hj .hj{width: 90%; margin: 1rem auto;}

/*** baoming ***/
.lm_bm{background: url(../images/bm_bg.jpg) no-repeat center;}
.bm_title{font-size: 20px; color: #00437e; text-align: center; margin-bottom: 10px;}
.bm_line{width: 100%;position: relative; height: 1px; background: #666;}
.bm_line:before{content: ""; position: absolute; bottom: 0; height: 2px; width: 25%; background: #00437e; left: 37.5%;  display: block;}
.form_box{  margin: 20px auto;}
.form_box p{font-size: 13px; color: #666; margin: 20px auto; width: 90%;}
.form_box .input_text{width: 85%; height: 35px; line-height: 35px; text-indent: 3px; background: #fff; border: none; margin-left: 7px; color: #666; border-radius: 5px; }
.form_box .button_min{width: 65%; height: 45px; display: block; background: #f0be00; font-size: 16px; text-align: center; color: #fff; border: none; margin: 20px auto; font-family: 'Microsoft YaHei';-webkit-appearance:none;}
.form_bot{color: #444; text-align: center;font-size: 16px;}
.form_bot strong{font-size: 20px;}
.form_bot b{color: #00437e;}

/*** footer ***/
.wrap-640{width: 100%; position: relative; }
.wrap-footer{border-top: 1px solid #666;text-align: center; padding: 10px 0; margin-bottom: 55px;}

/*** 底部浮动样式 ***/
.fl_bot{width: 100%;position: fixed;bottom: 0;text-align: center;z-index: 999;}
.fl_bot a{line-height: 55px;float:left;color: #fff;font-size: 13px;}
.fl_bot .bot_zx{width: 27%;background: #10a9ec;}
.fl_bot .bot_dx{width: 29%;background: #17c762;}
.fl_bot .bot_tel{width: 27%;background: #d8184e;} 
.fl_bot .home{width: 17%;background: #6e6f77;}
.fl_bot .icon img{vertical-align: middle;}
.fl_bot a:first-child .icon img{vertical-align: middle;height: 20px}
.fl_bot a:nth-child(2) .icon img{vertical-align: middle;height: 26px}
.fl_bot a:nth-child(3) .icon img{vertical-align: middle;height: 21px}
.fl_bot a:last-child .icon img{vertical-align: middle;height: 17px}

@media screen and (max-width: 320px){
.zk-sk .sk-info h3{width: 90%;}
.zk-sk .sk-info .sk-info2 ul li{width: 36%;}
.zk-sz .sz-info{width: 95%;}
} 

@media screen and (min-width: 414px){
.zk-sk .sk-info h3{width: 72.5%;}
.zk-sk .sk-info .sk-info2 ul li{width: 38%;}
}