/** CSS Reset **/
*{-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;outline:none;}
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, li{ list-style:none; }
caption,th { text-align:center; }
h1,h2,h3,h4,h5,h6 { font-size:100%;  }
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:#333;font-size:18px;line-height:160%;background: #131d42;font-family: "Microsoft YaHei";width: 100%;height:100%;}
.fl{float:left;}
.fr{float:right;}
.mobile{display:none;}
.m1000{width:1000px;margin:0 auto;}
/* p{ transition:all 0.2s ease-in 0s;}
p:hover{ transform:translateY(-5px);} */
/* banner */
.header {overflow: hidden;width: 100%; height: 744px;background:url("../images/banner_bg.jpg") no-repeat center top;}
.header .header_txt{margin:0 auto;display: block;margin-top:100px;}
.header .m1000{padding:0;}

/*page*/
.page { padding: 50px 0;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }
.page .title{text-align: center;}
.page .title img{max-width: 100%;}
.btn{display:block;width:344px;margin:40px auto 0;text-align: center;cursor: pointer;font-size: 20px;height: 62px;line-height: 56px;background: url(../images/btn.png) no-repeat center top;}
.btn:hover{background-position:0 -62px;line-height: 66px;}
/*page1*/
.page1{padding: 0px 0 30px;}
.page1 .content{color:#131d42;background:url(../images/page1.png) no-repeat center top;padding:160px 50px 50px;}
.page1 .content .fl{width: 70%;}
.page1 .content .fl li{padding:5px 0;font-size: 24px;line-height: 160%;}
.page1 .content .fr{width: 25%;text-align: center;}
.page1 .content .fr p{font-weight: bold;padding-top:10px;}

/*page2*/
.page2{}
.page2 .m1000{}
.page2 .m1000 .tab{}
.page2 .m1000 .tab li{width: 23.5%;margin:0 2% 40px 0;height:90px;line-height: 76px;font-size:40px;color:#fff;background: url(../images/tab.png) no-repeat left top;float: left;text-align: center;cursor: pointer;}
.page2 .m1000 .tab li.last{margin-right:0%;}
.page2 .m1000 .tab li.active{color:#131d42;background: url(../images/tab_active.png) no-repeat left top;}
.page2 .m1000 .tabItem{display: none;}
.page2 .m1000 .tabItem .tit{margin:20px 0;}
.page2 .m1000 .tabItem .box1{}
.page2 .m1000 .tabItem .box1 .fl{width:70%;padding-top:10px;}
.page2 .m1000 .tabItem .box1 .fr{width:25%;}
.page2 .m1000 .tabItem .box2 ul{padding:0 40px;}
.page2 .m1000 .tabItem .box2 ul li{background: url(../images/page2_icon.png) no-repeat left center;padding:12px 0 12px 40px;color:#fff;font-size: 30px;}
.page2 .m1000 .tabItem .box3 .teacher{position: relative;}
.page2 .m1000 .tabItem .box3 .teacher .teacherPhoto{position: absolute;top:-40px;left:40px;}
.page2 .m1000 .tabItem .box3 .teacher .txt{margin:80px 0 80px 170px;padding:20px 40px 40px 100px;border:10px solid #055282;background: #1c2850;}
.page2 .m1000 .tabItem .box3 .teacher .txt h5{color: #f8d40a;font-size: 30px;padding:20px 0;}
.page2 .m1000 .tabItem .box3 .teacher .txt h5 span{font-size:16px; }
.page2 .m1000 .tabItem .box3 .teacher .txt p{color:#fff;padding:5px 0;}

/*page3*/
.page3 {background: #14679b;}
.page3 .m1000{color:#fff;}
.page3 .m1000 .pageTxt{padding-bottom:50px;font-size: 30px;line-height: 160%;}
.page3 .m1000 .pageTxt b{font-size: 40px;color:#f8d40a;}
.page3 .m1000 .boxWrap .box{width: 39%;background: url(../images/page3_1.jpg) no-repeat top center;padding:32px 5%;}
.page3 .m1000 .boxWrap .box b{color:#ffc07b;}
.page3 .m1000  .tip{text-align: right;font-size:16px;padding-top:40px; }
.page3 .m1000  .tip span{color:#f8d40a;}

.zxyy{background: url(../images/zxyy_bg.jpg) no-repeat center top;-webkit-background-size:cover;background-size:cover;}
.form-wrap form label{border: none;}
.form-wrap .btn-wrap{background:#f8d40a;color:#fff;}
#reg form label {margin: 14px 0;}

@media screen and (max-width:1000px) {
	body{font-size:1.4rem;line-height: 140%;}
	.m1000{width:98%;margin:0 auto;}
	.pc{display:none;}
	.mobile{display:block;}

	.page{padding: 2rem 2%;}
  .btn {font-size: 24px;}

	/*banner*/
	.header{height: 32rem;background:url("../images/m_banner_bg.jpg") no-repeat center top;}
  .header .header_txt{width: 100%;}

	/*page1*/
  .page1 .content{background: url(../images/m_page1.png) no-repeat center top;padding: 80px 10% 50px 5%;}
	.page1 .box2 .content{background: url(../images/m_page2.png) no-repeat left 20px;height: auto;}
  .page1 .box2 ul li h6{text-align: left;font-size: 32px;}
  .page1 .box2 ul li p {font-size: 24px;padding-top:10px;-webkit-text-size-adjust:none;}
  .page1 .box2 ul li.one,
  .page1 .box2 ul li.two,
  .page1 .box2 ul li.three,
  .page1 .box2 ul li.four{padding:0 0 50px 10%;width: 90%;}
	
	/*page2*/
  .page2 .m1000 .tab li,
  .page2 .m1000 .tab li.active{background-size: 100% 100%;}
	.page2 .m1000 .tabItem .box3 .teacher .teacherPhoto{left: 0px;}
  .page2 .m1000 .tabItem .box3 .teacher .txt {margin: 80px 0 80px 100px;padding: 20px 40px 40px 120px;}
  .page2 .m1000 .tabItem .box2 ul li,
  .page2 .m1000 .tabItem .box3 .teacher .txt h5,
  .page2 .m1000 .tabItem .box3 .teacher .txt p,
  .page3 .m1000 .pageTxt,
  .page3 .m1000 .tip{-webkit-text-size-adjust:none;}

	/*page3*/
  .page3 .m1000 .boxWrap .box{width: 90%;margin:10px 0;background-size: 100% 100%;}
  .page3 .m1000 .tip{padding-top: 0px;}

	.zxyy{-webkit-background-size: cover;background-size: cover;}

}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

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

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

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

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}