@charset "utf-8";
/* CSS Document */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,rem,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea,input,span{margin:0;padding:0;border:0;font-size: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
li{list-style-type: none }
audio, canvas, video {display:inline-block; *display:inline; *zoom: 1;}
audio:not([controls]) {display:none;}
a{text-decoration:none;cursor:pointer;}
ul,ol{list-style:none;}
rem{font-style:normal}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;overflow:hidden;}
.clear{clear:both}
table{border-collapse:collapse;border-spacing:0;}
/*media query*/
html {
    font-size : 62.5%;
}
@media only screen and (min-width: 320px)and (max-width:480px){
    html {
        font-size: 10px !important;
    }

}
@media only screen and (min-width: 320px)and (max-width:374px){
    .wrap-logo{width:78%!important;}
}
@media only screen and (min-width: 375px) and (max-width:667px){
    html {
        font-size: 12px !important;
    }
}
@media only screen and (min-width: 414px) and (max-width:736px){
    html {
        font-size: 13px !important;
    }

}
@media only screen and (min-width: 330px) and (max-width:369px){

    .wrap-logo{width:25.3rem!important;}
}
@media only screen and (min-width: 370px) and (max-width:374px){

}

@media only screen and (min-width: 382px) and (max-width:640px){


}
@media screen and (min-width:640px){
    html {
        font-size: 20px!important;
    }

}
/*@media screen and (min-width:640px) and (max-width:719px) {*/
    /*html {*/
        /*font-size: 20px!important;*/
    /*}*/
/*}*/
/*header*/
/*---限制最大宽度640px,最小宽度320px---*/
*{margin:0px;padding:0px;}
html {overflow-x: hidden;background: #fff;}
body{font-size:62.5%;overflow-x: hidden;max-width:640px; min-width:300px;margin:0 auto;min-height:100%;font-family: 微软雅黑;}

.clearboth:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}


.xiaoneng{cursor: pointer;}

