body{margin:0;padding:0;padding-top: 2rem;}
/*common*/
#transfar, #transfar div, #transfar span, #transfar ul, #transfar li, #transfar p, #transfar form, #transfar img, #transfar input, #transfar label, #transfar table, #transfar thead, #transfar tbody, #transfar tr, #transfar th, #transfar td, #transfar hr, #transfar textarea, #transfar a, #transfar h5 {
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
	margin:0;padding:0;
}
#transfar{
	font-size: 0;
	font-family: "microsoft yahei";
	background: #f0faff;
	padding-bottom: 2.5rem;
	width: 16rem;
}
#transfar li{list-style: none;}
#transfar a{font-size: 0.55rem;line-height: 0.85rem;color: #00f6ff;font-weight: bold;text-decoration: underline;}
#transfar img{vertical-align: middle;}
#transfar .showmq{font-size: 0.5rem;color: #ff8502;text-decoration: underline;}
#transfar .showmq.btn{text-decoration: none;}

	/*form*/
#transfar input, #transfar textarea, #transfar select{
	border: 0;
	resize:none;
	outline: none;
	font-size: 0.55rem;
	-webkit-appearance: none;
	background-color: #fff;
	color: #333;
	height: 1.65rem;
	padding-left: 1.65rem;
	width: 11.7rem;
	border: 0.025rem solid #b8e0f2;
	border-radius: 0.1rem;
}
#transfar select{color: #777;}
#transfar ::-webkit-input-placeholder{color: #777;}
#transfar :-moz-placeholder{color: #777;}
#transfar ::-moz-placeholder{color: #777;}
#transfar :-ms-input-placeholder {color: #777;}
#transfar form .select-parent{position: relative;}
#transfar form .select-parent:after{
	content: "";
	position: absolute;
	width: 0.675rem;
	height: 0.3rem;
	right: 0.4rem;
	top: 50%;
	margin-top: -0.15rem;
	background: url(/uploads/image/zutimages/icon_form_down.png);
	-webkit-background-size: 0.675rem 0.3rem;
	background-size: 0.675rem 0.3rem;
}
#transfar option{background-color: #fff;color: #212121;}
	/*form  end*/
#transfar .clearfloat:after{content:"";display:block;clear:both;height:0}
#transfar .box-inline{text-align: center;}
#transfar .box-inline>div{display: inline-block;}
#transfar .btn{
	width: 7.25rem;height: 1.75rem;line-height: 1.75rem;font-size: 0.55rem;color: #fff;
	text-align: center;margin: 0 auto;border-radius: 1rem;
	background: #ff9313;
	background: -webkit-linear-gradient(-90deg, #ffc12b, #ff9313); /* safari 5.1 - 6.0 */
	background: -o-linear-gradient(-90deg, #ffc12b, #ff9313); /* opera 11.1 - 12.0 */
	background: -moz-linear-gradient(-90deg, #ffc12b, #ff9313); /* firefox 3.6 - 15 */
	background: linear-gradient(180deg, #ffc12b, #ff9313); /* 鏍囧噯鐨勮娉?*/
}
#transfar .fl{float: left;}
#transfar .fr{float: right;}
#transfar .tr{text-align: right;}
/*common  end*/
/*head*/
#transfar .head {
	width: -moz-calc(100% - 2px);
	width: 100%;
	height: 2rem;
	border-bottom: 1px solid #535353;
	background: #fff;
	text-align: center;
	position: fixed;
	top: 0;
	z-index: 2;
	transform: translatez(0);
}
#transfar .head .back,.head .tel {position: absolute;top: 0;}
#transfar .head .back {width: 2rem;height: 2rem;left: 0;}
#transfar .head .back img {width: 20%;margin-top: 0.7rem;}
#transfar .head .logo {width: 12rem;height: 2rem;margin: 0 auto;}
#transfar .head .logo img {width: 4rem;height: 1.25rem;margin: 0.4rem 0;}
#transfar .head .tel {width: 2rem;height: 2rem;right: 0;}
#transfar .head .tel img {width: 45%;margin-top: 0.575rem;}
/*section*/
#transfar .banner,#transfar .section{background-repeat: no-repeat;background-size: 100%;}
#transfar .banner{height: 8.375rem;background-image: url(/uploads/image/zutimages/banner.png);}
#transfar .section{padding: 1.1rem 0;}
#transfar .section .last{margin-right: 0!important;}
#transfar .section .headline{padding: 0 0 0.75rem 0.75rem;}
#transfar .section .headline img{height: 1.025rem;}
#transfar .swiper-pagination{bottom: 0;}
#transfar .swiper-pagination .swiper-pagination-bullet{opacity: .6;}
#transfar .swiper-pagination .swiper-pagination-bullet{margin: 0 0.125rem;}
#transfar .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}

#transfar .section1{background-image: url(/uploads/image/zutimages/bg_01.png);}
#transfar .section2, #transfar .section3{background-color: #3e95f7;}

#transfar .section1 .container{padding: 0 0 0.4rem 0.75rem;}
#transfar .section1 .item{
	width: 14.5rem;
	height: 3.5rem;
	background-color: #fff;
	border-radius: 0.075rem;
	margin: 0 0.75rem 0.45rem 0;
}
#transfar .section1 .item,
#transfar .section3 .searchbox p{
	box-shadow: 0 0.125rem 0.225rem rgba(196,230,245,0.26);
}
#transfar .section1 .item .fl{
	background-color: #21d3ff;
	border-radius: 0.075rem 0 0 0.075rem;
	width: 1.5rem;
	height: 100%;
	text-align: center;
	position: relative;
}
#transfar .section1 .item .fl img{
	height: 0.6rem;
	margin: 1.45rem 0 0;
}
#transfar .section1 .item .fl:after {
	content: "";
	position: absolute;
	margin: -0.3rem -0.17rem 0 0;
	top: 50%;
	right: 0;
	border-style: solid;
	border-width: 0.3rem 0 0.3rem 0.2rem;
	border-color: transparent transparent transparent #21d3ff;
}
#transfar .section1 .item p{
	font-size: 0.55rem;
	line-height: 1rem;
	padding: 0.75rem 0 0 2.4rem;
}
#transfar .section1 .item .showmq{margin: 0 0 0 0.5rem;}
#transfar .section1 .swiper-pagination .swiper-pagination-bullet{background: #3e95f7;}
#transfar .section1 .btn{margin-top: 1rem;}

