@charset "utf-8";

/* CSS Document */




a,body,html {

	color: #333;

	outline: 0

}

body {

	margin: 0 auto;

	position: relative;

	overflow-x: hidden

}

.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



*,a:link {

	-webkit-tap-highlight-color: transparent;

	-webkit-touch-callout: none

}



.footMenu,body,header {

	max-width: 640px;

	min-width: 320px

}



.header_tc .tc dl dt,.ht5,.oMenu li a em,.oMenu li a i,.oTitle,.time_xz .box,.zp_listd,.zyszd,.zyszd a.wz,header a.header_return {

	overflow: hidden

}



.Ask li a span,.PicList02 li a span,.jybz_list li .source,.jybz_list li .tit,.people_video li a span,.zysz02 a.wz span {

	text-overflow: ellipsis;

	white-space: nowrap

}



* {

	margin: 0;

	padding: 0;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-webkit-text-size-adjust: none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);

	

	font-family:'Microsoft YaHei',Arial;

}



body {

	font-family:'Microsoft YaHei',Arial;

	width: 100%;

	max-width: 640px;

	overflow-x: hidden;

	margin: 0 auto

}



h1,h2,h3,h4,h5,h6,input,select,textarea {

	font-size: 100%;

	outline: 0

}



img {

	border: none

}



li,ol,ul {

	list-style: none

}



a {

	text-decoration: none

}



.clear {

	clear: both

}



.fl {

	float: left!important

}



.fr {

	float: right!important

}



.header_fx img,.topi .top-1,.topi .top-1 img,.topi .top-2 .top-2-1 {

	float: left

}







html {
	font-size:62.5%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media only screen and (min-width:321px) { /*iphone5*/
html {
font-size:62.5%!important
}
}
@media only screen and (min-width:361px) {
html {
font-size:70.31%!important
}
}
@media only screen and (min-width:376px) {
html {
font-size:73.24%!important
}

}
@media only screen and (min-width:481px) {
html {
font-size:84%!important
}
}
@media only screen and (min-width:561px) {
html {
font-size:90%!important
}
}
@media only screen and (min-width:641px) {
html {
font-size:100%!important
}
}



.lxjxfont {

	font-family: 'Microsoft YaHei',Arial;;

	font-size: 16px;

	font-style: normal;

	-webkit-font-smoothing: antialiased;

	-webkit-text-stroke-width: .2px;

	-moz-osx-font-smoothing: grayscale

}



.swiper-wrapper {

	position: relative;

	width: 100%;

	height: 100%;

	z-index: 1;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-transition-property: -webkit-transform;

	-moz-transition-property: -moz-transform;

	-o-transition-property: -o-transform;

	-ms-transition-property: -ms-transform;

	transition-property: transform;

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

	-webkit-transform: translate3d(0,0,0);

	-moz-transform: translate3d(0,0,0);

	-o-transform: translate(0,0);

	-ms-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0)

}



.swiper-slide {

	-webkit-flex-shrink: 0;

	-ms-flex: 0 0 auto;

	flex-shrink: 0;

	width: 100%;

	height: 100%;

	position: relative;

	background: #fff;

	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-slide img {

	width: 100%

}



.swiper-pagination {

	position: absolute;

	text-align: center;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-o-transition: .3s;

	transition: .3s;

	-webkit-transform: translate3d(0,0,0);

	-ms-transform: translate3d(0,0,0);

	-o-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

	z-index: 10

}



.swiper-container-horizontal>.swiper-pagination-bullets {

	bottom: 10px;

	left: 0;

	width: 100%

}



.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

	margin: 0 5px

}



.swiper-container1 .swiper-pagination-bullet-active {

	opacity: 1!important;

	-webkit-transform: scale(1.3);

	-moz-transform: scale(1.3);

	transform: scale(1.3);

	background: #fff!important

}



.swiper-container1 .swiper-pagination-bullet {

	width: 8px;

	height: 8px;

	display: inline-block;

	border-radius: 100%;

	background: #fff;

	opacity: .5;

	-webkit-transition: transform .2s;

	-moz-transition: transform .2s;

	transition: transform .2s

}



.swiper-container-horizontal>.swiper-pagination {

	bottom: 10px;

	left: 0;

	width: 100%

}



