/*公共样式*/
*{margin:0;padding:0;font-family: "Microsoft Yahei";}
a{text-decoration: none;}
a:hover{cursor: pointer;}
li{list-style: none;}
img{pointer-events:none;}
.w1180{width: 1180px;height:auto;margin:0 auto;box-sizing:border-box;position: relative;}
.header{position: relative;}
.clearfix:after{display: block;font-size: 0;height: 0;content: "";clear:both;}

.main h2 span:before{
  display: block;
  font-size: 0;
  content: "";
  width: 29px;
  height: 2px;
  background: #5591ff;
  position: absolute;
  top:50%;
  left:-40px;
}
.main h2 span:after{
  display: block;
  font-size: 0;
  content: "";
  width: 29px;
  height: 2px;
  background: #5591ff;
  position: absolute;
  top:50%;
  right: -40px;
}
/*banner-style*/
.banner{
  position: relative;
  width: 100%;
  height: 980px;
  background: url(../image/banner4.jpg) no-repeat center center;
  text-align: center;
}
.banner a{
  position: absolute;
  bottom: 188px;
  left:50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  display: inline-block;
  width: 248px;
  height: 52px;
  /*font-size: 20px;
  color: #fefefe;
  text-align: center;
  line-height: 40px;
  background-color: #529dff;
  border-radius: 10px;
  letter-spacing: 1px;
  box-shadow: 5px 8px 13px rgba(106,155,247,.49);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;*/
}
/* .banner a:hover{ */
  /* bottom: 112px; */
/* } */

/*main1-style*/
.main1{
  width: 100%;
  height: 663px;
  background: url(../image/m1Bg3.jpg) no-repeat center center;
  overflow: hidden;
}
.main1 .m1_left{
  margin-top: 152px;
  float: left;
  width: 510px;
}
.main1 h2{
  font-size: 36px;
  line-height: 54px;
  color:#5591ff;
  letter-spacing: 1px;
  position: relative;
}
.main1 h2:after{
  display: block;
  font-size: 0;
  content: "";
  width: 36px;
  height: 4px;
  background: #5591ff;
  border-radius: 4px;
  position: relative;
  top:28px;
  left:0;
}
.main1 p.desc{
  margin-top: 60px;
  font-size: 16px;
  line-height: 28px;
  text-indent:2em;
  color:#666;
}
.main1 .m1_right{
  margin-top: 99px;
  margin-right: 65px;
  float:right;
  width: 538px;
}
.main1 .m1_right .imgBox img{
  display: block;
  width: auto;
}
.main1 .m1_right p{
  margin-top: 22px;
  font-size: 18px;
  color:#3e82ff;
  text-align: center;
  letter-spacing: 1px;
}
/*main2-style*/
.main2{
  width: 100%;
  height: 1427px;
  background: url(../image/m2Bg4.jpg) no-repeat center center;
  overflow:hidden;
}
.main2 .part1 h2{
  margin-top: 100px;
  font-size: 36px;
  line-height: 54px;
  color:#5591ff;
  text-align: center;
  letter-spacing: 1px;
}
.main2 .part1 h2 span{
  display: inline-block;
  position: relative;
}