#transfar .section2{height: 24.3rem;}
#transfar .section2>img{
	width: 1.375rem;
	margin: 0.7rem auto 0;
	display: block;
}
#transfar .section2 .container,
#transfar .section3 .container{margin: 0 0 0 0.38rem;padding: 0 0 0.85rem;}
#transfar .section2 .item,
#transfar .section3 .item{
	width: 13.8rem;
	height: 10.35rem;
	border: 0.025rem solid #fff;
	padding: 0.175rem;
	border-radius: 0.2rem;
	margin: 0 0.17rem 0;
}
#transfar .section2 .item.swiper-slide-next,
#transfar .section3 .item.swiper-slide-next{
	opacity: 0.8;
	-webkit-transform: scale3d(0.9, 0.9, 0.9);
	transform: scale3d(0.9, 0.9, 0.9);
	margin-left: -0.5rem;
}
#transfar .section2 .item .content{height: 100%;}
#transfar .section2 .item .content .top{
	height: 1.95rem;
	line-height: 1.95rem;
	background-color: #0d6bd4;
	border-radius: 0.2rem 0.2rem 0 0;
	font-size: 0.7rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
#transfar .section2 .item .content .top:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: url(/uploads/image/zutimages/icon_03.png);
	width: 0.725rem;
	height: 0.775rem;
	-webkit-background-size: 0.725rem  0.775rem;
	background-size: 0.725rem  0.775rem;
	margin: -0.1rem 0.35rem 0 0;
}
#transfar .section2 .item .content .bottom{
	height: 8rem;
	background-color: #fff;
	border-radius: 0 0 0.2rem 0.2rem;
	padding: 0.6rem 0.85rem 0;
}
#transfar .section2 .item .bottom .border{
	border: 0.025rem solid #41d2ec;
	height: 1.05rem;
	line-height: 1.05rem;
	text-align: center;
	display: inline-block;
	width: 5.5rem;
	margin: 0 0 0.25rem;
	font-size: 0.5rem;
}
#transfar .section2 .item .bottom .border-max{width: 100%;}
#transfar .section2 .item .bottom p{
	font-size: 0.55rem;
	line-height: 0.9rem;
	margin: 0.575rem 0 0.3rem;
	padding: 0.6rem 0 0;
	border-top: 0.075rem dashed #d4edf9;
}
#transfar .section2 .item .bottom .showmq{text-align: center;}
#transfar .section2 .item .bottom span{font-weight: bold;}
#transfar .section2 .swiper-pagination .swiper-pagination-bullet,
#transfar .section3 .swiper-pagination .swiper-pagination-bullet{margin: 0 0.125rem;background: #fff;}
#transfar .section2 .btn{width: 6.5rem;margin: 1rem 0.5rem 0;}

