/** CSS Reset **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; vertical-align: bottom;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:center; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
abbr,acronym { border:0; }
textarea, input, select{resize: none;outline:none;background:none;border:none;}
button {overflow:visible;width:auto;margin:0;padding:0;border:0 none;outline:none;}
input{border:0}
a{text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;}
a:hover{ text-decoration:none;color:#000;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size: 0;}
.clearfix{display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
html{width: 100%;height:100%;}
body{color:#000;font-size:16px;line-height:160%;font-family: "Microsoft YaHei";width: 100%;height:100%;background:#fff ;overflow-x: hidden;}
.fl{float:left;}
.fr{float:right;}
.mobile{
	display:none;
}
.m1000{width:1000px;margin:0 auto;overflow: hidden;}
p{ transition:all 0.2s ease-in 0s;}
p:hover{ transform:translateY(-5px);}
/* banner */
.header { position:relative;width: 100%; height: 678px; background:url("../images/header_bg.png") no-repeat center center;}
.header .logo { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
.header_t{text-align: center;}
.header_t .header_big{position: absolute;top: 110px;left: 50%;margin-left: -312px;}
.header_t .header_small{position: absolute;top: 320px;left: 50%;margin-left: -270px;}
.header_b{text-align: center;color:#fff;position: absolute;bottom:0;left:50%;width: 730px;margin-left: -365px;}
.header_b b{font-size: 48px;line-height: 70px;}
.header .btn{display:block;background:#ff9000;color:#fff;border:1px solid #fff;border-radius: 5px;width:170px;height: 48px;line-height: 50px;cursor: pointer;margin: 20px auto;text-align: center;}
.header .btn:hover{background:#ee8803;};
/*part*/
.page { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding:50px 0;}
.page .title {padding-top: 20px;height: 70px;width: 100%;font: bold 60px/40px "Microsoft Yahei"; text-align: center;background: url(../images/title_bg.png) no-repeat center bottom;}
.page .btn{display:block;background:#1ab3ee;color:#fff;width:170px;height: 48px;line-height: 50px;cursor: pointer;margin: 20px auto;text-align: center;}
.page .btn:hover{background: #1aabe3}
/*part_1*/
.page { padding: 50px 0;}
.page1 ul{padding:30px 0;}
.page1 ul li{float:left;width:33.3%;padding:60px 0 20px;text-align: center;}
.page1 ul li:hover{ -webkit-animation-name: tada; -moz-animation-name: tada; -ms-animation-name: tada; -o-animation-name: tada; animation-name: tada; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }
.page1 ul li i{margin:0 auto;display:block;width: 120px;height: 130px;background-image:url(../images/page1.png);}
.page1 ul li i.one{background-position: 0 0; -webkit-background-size: 100%; background-size: 100%;}
.page1 ul li i.two{ background-position: 0 -130px; -webkit-background-size: 100%; background-size: 100%;}
.page1 ul li i.three{background-position: 0 -260px;  -webkit-background-size: 100%; background-size: 100%;}
.page1 ul li i.four{ background-position: 0 -390px; -webkit-background-size: 100%; background-size: 100%;}
.page1 ul li i.five{background-position: 0 -520px;  -webkit-background-size: 100%; background-size: 100%;}
.page1 ul li i.six{ background-position: 0 -650px; -webkit-background-size: 100%; background-size: 100%;}
.page1 ul li b{font-size:24px;line-height: 36px;display: block;height: 60px;}

/*part_2*/
.page2 {color:#fff;background: url(../images/page2_bg.png) no-repeat center top;}
.page2 .title {background-image: url(../images/title_w_bg.png)}
.page2 ul{padding:20px 0 90px;}
.page2 ul li{float:left;width:25%;}
.page2 ul li i{margin:0 auto;display:block;width: 160px;height: 160px;background-image:url(../images/page2.png);}
.page2 ul li i.one{background-position: 0 0; -webkit-background-size: 100%; background-size: 100%;}
.page2 ul li i.two{ background-position: 0 -160px; -webkit-background-size: 100%; background-size: 100%;}
.page2 ul li i.three{background-position: 0 -320px;  -webkit-background-size: 100%; background-size: 100%;}
.page2 ul li i.four{ background-position: 0 -480px; -webkit-background-size: 100%; background-size: 100%;}
.page2 ul li p{padding-top:30px;text-align: center;}
/*part_3*/
.page3 {text-align: center;}
.page3 p{ padding:20px 0 50px;}

/*part_4*/
.page4 {color:#fff;background: url(../images/page4_bg.png) no-repeat center top; }
.page4 h4{font-size:36px;font-weight: bold;line-height: 50px;padding-bottom:20px;}
.page4 .fl {padding-top:100px;}
.page4 .fr{padding:30px 120px 80px 0;}

/*part_5*/
.page5 .listImg{padding:70px 0;}
.page5 .listImg img{width:100%;}

/*part_7 悬浮表单*/
.page7 {background: url(../images/page7_bg.png) no-repeat center top; color:#fff;}
.page7 .title {background-image: url(../images/title_w_bg.png)}
.page7 .pc{margin:100px 0;}

.form-wrap { width: 560px; margin: 60px auto 0;}
.form-wrap form label { display: block; height: 50px; line-height: 50px; margin-bottom: 30px; padding-left: 45px; font-size: 0; background: #fff;background-position:  15px center; background-repeat: no-repeat;}
.form-wrap form label.name { background-image: url("../images/icon/icon-name.png"); }
.form-wrap form label.phone { background-image: url("../images/icon/icon-phone.png"); }
.form-wrap form label.city { background-image: url("../images/icon/icon-city.png"); }
.form-wrap form label.school { background-image: url("../images/icon/icon-school.png"); }
.form-wrap form label span {display: inline-block; width: 26%; padding-left: 10px; font-size: 18px; color: #666; }
.form-wrap form label input, .form-wrap form label select { width: 70%; height: 100%; padding: 0; border:none;outline: none; font-size: 18px; background-color: transparent; color: #666; }
.form-wrap form label select { -moz-appearance: none; -webkit-appearance: none; background: url("../images/icon/arrow.png") 95% center no-repeat; }
.form-wrap form label select option { text-align: center; }
.form-wrap form label select::-ms-expand { display: none; }
.form-wrap .btn-wrap { width: 100%; height: 50px; }
.form-wrap .btn-wrap button {cursor: pointer; display: block; width: 100%; height: 100%; border: none; background-color: #f39801; color: #fff; font-size: 22px; }
.img-wrap {width: 380px;}
.img-wrap .qr{padding-top:20px;}

.reg_mobile { display: none; }
.reg_mobile .btn input{width: 100%;height: 100%;cursor: pointer;}

#reg { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: fixed; z-index: 9999; top: 120px; left: 5px; width: 200px; height: 400px; padding: 150px 18px 0 20px; background: url("../images/icon/1reg_bg.png") no-repeat 0 0; }
#reg .btn-close { position: absolute; top: 90px; right: 8px; width: 20px; height: 20px; background: url("../images/icon/close_btn.png") 0 0 no-repeat; cursor: pointer; }
#reg form { width: 100%; height: 235px; padding-top: 50px; }
#reg form label { display: block; }
#reg form label:not(:last-child) { margin-bottom: 8px; }
#reg form label span { font-size: 14px; }
#reg form label span mark { background-color: transparent; color: #c00; }
#reg form label input { width: 115px; font-size: 12px; border:1px solid #ccc;}
#reg form label select { width: 90px; font-size: 12px; border:1px solid #ccc;}
#reg form button { position: absolute; left: 50%; bottom: 20px; width: 170px; height: 34px; margin-left: -85px; border: none; background-color: yellow; color: #004196; font-size: 18px; }

@media screen and (max-width:1000px) {
	body{font-size:30px;line-height: 80%;}
	.m1000{width:98%;margin:0 auto;}
	.pc{display:none;}
	.mobile{display:block;}
	/* .page1,.page2,.page3,.page4,.page5,.page6{background: none;} */
	/*banner*/
	.header {height: 800px;}
	.header_b{line-height: 40px;font-size: 20px;width: 100%;margin-left:-50%;}
	/*part_1*/
	
	/*part_2 / part_3*/
	.page2 ul li p,
	.page3 p{font-size:16px;}

	/*part_3*/

	/*part_4*/
	.page4 {padding:50px 20px; background: url(../images/page4_bg_m.png) no-repeat top center;}
	.page4 p{line-height: 42px;}
	.page4 .fl {padding-top:40px;width: 56%;}
	.page4 .fr{padding:0px;width: 40%;}
	.page4 .fr img{width: 100%}

	/*part_5*/
	.page5 .listImg{padding:70px 0;}

	.btnWrap { display: block; width: 100%; height: 90px; line-height: 90px; font-size: 30px; color: #fff; text-align: center; position: fixed; right: 0; bottom: 0; z-index: 100; background: #525a74; }
	.btnWrap a { color: #fff; text-decoration: none; }
	.duanxin { width: 33%; }
	.leyuMobile { width: 33%; border-left: 1px solid #fff; border-right: 1px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.adviceBtn { width: 33%; }
	.reg_mobile {padding: 50px 100px;}
	.reg_mobile form { width: 100%; }

	#reg{display:none;}
	#doyoo_panel{display: none !important;}
	.head_nav, .foot{display:none;}
	.bg{display:none;}

	/*part_7*/
	.page7 { padding-bottom: 150px; }
	.page7 .form-wrap { display: none; }
	.page7 .form-wrap form label span, 
	.page7 .form-wrap form label input, 
	.page7 .form-wrap form label select { font-size: 22px; }
	.page7 .reg_mobile { display: block; }
}

/*animation*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes tada { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); }
  100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } }
@-moz-keyframes tada { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); }
  100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } }
@-ms-keyframes tada { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); }
  100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } }
@-o-keyframes tada { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); }
  100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } }
@keyframes tada { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); }
  100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } }
/*pulse*/
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@-moz-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@-ms-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@-o-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
/*fadeInLeft*/
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/*fadeInRight*/
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0.4;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0.4;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}