#uct{font-size:1.2rem;color:#222222;float:right;margin-left:0;}
.wtjx li p{display:inline-block;font-size:1.2rem;color:#bababa;line-height:2.5rem;}
.wtjx li:nth-child(1){width:100%;border-bottom:1px solid #CCC;}
.wtjx li a{font-size:1.1rem;color:#bababa;margin-left:0.5rem;}
.hz_sz{font-size: 1.1rem;font-weight: 700;width: 18px;height: 18px;float: left;line-height: 18px;text-align: center; color:#2d2d2e;}
.wc{padding:1rem 0;width:100%;box-sizing:border-box;max-width:640px;position:fixed;top:0;margin:0 auto;z-index:10;}
.hhd{border-bottom:1px solid #ededed;animation: dasah 0.5s linear infinite;animation-iteration-count:1;animation-fill-mode:forwards;}
@keyframes dasah {
  from{
	  background:rgba(255,255,255,0);
	  }
  to {
   background:rgba(255,255,255,1);
  }
}
#sousuo{display:block;
        width:94%;
		height:2.5rem;
		border-radius:0.4rem;
		background:rgba(255,255,255,0.8);
        margin:0 auto;
        font-size:1.2rem;
		color:#bcbcbc;
		line-height:2.5rem;
		 }
.pll{animation: dasay 0.5s linear infinite;animation-iteration-count:1;animation-fill-mode:forwards;}
@keyframes dasay {
  from{
	  background:rgba(255,255,255,0.8);
	  }
  to {
   background:rgba(243,243,243,1);
  }
}
#sousuo img{width:5%;margin-left:4%;vertical-align:middle;}
.box{
	width:100%;
	height:auto;
	margin:0 auto;
	position:relative;
}

.xldh{width:100%;background:#fff;border-radius:0.2rem;text-align:center;z-index:12;}

/*表单*/
.formPart {
	background: url("../images/from-bg_59.jpg") no-repeat top center #26262e; background-size: 100%;
	padding-bottom: 3rem;
	margin-top: 3rem;
}
.formPart .tit{padding-top: 2.5rem;text-align: center;}
.formPart .tit h3{
	color: #fff;
	font-size: 1.6rem;
}
.formPart .tit p{
	color: #ef4c45;
	font-size: 1rem;
	padding:1rem 0px;
}

.formPart > form {
	width: 20.7rem;
	margin: 0 auto;
}

.formPart > form > input {
	width: 100%;
	height: 3rem;
	line-height: 3rem;
	border: 1px solid #00a9ab;
	border-radius: .5rem;
	background: rgba(62, 113, 204, 0.5);
	margin-bottom:1.1rem;
	font-size: 0.9rem;
	color: #fff;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding-left: 4.4rem;
}

.formPart > form > .name {
	background: url("../images/form-men.png") no-repeat 1.2rem center; background-size: 2.2rem 1.3rem;
}

.formPart > form > .phone {
	background: url("../images/form-pho.png") no-repeat  1.2rem center; background-size: 2.2rem 1.3rem;
}

.formPart > form > input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #f3f3f3;
}

.formPart > form > input:-moz-placeholder, textarea:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #f3f3f3;
}

.formPart > form > input::-moz-placeholder, textarea::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #f3f3f3;
}

.formPart > form > input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #f3f3f3;
}

.formPart > form > div {
	width: 100%;
	overflow: hidden;
}

.formPart > form > div > button {
	width:100%;
	display: block;
	margin-top: .2rem;
	text-align: center;
	border-radius: .5rem;
	background:#31c180;
	background: -webkit-linear-gradient(left, #23bbff , #0285ff); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right,#23bbff , #0285ff); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #23bbff , #0285ff); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #23bbff , #0285ff); /* 标准的语法 */
	color: #fff;
	font-size:1rem;
	height: 3rem;
	line-height: 3rem;
	overflow: hidden;
}
input{
	outline:none;
}

/* 班型 */
.banxing {
	background: #24324f;
	padding-top: 1px;
	padding: 0 3rem;
	margin-top: 3rem;
	padding-bottom: 2.5rem;
}

.banxing_c {
	margin-bottom: 1.5rem; }
.banxing .biaoti h3{
	font-size: 1.6rem;
	color: #fff;
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}

.banxing_container {
	margin: 0 -0.5rem;
	overflow: hidden; }
.banxing_container .banxing_content {
	float: left;
	margin-bottom: 1rem;
	width: 50%;
	height: auto;
	/*padding: 0 0.5rem;*/
	position: relative; }
.banxing_container .banxing_content > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center; }
.banxing_container .banxing_content > div p {
	color: #fff;
	font-size: 1.6rem;
	font-weight: 900;
	margin-top: 3rem;
	line-height: 1; }
.banxing_container .banxing_content > div .xian {
	width: 3.5rem;
	border-top: 2px solid #fff;
	margin: 1rem auto; }
.banxing_container .banxing_content > div span {
	color: #fff;
	display: block;
	font-size: 1.2rem;
	line-height: 1; }
.banxing_container .banxing_content > div a {
	margin: 2rem auto 0;
	width: 7.5rem;
	height: 2rem;
	line-height: 2rem;
	color: #325066;
	background: #fff;
	display: block;
	font-size: 1rem;}
.banxing_container .banxing_content img {
	display: block; }

.bnthz{display:block;width:73%;margin:0 auto;margin-top:1.2rem;height:3.5rem;border-radius:4rem;
                   background:#31c180;
				   background: -webkit-linear-gradient(left, #23bbff , #0285ff); /* Safari 5.1 - 6.0 */
				   background: -o-linear-gradient(right,#23bbff , #0285ff); /* Opera 11.1 - 12.0 */
				   background: -moz-linear-gradient(right, #23bbff , #0285ff); /* Firefox 3.6 - 15 */
				   background: linear-gradient(to right, #23bbff , #0285ff); /* 标准的语法 */
				   box-shadow: 0 0.2rem 0.1rem #0489ff;
				   font-size:1.5rem;font-weight:;line-height:3.5rem;text-align:center;color:#fff;}


/*fixed*/
.fixed{ position:fixed; background:#003461; z-index:999; width:100%; max-width:640px;border-bottom: 1px solid #fff;}
.fixed ul{ width:100%; margin:0 auto;}
.fixed ul li{ float:left; width:25%; height:3.2rem; line-height:3.5rem;}
.fixed ul li a{ display:block; height:3.2rem;line-height:3.2rem;  font-size:1.2rem; color:#fff; text-align:center;  border-right:1px solid #8c8f90;}


/*计算器*/
.part12_cp{
	max-width:640px; margin:auto;
	margin-top: 30px;
}
.part12_cp h4{
	margin-top: 0px;
	font-size: 1.2rem;
	line-height: 40px;
	background: #14B0F7;
	color: white;
	text-align: center;
	text-shadow: none;
	padding: 1.2rem 0px;
}
.p12-mid{
	width:90%;
	margin:0 auto;
	margin-left:10%;
	margin-bottom: 1.2rem;
}
.p12-1{
	margin:1rem 0;
	margin-bottom: 0.2rem;
	font-size:1.3rem;
	color: #4c4c4c;
}
.p12-2{
	margin:0.5rem 0;
	overflow:hidden;
}
.p12-2 div{
	width:80px;
	float:left;
	text-align:left;
	font-size:1.2rem;
	color:#4c4c4c;
}
.p12-2 div input{
	margin-right:6px;
	display: inline-block;
}
.p1-2{
	margin: 1rem 0;
	font-size:14px;
	text-align: center;
	color: #4c4c4c;
}
.part12_cp #tel3{
	width:240px;
	height:45px;
	margin:1rem auto;
	background:#fff;
	border:1px solid #000;
	border-radius:4px;
	font-size:1rem;
	text-align:center;
	line-height:45px;
}
.part12_cp #sub3{
	width:245px;
	height:45px;
	margin:0 auto 0.3rem;
	border-radius:4px;
	color:#fff;
	font-size:1.4rem;
	text-align:center;
	line-height:45px;
	border:1px solid #226dc8;
	background: #14B0F7;
	box-shadow: 1px 3px 5px 2px #BAB9B9;
	border: none;
}

.hjs_cal{
	width: 90%;
	/*height: 400px;*/
	margin: 20px auto;
	padding: 14px 10px 50px 10px;
	border: 1px solid #E4E4E4;
	border-radius: 16px;
	box-shadow: 1px 5px 8px 2px #BAB9B9;
	text-align: center;
}
.hjs_cal > form {
	width: 23.7rem;
	margin: 0 auto;
}

.hjs_cal > form > input {
	width: 100%;
	height: 3rem;
	line-height: 3rem;
	border: 1px solid #00a9ab;
	border-radius: .5rem;
	background: rgba(62, 113, 204, 0.5);
	margin-bottom:1.1rem;
	font-size: 0.9rem;
	color: #878787;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding-left: 4.4rem;
}

.hjs_cal > form > .name {
	background: url("../images/form-men.png") no-repeat 1.2rem center; background-size: 2.2rem 1.3rem;
}

.hjs_cal > form > .phone {
	background: url("../images/form-pho.png") no-repeat  1.2rem center; background-size: 2.2rem 1.3rem;
}

.hjs_cal > form > input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #333;
}

.hjs_cal > form > input:-moz-placeholder, textarea:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #333;
}

.hjs_cal > form > input::-moz-placeholder, textarea::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #333;
}

.hjs_cal > form > input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #333;
}

.hjs_cal > form > div {
	width: 100%;
	overflow: hidden;
}

.hjs_cal > form > div > button {
	width:100%;
	display: block;
	margin-top: .2rem;
	text-align: center;
	border-radius: .5rem;
	background:#31c180;
	background: -webkit-linear-gradient(left, #23bbff , #0285ff); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right,#23bbff , #0285ff); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #23bbff , #0285ff); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #23bbff , #0285ff); /* 标准的语法 */
	color: #fff;
	font-size:1rem;
	height: 3rem;
	line-height: 3rem;
	overflow: hidden;
}
input{
	outline:none;
}
/*优势*/
.dizao {
	border-top: 1px solid #ededed;
	margin-top: 3rem;
	margin-bottom: 1rem;
}
.biaoti h3{
	font-size: 2rem;
	text-align: center;
	padding-bottom: 2.5rem;
	color: #333;
}

.dizao_c .dizao_container {
	margin: 0 -1.5rem;
	overflow: hidden; }

.dizao_c .dizao_content {
	width: 32%;
	float: left;
	padding: 0 3rem 3rem;
	border-left: 1px solid #ededed; }
.dizao_c .dizao_content.border_left_touming {
	border-left-color: transparent; }
.dizao_c .dizao_content img {
	width: 100%;
	height: auto; }
.dizao_c .dizao_content p {
	font-size: 1.5rem;
	color: #333;
	font-weight: 900;
	text-align: center;
	margin-top: 1.2rem;
	line-height: 1; }
.dizao_c .dizao_content span {
	display: block;
	text-align: center;
	font-size: 1.1rem;
	color: #666666;
	margin-top: 0.6rem;
	line-height: 1.6; }

.foot{ width:100%; background: #505050; height:6rem; display:table}
.footer{ margin:0 auto; padding-top:4.8%;  width:66%;}
.footer p{ text-align:center; color:#cccccc; font-size:1rem; display:table-cell; width:70%; padding-left:0.6rem}


/*底部插件导航栏样式 没有底部插件时可删除*/
.bottom-wrapper{ z-index:9999999; }
.bottom-content-wrapper{ height:320px!important; }
.center-box{ height:225px!important; }
img.top-ren{ height:160px!important; width:118px!important; top:-80px!important;}
.top-box{ height:90px!important; }


@media screen and (min-width:375px){
.bottom-content-wrapper{ height:330px!important; }
.top-box{ height:105px!important; }
}

@media screen and (max-width:320px){
.forms li{ width:25%; }
}

.banner{
	width:100%;
}
.banner a{
	display:block;
}
.banner a img{
	width:100%;
	height:auto;
	display:block;
}

.wrap{
	margin:0 auto;
	width:100%;
	max-width:640px;
	min-width:320px;
	overflow:hidden;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
	background: #fff
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #fe2540
}