#transfar .section-form .container{
	margin: -5.3rem 0.75rem 0;
	background-color: #fff;
	height: 17.4rem;
	border-radius: 0.15rem;
	box-shadow: 0 0 0.875rem rgba(190,229,246,0.27);
	padding: 1.3rem 1.2rem 0 1.6rem;
}
#transfar .section-form h5{
	font-size: 0.7rem;
	line-height: 0.7rem;
	font-weight: bold;
	color: #0d498c;
}
#transfar .section-form h5 span{margin: 0 0.5rem;}
#transfar .section-form h5:before, #transfar .section-form h5:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-color: #96c7ff;
	height: 0.05rem;
	width: 0.95rem;
}
#transfar .section-form p{
	font-size: 0.5rem;
	color: #555;
	text-align: center;
	line-height: 0.7rem;
	padding: 0.4rem 0.4rem 0.55rem 0;
}
#transfar .section-form .form-item{margin: 0 0 0.5rem;position: relative;}
#transfar .section form.myform .form-item img{
	position: absolute;
	width: 0.825rem;
	margin: 0.45rem 0 0 0.5rem;
}
#transfar .section-form .btn{margin-top: 1rem;}
#transfar .section-form .showmq{text-align: center;line-height: 0.5rem;margin: 0.4rem 0 0;}

#transfar .section3{height: 23.85rem;}
#transfar .section3 .searchbox{margin: 0 0.75rem 0.5rem;}
#transfar .section3 .searchbox p{
	display: inline-block;
	vertical-align: top;
	width: 10.95rem;
	height: 1.75rem;
	background-color: #fff;
	font-size: 0.55rem;
	line-height:1.75rem;
	color: #bab8b8;
	border-radius: 1rem 0 0 1rem;
	/*padding: 0 0 0 1.4rem;*/
}
#transfar .section3 .searchbox p img{
	width: 0.8rem;
	margin: -0.2rem 0.25rem 0 0.35rem;
}
#transfar .section3 .searchbox .btn{
	display: inline-block;
	vertical-align: top;
	width: 3.55rem;
	border-radius:0 1rem 1rem 0 ;
}
#transfar .section3 .item{height: 9.5rem;}
#transfar .section3 .item .content{
	height: 100%;
	background: #fff url(/uploads/image/zutimages/icon_10.png) no-repeat top right;
	border-radius: 0.15rem;
	-webkit-background-size: contain;
	background-size: contain;
}
#transfar .section3 .item .top{
	font-size: 0.65rem;
	height: 2.05rem;
	line-height: 2.05rem;
	border-bottom: 0.025rem solid #47c2fb;
	text-align: center;
	font-weight: bold;
	color: #0d498c;
}
#transfar .section3 .item .bottom{padding: 1rem 1.5rem 0 1.25rem;}
#transfar .section3 .item .bottom li{
	font-size: 0.55rem;
	color: #444;
	line-height: 0.9rem;
	padding: 0 0 0.25rem 3.25rem;
	position: relative;
}
#transfar .section3 .item .bottom li span{
	font-weight: bold;
	color: #333;
	width: 3.25rem;
	position: absolute;
	left: 0;
}
#transfar .section3 .item .bottom li span:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0.2rem;
	height: 0.2rem;
	background-color: #47c2fb;
	border-radius: 50%;
	margin: 0 0.25rem 0 0;
}