.swiper-pagination {

	position: absolute;

	text-align: center;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-o-transition: .3s;

	transition: .3s;

	-webkit-transform: translate3d(0,0,0);

	-ms-transform: translate3d(0,0,0);

	-o-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

	z-index: 10

}



.swiper-pagination-bullet-active {

	opacity: 1;

	background: #e70;

	background: rgba(238,119,0,.9)

}



.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {

	margin: 0 5px

}



.swiper-pagination-clickable .swiper-pagination-bullet {

	cursor: pointer

}



.swiper-container2 {

	height: 100%!important

}



#scrollTop {

	position: fixed;

	bottom: 50px;

	right: 10px;

	width: 26px;

	height: 26px;

	display: none;

	z-index: 9999

}


.tiao{
	width: 100%;
	height: 120px;
	background: #2971f0;
	position: absolute;
	top: 4.8rem;
	left: 0;
	z-index: -1;
}
.iBanner {

	border-bottom: 1px solid #e4e4e4;

	top: 60px;
	
	
padding: 0 .5rem;

   position: relative;

}
.topbanner >div{
box-shadow: 0 6px 10px 0 rgba(0,0,0,.05), 0 10px 20px 0 rgba(0,0,0,.12);
}


.iBanner img {

	display: block

}


.ys{
	margin: 1rem 0;
	text-align: center;

}
.ys img{
	margin: .8rem 0;
}.ys a img{
	width: 98%;
}
.iBanner .hd {

	height: 20px;

	width: 100%;

	position: absolute;

	left: 0;

	bottom: 0;

	text-align: center

}



.iBanner .hd span {

	display: inline-block;

	width: 5px;

	height: 5px;

	background: #fff;

	border-radius: 50%;

	margin: 0 4px

}



.iBanner .hd span.on {

	background: #ee7800

}



.iBtn a,.iBtn a span {

	height: 40px;

	display: block

}



.swiper-container1,.swiper-wrapper1 {

	position: relative;

	z-index: 1;

	width: 100%

}



.swiper-container1 {

	padding-top: 20px;

	padding-bottom: 20px;

	margin: 0 auto

}



.swiper-container {

	padding-top: 0!important;

	padding-bottom: 0!important

}



.swiper-container-android .swiper-slide,.swiper-wrapper1 {

	-webkit-transform: translate3d(0,0,0);

	-moz-transform: translate3d(0,0,0);

	-o-transform: translate(0,0);

	-ms-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0)

}



.swiper-wrapper1 {

	height: 100%;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-transition-property: -webkit-transform;

	-moz-transition-property: -moz-transform;

	-o-transition-property: -o-transform;

	-ms-transition-property: -ms-transform;

	transition-property: transform;

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box

}



.footer-b {

	padding: 20px 0 8.2rem 0;

	text-align: center;

	font-size: 12px;

	font-weight: 100;

	letter-spacing: .3px;

	color: #333;

	line-height: 1.4

}



.zx-con {

	width: 100%;

	max-width: 640px;

	min-width: 320px;

	position: fixed;

	bottom: 0;

	background: #2971f0;

	z-index: 999;

	transform: translateY(100%);

	-webkit-transform: translateY(100%);

	-moz-transform: translateY(100%);

	animation: zx-con1 1.4s 1s forwards;

	-webkit-animation: zx-con1 1.4s 1s forwards;

	-moz-animation: zx-con1 1.4s 1s forwards

}



@keyframes zx-con1 {

	0% {

		transform: translateY(100%);

		-webkit-transform: translateY(100%);

		-moz-transform: translateY(100%)

	}



	100% {

		transform: translateY(0);

		-webkit-transform: translateY(0);

		-moz-transform: translateY(0)

	}

}



@-webkit-keyframes zx-con1 {

	0% {

		transform: translateY(100%);

		-webkit-transform: translateY(100%);

		-moz-transform: translateY(100%)

	}



	100% {

		transform: translateY(0);

		-webkit-transform: translateY(0);

		-moz-transform: translateY(0)

	}

}