.main2 .part1 p.subtitle{
  margin-top: 30px;
  font-size: 16px;
  color:#999999;
  text-align: center;
  letter-spacing: 1px;
  line-height:  30px;
}
.main2 .part1 .service{
  margin-top: 56px;
  text-align: center;
  font-size: 0;
}
.main2 .part1 .service li{
  display: inline-block;
  width: 245px;
  position: relative;
  vertical-align: top;
  cursor:pointer;
}
.main2 .part1 .service li + li{
  margin-left: 62px;
}
.main2 .part1 .service li .imgBox{
  position: relative;
  width: 245px;
  height: 232px;
  overflow: hidden;
}
.main2 .part1 .service li .imgBox > img{
  width: 100%;
  height: 100%;
}
.main2 .part1 .service li .icoImg{
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.main2 .part1 .service li .icoImg img{
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.main2 .part1 .service li:hover .icoImg img{
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.main2 .part1 .service .txt{
  margin-top: 12px;
}
.main2 .part1 .service .txt p.zh{
  text-align: center;
  font-size: 28px;
  color:#5591ff;
  font-weight: bold;
  letter-spacing: 1px;
}
.main2 .part1 .service .txt p.en{
  margin-top: 10px;
  font-size: 14px;
  line-height: 22px;
  font-family: arial;
  text-transform: uppercase;
  letter-spacing: 1px;
  color:#999;
}
.main2 .part2{
  margin-top: 72px;
}
.main2 .part2 h2{
  font-size: 36px;
  color:#5591ff;
  text-align: center;
  letter-spacing: 1px;
}
.main2 .part2 h2 span{
  position: relative;
  display: inline-block;
}
.main2 .part2 p.subtitle{
  margin-top: 30px;
  font-size: 18px;
  color:#999;
  text-align: center;
  letter-spacing: 1px;
}
.main2 .part2 .game{
  margin-top: 45px;
  text-align: center;
  font-size: 0;
}
.main2 .part2 .game li{
  display: inline-block;
  vertical-align: top;
  width: 236px;
  cursor: pointer;
}
.main2 .part2 .game li .imgBox{
  width: 100%;
  height: 311px;
  overflow:hidden;
}
.main2 .part2 .game li .imgBox img{
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.main2 .part2 .game li:hover img{
  -webkit-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  transform: scale(1.1,1.1);
}
.main2 .part2 .game li .txt{
  width: 100%;
  height: 98px;
  background-color: #333;
  box-sizing:border-box;
  padding-left: 55px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  
}
.main2 .part2 .game .txt .catergory{
  margin-top: 20px;
  font-size: 14px;
  color:#999;
  text-align: left;
  letter-spacing: 1px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.main2 .part2 .game .txt .catergory:before{
  display: inline-block;
  font-size: 0;
  content: "";
  width: 2px;
  height: 13px;
  background-color: #4e83e4;
  margin-right: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.main2 .part2 .game .txt .gamename{
  margin-top: 2px;
  font-size: 24px;
  color:#4e83e4;
  text-align: left;
  letter-spacing: 1px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.main2 .part2 .game li:hover .txt{
  background-color: #4e83e4;
}
.main2 .part2 .game li:hover .txt .catergory{
  color:#fff;
}
.main2 .part2 .game li:hover .txt .catergory:before{
  background-color:#fff;
}
.main2 .part2 .game li:hover .txt .gamename{
  color: #fff;
}
/*main3-style*/
.main3{
  width: 100%;
  height: 666px;
  background: url(../image/m3Bg4.jpg) no-repeat center center;
  overflow: hidden;
}
.main3 .m3_right{
  margin-top: 154px;
  float:right;
  width: 592px;
}
.main3 .m3_right h2{
  font-size: 36px;
  line-height: 54px;
  color:#4e83e4;
  letter-spacing: 1px;
}
.main3 .m3_right h2:after{
  margin-top: 20px;
  display: block;
  font-size: 0;
  content: "";
  width: 32px;
  height: 4px;
  background-color: #4e83e4;
  border-radius: 4px;
}
.main3 .m3_right .desc{
  margin-top: 25px;
  font-size: 16px;
  color:#666;
  line-height: 30px;
  letter-spacing: 1px;
}
.main3 .consultBox{
  margin-top: 35px;
}
.main3 .consultBox a{
  position: relative;
  bottom:0;
  display: inline-block;
  width: 190px;
  height: 43px;
  font-size: 20px;
  color:#fefefe;
  text-align: center;
  line-height: 40px;
  background-color: #529dff;
  border-radius: 10px;
  letter-spacing: 1px;
  box-shadow:5px 8px 13px rgba(106,155,247,.49);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.main3 .consultBox a:hover{
  bottom:-10px;
}
/*main4-style*/
.main4{
  margin-top: 20px;
  width: 100%;
  height: 921px;
  background: url(../image/m4Bg5.jpg) no-repeat center center;
  overflow: hidden;
}
.main4 h2{
  margin-top: 100px;
  font-size: 36px;
  color:#4e83e4;
  letter-spacing: 1px;
  text-align: center; 
}
.main4 h2 span{
  display: inline-block;
  position: relative;
}
.main4 p.subtitle{
  margin-top: 30px;
  font-size: 16px;
  line-height: 30px;
  color:#666;
  text-align: center;
  letter-spacing: 1px;
}
.main4 .position-wrap{
  margin-top: 48px;
  position: relative;
  overflow: hidden;
}
.main4 .position-wrap li img{
    display: block;
    width: 100%;
}
.swiper-button-next, .swiper-button-prev{
  width: 28px;
  height: 36px;
}
.swiper-button-prev {
  left:0;
  background: url(../image/button_control.png) no-repeat 0 -36px;
}
.swiper-button-prev:hover{
  background: url(../image/button_control_hover.png) no-repeat 0 -36px;
}
.swiper-button-next {
  right:0;
  background: url(../image/button_control.png) no-repeat 0 0;
}
.swiper-button-next:hover{
  background: url(../image/button_control_hover.png) no-repeat 0 0;
}
.main4 .consultBox{
  margin-top: 20px;
  text-align: center;
}
.main4 .consultBox a{
  position: relative;
  bottom:0;
  display: inline-block;
  width: 210px;
  height: 43px;
  font-size: 20px;
  color:#fefefe;
  text-align: center;
  line-height: 40px;
  background-color: #529dff;
  border-radius: 10px;
  letter-spacing: 1px;
  box-shadow:5px 8px 13px rgba(106,155,247,.49);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.main4 .consultBox a:hover{
  bottom: -10px;
}
/*main5-style*/
.main5{
  width: 100%;
  height: 836px;
  background: url(../image/m5Bg5.jpg) no-repeat center center;
  overflow: hidden;
}
.main5 h2{
  margin-top: 85px;
  font-size: 36px;
  line-height: 54px;
  color:#c4d9ff;
  letter-spacing: 1px;
  text-align: center;
}
.main5 h2 span{
  display: inline-block;
  position: relative;
  letter-spacing: 1px;
}
.main5 h2 strong{
  letter-spacing: 1px;
  color:#5591ff;
}
.main5 .advantage{
  margin-top: 67px;
  font-size: 0;
  text-align: center;
}
.main5 .advantage li{
  display: inline-block;
  vertical-align: top;
  width: 374px;
  height: 230px;
  border-radius: 5px;
  border:1px solid #548df6;
  background-color: rgba(2,11,28,.61);
  margin-bottom: 20px;
}
.main5 .advantage li:hover{
  box-shadow: 8px 8px 18px rgba(106,155,247,.34);
}
.main5 .advantage li + li{
  margin-left: 26px;
}
.main5 .advantage li:nth-of-type(4){
  margin-left: 0;
}
.main5 .advantage li .l_left{
  margin-top: 56px;
  float:left;
  width: 116px;
  margin-left: 35px;
}
.main5 .advantage li .l_left img{
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  
}
.main5 .advantage li:hover .l_left img{
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  
}
.main5 .advantage li .l_right{
  margin-top: 65px;
  float:right;
  width: 200px;
  margin-left: 23px;
}
.main5 .advantage li .l_right .title{
  font-size: 24px;
  color:#4e83e4;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: left;
}
.main5 .advantage li .l_right .desc{
  font-size: 14px;
  color:#ccc;
  line-height: 26px;
  text-align: left;

}
.main5 .advantage li:nth-of-type(2) .title,.main5 .advantage li:nth-of-type(4) .title,.main5 .advantage li:nth-of-type(5) .title{
  color:#00b4ff;
}
/*main6-style*/
.main6{
  width: 100%;
  height: 870px;
  background: url(../image/m6Bg5.jpg) no-repeat center center;
  overflow: hidden;
}
.main6 h2{
  margin-top: 90px;
  font-size: 36px;
  letter-spacing: 1px;
  text-align: center;
  color:#5591ff;
}
.main6 h2 span{
  letter-spacing: 1px;
  position: relative;
  display: inline-block;
}
.main6 .subtitle{
  margin-top: 30px;
  font-size: 16px;
  color:#999;
  line-height: 30px;
  text-align: center;
  letter-spacing:1px;
}
.main6 .teacher{
  margin-top: 45px;
}
.main6 .teacher ul{
  text-align: center;
  font-size: 0;

}
.main6 .teacher ul li{
  position: relative;
  bottom: 0;
  display: inline-block;
  width: 258px;
  height: 486px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  
}
.main6 .teacher ul li:hover{
  bottom:-10px;
}
.main6 .teacher ul li + li{
  margin-left: 48px;
}
/*main7-style*/
.main7{
  width: 100%;
  height: 833px;
  background: url(../image/m7Bg4.jpg) no-repeat center center;
  overflow: hidden;
}
.main7 .m7-left{
  margin-top: 256px;
  float:left;
  width: 462px;

}
.main7 .m7-left h2{
  font-size: 36px;
  line-height: 54px;
  color:#4e83e4;
  letter-spacing: 1px;
}
.main7 .m7-left h2:after{
  display: block;
  font-size: 0;
  content: "";
  width: 36px;
  height: 4px;
  background: #5591ff;
  border-radius: 4px;
  position: relative;
  top:28px;
  left:0;
}
.main7 .m7-left .desc{
  margin-top: 60px;
  font-size: 16px;
  color:#666;
  line-height: 30px;
  text-indent:2em;
  letter-spacing: 1px;
}
.main7 .m7-left .consultBox{
  margin-top: 60px;
  text-align: left;
}
.main7 .m7-left .consultBox a{
  position: relative;
  bottom:0;
  display: inline-block;
  width: 190px;
  height: 43px;
  font-size: 20px;
  color:#fefefe;
  text-align: center;
  line-height: 40px;
  background-color: #529dff;
  border-radius: 10px;
  letter-spacing: 1px;
  box-shadow:5px 8px 13px rgba(106,155,247,.49);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.main7 .m7-left .consultBox a:hover{
  bottom:-10px;
}
.main7 .m7-right{
  margin-top: 144px;
  float:right;
  width: 666px;
}
.main7 .m7-right ul{
  font-size: 0;
}
.main7 .m7-right ul li{
  display: inline-block;
  width: 208px;
  height: 278px;
  vertical-align: top;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  top:0;
  left:0;
}
.main7 .m7-right ul li:nth-of-type(1):hover{
  top:-10px;
  left:-10px;
}
.main7 .m7-right ul li:nth-of-type(2):hover{
  top:-10px;
  left:0;
}
.main7 .m7-right ul li:nth-of-type(3):hover{
  top:-10px;
  left:10px;
}
.main7 .m7-right ul li:nth-of-type(4):hover{
  top:10px;
  left:-10px;
}
.main7 .m7-right ul li:nth-of-type(5):hover{
  top:10px;
  left:10px;
}

.main7 .m7-right ul li + li{
  margin-left: 20px;
}
.main7 .m7-right ul li:nth-of-type(4){
  margin-left: 0;
}
/*main8-style*/
.main8{
  width: 100%;
  height: 965px;
  background: url(../image/m8Bg1.jpg) no-repeat center center;
  overflow: hidden;
}
.main8 h2{
  margin-top: 88px;
  font-size: 36px;
  letter-spacing: 1px;
  line-height: 54px;
  color:#4e83e4;
  text-align: center;

}
.main8 h2 span{
  position: relative;
  display: inline-block;
}
.main8 .subtitle{
  margin-top: 30px;
  font-size: 16px;
  line-height: 30px;
  color:#666666;
  text-align: center;
  letter-spacing: 1px;
}
.main8 .envir{
  margin-top:42px; ;
}
.main8 .envir ul{
  font-size: 0;
  text-align: center;
}
.main8 .envir ul li{
  display: inline-block;
  vertical-align: top;
  width: 373px;
  height: 189px;
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 25px;
}
.main8 .envir ul li + li{
  margin-left: 30px;
}
.main8 .envir ul li:nth-of-type(4){
  margin-left: 0;
}
.main8 .envir ul li img{
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.main8 .envir ul li:hover img{
  -webkit-transform:scale(1.1,1.1);
  -moz-transform:scale(1.1,1.1);
  -ms-transform:scale(1.1,1.1);
  -o-transform:scale(1.1,1.1);
  transform:scale(1.1,1.1);
}
.main8 .picMarquee-left{
  width: 1180px;
  overflow: hidden;
  position: relative;
}
.main8 .project{
  height: 139px;
  overflow: hidden;
}
.main8 .project li{
  float:left;
  width: 212px;
  height: 139px;
  overflow: hidden;
  position: relative;
  margin:0 15px;
  cursor: pointer;
}
.main8 .project li .layer{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  -webkit-transform: scale(0,0);
  -moz-transform: scale(0,0);
  -ms-transform: scale(0,0);
  -o-transform: scale(0,0);
  transform: scale(0,0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.main8 .project li:hover .layer{
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -ms-transform: scale(1,1);
  -o-transform: scale(1,1);
  transform: scale(1,1);
}
.main8 .project li:hover .layer p{
  font-size: 20px;
  color:#fff;
  text-align: center;
  letter-spacing: 2px;
  position: relative;
  top:50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
/*main9-style*/
.main9{
  width: 100%;
  height: 880px;
  background: url(../image/m9Bg4.jpg) no-repeat center center/cover;
  overflow: hidden;
}
.main9 h2{
  margin-top: 100px;
  font-size: 36px;
  color:#5591ff;
  text-align: center;
  letter-spacing: 1px;
}
.main9 h2 span{
  display: inline-block;
  position: relative;
}
.main9 .subtitle{
  margin-top: 30px;
  font-size: 16px;
  color:#999;
  letter-spacing:1px;
  text-align: center;
}
.main9 .works{
  position: relative;
  margin-top: 50px;
  width: 100%;
  overflow: hidden;
}
.main9 .works li .intro{
  float:left;
  width: 333px;
  height: 499px;
  padding:35px;
  box-sizing:border-box;
  background-color: rgba(24,34,60,.6);
}
.main9 .works li .intro .name{
  margin-top: 50px;
  font-size: 28px;
  color:#4e83e4;
  font-weight: bold;
}
.main9 .works li .intro .sclass{
  position:relative;
  margin-top: 3px;
  font-size: 18px;
  color:#999;
}
.main9 .works li .intro .sclass:after{
  margin-top: 10px;
  display: block;
  font-size: 0;
  content:"";
  width: 23px;
  height: 5px;
  border-radius: 5px;
  background-color: #4e83e4;
}
.main9 .works li .intro .proIntro{
  margin-top: 40px;
}
.main9 .works li .intro .pName{
  font-size: 18px;
  color:#fff;
  line-height: 30px;
  letter-spacing: 1px;
}
.main9 .works li .intro .pName span{
  font-weight: bold;
}
.main9 .works li .intro .pContent{
  font-size: 18px;
  line-height: 30px;
  color:#999;
  letter-spacing: 1px;
}
.main9 .works li .imgBox{
  float:right;
  width: 847px;
  height: 499px;
}
.main9 .works li .imgBox img{
  width: 100%;
}
.main9 .swiper-button-next,.main9 .swiper-button-prev{
  width: 16px;
  height: 21px;
}
.main9 .swiper-button-prev{
  top:96%;
  left:35px;
  background: url(../image/button_control.png) no-repeat 0 -21px/16px ;
}
.main9 .swiper-button-prev:hover{
  background: url(../image/button_control_hover.png) no-repeat 0 -21px/16px;
}
.main9 .swiper-button-next {
  top:96%;
  left:70px;
  background: url(../image/button_control.png) no-repeat 0 0/16px;
}
.main9 .swiper-button-next:hover{
  background: url(../image/button_control_hover.png) no-repeat 0 0/16px;
}
.main9 .interview{
  width: 100%;
  height: 433px;
  margin-top: 25px;
  background-color: rgba(24,34,60,.6);
  box-sizing:border-box;
  padding:0 28px;
  padding-top: 30px;
  font-size: 0;
}

.main9 .interview .video-box{
  float:left;
  width: 605px;
  height: 340px;
}
.main9 .interview .stu-info{
  float: left;
  width: 445px;
  margin-left: 30px;
}
.main9 .interview .stu-info .title{
  margin-top: 22px;
  font-size: 15px;
  line-height: 24px;
  color:#999999;
  letter-spacing: 1px;
}
.main9 .interview .stu-info .title span{
  font-size: 24px;
  color:#2a92eb;
  font-weight: bold;
}
.main9 .interview .stu-info p.desc{
  margin-top: 20px;
  font-size: 16px;
  line-height: 26px;
  color:#cccccc;
  text-align: left;
}
.main9 .interview .stu-info .info-box{
  margin-top: 28px;

}
.main9 .interview .stu-info .info-box p{
  font-size: 16px;
  line-height: 26px;
  color:#999999;
}
/*main10-style*/
.main10{
  width: 100%;
  height: 698px;
  background-color: #f6f7ff;
  overflow: hidden;
}
.main10 h2{
  margin-top: 112px;
  font-size: 36px;
  color:#4e83e4;
  text-align: center;
  letter-spacing: 1px;
}
.main10 h2 span{
  position: relative;
  display: inline-block;
}
.main10 .subtitle{
  margin-top: 30px;
  font-size: 18px;
  line-height: 30px;
  color:#666;
  text-align: center;
}
.main10 .imgBox{
  margin-top: 38px;
}
.main10 .imgBox img{
  width: 100%;
}
/*main11-style*/
.main11{
  width: 100%;
  height: 806px;
  background-color: #7499c7;
  overflow: hidden;
}
.main11 h2{
  margin-top: 66px;
  font-size: 36px;
  color:#fff;
  text-align: center;
  letter-spacing: 1px;
}
.main11 h2 span{
  display: inline-block;
  position: relative;
}
.main11 h2 span:before{
  background-color: #fff;
}
.main11 h2 span:after{
  background-color: #fff;
}
.main11 .aboutUs{
  margin-top: 30px;
  width: 100%;
  height: 596px;
}
.main11 .aboutUs .left{
  float:left;
  width: 46px;
  height: 596px;
  position: relative;
  z-index: 1;
}
.main11 .aboutUs .left ul{
  position: relative;
}
.main11 .aboutUs .left li{
  position: relative;
  left:0;
  width: 60px;
  height: 149px;
  font-size: 18px;
  line-height: 24px;
  color:#fff;
  box-sizing:border-box;
  padding-left:12px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.main11 .aboutUs .left li:hover{
  left:-10px;
  
}
.main11 .aboutUs .left li p{
  position: relative;
  top:50%;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  transform:translateY(-50%);
}
.main11 .aboutUs .left li:nth-of-type(1){
  background-color: #4e83e4;
}
.main11 .aboutUs .left li:nth-of-type(2){
  background-color: #4d9be3;
}
.main11 .aboutUs .left li:nth-of-type(3){
  background-color: #4fa0c6;
}
.main11 .aboutUs .left li:nth-of-type(4){
  background-color: #5cb8e4;
}
.main11 .aboutUs .right{
  float:left;
  width: 1134px;
  height: 596px;
  overflow: hidden;
  box-sizing:border-box;
  padding:9px 0;
  background-color: #58a8e4;
  position: relative;
  z-index: 2;
  border-radius: 5px;
}
.main11 .right .content ul{
    width: 500%;
    height: 100%;
    position: relative;
    left: 0;
}
.main11 .right .content ul li{
    width: 20%;
    height: 100%;
    float: left;
}
/*form-box样式*/
.form-box{
  width: 100%;
  height: 447px;
  background:#cad4d7 url(../image/formBg.png) no-repeat center bottom/cover;
  padding-top: 110px;
  box-sizing:border-box;
  z-index: 0;
}
.form-box .w1100{
  width: 1100px;
  margin: 0 auto;
}
.form-box h2{
  font-size:46px;
  line-height: 67px;
  color:#333;
  text-align:center;
  margin-bottom:20px;
}
.form-box h2 .span1{ font-weight:normal;}
.form-box h2 .span2{ color:#2a92eb;}
.form-box .w1100 div{
  font-size:26px;
  width:465px;
  position:relative;
  box-sizing:border-box;
  padding-left:238px;
  margin:0 auto;
}
.form-box .w1100 div span{
  position:absolute;
  top:50%;
  left:2px;
  display:block;
  width:220px;
  height:1px;
  background:#111;
}
.form-box form{
  font-size:0;
  margin:0 auto;
  width:755px;
  margin-top:20px;
  position: relative;
  z-index: 10;
}
.form-box input{
  width:184px;
  height:33px;
  border:0;
  font-size:16px;
  box-sizing:border-box;
  line-height:33px;
  margin-right:4px;
}
.form-box .div1_input1{
  background:#fff;
  padding-left:20px;
  color:#666;
  letter-spacing:2px;
  border:1px solid #999;
  border-radius:5px;
}
.form-box .div1_input2{
  background:#2a92eb;
  color:#fff;
  letter-spacing:3px;
  cursor:pointer;
  text-align:center;
  border-radius:5px;
  font-size:20px;
}