#transfar .section4{margin-top: -7.325rem;}
#transfar .section4 .container{margin: 0 0.75rem;}
#transfar .section4 .content{
	background: #fff;
	height: 9.85rem;
	border-radius: 0.2rem;
	padding: 1.25rem 1.35rem 0;
}
#transfar .section4 .content .item{
	padding: 0 0 0.75rem;
	border-bottom: 0.075rem dashed #d4edf9;
	margin: 0 0 0.55rem;
}
#transfar .section4 .content .item:last-child{border:0;}
#transfar .section4 .content h5{
	font-size: 0.55rem;
	line-height: 0.55rem;
	font-weight: bold;
	color: #0d498c;
	float: left;
	margin: 0 0.4rem 0 0;
}
#transfar .section4 .content h5:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0.575rem;
	height: 0.55rem;
	background-image: url(/uploads/image/zutimages/icon_06.png);
	-webkit-background-size: 0.575rem 0.55rem;
	background-size: 0.575rem 0.55rem;
	margin: 0 0.3rem 0 0;
}
#transfar .section4 .content .showmq{line-height: 0.55rem;}
#transfar .section4 .content p{
	font-size: 0.5rem;
	line-height: 0.5rem;
	padding: 0.5rem 0 0 0.8rem;
	color: #888;
}
#transfar .section4 .content p span{margin: 0 0.7rem 0 0;}
#transfar .section4 .content p span:before{
	content: "";
	display: inline-block;
	height: 0.375rem;
	width: 0.6rem;
	margin: 0 0.2rem 0 0;
	-webkit-background-size: 0.6rem 0.375rem;
	background-size: 0.6rem 0.375rem;
	background-image: url(/uploads/image/zutimages/icon_07.png);
}
#transfar .section4 .content p span:last-child:before{
	background-image: url(/uploads/image/zutimages/icon_08.png);
	width: 0.375rem;
	-webkit-background-size: 0.375rem;
	background-size: 0.375rem;
}
#transfar .section4 .change{
	font-size: 0.55rem;
	line-height: 0.55rem;
	text-align: right;
	text-decoration: underline;
	color: #26d4ff;
	margin: 0.5rem 0 0.15rem;
}
#transfar .section4 .change img{width: 0.75rem;margin: -0.05rem 0.15rem 0 0;}
#transfar .section4 .btn{width: 6.85rem;}

#transfar .section-pop{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.67);
	z-index: 1010;
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .5s;
	transition: all .5s;
	font-size: 0;
	z-index: 1001;
}
#transfar .section-pop.show{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
#transfar .section-pop img.pop-close {
	height: 1.9rem;
	position: absolute;
	top: -1.9rem;
	right: 0;
}
#transfar .section-pop .pop-box{
	width: 14.5rem;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	border-radius: 0.2rem;
	background-color: #fff;
}
#transfar .section-pop .pop-result{padding: 0 1.4rem 1.5rem;}
#transfar .section-pop .pop-box h4{
	font-size: 0.7rem;
	line-height: 0.7rem;
	font-weight: bold;
	text-align: center;
	color: #0d498c;
	margin: 1.325rem 0 0.95rem;
}
#transfar .section-pop h4:before,#transfar .section-pop h4:after{
	content: "";
	width: 3.95rem;
	height: 0.05rem;
	background-color: #96c7ff;
	margin: 0.325rem 0 0;
}
#transfar .section-pop h4:before{float: left;}
#transfar .section-pop h4:after{float: right;}
#transfar .section-pop .schoolbox{height: 5rem;}
#transfar .section-pop .schoolbox .fl{
	background-color: #b8e0f2;
	color: #012e43;
	font-weight: bold;
	font-size: 0.55rem;
	line-height: 0.9rem;
	padding: 1.45rem 0;
	text-align: center;
	height: 100%;
	width: 1.9rem;
	border-radius: 0.1rem 0 0 0.1rem;
}
#transfar .section-pop .schoolbox .fr{
	width: 9.8rem;
	height: 100%;
	border: 0.025rem solid #b8e0f2;
	border-radius: 0 0.1rem 0.1rem 0;
	line-height: 5rem;
	padding: 0 1rem;
}
#transfar .section-pop .schoolbox .fr p{
	display: inline-block;
	vertical-align: middle;
	font-size: 0.6rem;
	line-height: 0.9rem;
	color: #979797;
}
#transfar .section-pop .btn{width: 8.4rem;margin-top: 1rem;}

#transfar .section-pop .pop-form{
	width: 11.7rem;
	margin: 0 1.2rem 1.25rem 1.6rem;
}
#transfar .section-pop .pop-form .form-item{margin: 0 0 0.4rem;}
#transfar .section-pop .pop-form h4:before,
#transfar .section-pop .pop-form h4:after{width: 2.375rem;}