@-moz-keyframes zx-con1 {

	0% {

		transform: translateY(100%);

		-webkit-transform: translateY(100%);

		-moz-transform: translateY(100%)

	}



	100% {

		transform: translateY(0);

		-webkit-transform: translateY(0);

		-moz-transform: translateY(0)

	}

}



.zx-con>a {

	display: block;

	height: 2.9rem;

	line-height: 2.9rem;

	font-size: 1.3rem;

	text-align: center;

	color: #fff;

	width: 100%

}



.zx-con>ul {

	display: block;

	width: 100%;

	height: 2.9rem;

	background: #2e2e2e

}



.zx-con>ul li {

	width: 33.333%;

	float: left;

	height: 2.9rem;

	font-size: 1.3rem;

	text-align: center;

	color: #fff;

	font-weight: 100;

	line-height: 2.9rem

}



.zx-con>ul b {

	font-size: 1.2rem;

	padding: 0 .4rem

}



.zx-con>ul li a:nth-child(3) b {

	font-size: 2rem

}



.zx-con>ul a:nth-child(2) li {

	background: #3c3c3c

}



#view-3d {

	width: 275px;

	height: 261px;

	display:none;

	position: fixed;

	z-index: 999999;

	margin-left: -137.5px;

	margin-top: -130px;

	left: 50%;

	top: 50%;

	transform-style: preserve-3d;

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-webkit-perspective: 500px;

	-moz-perspective: 500px;

	perspective: 500px;

	transform: translateZ(2000px);

	-webkit-transform: translateZ(2000px);

	-moz-transform: translateZ(2000px)

}







#scrollTop {

	display: block;

	position: fixed;

	bottom: 68px;

	right: 10px;

	width: 26px;

	height: 26px;

	display: none;

	z-index: 99999999

}



.lxjxcenterbox {

	width: 275px;

	height: 261px;

	opacity: 0;

	background-color: #fff;

	position: absolute;

	border-radius: 15px;

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	box-shadow: 0 0 20px rgba(10,2,4,.75);

	-webkit-box-shadow: 0 0 20px rgba(10,2,4,.75);

	-moz-box-shadow: 0 0 20px rgba(10,2,4,.75);

	-ms-box-shadow: 0 0 20px rgba(10,2,4,.75);

	transform-origin: center top;

	-webkit-transform-origin: center top;

	-moz-transform-origin: center top;

	transform: translateZ(999px);

	-webkit-transform: translateZ(999px);

	-moz-transform: translateZ(999px)

}



.CenterBoxShow {

	animation: cshow 2s forwards linear;

	-webkit-animation: cshow 2s forwards linear;

	-moz-animation: cshow 2s forwards linear

}



@keyframes cshow {

	0% {

		transform: rotateX(80deg);

		-webkit-transform: rotateX(80deg);

		-moz-transform: rotateX(80deg)

	}



	20% {

		opacity: 1

	}



	70% {

		transform: rotateX(-30deg);

		-webkit-transform: rotateX(-30deg);

		-moz-transform: rotateX(-30deg);

		opacity: 1

	}



	100% {

		transform: rotateX(0);

		-webkit-transform: rotateX(0);

		-moz-transform: rotateX(0);

		opacity: 1

	}

}



@-moz-keyframes cshow {

	0% {

		transform: rotateX(80deg);

		-webkit-transform: rotateX(80deg);

		-moz-transform: rotateX(80deg)

	}



	20% {

		opacity: 1

	}



	70% {

		transform: rotateX(-30deg);

		-webkit-transform: rotateX(-30deg);

		-moz-transform: rotateX(-30deg);

		opacity: 1

	}



	100% {

		transform: rotateX(0);

		-webkit-transform: rotateX(0);

		-moz-transform: rotateX(0);

		opacity: 1

	}

}



@-webkit-keyframes cshow {

	0% {

		transform: rotateX(80deg);

		-webkit-transform: rotateX(80deg);

		-moz-transform: rotateX(80deg)

	}



	20% {

		opacity: 1

	}



	70% {

		transform: rotateX(-30deg);

		-webkit-transform: rotateX(-30deg);

		-moz-transform: rotateX(-30deg);

		opacity: 1

	}



	100% {

		transform: rotateX(0);

		-webkit-transform: rotateX(0);

		-moz-transform: rotateX(0);

		opacity: 1

	}

}



