@charset "utf-8";
/* CSS Document */
body, html {width: 100%;overflow-x: hidden; color: #000; font-family: "Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica-Neue, Helvetica, "BBAlpha Sans", sans-serif;font-size: 62.5%;}
body {padding: 0; margin: 0; background: #efefef;}
ul,ol,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,form,input,i,textarea,td,th,em,i,b {padding: 0; margin: 0; font-style: normal; font-weight: normal}
img {padding: 0; margin: 0; border: none; vertical-align: top;}
.imgSize {width: 100%;display: block;}
ul {list-style: none;}
a {text-decoration: none;display: block;}
.text-center{ text-align: center;}
.text-left{text-align: left;}
/*------------------- clearfix -------------------*/
.clearFix:after {content: ""; display: block; height: 0; clear: both;}
.clearFix {min-height: 1px;}
* html .clearFix {height: 1px;}
@media screen and (min-width:320px) and (max-width:359px) and (orientation:portrait) {
	html, body {font-size: 62.5%;}
}
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait) {
	html, body {font-size: 70.3%;}
}
@media screen and (min-width:375px) and (max-width:399px) and (orientation:portrait) {
	html, body {font-size: 73.2%;}
}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait) {
	html, body {font-size: 78.125%;}
}
@media screen and (min-width:414px) and (max-width:480px) and (orientation:portrait) {
	html, body {font-size: 80.85%;}
}
@media screen and (min-width:480px) and (max-width:639px) and (orientation:portrait) {
	html {font-size: 93.75%;}
}
@media screen and (min-width:640px) and (max-width:749px) and (orientation:portrait) {
	html {font-size: 110%;}
}
@media screen and (min-width:749px) and (max-width:1001px) and (orientation:portrait) {
	html {font-size: 125%;}
}
@media only screen and (min-width:1001px) {
	html {font-size: 125%;}
}
/*------------------- mWrap -------------------*/
#mWrap {width: 100%; max-width: 750px; margin: 0 auto; overflow: hidden;background: #cccccc;}

