/** 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;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; }
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:18px;line-height:160%;font-family: "Microsoft YaHei";width: 100%;height:100%;background:#ffffff;}
.fl{float:left;}
.fr{float:right;}
.pc{display:block;}
.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 {width: 100%; height: 824px; position: relative;background:url(../images/header_bg.png) no-repeat center bottom;*z-index:100000;}
.header .logo{position: absolute;top:24px;left:24%;}
.header .header_t{position: absolute;top: 50px;left: 50%;margin-left: -286px;}
.header .header_b{position: absolute;top:350px;left:50%;margin-left: -334px;}
.header .m1000{height: 720px;padding: 24px 0 0;}
.page .title{margin-bottom:40px;text-align: center;color:#fff;}
.page .title .chinese{font-size: 48px;line-height: 70px;font-weight: bold;}
.page .title .english{font-size: 20px;}
.page2 .title,
.page4 .title,
.page6 .title,
.page8 .title{color:#3d1e77;}
.page{padding:40px 0 80px;}
/*nav*/
.nav{width:100%;font-size: 24px;background: url(../images/nav_bg.png) repeat-x ;z-index: 1000;position: relative;}
.nav li{float:left;width:12.5%;text-align: center;cursor: pointer;height:78px;line-height: 78px;}
.nav li a{color:#fff;}
.nav li.menuOver{border-bottom:6px solid #ffa71e;font-weight: bold;}
.nav .m1000{padding:0;}
/*page1*/
.page1{background:url(../images/bg/bg_1.jpg) no-repeat center center;color:#fff;-webkit-background-size: cover;background-size: cover;}
/*page2*/
.page2 .m1000 li{float:left;width: 17%;margin:0 1.5%;transition:all 0.2s ease-in 0s;}
.page2 .m1000 li h5{text-align: center;color:#fff;font-weight: bold;font-size: 28px;padding:45px 0 50px;line-height: 130%;background: url(../images/page2.png) no-repeat center center;}
.page2 .m1000 li:hover{ transform:translateY(-5px);}
/*page3*/
.page3{background:url(../images/bg/bg_2.jpg) no-repeat center center;color:#fff;-webkit-background-size: cover;background-size: cover;}
.page3 .m1000 li{float:left;width:25%;background: url(../images/page3.png) no-repeat right bottom;text-align: center;height: 196px;}
.page3 .m1000 li.four{background: none;}
.page3 .m1000 li img{display: block;margin:0 auto 40px;}
.page3 .m1000 li p{color:#fff;font-size: 22px;}
.page3 .m1000 li.three p,
.page3 .m1000 li.four p{padding-top:12px;}
.page3 .m1000 li:hover img{animation:swing 1s ;}
/*page4*/
.page4 .m1000 p,
.page6 .m1000 p{color:#8571a9;font-style: italic;font-size: 24px;line-height: 200%;text-align: center;font-weight: bold;}
/*page5*/
.page5{background:url(../images/bg/bg_3.jpg) no-repeat center center;color:#fff;-webkit-background-size: cover;background-size: cover;}
.page5 .m1000 p{font-size: 20px;color:#fff;line-height: 180%;}
.page5 .m1000 p.small,
.page7 .m1000 p.small,
.page8 .m1000 p.small{font-size: 18px;text-align: right;}
/*page6*/
.page6 .m1000 p{text-align: left;}
/*page7*/
.page7{background:url(../images/bg/bg_4.jpg) no-repeat center center;color:#fff;-webkit-background-size: cover;background-size: cover;}
.page7 .fl,
.page7 .fr{width:49%;color:#fff;}
.page7 .item{margin:20px 0;}
.page7 .item span{font-size: 24px;font-weight: bold;margin-left:4%;border-bottom:10px solid #fff;padding: 10px 0;}
.page7 .item p{padding:10px 4%;background: #4c2f81;margin: 20px 0 25px;}
/*page8*/
.page8 .offers_box { background:url(../images/page8_bg.png) no-repeat center top;margin-top: 25px;}
.page8 .offers_box .offer { width: 96%;*padding-top:70px;margin: 0 auto;position: relative;bottom: 25px;}
.page8 .offers_box ul li{display: table;background: #3d1e77;width: 100%;}
.page8 .offers_box ul li p {display: table-cell;vertical-align: middle;color:#fff;float: left; margin: 0; text-align: center;font-size: 18px; }
.page8 .offers_box .thead li p{font-weight: bold;padding: 20px 0 10px;}
.page8 .offers_box .thead li p.one{width:14.7%;}
.page8 .offers_box .thead li p.two{width:84%;border-left:1px solid #fff;}
.page8 .offers_box .tbody { height: 650px; }
.page8 .offers_box .tbody ul { height: 100%; overflow-x: hidden; overflow-y: auto; }
.page8 .offers_box .tbody ul li { display: table;width: 100%; border-bottom: 1px solid #fff;background: #eee;}
.page8 .offers_box .tbody ul li:hover{background: #ded9e8;}
.page8 .offers_box .tbody ul li p { display: table-cell;vertical-align: middle; font-size: 16px;color:#3d1e77;padding: 20px 0 15px;}
.page8 .offers_box .tbody ul li p.one{width:15%;}
.page8 .offers_box .tbody ul li p.two{width:80%;text-align: left;border-left:1px solid #fff;padding:20px 0 15px 4%;}
/*在线预约*/
.page9{background: url(../images/bg/bg_5.jpg) no-repeat center top;-webkit-background-size: cover;background-size: cover;}
.form-wrap { width: 560px; margin: 60px auto 0;}
.form-wrap form label { display: block; height: 50px; line-height: 50px; margin-bottom: 20px; padding-left: 45px; font-size: 0; background: #fff;background-position:  15px center; background-repeat: no-repeat;border:1px solid #ffda78;}
.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.country { background-image: url("../images/icon/icon-country.png"); }
.form-wrap form label.degree { background-image: url("../images/icon/icon-degree.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 {cursor: pointer; display: block; width: 100%; height: 50px;border: none; background: #666666; font-size: 22px; color:#fff;margin-top: 20px;}
.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; color:#333;position: fixed; z-index: 9999; top: 120px; left: 5px; width: 200px; *width: 162px;height: 400px; padding: 142px 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: 12px; */ }
#reg form label { display: block;margin:6px 0; }
#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; margin-left: -85px;*/ width: 170px; height: 34px;  border: none; background: yellow; color: #004196; font-size: 18px;margin-top: 10px;margin-left: -6px;*margin-top:20px;}
/*表单协议*/
.tiaokuan{font-size: 12px;color: #999999;display: block;width: 100%;margin:0px auto;cursor:pointer;line-height: 20px;}
.tiaokuan img{float:left;margin-right: 4px;margin-top: 4px;}
.tiaokuan.gray a{color: #1aa78d;}
.tiaokuan.white{color: #fff;}
.tiaokuan.white a{color: #f39801;}
@media screen and (max-width:1000px) {
	body{font-size:1.8rem;line-height: 120%;}
	.m1000{width:98%;margin:0 auto;padding: 0;}
	.pc{display:none;}
	.mobile{display:block;}
	/*移动端表单*/
	.reg_mobile {display: block;width:90%;}
	.reg_mobile form { width: 100%; }
	.form-wrap form label,.form-wrap .btn-wrap{height: 4rem;line-height: 4rem;}
	.form-wrap form label span,
	.form-wrap form label input,
	.form-wrap form label select{font-size:1.6rem;}
	.tiaokuan img{margin-top: 8px;}
	.btnWrap { display: block; width: 100%; height: 5rem; line-height: 5rem; font-size: 1.8rem; 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{display:none;}
	#doyoo_panel{display: none !important;}
	.head_nav, .foot{display:none;}
	.header .m1000{padding:0;}
	.page{padding: 3rem 2%;}
	/*header*/
	.header .logo{left:0;top:0;}
	/*nav*/
	.nav{font-size:1.2rem;}
	/*page1*/
	.page1 .m1000 p{font-size: 1.8rem;line-height: 180%;}
	/*page2*/
	.page2 .m1000 li{width: 30%;margin: 0.4rem 1.5%;}
	.page2 .m1000 li.four{width: 35%;margin: 0.4rem 3% 0.4rem 10%;}
	.page2 .m1000 li.five{width: 35%;}
	/*page3*/
	.page3 .m1000 li{width:50%;margin:1rem 0;background: none;}
	.page3 .m1000 li img{margin: 0 auto 1rem;}
	.page3 .m1000 li p{font-size: 1.8rem}
	/*page4*/
	.page4 .m1000 p,
	.page6 .m1000 p{font-size: 1.8rem;}
	/*page5*/
	.page5 .m1000 p {font-size: 1.8rem;}
	/*page6*/
	/*page7*/
	.page7 .fl,
	.page7 .fr{width: 100%;}
	/*page8*/
	.page8 .offers_box { background:url(../images/m_page8_bg.png) no-repeat center top;}
	.page8 .offers_box .offer {width: 94%;}
	.page8 .offers_box ul li p{font-size: 1.6rem;}
	.page8 .offers_box .tbody ul li p{font-size: 1.4rem;}
	/*page9*/
	.page9{padding: 3rem 2% 10rem;}
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}