.lxjxcenterbox-close {

	position: absolute;

	top: 10px;

	right: 10px

}



.lxjxcenterbox .lxjxcenter-title {

	display: block;

	width: 100%;

	text-align: center;

	font-size: 22px;

	font-weight: 400;

	line-height: 1.5;

	font-family:'Microsoft YaHei',Arial;

	margin-top: 28px

}



.lxjxcenterbox .lxjxcenter-ftitle {

	display: block;

	width: 100%;

	text-align: center;

	font-size: 16px;

	font-weight: 200

}



.lxjxcenterbox .lxjxcenter-telval {

	width: 227px;

	height: 32px;

	border: 1px solid #6a7380;

	border-radius: 17px;

	-webkit-border-radius: 17px;

	-moz-border-radius: 17px;

	margin: 20px auto 8px

}



.lxjxcenterbox .lxjx-mobileval {

	width: 156px;

	height: 30px;

	line-height: 30px;

	background-color: #FFF;

	font-size: 14px;

	color: #6a7380;

	-moz-border-radius: 15px 0 0 15px;

	-webkit-border-radius: 15px 0 0 15px;

	border-radius: 15px 0 0 15px;

	padding-left: 13px;

	float: left;

	outline: 0;

	border: 0

}



.lxjxcenterbox .lxjx-mobilebtn {

	width: 69px;

	height: 30px;

	line-height: 30px;

	color: #fff;

	background-color: #003d7c;

	font-size: 12px;

	text-align: center;

	text-decoration: none;

	-moz-border-radius: 0 14px 14px 0;

	-webkit-border-radius: 0 14px 14px 0;

	border-radius: 0 14px 14px 0;

	float: left;

	border: 0

}



.lxjxcenterbox .lxjx-innerc {

	width: 228px;

	margin: 0 auto;

	font-size: 12px;

	line-height: 1.4

}



.lxjxcenterbox .lxjxcenter-chat {

	position: absolute;

	width: 100%;

	bottom: 0;

	left: 0;

	height: 58px;

	line-height: 58px;

	border-radius: 0 0 15px 15px;

	-webkit-border-radius: 0 0 15px 15px;

	-moz-border-radius: 0 0 15px 15px

}



.lxjxcenter-swt,.lxjxcenter-tel {

	display: block;

	position: relative;

	width: 50%;

	height: 58px;

	float: left

}



.lxjxcenter-tel {

	background-color: #003d7c;

	border-radius: 0 0 0 15px;

	-webkit-border-radius: 0 0 0 15px;

	-moz-border-radius: 0 0 0 15px

}



.lxjxcenter-swt {

	background-color: #f39e30;

	border-radius: 0 0 15px 0;

	-webkit-border-radius: 0 0 15px 0;

	-moz-border-radius: 0 0 15px 0

}



.lxjxcenter-tel em,.lxjxcenter-tel i {

	display: block;

	position: absolute;

	left: 50%;

	color: #fff;

	font-style: normal;

	text-decoration: none

}



.lxjx-telpic {

	top: 50%;

	margin-left: -50px;

	margin-top: -13px;

	width: 27px;

	height: 27px;

	background: url(../images/ico-tel.png) no-repeat;

	-moz-background-size: 100%;

	-webkit-background-size: 100%;

	background-size: 100%

}



.lxjxcenter-tel em {

	height: 100%;

	top: 0;

	margin-left: -16px;

	font-size: 16px

}

.lxjxcenter-chata,.lxjxcenter-chatb,.lxjxcenter-swt em,.lxjxcenter-swt i {

	display: block;

	position: absolute;

	left: 50%;

	color: #fff;

	font-style: normal;

	text-decoration: none

}

.lxjxcenter-nub {

	top: 15px;

	width: 14px;

	height: 14px;

	margin-left: -34px;

	line-height: 13px;

	text-align: center;

	font-size: 9px;

	background-color: #e60012;

	-moz-border-radius: 14px;

	-webkit-border-radius: 14px;

	border-radius: 14px;

	-moz-box-shadow: 0 0 3px rgba(0,0,0,.8);

	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.8);

	box-shadow: 0 0 3px rgba(0,0,0,.8);

	z-index: 3;

	font-style: normal

}

