/*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;
-ms-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;
}
.offcn-tlistbtn9{
background: url(../images/icon_09.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%;}}
/*焦点图*/
.slideBox{ width:100%;margin:0 auto; position:relative; overflow:hidden;background:#FFF;}
.slideBox .hd{ width:100%; height:18px; position:absolute; z-index:1; bottom:3%; text-align:center; }
.slideBox .hd ul li{ display:inline-block; text-indent:-999px; width:8px; height:8px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;background: #C5A9A4;margin:0 4px; vertical-align:top; overflow:hidden; }
.slideBox .hd ul .on{ background:#fff;}
.hj_bt{padding-bottom: 8%;}
#slideBox_tw .hd{ width:100%; height:18px; padding-top: 5%; position:relative; z-index:1; text-align:center; bottom:-10%; background: #f0f0f0;}
#slideBox_tw .hd ul li{ display:inline-block; text-indent:-999px; width:10px; height:10px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;margin:0 4px; vertical-align:top; overflow:hidden; background: #dcdcdc;}
#slideBox_tw .hd ul .on{ background:#1291e7;}
.slide_jy ul li{box-shadow: 2px 2px 4px #d5d4d4;}
#slideBox_th .hd{ width:100%; height:18px; padding-top: 5%; position:relative; z-index:1; text-align:center; bottom:-10%;}
#slideBox_th .hd ul li{ display:inline-block; text-indent:-999px; width:10px; height:10px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;margin:0 4px; vertical-align:top; overflow:hidden; background: #dcdcdc;}
#slideBox_th .hd ul .on{ background:#1291e7;}
.rm_slide_t{width: 42%;}
.rm_slide_t img{padding: 1%;}
.slide_name_info{width: 45%;padding: 14% 5%;}
.bm_yh{background: #fff;overflow: hidden;width: 100%;}
.bm_yh_tt{text-align: center;width: 90%;margin: 0 auto;padding: 5% 0 3% 0;color: #333;}
.bm_yh_tt span{color: #1291e7;}
@media only screen and (max-width:320px){.bm_yh_tt{font-size:1.6rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.bm_yh_tt{font-size:2rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.bm_yh_tt{font-size:2.2rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.bm_yh_tt{font-size:3rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.bm_yh_tt{font-size:3rem!important}}
@media only screen and (min-width:720px) {.bm_yh_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 2% 0;
}
.flexbox_tw{
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;
}
.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;
text-align: center;
}
.flex-2 {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 1px;
background: #1291e7;
}
.offcn-category a{
display: block;
width: 33.33%;
float: left;
padding: 10px 0;
}
.offcn-category a:nth-child(1),.offcn-category a:nth-child(2),.offcn-category a:nth-child(3){
border-bottom: 1px solid #dadada;
box-sizing: border-box;
}
.offcn-category a:nth-child(1),.offcn-category a:nth-child(2),.offcn-category a:nth-child(4),.offcn-category a:nth-child(5){
border-right: 1px solid #dadada;
box-sizing: border-box;
}
.flex_t{background: #3cb0ff;}
.fe,.sxh{
width: 100%;
padding: 2%;
text-align: center;
display: inline-block;
}
@media only screen and (max-width:320px){.fe img{width: 30%;padding: 5% 0 0 0;}}
@media only screen and (max-width:359px) and (min-width:320px){.fe img{width: 30%;padding: 5% 0 0 0;}}
@media only screen and (max-width:479px) and (min-width:360px){.fe img{width: 30%;padding: 5% 0 0 0;}}
.fe span {
display: block;
color: #454545;
padding:5% 0;
}
.fe span p{color: #333;}
@media only screen and (max-width:320px){.fe span{font-size:0.9rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.fe span{font-size:1rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.fe span{font-size:1.3rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.fe span{font-size:1.6rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.fe span{font-size:1.8rem!important}}
@media only screen and (min-width:720px) {.fe span{font-size:2rem!important}}
@media only screen and (max-width:320px){.fe span p{font-size:0.9rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.fe span p{font-size:1rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.fe span p{font-size:1.2rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.fe span p{font-size:1.4rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.fe span p{font-size:1.8rem!important}}
@media only screen and (min-width:720px) {.fe span p{font-size:2rem!important}}
.zt6 {width: 100%;margin: 0 auto;padding: 0 0 8% 0;}
.zt6 table {width: 100%;padding-bottom: 2%;}
.th{border-right: 1px solid #cbcbcb;}
.zt6 table th {color: #adadad;height: 2em;font-weight: normal;}
.zt6 table th, .zt6 table td {width: 32.5%;text-align: center;}
.rf_kb_rz{padding: 2% 12%;background: #ff8d39;color: #fff;border-radius: 0.3rem;-webkit-border-radius: 0.3rem;-moz-border-radius: 0.3rem;}
.rf_kb_kb{padding: 2% 12%;background: #1291e7;color: #fff;border-radius: 0.3rem;-webkit-border-radius: 0.3rem;-moz-border-radius: 0.3rem;}
.rf_kb_bm{padding: 2% 12%;background: #ff3939;color: #fff;border-radius: 0.3rem;-webkit-border-radius: 0.3rem;-moz-border-radius: 0.3rem;}
#demo{padding: 3% 0 3% 0;background: #fff;}
#demo1 table tr{line-height:3rem;}
.kb_btn{width: 42%;margin: 0 auto;text-align: center;padding: 0 0 7% 0;}
.kb_btn a{padding: 5% 10%;color: #fff;background: #1291e7;border-radius: 0.3rem;-webkit-border-radius: 0.3rem;-moz-border-radius: 0.3rem;}
.sx_info{color: #333;padding: 0 0 2% 0;text-align: center;}
.rf_ques{color: #333;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:1.1rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.rf_ques{font-size:1.2rem!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.8rem!important}}
@media only screen and (min-width:720px) {.rf_ques{font-size:2rem!important}}
.rf_team_box {width: 100%;padding: 3% 0 3% 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.6rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.rf_team_name{font-size:1.8rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.rf_team_name{font-size:2rem!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.4rem!important}}
@media only screen and (min-width:720px) {.rf_team_name{font-size:2.8rem!important}}
.rf_team_name span{color: #adadad;padding-left: 5%;}
.rf_team_fig {background: #dcdcdc;width: 100%;height: 1px;margin: 2% 0 2% 0;}
@media only screen and (max-width:320px){.f_i{font-size:0.9rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.f_i{font-size:1rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.f_i{font-size:1.4rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.f_i{font-size:1.6rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.f_i{font-size:1.8rem!important}}
@media only screen and (min-width:720px) {.f_i{font-size:2rem!important}}
.rf_team_in{padding: 1% 0;}
@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}}
@media only screen and (max-width:320px){.sx_info,.zt6 table th {font-size:1.0rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.sx_info,.zt6 table th {font-size:1.1rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.sx_info,.zt6 table th {font-size:1.3rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.sx_info,.zt6 table th {font-size:1.6rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.sx_info,.zt6 table th {font-size:1.8rem!important}}
@media only screen and (min-width:720px) {.sx_info,.zt6 table th {font-size:2rem!important;}#demo1 table tr {line-height: 4rem;}}
.more_team_btn{width: 60%;margin: 0 auto;}
.more_team_btn a{ background:#1291e7; width:100%;border-radius: 0.3rem;-webkit-border-radius: 0.3rem;-moz-border-radius: 0.3rem; padding:3% 6%; margin:5% 0 8% 0; color:#fff; }
@media only screen and (max-width:320px){.ht_m_tt{font-size:1rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.ht_m_tt{font-size:1.5rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.ht_m_tt{font-size:2rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.ht_m_tt{font-size:2.5rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.ht_m_tt{font-size:3rem!important}}
@media only screen and (min-width:720px) {.ht_m_tt{font-size:3.5rem!important}}
.ht_m{background: #333;width: 100%;overflow: hidden;}
.ht_ml_fi{width: 90%;margin: 0 auto;}
.ht_m_tt{text-align: center;padding: 6% 0 6% 0;}
.ht_m_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:2rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.rf_ys_tt{font-size:2.3rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.rf_ys_tt{font-size:3rem!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}}
.pj_xz{color: #adadad;padding: 1% 0 5% 0;}}}
@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}}
.web_gz{padding: 1% 3% 8% 3%;}
.web_gz img,.qd_xy img,.xyy_img img,.hb_bg img,.fe_xz img,.rm_team_img img,.offcn-fir img,.offcn-fiv img,.rf_map 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: #fff;line-height: 2rem;padding: 0% 0 4% 0;}
.web_zp span{color: #ffcc00;}
@media only screen and (max-width:320px){.web_zp,.xy_info{font-size:1.2rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.web_zp,.xy_info{font-size:1.4rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.web_zp,.xy_info{font-size:1.6rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.web_zp,.xy_info{font-size:1.8rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.web_zp,.xy_info{font-size:1.8rem!important}}
@media only screen and (min-width:720px) {.web_zp,.xy_info{font-size:2rem!important}}
@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: 2.3rem;}
.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}}
@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}}
@media only screen and (max-width:320px){.rf_my,.zt6 table td{font-size:1rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.rf_my,.zt6 table td{font-size:1.1rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.rf_my,.zt6 table td{font-size:1.3rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.rf_my,.zt6 table td{font-size:1.4rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.rf_my,.zt6 table td{font-size:1.6rem!important}}
@media only screen and (min-width:720px) {.rf_my,.zt6 table td{font-size:2.2rem!important}}
.yh_img{width: 6%;}
.rf_my{color: #929292;}
.rf_my_name{color: #333;padding: 2% 0 2% 0;}
.fe_xz {text-align: center;color: #fff;padding: 15% 0;}
.fe_xz p{text-align: center;width: 17%;margin: 0 auto;padding-top: 5%;}
@media only screen and (max-width:320px){.fe_xz span{font-size:0.9rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.fe_xz span{font-size:1rem!important}.footer_tel img{height: 20px;}}
@media only screen and (max-width:479px) and (min-width:360px){.fe_xz span{font-size:1.2rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.fe_xz span{font-size:1.5rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.fe_xz span{font-size:2.4rem!important}}
@media only screen and (min-width:720px) {.fe_xz span{font-size:2.6rem!important}}
.rf_ys_info{text-align: center;color: #333;padding: 0 0 5% 0;}
.rf_ys_info p span,.rf_ys_tt span{color: #1291e7;}
.rf_ys_tt{text-align: center;padding: 6% 0 6% 0;}
.hb_bg{width: 100%;margin: 0 auto;}
@media only screen and (max-width:320px){.rf_ys_info{font-size:1rem!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{font-size:1.3rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.rf_ys_info{font-size:1.6rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.rf_ys_info{font-size:1.8rem!important}}
@media only screen and (min-width:720px) {.rf_ys_info{font-size:2rem!important}}
@media only screen and (max-width:320px){.rf_team_vs{font-size:1rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.rf_team_vs{font-size:1.3rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.rf_team_vs{font-size:1.5rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.rf_team_vs{font-size:1.7rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.rf_team_vs{font-size:2rem!important}}
@media only screen and (min-width:720px) {.rf_team_vs{font-size:2.4rem!important}}
.rf_team{text-align: center;padding: 8% 0 5% 0;}
.offcn-tea{text-align: center;width: 40%;padding: 0 3% 0 3%;}
.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: 0 0 5% 0;}
.vs{padding: 0 0 7% 0;}
.mfsxm,.rf_team_vs span{color: #1291e7;}
.mr_r{padding-right: 2%;float: left;}
.ht_m_course{text-align: center;padding: 5% 0 5% 0;}
.ht_m{color: #fff;}
@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.5rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.ht_m_course{font-size:1.8rem!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-adr{color: #adadad;padding: 5% 0 5% 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: 8% 0 8% 0;}
@media only screen and (max-width:320px){.rf_st_tt{font-size:1.4rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.rf_st_tt{font-size:1.6rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.rf_st_tt{font-size:1.8rem!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: 6%; }
@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.5rem;}
.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: 41%;margin: 0 auto;text-align:center;cursor: pointer;}
.sq_btn{ background:rgba(18,145,231,1); width:100%; border:0; border-radius:4px; padding:3% 0 3% 0; margin:10% 0 15% 0; color:#fff; font-family:"微软雅黑";}
@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:1.2rem!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.4rem!important}.footer_tel img{height: 20px;}}
@media only screen and (max-width:479px) and (min-width:360px){.footer_tel{font-size:1.5rem!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;}
/*****************************
* wangdan
* 2016.10.17
*
* ************************/
/*in_nav*/
.in_nav{
height: 28px;
line-height: 1.2;
background: #1291e7;
color: #ffffff;
font-size: 1.8rem;
text-align: center;
}
.in_nav a{
display: block;
color: #ffffff;
border-right: 1px solid #71bdf1;
}
/*in_adv*/
.in_adv{
margin-top:10px;
background: #ffffff;
}
.in_adv h4{
color: #969696;
font-size: 1.4rem;
text-align: center;
margin-bottom: 10px;
}
.in_adv_cont li{
width: 32%;
float: left;
margin-right: 2%;
color: #FFFFFF;
padding-bottom: 10px;
min-height: 175px;
margin-bottom: 20px;
}
.in_adv_cont li h3{
font-size: 2.2rem;
padding: 10px 0 0 10px;
}
.in_adv_cont li span{
display: inline-block;
height: 1px;
background: #FFFFFF;
width: 28px;
margin: 8px 0 0 10px;
}
.in_adv_cont li span { *display: inline }
.in_adv_cont li p{
line-height: 20px;
padding: 0 10px 0px 10px;
}
.in_adv_cont1{
background: #f96048;
}
.in_adv_cont2{
background: #a174c7;
}
.in_adv_cont3{
background: #72c150;
}
/*six_adv*/
.six_adv{
background: #0a84d7;
}
.six_adv h2{
text-align: center;
color: #f2faff;
font-size: 2.2rem;
font-weight: bold;
line-height: 36px;
}
.six_adv h3{
text-align: center;
color: #f2faff;
font-size: 1.4rem;
line-height: 28px;
font-family: "宋体";
margin-bottom: 6px;
margin-top: 4px;
}