/*publick*/
html{font-size:62.5%; }
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select{margin:0;padding:0}
body{font-family: "Microsoft YaHei";-webkit-text-size-adjust:100%;font-size: 1em;height:100%;min-width:320px; background-color: #f8f8f8;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
a{text-decoration:none; cursor:pointer;}
a:hover{text-decoration:none;}
img{border:0;vertical-align:middle}
em{font-style:normal}
li{list-style:none}
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance:bottom; -moz-appearance:none;-webkit-appearance: none;}
input[type="button"], input[type="checkbox"], input[type="radio"] {-webkit-appearance:none;}
/*清除浮动*/
.clearfix:after { content:" "; display:block; clear:both; height:0;}
.clearfix { zoom:1;}
.fl{float:left !important;}
.fr{float:right !important;}
/*html5*/
article,aside,dialog,footer,header,hgroup,nav,figure,menu,section{display:block;}
.zg_main{ margin:0 auto;max-width:640px; overflow:hidden;}
.offcn-header{padding: 0 5px 0 10px;background: #fff;}
@media only screen and (max-width:320px){.offcn-header,.offcn-logo,.offcn-kcbtn{height:50px;line-height:50px;}}
@media only screen and (max-width:359px) and (min-width:320px){.offcn-header,.offcn-logo,.offcn-kcbtn{height:50px;line-height:50px;}}
@media only screen and (max-width:479px) and (min-width:360px){.offcn-header,.offcn-logo,.offcn-kcbtn{height:50px;line-height:50px;}}
@media only screen and (max-width:599px) and (min-width:480px){.offcn-header,.offcn-logo,.offcn-kcbtn{height:80px;line-height:80px;}}
@media only screen and (max-width:720px) and (min-width:600px){.offcn-header,.offcn-logo,.offcn-kcbtn{height:80px;line-height:80px;}}
@media only screen and (min-width:720px) {.offcn-header,.offcn-logo,.offcn-kcbtn{height:80px;line-height:80px;}}
.offcn-logo{width: 80%;}
.offcn-kcbtn{width: 50px}
.offcn-logo img,.offcn-kcbtn img{width: 100%;}
.type{background: url("../images/nav_icon.png") no-repeat center center;background-size: 30px;width:50px;height:100%;
transform:rotate(0deg);
-ms-transform:rotate(0deg);     /* IE 9 */
-moz-transform:rotate(0deg);    /* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg);
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.type.on{background: url("../images/btn.png") no-repeat center center;background-size: 55%;
transform:rotate(135deg);
-ms-transform:rotate(135deg);     /* IE 9 */
-moz-transform:rotate(135deg);    /* Firefox */
-webkit-transform:rotate(135deg); /* Safari 和 Chrome */
-o-transform:rotate(135deg);
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;}
.menu{overflow: hidden;background-color: #f4f4f4;width: 100%;height: 0;position: fixed;max-width:640px;
z-index: 9999;
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;}

.offcn-tlistbtn{
    width:100%;
    height:7%;
}
.offcn-tlistbtn{border-bottom: 1px solid #e2e2e2;}
.offcn-tlistbtn a{
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;  
	padding-left:15%;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
	width: 100%;
	height: 100%;
	font: 1.5rem/1 "Microsoft YaHei";
    color: #333;
}
.offcn-tlistbtn a:after{
    display: block;
    content: '';
    padding-top: 100%;
}
.offcn-tlistbtn1{
    background: url(../images/icon_01.png) no-repeat 5% center;
    background-size: 6% auto;
}
.offcn-tlistbtn2{
    background: url(../images/icon_02.png) no-repeat 5% center;
    background-size: 6% auto;
}
.offcn-tlistbtn3{
    background: url(../images/icon_03.png) no-repeat 5% center;
    background-size: 6% auto;
}
.offcn-tlistbtn4{
    background: url(../images/icon_04.png) no-repeat 5% center;
    background-size: 6% auto;
}
.offcn-tlistbtn5{
    background: url(../images/icon_05.png) no-repeat 5% center;
    background-size: 6% auto;
}
.offcn-tlistbtn6{
    background: url(../images/icon_06.png) no-repeat 5% center;
    background-size: 6% auto;
}
.offcn-tlistbtn7{
    background: url(../images/icon_07.png) no-repeat 5% center;
    background-size: 6% auto;
}
.offcn-tlistbtn8{
    background: url(../images/icon_08.png) no-repeat 5% center;
    background-size: 6% auto;
}
@media only screen and (max-width:320px){.offcn-kcbtn{width: 15%;}}
@media only screen and (max-width:359px) and (min-width:320px){.offcn-kcbtn{width: 15%;}}
@media only screen and (max-width:479px) and (min-width:360px){.offcn-kcbtn{width: 15%;}}
.banner img{width: 100%;display: block;}
.bm_yh{background: #fff;overflow: hidden;}
.bm_yh_tt,.rf_yh_tt{text-align: center;width: 90%;margin: 0 auto;padding: 6% 0 6% 0;color: #333;}
.rf_yh_tt span{color: #f4496d;}
@media only screen and (max-width:320px){.bm_yh_tt,.ht_m_tt{font-size:1.6rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.bm_yh_tt,.ht_m_tt{font-size:2rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.bm_yh_tt,.ht_m_tt{font-size:2.2rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.bm_yh_tt,.ht_m_tt{font-size:3rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.bm_yh_tt,.ht_m_tt{font-size:3rem!important}}
@media only screen and (min-width:720px) {.bm_yh_tt,.ht_m_tt{font-size:4rem!important}}
.offcn-category{width: 90%;margin: 0 auto;}
.flexbox {
	display: -moz-box; /* Firefox */ 
	display: -ms-flexbox; /* IE10 */ 
	display: -webkit-box; /* Safari */ 
	display: -webkit-flex; /* Chrome, WebKit */ 
	display: box; 
	display: flexbox; 
	display: flex; 
    /*-webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;*/
	    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding: 2% 0 0 0;
}
.flexbox1{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0px;
}
.fe,.sxh,.fe_xz,.ch_rm,.ui{
    width: 100%;
    padding: 2%;
    text-align: center;
    display: inline-block;
}
@media only screen and (max-width:320px){.fe img{width: 50%;}}
@media only screen and (max-width:359px) and (min-width:320px){.fe img{width: 50%;}}
@media only screen and (max-width:479px) and (min-width:360px){.fe img{width: 50%;}}
@media only screen and (max-width:320px){.fe_xz img{width: 80%;}}
@media only screen and (max-width:359px) and (min-width:320px){.fe_xz img{width: 80%;}}
@media only screen and (max-width:479px) and (min-width:360px){.fe_xz img{width: 80%;}}
@media only screen and (max-width:320px){.ui img{width: 88%;}}
@media only screen and (max-width:359px) and (min-width:320px){.ui img{width: 88%;}}
@media only screen and (max-width:479px) and (min-width:360px){.ui img{width: 88%;}}
.fe span ,.fe_xz span,.ch_rm span,.flexbox span{
    display: block;
    font: 1.5rem/2.6rem "Microsoft YaHei";
    color: #333;
}
@media only screen and (max-width:320px){.fe span{font-size:1.2rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.fe span{font-size:1.3rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.fe span{font-size:1.5rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.fe span{font-size:2.2rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.fe span{font-size:2.4rem!important}}
@media only screen and (min-width:720px) {.fe span{font-size:2.6rem!important}}

.bm_yh_s{width: 90%;height: auto;margin: 0 auto;padding: 2% 0 2% 0;overflow: hidden;}
.bm_yh_sx{text-align: center;width: 50%;}
.yh_sx_img{padding: 4% 0 8% 0;}
@media only screen and (max-width:359px) and (min-width:320px){.yh_sx_img img{width: 70%;}.yh_sx_img_02 img{width: 35%}}
@media only screen and (max-width:479px) and (min-width:360px){.yh_sx_img img{width: 70%;}.yh_sx_img_02 img{width: 35%}}
.yh_sx_img_02{padding: 4% 0 0 0;}
.sx_tt{color: #333;padding: 4% 0 4% 0;}
@media only screen and (max-width:320px){.sx_tt{font-size:1.6rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.sx_tt{font-size:1.8rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.sx_tt{font-size:2rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.sx_tt{font-size:2.2rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.sx_tt{font-size:2.4rem!important}}
@media only screen and (min-width:720px) {.sx_tt{font-size:2.6rem!important}}
.sx_info{color: #666;padding: 2% 0 2% 0;}
@media only screen and (max-width:320px){.sx_info{font-size:1.4rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.sx_info{font-size:1.4rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.sx_info{font-size:1.6rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.sx_info{font-size:1.8rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.sx_info{font-size:2rem!important}}
@media only screen and (min-width:720px) {.sx_info{font-size:2rem!important}}
.bm_yh_sx_end{text-align: center;}
.gw_btn,.bm_btn{text-align: center;padding: 5% 0 8% 0;width: 40%;margin:  0 auto;}
.gw_btn a{display: block;background: #1291e7;color: #fff;padding: 5% 6% 8% 6%;border-radius: 0.4rem;-webkit-border-radius:0.4rem;-moz-border-radius:0.4rem;}
@media only screen and (max-width:320px){.gw_btn a{font-size:1.2rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.gw_btn a{font-size:1.3rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.gw_btn a{font-size:1.4rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.gw_btn a{font-size:1.8rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.gw_btn a{font-size:2.4rem!important}}
@media only screen and (min-width:720px) {.gw_btn a{font-size:2.8rem!important}}
/*双选会背景*/
.rimi_sxh{width: 100%;height: auto;background: #f0f0f0;}
.ht_m{background: #333;width: 100%;overflow: hidden;}
.ht_ml_fi{width: 90%;margin: 0 auto;}
.ht_m_tt{color: #fff;text-align: center;padding: 6% 0 6% 0;}
.ui_t{color: #000;}
.ui_zp_img{width: 100%;}
.ui_zp_img img{width: 100%;display: block;}
.web_gz {padding: 1% 0 8% 0;}
.pj_xz{color: #494949;padding: 1% 0 5% 0;text-align: center;}
@media only screen and (max-width:320px){.pj_xz{font-size:1.1rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.pj_xz{font-size:1.3rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.pj_xz{font-size:1.5rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.pj_xz{font-size:1.8rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.pj_xz{font-size:2rem!important}}
@media only screen and (min-width:720px) {.pj_xz{font-size:2.4rem!important}}
.ht_m_tt span,.bm_yh_tt span{color: #1291e7;}
@media only screen and (max-width:320px){.rf_ys_tt{font-size:1.8rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.rf_ys_tt{font-size:2.2rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.rf_ys_tt{font-size:2.6rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.rf_ys_tt{font-size:3.2rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.rf_ys_tt{font-size:3.6rem!important}}
@media only screen and (min-width:720px) {.rf_ys_tt{font-size:4rem!important}}
.web_gz img,.rm_team_img img,.ui_practice img,.qd_xy img,.xyy_img img,.offcn-fir img,.sxh_btn img,.offcn-fiv img,.offcn-hj img,.offcn-tea img,.rf_com img,.offcn_jy_img img,.rf_nr img,.bm_btn a img,.msjx_btn img,.vs img{width: 100%;display: block;}
.web_zp{color: #000;line-height: 2rem;padding: 0% 0 4% 0;text-align: center;}
.web_zp span{color: #f4496d;}
@media only screen and (max-width:320px){.web_zp,.xy_info,.ui span{font-size:1.1rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.web_zp,.xy_info,.ui span{font-size:1.1rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.web_zp,.xy_info,.ui span{font-size:1.1rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.web_zp,.xy_info,.ui span{font-size:1.4rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.web_zp,.xy_info,.ui span{font-size:1.7rem!important}}
@media only screen and (min-width:720px) {.web_zp,.xy_info,.ui span{font-size:2rem!important}}
.java_gz{color: #158cde;text-align: center;}
.java_jy{color: #f2cf29;text-align: center;}
.java_xl{color: #de327e;text-align: center;}
.center{text-align: center;}
.center span{color: #ee4141;}
.sxh_btn{width: 52%;margin: 0 auto;padding: 7% 0 7% 0;}
@media only screen and (max-width:320px){.sxh img{width: 70%;}}
@media only screen and (max-width:359px) and (min-width:320px){.sxh img{width: 85%;}}
@media only screen and (max-width:479px) and (min-width:360px){.sxh img{width: 90%;}}
.rf_mx{width: 100%;height: auto;background: #f0f0f0;}
.xy_info{text-align: center;line-height: 2rem;}
.qd_xy{padding: 8% 0 0 10%;}
.xy_bg{width: 100%;height: auto;background: #f0f0f0;}
.xyy_img{text-align: center;padding: 8% 0 8% 0;}
@media only screen and (max-width:320px){.rf_yh_tt{font-size:1.4rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.rf_yh_tt{font-size:1.7rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.rf_yh_tt{font-size:1.9rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.rf_yh_tt{font-size:2rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.rf_yh_tt{font-size:2.6rem!important}}
@media only screen and (min-width:720px) {.rf_yh_tt{font-size:3rem!important}}
.offcn-box{width: 100%;margin: 0 auto;clear: both;padding: 0 0 7% 0;overflow: hidden;}
.offcn-fir{width: 30%;text-align: center;}
.offcn-fir p{margin: 2% 0 0 0;}
.ml{margin: 0 0 0 5%;}
@media only screen and (max-width:320px){.offcn-fir{font-size:1rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.offcn-fir{font-size:1.1rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.offcn-fir{font-size:1.2rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.offcn-fir{font-size:1.5rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.offcn-fir{font-size:1.8rem!important}}
@media only screen and (min-width:720px) {.offcn-fir{font-size:2rem!important}}
.gs{padding: 2% 0 0 0;}
.rf_xxw{text-align: center;color: #333;}
.rf_team_box{width: 100%;padding: 2% 0 2% 0;overflow: hidden;}
.rm_team_img{width: 34%;}
.rm_team_info{width: 63%;padding-left: 2%;}
.rf_team_name{color: #1291e7;padding-bottom: 1%;}
@media only screen and (max-width:320px){.rf_team_name{font-size:1.3rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.rf_team_name{font-size:1.5rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.rf_team_name{font-size:1.7rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.rf_team_name{font-size:2.2rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.rf_team_name{font-size:2.6rem!important}}
@media only screen and (min-width:720px) {.rf_team_name{font-size:2.8rem!important}}
.rf_team_name span{color: #000;padding-left: 5%;}
@media only screen and (max-width:320px){.rf_team_name span{font-size:1rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.rf_team_name span{font-size:1.2rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.rf_team_name span{font-size:1.4rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.rf_team_name span{font-size:1.6rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.rf_team_name span{font-size:1.8rem!important}}
@media only screen and (min-width:720px) {.rf_team_name span{font-size:2rem!important}}
.rf_team_in{padding: 1% 0;color: #494949;}
@media only screen and (max-width:320px){.rf_team_in{font-size:1rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.rf_team_in{font-size:1rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.rf_team_in{font-size:1.2rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.rf_team_in{font-size:1.6rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.rf_team_in{font-size:1.8rem!important}}
@media only screen and (min-width:720px) {.rf_team_in{font-size:2rem!important}}
.rf_xxw span,.rf_team span{color: #1291e7;line-height: 2rem;}
@media only screen and (max-width:320px){.rf_xxw,.btxy_qx{font-size:1rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.rf_xxw,.btxy_qx{font-size:1.2rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.rf_xxw,.btxy_qx{font-size:1.3rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.rf_xxw,.btxy_qx{font-size:1.4rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.rf_xxw,.btxy_qx{font-size:1.6rem!important}}
@media only screen and (min-width:720px) {.rf_xxw,.btxy_qx{font-size:1.8rem!important}}
.offcn-fiv{text-align: center;width: 28%;padding: 5% 0 5% 0;font-size: 1.3rem;}
.offcn-fiv p{margin-top: 1rem;}
.fiv_r{margin-left: 8%;}
.btxy_qx,.rf_ys_info{text-align: center;color: #333;padding: 0 0 3% 0;}
.rf_ys_info{padding: 2% 0 5% 0;}
.rf_ys_tt{text-align: center;padding: 8% 0 6% 0;}
@media only screen and (max-width:320px){.rf_ys_info,.rf_team{font-size:1.2rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.rf_ys_info{font-size:1.2rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.rf_ys_info,.rf_team{font-size:1.3rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.rf_ys_info,.rf_team{font-size:1.6rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.rf_ys_info,.rf_team{font-size:2.4rem!important}}
@media only screen and (min-width:720px) {.rf_ys_info,.rf_team{font-size:2.4rem!important}}
.offcn-hj{width: 48%;padding: 0 0 5% 0;}
.rf_team{text-align: center;padding: 8% 0 5% 0;}
.offcn-tea{text-align: center;width: 40%;padding: 0 3% 0 3%;margin: 0 auto;}
.tea_name{font-size: 1.8rem;color: #1291e7;padding: 4% 0 4% 0;}
.tea_zy{font-size: 1.2rem;color: #333;}
.msjx_btn{width: 45%;margin: 0 auto;padding: 2% 0 10% 0;}
.rf_com{padding: 5% 0 7% 0;}
.vs{padding: 0 0 7% 0;}
.ht_m_course{text-align: center;color: #fff;padding: 7% 0 7% 0;}
@media only screen and (max-width:320px){.ht_m_course{font-size:1.1rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.ht_m_course{font-size:1.3rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.ht_m_course{font-size:1.4rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.ht_m_course{font-size:1.6rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.ht_m_course{font-size:2.4rem!important}}
@media only screen and (min-width:720px) {.ht_m_course{font-size:3rem!important}}
.rf_nr{padding: 2% 0 7% 0;}

.rf_xxq{width: 100%;height: auto;background: #1291e7;}
.rf_xxq_tt{text-align: center;padding: 5% 0 3% 0;}
@media only screen and (max-width:320px){.offcn_jyfx_tt{font-size:1.4rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.rf_xxq_tt{font-size:1.5rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.rf_xxq_tt{font-size:2rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.rf_xxq_tt{font-size:2.2rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.rf_xxq_tt{font-size:2.3rem!important}}
@media only screen and (min-width:720px) {.rf_xxq_tt{font-size:2.4rem!important}}
.rf_ques span{color: #1291e7;}
.rf_ques{color: #c0c0c0;text-align: center;padding: 0 0 5% 0;}
@media only screen and (max-width:320px){.rf_ques{font-size:1rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.rf_ques{font-size:1rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.rf_ques{font-size:1.1rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.rf_ques{font-size:1.4rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.rf_ques{font-size:1.7rem!important}}
@media only screen and (min-width:720px) {.rf_ques{font-size:2rem!important}}
.tf_ours{color: #f0f0f0;text-align: center;padding: 2% 0 3% 0;}
@media only screen and (max-width:320px){.tf_ours,.mx_name{font-size:1.2rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.tf_ours,.mx_name{font-size:1.4rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.tf_ours,.mx_name{font-size:1.6rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.tf_ours,.mx_name{font-size:1.8rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.tf_ours,.mx_name{font-size:2rem!important}}
@media only screen and (min-width:720px) {.tf_ours,.mx_name{font-size:2.6rem!important}}
.tel{color: #333;text-align: center;padding: 2% 0 5% 0;}
@media only screen and (max-width:320px){.tel{font-size:1.6rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.tel{font-size:1.8rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.tel{font-size:2.4rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.tel{font-size:2.8rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.tel{font-size:3rem!important}}
@media only screen and (min-width:720px) {.tel{font-size:4rem!important}}
.rf_st_tt{text-align: center;color: #1291e7;padding: 6% 0 6% 0;cursor:pointer;}
@media only screen and (max-width:320px){.rf_st_tt{font-size:1.6rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.rf_st_tt{font-size:1.8rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.rf_st_tt{font-size:2rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.rf_st_tt{font-size:2.4rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.rf_st_tt{font-size:2.6rem!important}}
@media only screen and (min-width:720px) {.rf_st_tt{font-size:3rem!important}}
.rf_name{background: url(../images/name.png)#f0f0f0 no-repeat 2rem;background-size: 5%; }
@media only screen and (max-width:359px) and (min-width:320px){.rf_name{width: 78%;}}
@media only screen and (max-width:479px) and (min-width:360px){.rf_name{width: 78%;}}
@media only screen and (max-width:599px) and (min-width:480px){.rf_name{width: 89%;}}
@media only screen and (min-width:720px) {.rf_name{width: 90%;}}
.f_i{margin: 0 auto;height: 4rem;padding-left: 60px;border:1px solid #d0cfcf;border-radius: 4px;-moz-border-radius:4px;-webkit-border-radius:4px;color: #a0a6b0;font-size: 1.4rem;}
.rf_tel{background: url(../images/tel_icon.png)#f0f0f0 no-repeat 2rem;margin-top: 5%;background-size: 5%;}
.rf_qq{background: url(../images/qq_icon.jpg) #f0f0f0 no-repeat 2rem;margin-top: 5%;background-size: 6%;}
.rf_sele{background: url(../images/sele_icon.jpg) #f0f0f0 no-repeat 2rem;margin-top: 5%;width: 100%;background-size: 6%;}
@media only screen and (max-width:359px) and (min-width:320px){.rf_sele{width: 100%;}}
@media only screen and (max-width:479px) and (min-width:360px){.rf_sele{width: 97%;}}

@media only screen and (max-width:359px) and (min-width:320px){.rf_tel,.rf_qq{width: 78%;}}
@media only screen and (max-width:479px) and (min-width:360px){.rf_tel,.rf_qq{width: 78%;}}
@media only screen and (max-width:599px) and (min-width:480px){.rf_tel,.rf_qq{width: 89%;}}
@media only screen and (min-width:720px) {.rf_tel,.rf_qq{width: 90%;}}
.inp_sub{width: 60%;margin: 0 auto;}
.sq_btn{ background:rgba(18,145,231,1); text-align: center;cursor: pointer;width:100%; border:0; border-radius:4px; padding:3% 0 3% 0; margin:5% 0 8% 0; color:#fff; font-family:"微软雅黑";}
.rf_adress{width: 100%;height: 13rem;background: #f0f0f0;}
.rf-adr{color: #adadad;padding: 5% 0 5% 0;}
@media only screen and (max-width:320px){.rf-adr{font-size:0.9rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.rf-adr{font-size:1rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.rf-adr{font-size:1.4rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.rf-adr{font-size:1.6rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.rf-adr{font-size:1.8rem!important}}
@media only screen and (min-width:720px) {.rf-adr{font-size:2rem!important}}
.footer{width: 100%;height: auto;background: #242b32;overflow: hidden;position: fixed;bottom: 0;max-width: 640px;}
.footer_tel.on{
	background: #2d363f;
}
.footer_tel{width: 33.3%;text-align: center;padding: 4% 0 3% 0;}
.footer_tel span img{margin-right: 3%;}
.footer_tel a{display: block;color: #fff;}

@media only screen and (max-width:320px){.footer_tel{font-size:1.2rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.footer_tel{font-size:1.3rem!important}.footer_tel img{height: 20px;}}
@media only screen and (max-width:479px) and (min-width:360px){.footer_tel{font-size:1.4rem!important}.footer_tel img{height: 20px;}}
@media only screen and (max-width:599px) and (min-width:480px){.footer_tel{font-size:2.2rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.footer_tel{font-size:2.4rem!important}}
@media only screen and (min-width:720px) {.footer_tel{font-size:2.6rem!important}}
/*弹框*/
#layermbox0 .layermbtn span{width:80% !important;}
#layermbox0 .layermchild h3{text-align:center;}
#layermbox0 .layermcont{font-size:14px;}
#layermbox0 .layermchild{background-color: #F5F5F5;}
.layermbtn{background: #1caffc;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
#layermbox0 .layermbtn span:first-child{background-color: #1caffc;color: #F1F1F1;}