.lxjxcenter-chata {

	top: 50%;

	margin-left: -50px;

	width: 27px;

	height: 24px;

	margin-top: -12px;

	background: url(../images/ico-zixun.png) no-repeat;

	-moz-background-size: 100%;

	-webkit-background-size: 100%;

	background-size: 100%

}

.lxjxcenter-chatb {

	height: 100%;

	top: 0;

	margin-left: -16px;

	font-size: 16px

}

/*学费弹窗*/

.xf_tc {

	width: 27rem;

	position: fixed;

	left: 50%;

	bottom: 50%;

	transform: translate(-50%, 50%);

	overflow: hidden;

	border-radius: 1rem;

	background: #ffffff;

	box-shadow: 0px 10px 100px 1px #333333;

	z-index: 105;

	display: none;

}



.xf_tc_img {

	width: 27rem;

	height: 19.2rem;

}



.xf_tc_hide {

	position: absolute;

	width: 3rem;

	height: 3rem;

	right: 0;

	top: 0;

	padding: 0.5rem;

	pointer-events: auto;

}





.xf_tc_tit {

	width: 24rem;

	margin: 0.5rem auto;

	font-size: 1.25rem;

	line-height: 2.2rem;

	color: #333;

	font-weight: bold;

	letter-spacing: 1px;

}





.xf_tc_on {

	background-color: #2971f0;

	color: #ffffff;

}



.xf_tc_tel {

	width: 24rem;

	height: 3rem;

	margin: 0 5%;

	color: #333;

	font-size: 1.3rem;

	text-indent: 1rem;

	letter-spacing: 0.1rem;

	line-height: 3rem;

	box-sizing: border-box;

	outline: none;

	border-radius: 0.8rem;

	border: 1px solid #999;

	background: #fff;

	-webkit-appearance: none;

}



.xf_tc ul {

	width: 24rem;

	overflow: hidden;

	margin: 0 auto;

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}



.xf_tc ul li {

	width: 7.5rem;

	font-size: 1.1rem;

	padding: 0.5rem;

	float: left;

	text-align: center;

	border: 1px solid #2971f0;

	border-radius: 0.3rem;

}



.xf_tc ul li:nth-child(n+4) {

	margin-top: 0.8rem;

}



.xf_tc_submit {

	display: block;

	width: 24rem;

	margin: 1rem auto 2rem auto;

	color: #fff;

	background: #2971f0;

	line-height: 3rem;

	font-size: 1.5rem;

	font-weight: bold;

	letter-spacing: 1px;

	border: none;

	border-radius: 10px;

	-webkit-appearance: none;

	box-shadow: 2px 3px 3px rgba(0, 0, 0, .4);

}



.xf_show {

	position: fixed;

	left: 2%;

	bottom: 30rem;

	z-index: 104;

	width: 4rem;

	height: 4rem;

	color: #ffffff;

	text-align: center;

	font-size: 1.2rem;

	line-height: 1.5rem;

	background: #f39e30;

	padding: 0.5rem;

	box-sizing: border-box;

	border-radius: 2rem;

	box-shadow: 0px 0px 5px 1px #727272;

	animation-iteration-count: infinite;

	animation-name: tada;

	-webkit-animation-duration: 1s;

	animation-duration: 1s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

}



@-webkit-keyframes tada {

	from {

		-webkit-transform: scale3d(1, 1, 1);

		transform: scale3d(1, 1, 1);

	}



	10%,

	20% {

		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

	}



	30%,

	50%,

	70%,

	90% {

		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

	}



	40%,

	60%,

	80% {

		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

	}



	to {

		-webkit-transform: scale3d(1, 1, 1);

		transform: scale3d(1, 1, 1);

	}

}



@keyframes tada {

	from {

		-webkit-transform: scale3d(1, 1, 1);

		transform: scale3d(1, 1, 1);

	}



	10%,

	20% {

		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

	}



	30%,

	50%,

	70%,

	90% {

		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

	}



	40%,

	60%,

	80% {

		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

	}



	to {

		-webkit-transform: scale3d(1, 1, 1);

		transform: scale3d(1, 1, 1);

	}

}