/* -----backBg----- */
.backBg {display: none;position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);z-index: 998;top: 0;left: 0;}
/*------------------- header -------------------*/
header{width: 100%;position: relative;}
/*------------------- footer -------------------*/
footer {width: 100%;margin: 2.56rem auto 1.28rem;color: #1d4bc2; font-size: .94rem;}

* html {_background-image: url(about:blank); _background-attachment: fixed;}
.m_toast {position: fixed;width: 60%;top: 22%;left: 20%;text-align: center;z-index: 1999;display: block;min-width: 150px;display: inline-block;font-size: 15px;font-weight: bold;color: #ffffff;background: #000000;filter: alpha(opacity=70);opacity: 0.7;border-radius: 5px;padding: 18px 0;}
.kht{
	text-align: center;
	font-size: 24px;
	margin-top: 30px;
}
.swiper_02 {
	width: 80%;
	margin: 10px auto 0;
	height: 2.3rem;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper_02 .swiper-slide{
	width: 96%;
	margin: 0 auto;
	background: none;
	font-size: 1.1rem;
}
.swiper_02 p{
	width: 100%;
	height: 2.3rem;
	line-height: 2.3rem;
	color: #ff3110;
	font-size: 30px;
}
.swiper_02 p span{
	display: block;
	float: left;
	width: 25%;
}
.swiper_02 p span:nth-child(1){
	text-align: center;
	width: 45%;
	font-size: 0.9rem;
}
.swiper_02 p span:nth-child(2){
	text-align: left;
	width: 25%;
	font-size: 0.9rem;
}
.swiper_02 p span:nth-child(3){
	width: 30%;
	font-size: 0.9rem;
}

.box{margin-bottom: .85rem;}
.box_img{width: 100%;margin: 1.71rem auto 2.56rem;}
.box_img img{margin: 0 auto;}
.box_img .pic1{width: 81.6%;}
.box_img .pic2{width: 88.94%;margin: 1.71rem auto 3.42rem;}
.box_img p{color: #ffffff;}

.tpic1{width: 83.33%;margin: 0 auto;padding: 2.56rem 0 0;}
.tpic3{width: 67.73%;margin: 0 auto;padding: 2.56rem 0 0;}
.tpic5{width: 92%;margin: 0 auto;padding: 2.56rem 0 0;}
.ftext{padding: 3.42rem 0 0;font-weight: 300;font-size: 1.02rem;color: #939393;}

.cbox .checkbox div {float: left;width: 30.33%;position: relative;line-height: 2.56rem;margin: 0 1.5% 1.71rem;color: #777777;font-size: 1.37rem;}
.checkbox input[type="radio"] {width: 1.71rem;height: 1.71rem;opacity: 0;}
.checkbox label {position: absolute;left: .43rem;top: 3px;width: 1.71rem;height: 1.71rem;border-radius: 4px;border: 1px solid #fe6d32;}
input:checked+label::after {position: absolute;content: "";width: .42rem;height: 0.85rem;top: 3px;left: .51rem;border: 2px solid #fe6d32;border-top: none;border-left: none;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.cbox span{display: inline-block;margin-left: .85rem;color: #ff3110;font-size: 1.37rem;}
.ptitle {margin: 1.54rem auto 2.13rem;font-size: 1.45rem;color: #ff3110;}

.activity{width: 92%;margin: 0 auto .85rem;background: #ffffff;padding: .85rem 0 1.28rem;box-shadow: 0 1px 8.8px 0.2px rgba(95, 155, 255, 0.61);border-radius: 6px;}
.activity .cpic{width: 92%;margin: 1.28rem auto 2.56rem;}
.activity .form-div .form-box {position: relative;width: 92%;margin: 0 auto;height: 3.92rem;line-height: 3.92rem;margin: .85rem auto;background-color: #007beb;border: solid 1px #007beb;border-radius: 6px;box-shadow: 0 1px 2px 0 rgba(102, 182, 255, 0.61);box-sizing: border-box;}
.activity .form-div .form-box1 {background: url(../images/ucompany.png) 1.02rem center no-repeat;background-size: 2.4rem 1.71rem;}
.activity .form-div .form-box2 {background: url(../images/uphone.png) 1.02rem center no-repeat;background-size: 2.26rem 1.96rem;}
.activity .form-div .form-box .input {border: none;width: 85%;height: 2.14rem;line-height: 2.14rem;margin-top: .89rem;padding: 0 0 0 4.12rem;background: 0 0;border-radius: 6px;font-size: 1.2rem;color: #0087ef;}
.activity input::-webkit-input-placeholder {color: #999999;}
input{-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);}
.fbtn{display: block;width: 92%;height: 3.92rem;line-height: 3.92rem;margin: 1.28rem auto .85rem;background-color: #5f9bff;box-shadow: 0 1px 8.8px 0.2px rgba(95, 155, 255, 0.61);color: #ffffff;border-radius: 6px;text-shadow: 0 1px 2px rgba(95, 155, 255, 0.61);}

.bgColor{background: #ffefe6;padding-bottom: 3.42rem;}
.bgColor .items {width: 100%;margin: 0 auto;}
.bgColor .items .zpic{width: 92%;margin: 0 auto;}
.bgColor .items .itname{width: 84%;margin: 1.71rem auto;}
.bgColor .items .itname span{position: relative;display: block;float: left;width: 38%;height: 2.73rem;font-size: 1.28rem;color: #999999;box-sizing: border-box;}
.bgColor .items .itname span:nth-child(2){float: right;}
.bgColor .items .itname i{display: inline-block;width: 24%;height: 2.73rem;background: url(../images/line.png) center 4px no-repeat;background-size:1px 1.37rem;}
.bgColor .items .itname span.active{border-bottom: solid 3px #ff3110;color: #ff3110;}
.bgColor .items .itname span.active:after{content: ' ';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 0px;height: 0px;border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 5px solid #ff3110;}
.firbox .items .itname span{position: relative;display: block;float: left;width: 38%;height: 4.27rem;font-size: 1.28rem;color: #999999;box-sizing: border-box;}

.formbox {width: 92%;margin: 0 auto;}
.formbox .form-div .form-box {position: relative;width: 100%;height: 4.1rem;line-height: 4.1rem;margin: .85rem auto;box-sizing: border-box;border-radius: 6px;box-shadow: 0 1px 2px 0 rgba(255, 88, 0, 0.61);border: solid 1px #ff3110;}
.formbox .form-div .form-box1 {background: url(../images/uaddress.png) 12px center no-repeat;background-size: 2.48rem 1.88rem;}
.formbox .form-div .form-box2 {background: url(../images/uphone.png) 12px center no-repeat;background-size: 2.48rem 1.88rem;}
.formbox .form-div .form-box3 {background: url(../images/uphone.png) 12px center no-repeat;background-size: 2.48rem 1.88rem;}
.formbox .form-div .form-box4 {background: url(../images/utrade.png) 12px center no-repeat;background-size: 2.48rem 1.88rem;}
.formbox .form-div .form-box5 {background: url(../images/uname.png) 12px center no-repeat;background-size: 2.48rem 1.88rem;}
.formbox .form-div .form-box6 {background: url(../images/uphone.png) 12px center no-repeat;background-size: 2.48rem 1.88rem;}
.formbox .form-div .form-box .input {border: none;width: 85%;height: 2.3rem;margin-top: .9rem;padding: 0 0 0 4.2rem;background: 0 0;font-size: 1.2rem;color: #ff3110;}
.formbox input::-webkit-input-placeholder {color: #999999;}
input{-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);}
.formbox .subBtn{display: block;width: 100%;margin: 1.28rem auto 0;height: 3.76rem;line-height: 3.76rem;font-weight: 300;font-size: 1.54rem;color: #ffefe6;border-radius: 6px;background-color: #ff3110;box-shadow: 0 1px 2px 0 rgba(255, 88, 0, 0.61);}

.stoast{position: fixed;top: 35%;left: 4%;display: none;width: 92%;border-radius: 6px;background-color: #ffffff;z-index: 999;text-align: center;}
.stoast p{width: 100%;margin: 0 auto;font-size: 1.37rem;padding: 1.5rem 0 1.5rem;}
.stoast p:nth-child(1) {width: 82%;padding: 15px 0;border-bottom: solid 1px #eeeeee;color: #333333;}
.stoast p:nth-child(2) {color: #666666;line-height: 30px;}
.stoast p:last-child{background-color: #ff5802;color: #ffffff;border-radius: 0 0 6px 6px;}
#nav{width:100%;height:auto;overflow: hidden;margin: 0 auto;position: relative;}
#nav { width:100%; height:3.75rem; border: 1px solid #D4CD49; position:fixed;left:0;bottom:0;}