@import url("font.css");
body.logins {
  background-color: #eef4f9;
}
body.logins .center_box {
  width: 1000px;
  height: 640px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
body.logins .center_box main {
  height: 580px;
  background: #ffffff;
  box-shadow: 2px 2px 20px #ddd;
}
body.logins .center_box main .l {
  float: left;
  width: 360px;
  height: 580px;
  background: url("../images/bg6.png");
  position: relative;
}
body.logins .center_box main .l .logo1 {
  position: absolute;
  top: 17px;
  left: 17px;
  width: 61px;
}
body.logins .center_box main .l .logo2 {
  position: absolute;
  bottom: 15px;
  left: 17px;
}
body.logins .center_box main .l .text {
  //width: 310px;
  height: 88px;
  font-size: 16px;
  color: #dddddc;
  line-height: 22px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 25px;
}
body.logins .center_box main .r {
  float: right;
  width: 640px;
  height: 580px;
  position: relative;
  background-color: #fcfdfd;
}
body.logins .center_box main .r .login_div {
  height: 22px;
  line-height: 22px;
  float: right;
  color: #999;
  position: absolute;
  right: 34px;
  top: 18px;
}
body.logins .center_box main .r .login_div a {
  color: #1F5589;
  margin-right: 5px;
}
body.logins .center_box main .r .login_div a.grey {
  color: #999;
}
body.logins .center_box main .r .login_div a.grey img {
  margin-right: 6px;
}
body.logins .center_box main .r .login_div img {
  vertical-align: middle;
  margin-top: -3px;
}
body.logins .center_box main .r .con {
  display: block;
}
body.logins .center_box main .r .con .text {
  font-size: 16px;
  color: #666;
  text-align: center;
}
body.logins .center_box main .r .con .list {
  padding-top: 54px;
}
body.logins .center_box main .r .con .list > li {
  width: 200px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 26px;
  padding-left: 40px;
  position: relative;
  overflow: hidden;
}
body.logins .center_box main .r .con .list > li img {
  position: absolute;
  left: 0;
}
body.logins .center_box main .r .con .list > li i {
  float: left;
}
body.logins .center_box main .r .con .know_btn {
  display: inline-block;
  width: 158px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  color: #002a4b;
  font-weight: bolder;
  border: 1px solid #002a4b;
  border-radius: 100px;
  position: relative;
  margin-top: 20px;
  left: 50%;
  cursor: pointer;
  transform: translateX(-50%);
}
body.logins .center_box main .r .Agreement_title {
  font-size: 22px;
  color: #002A4B;
  text-align: center;
  font-weight: bold;
  margin: 54px 0 20px 0;
}
body.logins .center_box main .r .b_title {
  font-size: 32px;
  color: #002A4B;
  text-align: center;
  margin-top: 70px;
  font-weight: bold;
  margin-bottom: 12px;
}
body.logins .center_box main .r .b_title.sp {
  margin-top: 132px;
}
body.logins .center_box main .r .txt {
  text-align: center;
  font-size: 16px;
  color: #262626;
  margin: 0px 20px;
}
body.logins .center_box main .r .txt a {
  color: #5D8C1E;
  text-decoration: underline;
}
body.logins .center_box main .r .list {
  width: 510px;
  margin: 0 auto;
  padding-top: 32px;
}
body.logins .center_box main .r .list.sp {
  padding: 48px 0 40px 0;
}
body.logins .center_box main .r .list > li {
  height: 30px;
  margin-bottom: 20px;
}
body.logins .center_box main .r .list > li.sp {
  margin-bottom: 32px;
}
body.logins .center_box main .r .list > li .item {
  width: 170px;
  padding-top: 8px;
  display: inline-block;
  text-align: right;
  margin-right: 10px;
  position: relative;
  float: left;
  font-size: 14px;
  color: #333;
}
body.logins .center_box main .r .list > li input {
  width: 330px;
  height: 28px;
  background-color: transparent;
  border-bottom: 1px solid #E5E5E5;
  font-size: 14px;
}
body.logins .center_box main .r .list > li input::-moz-placeholder {
  color: #999;
}
body.logins .center_box main .r .list > li input:-ms-input-placeholder {
  color: #999;
}
body.logins .center_box main .r .list > li input::-webkit-input-placeholder {
  color: #999;
}
body.logins .center_box main .r .list > li input:-moz-placeholder {
  color: #999;
}
body.logins .center_box main .r .list > li input::-moz-placeholder {
  color: #999;
}
body.logins .center_box main .r .list > li input.s {
  width: 210px;
}
body.logins .center_box main .r .list > li input.sp {
  width: 270px;
}
body.logins .center_box main .r .list > li .pic {
  width: 110px;
  height: 30px;
  background: #a3a3a3;
  border-radius: 5px;
  float: right;
}
body.logins .center_box main .r .list > li .send {
  width: 110px;
  text-align: center;
  line-height: 30px;
  color: white;
  font-size: 14px;
  height: 30px;
  background: #002a4b;
  border-radius: 5px;
  float: right;
  cursor: pointer;
}
body.logins .center_box main .r .list > li .send2 {
  width: 110px;
  text-align: center;
  line-height: 30px;
  color: #05112E;
  font-size: 14px;
  height: 30px;
  border: 1px solid #05112E;
  background: transparent;
  border-radius: 15px;
  float: right;
  cursor: pointer;
}
body.logins .center_box main .r .list2 {
  width: 510px;
  margin: 0 auto;
  padding: 56px 0 50px 0;
}
body.logins .center_box main .r .list2.sp {
  padding: 80px 0 50px 0;
}
body.logins .center_box main .r .list2 > li {
  height: 30px;
  margin-bottom: 20px;
  position: relative;
}
body.logins .center_box main .r .list2 > li .item {
  width: 170px;
  padding-top: 8px;
  display: inline-block;
  text-align: right;
  margin-right: 10px;
  position: relative;
  float: left;
  font-size: 14px;
  color: #333;
}
body.logins .center_box main .r .list.ssss {
    width: 560px;
    margin-left: 10px;
}
body.logins .center_box main .r .list > li .item.ssss {
    width: 220px;
}
body.logins .center_box main .r .list2 > li input {
  width: 330px;
  height: 28px;
  background-color: transparent;
  border-bottom: 1px solid #E5E5E5;
  font-size: 14px;
}
body.logins .center_box main .r .list2 > li input::-moz-placeholder {
  color: #999;
}
body.logins .center_box main .r .list2 > li input:-ms-input-placeholder {
  color: #999;
}
body.logins .center_box main .r .list2 > li input::-webkit-input-placeholder {
  color: #999;
}
body.logins .center_box main .r .list2 > li input:-moz-placeholder {
  color: #999;
}
body.logins .center_box main .r .list2 > li input::-moz-placeholder {
  color: #999;
}
body.logins .center_box main .r .list2 > li input.s {
  width: 217px;
}
body.logins .center_box main .r .list2 > li input.sp {
  width: 270px;
}
body.logins .center_box main .r .list2 > li .forget {
  position: absolute;
  top: 4px;
  right: 0;
  color: #999;
  font-size: 14px;
}
body.logins .center_box main .r .list2 > li .forget img {
  margin-right: 4px;
  margin-top: -4px;
}
body.logins .center_box main .r .list2 > li .pic {
  width: 110px;
  height: 30px;
  background: #a3a3a3;
  border-radius: 5px;
  float: right;
}
body.logins .center_box main .r .list2 > li .send {
  width: 110px;
  text-align: center;
  line-height: 30px;
  color: white;
  font-size: 14px;
  height: 30px;
  background: #002a4b;
  border-radius: 5px;
  float: right;
}
body.logins .center_box main .r .next_btn {
  display: inline-block;
  width: 159px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: white;
  background: #002a4b;
  border-radius: 100px;
  position: relative;
  margin-top: 20px;
  left: 50%;
  transform: translateX(-50%);
  transition: all .2s linear;
}
body.logins .center_box main .r .next_btn:hover{
  transform: translate3d(-50%,-2px,0);
  box-shadow: 0 5px 10px rgba(0, 42, 75, 0.5)
}
body.logins .center_box main .r .text {
  width: 480px;
  margin: 0 auto;
  text-align: center;
  padding-top: 16px;
  font-size: 14px;
  color: #535353;
}
body.logins .center_box main .r .text a {
  color: #5d8c1e;
}
body.logins .center_box main .r .agreement_text {
  width: 556px;
  height: 422px;
  overflow: auto;
  margin: 0 auto;
  font-size: 12px;
  line-height: 20px;
}
body.logins .center_box .copyright {
  color: #000;
  font-size: 14px;
  line-height: 60px;
  text-align: center;
}
.register {
  height: 943px;
  background: url("../images/bg1.png") no-repeat center / cover;
  padding-top: 230px;
}
.register .con_box {
  width: 1000px;
  height: 560px;
  background: rgba(255, 255, 255, 0.97);
  border-radius: 5px;
  margin: 0 auto;
}
.register .con_box .login_div {
  float: right;
  padding-right: 34px;
  padding-top: 18px;
}
.register .con_box .login_div a {
  color: #1F5589;
  font-weight: bolder;
  margin-right: 8px;
}
.register .con_box .title {
  font-size: 32px;
  color: #002a4b;
  text-align: center;
  line-height: 45px;
  font-weight: bolder;
  margin-bottom: 18px;
}
.register .con_box .txt {
  text-align: center;
  font-size: 18px;
  color: #262626;
}
.register .con_box .txt a {
  color: #5D8C1E;
  text-decoration: underline;
}
.register .con_box .list {
  width: 448px;
  margin: 0 auto;
  padding-top: 32px;
}
.register .con_box .list.sp {
  padding: 80px 0 50px 0;
}
.register .con_box .list > li {
  height: 30px;
  margin-bottom: 30px;
}
.register .con_box .list > li .item {
  width: 100px;
  padding-top: 10px;
  display: inline-block;
  text-align: right;
  margin-right: 10px;
  position: relative;
  float: left;
}
.register .con_box .list > li input {
  width: 338px;
  height: 30px;
  background-color: transparent;
  border-bottom: 1px solid #666666;
  font-size: 14px;
}
.register .con_box .list > li input::-moz-placeholder {
  color: #999;
}
.register .con_box .list > li input:-ms-input-placeholder {
  color: #999;
}
.register .con_box .list > li input::-webkit-input-placeholder {
  color: #999;
}
.register .con_box .list > li input:-moz-placeholder {
  color: #999;
}
.register .con_box .list > li input::-moz-placeholder {
  color: #999;
}
.register .con_box .list > li input.s {
  width: 217px;
}
.register .con_box .list > li input.sp {
  width: 270px;
}
.register .con_box .list > li .pic {
  width: 110px;
  height: 30px;
  background: #a3a3a3;
  border-radius: 5px;
  float: right;
}
.register .con_box .list > li .send {
  width: 110px;
  text-align: center;
  line-height: 30px;
  color: white;
  font-size: 14px;
  height: 30px;
  background: #002a4b;
  border-radius: 5px;
  float: right;
}
.register .con_box .next_btn {
  display: inline-block;
  width: 159px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: white;
  background: #002a4b;
  border-radius: 100px;
  position: relative;
  margin-top: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.register .con_box .text {
  text-align: center;
  padding-top: 16px;
  font-size: 14px;
  color: #535353;
}
.register .con_box .text a {
  color: #5d8c1e;
}
.login {
  height: 943px;
  background: url("../images/bg2.png") no-repeat center / cover;
  padding-top: 230px;
}
.login .con_box {
  width: 1000px;
  height: 560px;
  background: rgba(255, 255, 255, 0.97);
  border-radius: 5px;
  margin: 0 auto;
}
.login .con_box .register_student {
  float: right;
  padding-right: 34px;
  padding-top: 18px;
  color: #4A90E2;
  font-weight: bolder;
  font-size: 16px;
}
.login .con_box .register_student img {
  margin-left: 8px;
}
.login .con_box .title {
  font-size: 32px;
  color: #002a4b;
  text-align: center;
  line-height: 45px;
  font-weight: bolder;
  margin-bottom: 18px;
}
.login .con_box .tab {
  text-align: center;
}
.login .con_box .tab > li {
  display: inline-block;
  font-size: 18px;
  color: #999;
  font-weight: bolder;
  cursor: pointer;
  padding-bottom: 4px;
}
.login .con_box .tab > li:first-child {
  margin-right: 104px;
}
.login .con_box .tab > li.current {
  color: #05112E;
  border-bottom: 2px solid #05112E;
}
.login .con_box .tabContent > li {
  display: none;
}
.login .con_box .tabContent > li.current {
  display: block;
}
.login .con_box .list {
  width: 390px;
  margin: 30px auto;
  margin-bottom: 50px;
  padding-top: 32px;
}
.login .con_box .list > li {
  height: 30px;
  margin-bottom: 30px;
  position: relative;
}
.login .con_box .list > li .item {
  width: 100px;
  padding-top: 10px;
  display: inline-block;
  text-align: right;
  margin-right: 10px;
  position: relative;
  float: left;
}
.login .con_box .list > li input {
  width: 280px;
  height: 30px;
  background-color: transparent;
  border-bottom: 1px solid #666666;
  font-size: 14px;
}
.login .con_box .list > li input::-moz-placeholder {
  color: #999;
}
.login .con_box .list > li input:-ms-input-placeholder {
  color: #999;
}
.login .con_box .list > li input::-webkit-input-placeholder {
  color: #999;
}
.login .con_box .list > li input:-moz-placeholder {
  color: #999;
}
.login .con_box .list > li input::-moz-placeholder {
  color: #999;
}
.login .con_box .list > li input.s {
  width: 160px;
}
.login .con_box .list > li .pic {
  width: 110px;
  height: 30px;
  background: #a3a3a3;
  border-radius: 5px;
  float: right;
}
.login .con_box .list > li .forget {
  font-size: 12px;
  line-height: 26px;
  color: #333;
  position: absolute;
  right: 0;
  top: 0;
}
.login .con_box .list > li .forget img {
  width: 13px;
  height: 13px;
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: -2px;
}
.login .con_box .next_btn {
  display: inline-block;
  width: 159px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: white;
  background: #002a4b;
  border-radius: 100px;
  position: relative;
  margin-top: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.login .con_box .text {
  text-align: center;
  padding-top: 16px;
  font-size: 14px;
  color: #535353;
}
.login .con_box .text a {
  color: #5d8c1e;
}
main.index {
  height: 780px;
  background: url("../images/bg3.png");
}
main.index .nav {
  height: 90px;
  text-align: center;
}
main.index .nav > li {
  display: inline-block;
  margin-right: 120px;
}
main.index .nav > li:last-of-type {
  margin-right: 0;
}
main.index .nav > li a {
  line-height: 60px;
  display: inline-block;
  font-size: 16px;
  color: white;
}
main.index .nav > li a .icon_down {
  display: inline-block;
  width: 8px;
  height: 6px;
  background: url("../images/icon_down_white.png");
  margin-left: 5px;
  position: relative;
}
main.index .nav .can_do {
  display: none;
  position: absolute;
  top: 100px;
  height: 366px;
  width: 100%;
  background-color: #fff;
  z-index: 2;
  border-bottom: 1px solid #ddd;
}
main.index .nav .can_do .big {
  text-align: center;
  padding-top: 82px;
}
main.index .nav .can_do .big > li {
  display: inline-block;
  width: 530px;
  height: 180px;
  text-align: left;
  float: left;
  padding-left: 200px;
  position: relative;
}
main.index .nav .can_do .big > li:first-child {
  margin-right: 86px;
  position: relative;
}
main.index .nav .can_do .big > li:first-child:after {
  content: "";
  width: 2px;
  height: 240px;
  background-color: #eee;
  position: absolute;
  top: -32px;
  right: -44px;
}
main.index .nav .can_do .big > li img {
  float: left;
  display: inline-block;
  width: 170px;
  height: 120px;
  margin-right: 28px;
  position: absolute;
  left: 0;
}
main.index .nav .can_do .big > li .title {
  font-size: 24px;
  color: #0F163C;
  text-align: left;
}
main.index .nav .can_do .big > li .list {
  padding-top: 12px;
}
main.index .nav .can_do .big > li .list li {
  line-height: 30px;
}
main.index .nav .can_do .big > li .list li:hover a {
  padding-left: 20px;
  color: #3B7ADB;
  text-decoration: underline;
}
main.index .nav .can_do .big > li .list li a {
  transition: all .2s;
  font-size: 14px;
  color: #535353;
}
main.index .nav .language {
  width: 112px;
  position: relative;
}
main.index .nav .language img {
  margin-right: 4px;
}
main.index .nav .language .checklanguage {
  position: absolute;
  top: 60px;
  display: none;
  width: 110px;
  background-color: #fff;
  border: 1px solid #ddd;
}
main.index .nav .language .checklanguage > li {
  height: 40px;
  line-height: 38px;
  border-bottom: 1px solid #ddd;
  text-align: center;
  cursor: pointer;
}
main.index .nav .language .checklanguage > li:last-child {
  border-bottom: none;
}
main.index .big_text {
  font-size: 47px;
  color: white;
  font-weight: 900;
  text-align: center;
  width: 698px;
  margin: 0 auto;
  padding-top: 132px;
}
main.index .s_text {
  font-size: 20px;
  line-height: 32px;
  color: white;
  width: 904px;
  margin: 0 auto;
  text-align: center;
  padding-top: 16px;
  font-weight: 100;
}
main.index .more_btn {
  width: 177px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  background-color: transparent;
  border: 1px solid white;
  color: white;
  border-radius: 32px;
  display: inline-block;
  margin-top: 80px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  font-size: 16px;
  transition: all 0.2s ease-in;
}
main.index .more_btn:hover {
  background: #ffffff;
  color: #05112e;
}
main.insight .banner {
  height: 125px;
  line-height: 125px;
  background: url("../images/banner.png");
}
main.insight .banner .text {
  font-size: 30px;
  color: white;
  text-align: center;
}
main.insight .breadcrumb {
  height: 40px;
  line-height: 39px;
  border-bottom: 1px solid #ddd;
}
main.insight .breadcrumb img {
  line-height: 39px;
  display: inline-block;
}
main.insight .breadcrumb a {
  display: inline-block;
  font-size: 14px;
  color: #444;
}
main.insight .insight_list {
  padding-top: 43px;
  padding-bottom: 70px;
}
main.insight .insight_list > li {
  width: 360px;
  height: 410px;
  background: #ffffff;
  float: left;
  border: 1px solid #eee;
  margin-right: 50px;
  margin-bottom: 30px;
  transition: all .2s ease;
}
main.insight .insight_list > li:hover {
  border: 1px solid transparent;
  box-shadow: 0 0 10px #ddd;
  transform: translateY(-5px);
}
main.insight .insight_list > li:nth-child(3n) {
  margin-right: 0;
}
main.insight .insight_list > li a .con {
  padding: 0 12px 0 20px;
  height: 256px;
  position: relative;
}
main.insight .insight_list > li a .con .title {
  padding: 16px 0 12px 0;
  line-height: 30px;
  font-size: 23px;
  color: #0F163C;
  font-weight: bolder;
}
main.insight .insight_list > li a .con .intro {
  font-size: 16px;
  line-height: 26px;
  word-break: break-all;
}
main.insight .insight_list > li a .con .go {
  width: 29px;
  height: 29px;
  background: url("../images/i10.png") no-repeat;
  position: absolute;
  right: 18px;
  bottom: 9px;
}
main.insight .b_title {
  line-height: 125px;
  text-align: center;
  font-size: 32px;
  color: #05112E;
  font-weight: bolder;
}
main.insight .insight1 .part1 .l {
  float: left;
  font-size: 16px;
  color: #333;
  line-height: 30px;
  width: 696px;
}
main.insight .insight1 .part1 img {
  float: right;
}
main.insight .insight1 .part2 .l {
  width: 770px;
  float: left;
}
main.insight .insight1 .part2 img {
  float: right;
  margin-top: 50px;
}
main.insight .insight1 .part3 {
  padding-top: 36px;
}
main.insight .insight1 .part3 .fr {
  width: 600px;
}
main.insight .insight1 .common_title {
  line-height: 69px;
  font-size: 24px;
  color: #05112E;
  font-weight: bolder;
}
main.insight .insight1 .text {
  font-size: 16px;
  color: #333;
  line-height: 30px;
}
main.insight .insight1 .s_text {
  font-size: 16px;
  color: #333;
  line-height: 30px;
}
main.insight .insight1 ul.list {
  padding-top: 10px;
}
main.insight .insight1 ul.list > li {
  font-size: 16px;
  color: #333;
  line-height: 30px;
}
main.insight .insight1 ul.s_list {
  padding-top: 0px;
}
main.insight .insight1 ul.s_list > li {
  font-size: 16px;
  color: #333;
  line-height: 30px;
}
main.insight .insight1 ul.s_list > li i {
  margin-right: 24px;
}
main.insight .from {
  padding-top: 80px;
  padding-bottom: 26px;
  border-bottom: 1px solid #ddd;
}
main.insight .from i {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  margin-right: 10px;
}
main.insight .from a {
  font-size: 18px;
  color: #30427e;
}
main.insight .read_more {
  padding: 25px 0;
}
main.insight .read_more i {
  font-size: 24px;
  color: #333;
  font-weight: bold;
  margin-right: 20px;
}
main.insight .read_more a {
  font-size: 18px;
  color: #666;
}
main.contact .banner {
  height: 125px;
  line-height: 125px;
  background: url("../images/banner2.png");
}
main.contact .banner .text {
  font-size: 30px;
  color: white;
  text-align: center;
}
main.contact .breadcrumb {
  height: 40px;
  line-height: 39px;
  border-bottom: 1px solid #ddd;
}
main.contact .breadcrumb img {
  line-height: 39px;
  display: inline-block;
}
main.contact .breadcrumb a {
  display: inline-block;
  font-size: 14px;
  color: #444;
}
main.contact .about .part1 {
  height: 460px;
  padding-top: 28px;
}
main.contact .about .part1 > .title {
  font-size: 48px;
  color: #05112e;
}
main.contact .about .part1 article {
  margin-top: 84px;
}
main.contact .about .part1 article .title {
  text-align: center;
  font-size: 32px;
  color: #05112e;
  margin-bottom: 30px;
}
main.contact .about .part1 article .intro {
  width: 980px;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  color: #4a4a4a;
}
main.contact .about .part2 {
  height: 589px;
}
main.contact .about .part2 .l {
  width: 50%;
  height: 589px;
  float: left;
  background-color: #fafafa;
}
main.contact .about .part2 .l .content {
  width: 600px;
  float: right;
  padding-right: 105px;
}
main.contact .about .part2 .l .content .title {
  line-height: 100px;
  font-size: 32px;
  color: #05112E;
}
main.contact .about .part2 .l .content .text {
  font-size: 16px;
  line-height: 30px;
  color: #4a4a4a;
}
main.contact .about .part2 img {
  float: right;
  width: 50%;
}
main.contact .about .part3 {
  height: 820px;
}
main.contact .about .part3 > .title {
  font-size: 32px;
  color: #05112E;
  text-align: center;
  line-height: 155px;
}
main.contact .about .part3 .text {
  width: 980px;
  margin: 0 auto;
  text-align: center;
  line-height: 30px;
  margin-bottom: 50px;
}
main.contact .about .part3 ul {
  text-align: center;
}
main.contact .about .part3 ul li {
  display: inline-block;
  width: 580px;
  height: 440px;
  background: #ffffff;
  border-radius: 5px;
  padding-top: 36px;
  padding: 36px 80px 0 80px;
}
main.contact .about .part3 ul li img {
  border-radius: 50%;
  box-shadow: 0 0 6px #333;
}
main.contact .about .part3 ul li .title {
  font-size: 20px;
  color: #05112E;
  text-align: center;
  margin: 50px 0 32px 0;
}
main.contact .about .part3 ul li .intro {
  font-size: 16px;
  color: #9B9B9B;
  line-height: 30px;
}
main.contact .about .part3 ul li:first-child {
  margin-right: 20px;
}
main.contact .about .part3 ul li:hover {
  box-shadow: 0 0 10px #ddd;
}
main.contact .about .part4 {
  width: 100%;
  height: 320px;
  background: url("../images/bg5.png") no-repeat center / cover;
}
main.contact .about .part4 .title {
  line-height: 132px;
  text-align: center;
  font-size: 48px;
  color: white;
}
main.contact .about .part4 .intro {
  width: 980px;
  line-height: 30px;
  font-size: 18px;
  text-align: center;
  margin: 0 auto;
  color: #b9b9b8;
}
main.contact .con {
  padding-top: 32px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 50px;
}
main.contact .con img {
  float: left;
}
main.contact .con .r {
  width: 470px;
  float: right;
}
main.contact .con .r .title {
  font-size: 30px;
  color: #05112E;
  font-weight: bold;
}
main.contact .con .r .s_text {
  font-size: 14px;
  line-height: 24px;
  color: #666;
  margin-top: 18px;
}
main.contact .con .r .list li .item {
  line-height: 46px;
  font-size: 14px;
  color: #05112E;
  font-weight: bold;
}
main.contact .con .r .list li .item i {
  font-size: 22px;
  color: #FF943A;
  margin-left: 2px;
}
main.contact .con .r .list li input {
  width: 469px;
  height: 35px;
  background: #f5f5f5;
  border-radius: 5px;
}
main.contact .con .r .list li textarea {
  width: 469px;
  height: 109px;
  background: #f5f5f5;
  border-radius: 5px;
  border: none;
}
main.contact .con .r .submit_btn {
  width: 100px;
  height: 35px;
  line-height: 35px;
  background: #ff943a;
  border-radius: 5px;
  margin-top: 28px;
  font-size: 14px;
  color: white;
  padding-left: 21px;
  position: relative;
  cursor: pointer;
}
main.contact .con .r .submit_btn i {
  width: 7px;
  height: 8px;
  background: url("../images/i11.png");
  position: absolute;
  top: 13px;
  right: 10px;
}
main.contact .infos {
  height: 158px;
  text-align: center;
  padding-top: 25px;
  padding-bottom: 60px;
}
main.contact .infos > li {
  width: 266px;
  display: inline-block;
  height: 40px;
}
main.contact .infos > li:first-child {
  width: 320px;
  margin-right: 86px;
  position: relative;
  top: 14px;
}
main.contact .infos > li:nth-child(2) {
  margin-right: 160px;
}
main.contact .infos > li:nth-child(2) .imgbox img {
  position: relative;
  top: 4px;
}
main.contact .infos > li:last-child {
  margin-right: 0;
}
main.contact .infos > li:last-child .imgbox img {
  position: relative;
  top: 12px;
}
main.contact .infos > li .imgbox {
  height: 60px;
  float: left;
  margin-right: 28px;
}
main.contact .infos > li .title {
  font-size: 24px;
  color: #05112e;
  font-weight: bold;
  text-align: left;
  margin-bottom: 6px;
}
main.contact .infos > li .intro {
  font-size: 14px;
  text-align: left;
  line-height: 18px;
  color: #999;
}
article.index {
  height: 575px;
  padding-top: 80px;
}
article.index > .text {
  width: 970px;
  margin: 0 auto;
  font-size: 24px;
  color: #0a204c;
  line-height: 36px;
  text-align: center;
}
article.index ul {
  width: 970px;
  margin: 0 auto;
  padding-top: 98px;
}
article.index ul li {
  width: 470px;
  display: inline-block;
  padding-left: 100px;
  position: relative;
}
article.index ul li:first-child {
  margin-right: 25px;
}
article.index ul li img {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  box-shadow: 0 0 6px #333;
}
article.index ul li .title {
  font-size: 24px;
  color: #05112e;
  font-weight: bolder;
}
article.index ul li .text {
  padding-top: 8px;
  font-size: 18px;
  color: #9b9b9b;
  line-height: 26px;
}
.mask {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.6);
}
.User_Agreement_popup {
  display: none;
  width: 795px;
  height: 670px;
  background: #ffffff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  z-index: 1001;
  background-color: #fff;
  border-radius: 5px;
}
.User_Agreement_popup .close {
  width: 20px;
  height: 20px;
  background: url("../images/close.png");
  position: absolute;
  right: 14px;
  top: 14px;
  cursor: pointer;
}
.User_Agreement_popup .title {
  text-align: center;
  font-size: 22px;
  color: #002a4b;
  padding-top: 34px;
  font-weight: bolder;
  margin-bottom: 24px;
}
.User_Agreement_popup .text {
  font-size: 12px;
  color: #333;
  line-height: 30px;
  padding: 0px 40px 0px 40px;
  height: 540px;
  overflow: auto;
}
.teacher_forgetpassword_popup {
  display: none;
  width: 505px;
  height: 340px;
  background: #ffffff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  z-index: 1001;
  background-color: #fff;
  border-radius: 5px;
}
.teacher_forgetpassword_popup .close {
  width: 20px;
  height: 20px;
  background: url("../images/close.png");
  position: absolute;
  right: 14px;
  top: 14px;
  cursor: pointer;
}
.teacher_forgetpassword_popup .title {
  text-align: center;
  font-size: 22px;
  color: #002a4b;
  padding-top: 25px;
  font-weight: bolder;
  margin-bottom: 24px;
}
.teacher_forgetpassword_popup .text {
  font-size: 16px;
  color: #666;
  text-align: center;
}
.teacher_forgetpassword_popup .list {
  padding-top: 54px;
}
.teacher_forgetpassword_popup .list > li {
  width: 200px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 26px;
  padding-left: 40px;
  position: relative;
  overflow: hidden;
}
.teacher_forgetpassword_popup .list > li img {
  position: absolute;
  left: 0;
}
.teacher_forgetpassword_popup .list > li i {
  float: left;
}
.teacher_forgetpassword_popup .know_btn {
  display: inline-block;
  width: 158px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  color: #002a4b;
  font-weight: bolder;
  border: 1px solid #002a4b;
  background-color: white;
  border-radius: 100px;
  position: relative;
  margin-top: 20px;
  left: 50%;
  cursor: pointer;
  transform: translateX(-50%);
}
.student_forgetpassword_popup {
  display: none;
  width: 505px;
  height: 340px;
  background: #ffffff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  z-index: 1001;
  background-color: #fff;
  border-radius: 5px;
}
.student_forgetpassword_popup .close {
  width: 20px;
  height: 20px;
  background: url("../images/close.png");
  position: absolute;
  right: 14px;
  top: 14px;
  cursor: pointer;
}
.student_forgetpassword_popup .title {
  text-align: center;
  font-size: 22px;
  color: #002a4b;
  padding-top: 25px;
  font-weight: bolder;
  margin-bottom: 24px;
}
.student_forgetpassword_popup .list {
  width: 390px;
  margin: 30px auto;
  margin-bottom: 50px;
  padding-top: 32px;
}
.student_forgetpassword_popup .list > li {
  height: 30px;
  margin-bottom: 30px;
  position: relative;
}
.student_forgetpassword_popup .list > li .item {
  width: 100px;
  padding-top: 10px;
  display: inline-block;
  text-align: right;
  margin-right: 10px;
  position: relative;
  float: left;
}
.student_forgetpassword_popup .list > li input {
  width: 280px;
  height: 30px;
  background-color: transparent;
  border-bottom: 1px solid #666666;
  font-size: 14px;
}
.student_forgetpassword_popup .list > li input::-moz-placeholder {
  color: #999;
}
.student_forgetpassword_popup .list > li input:-ms-input-placeholder {
  color: #999;
}
.student_forgetpassword_popup .list > li input::-webkit-input-placeholder {
  color: #999;
}
.student_forgetpassword_popup .list > li input:-moz-placeholder {
  color: #999;
}
.student_forgetpassword_popup .list > li input::-moz-placeholder {
  color: #999;
}
.student_forgetpassword_popup .list > li input.s {
  width: 168px;
}
.student_forgetpassword_popup .list > li .send {
  width: 110px;
  height: 30px;
  border-radius: 97px;
  text-align: center;
  line-height: 28px;
  color: #05112E;
  font-size: 14px;
  border: 1px solid #05112E;
  background-color: #fff;
  border-radius: 15px;
  float: right;
  font-weight: bolder;
}
.student_forgetpassword_popup .next_btn {
  display: inline-block;
  width: 159px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: white;
  background: #002a4b;
  border-radius: 100px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.modify_password_popup {
  display: none;
  width: 505px;
  height: 340px;
  background: #ffffff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  z-index: 1001;
  background-color: #fff;
  border-radius: 5px;
}
.modify_password_popup .close {
  width: 20px;
  height: 20px;
  background: url("../images/close.png");
  position: absolute;
  right: 14px;
  top: 14px;
  cursor: pointer;
}
.modify_password_popup .title {
  text-align: center;
  font-size: 22px;
  color: #002a4b;
  padding-top: 25px;
  font-weight: bolder;
  margin-bottom: 24px;
}
.modify_password_popup .list {
  width: 390px;
  margin: 30px auto;
  margin-bottom: 50px;
  padding-top: 32px;
}
.modify_password_popup .list > li {
  height: 30px;
  margin-bottom: 30px;
  position: relative;
}
.modify_password_popup .list > li .item {
  width: 100px;
  padding-top: 10px;
  display: inline-block;
  text-align: right;
  margin-right: 10px;
  position: relative;
  float: left;
}
.modify_password_popup .list > li input {
  width: 280px;
  height: 30px;
  background-color: transparent;
  border-bottom: 1px solid #666666;
  font-size: 14px;
}
.modify_password_popup .list > li input::-moz-placeholder {
  color: #999;
}
.modify_password_popup .list > li input:-ms-input-placeholder {
  color: #999;
}
.modify_password_popup .list > li input::-webkit-input-placeholder {
  color: #999;
}
.modify_password_popup .list > li input:-moz-placeholder {
  color: #999;
}
.modify_password_popup .list > li input::-moz-placeholder {
  color: #999;
}
.modify_password_popup .list > li input.s {
  width: 168px;
}
.modify_password_popup .list > li .send {
  width: 110px;
  height: 30px;
  border-radius: 97px;
  text-align: center;
  line-height: 28px;
  color: #05112E;
  font-size: 14px;
  border: 1px solid #05112E;
  background-color: #fff;
  border-radius: 15px;
  float: right;
  font-weight: bolder;
}
.modify_password_popup .next_btn {
  display: inline-block;
  width: 159px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: white;
  background: #002a4b;
  border-radius: 100px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}