a {text-decoration: none;color: #999;}
a:hover {color: #fff; text-decoration: none;}
.fl {float: left;}
.fr {float: right;}
.clearfix:after{content: ''; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix {/* 触发 hasLayout */ zoom: 1; }
.mymain {width: 1200px; margin:0 auto;}
.mytitle {width: 100%; margin-top: 50px;margin-bottom: 50px; overflow: hidden;}
.mytitle h1 {display: block; width: 100%; text-align: center; font-size: 55px; font-weight: bold; color: #3492ab;}
.mytitle p {font-size: 28px; display: block; text-align: center; padding-top: 10px;}

.myfroms {background: #74c1d5; padding-bottom: 50px; overflow: hidden;}
.myfroms .title {background: #3491b0; padding: 25px 0; border-radius: 10px; text-align: center; margin: 60px 0; overflow: hidden;}
.myfroms .title h1 {font-size: 55px; color: #fff; font-weight: bold;}
.myfroms .title p {font-size: 35px; color: #fff; padding-top: 5px;}
.top-from {overflow: hidden;}
.from-left {width: 48%; float: left; overflow: hidden;}
.from-left h3 {display: block; font-size: 35px; font-weight: bold; color: #fff; font-style:italic; text-align: center; overflow: hidden;}
.from-left p {font-size: 24px; padding: 5px 0; color: #fff; display: block; text-align: center;}
.from-left .tips {overflow: hidden;}
.from-left .tips img:nth-child(1) {width: 28%; margin-left: 36%; margin-bottom: 15px;}
.from-left .tips img:nth-child(2) {width: 74%; margin-left: 13%;}
.myinput {width: 72%; margin: 20px 14% 0 14%; overflow: hidden;}
.myinput .inputbox {margin-bottom: 20px; line-height: 45px; overflow: hidden; font-size: 14px;}
.myinput .inputs {width: 100%; line-height: 45px; border-radius: 5px; padding-left: 5px; border: 1px solid #d4d4d4;}
.mybtn .anbtn {display: block; width: 100%; line-height: 45px; background: #ff6889; color: #fff; font-size: 16px; text-align: center; border-radius: 5px; overflow: hidden; border: none;}
.table-tt {background: #3491b0; border-radius: 5px 5px 0 0; overflow: hidden;}
.table-tt span {display: block; float: left; line-height: 50px; text-align: center; color: #fff; font-size: 18px;}
.from-table span {display: block; float: left; line-height: 50px; text-align: center; color: #111; font-size: 16px;}
.from-right {width: 49%; float: right; overflow: hidden;}
.from-right .span1 {width: 30%;}
.from-right .span2 {width: 40%;}
.from-right .span3 {width: 30%;}
.from-table{ width:100%; border-radius: 0 0 5px 5px; overflow:hidden; position:relative; border:1px solid #ccc; background: #fff;}
.from-table .bd{ padding:21px; overflow: hidden;}
.from-table .infoList li{width: 100%; line-height:35px; border-bottom: 1px dashed #eaeaea; overflow: hidden;}

.mycouse {overflow: hidden; padding: 0 15px;}
.mycouse .m_box {overflow: hidden;}
.mycouse .showpic {overflow: hidden; margin-bottom: 45px; display: table; width: 48%; float: left;}
.mycouse .showpic:nth-child(2n+2) {float: right;}
.mycouse .showpic:nth-child(3),
.mycouse .showpic:nth-child(4) {margin-bottom: 0}
.mycouse .text {display: table-cell; vertical-align: middle; text-align: center; padding: 0 15px;}
.mycouse .pic {width: 50%; border-radius: 5px; overflow: hidden; display: table-cell; vertical-align: middle;}
.mycouse .pic img {width: 100%;}
.mycouse .text h2 {font-size: 28px; font-weight: bold;}
.mycouse .text img {width: 100%; padding: 8px 0;}
.mycouse .text p {display: block; font-size: 16px; line-height: 24px; color: #333;}
.mycouse .text a {display: inline-block; font-size: 16px; padding: 8px 35px; background: #3492ab; color: #fff; border-radius: 5px; overflow: hidden; margin-top: 10px;}

.myadvs {padding: 0 15px 10px 15px; margin-bottom: 50px; overflow: hidden;}
.myadvs ul {width: 100%; overflow: hidden;}
.myadvs ul li {width: 25%; float: left; text-align: center;}
.myadvs ul li span {display: flex; justify-content: center; align-items: center; text-align: center; width: 120px; height: 120px; border-radius: 60px; overflow: hidden; margin: 0 auto; background-image: linear-gradient(to top right, #3592b6, #71bfd3);}
.myadvs ul li i {font-size: 60px; color: #fff; font-weight: bold; }
.myadvs ul li p {font-size: 18px; color: #111; font-weight: bold; padding-top: 15px; text-align: center;}

.mymidad {padding: 30px 0;background: url(../images/mad_bg1.jpg) no-repeat center; background-size: 100%; text-align: center; overflow: hidden;}
.mymidad h1 {font-size: 35px; color: #fff;}
.mymidad p {font-size: 20px; color: #fff; padding-top: 10px;}

.mybmh {margin-top: 50px; overflow: hidden;}
.mybmh .mymain {background: #74c1d5; border-radius: 5px; padding: 50px; overflow: hidden;}
.mybmh h1 {display: block; width: 100%; text-align: center; font-size: 55px; font-weight: bold; color: #fff; }
.mybmh .showpic {display: table; width: 100%; margin-top: 50px; overflow: hidden;}
.mybmh .showpic .pic {width: 52%; border-radius: 5px; display: table-cell; vertical-align: middle; overflow: hidden;}
.mybmh .showpic .text {display: table-cell; padding-left: 25px; vertical-align: middle; font-size: 18px; line-height: 26px; color: #111;}
.mybmh img {width: 100%; border: 5px solid #fff;}
.mybmh p {text-indent: 20px;  margin-bottom: 10px;}
.mybmh ul {width: 100%; display: flex; justify-content: space-around; overflow: hidden; margin: 50px 0; }
.mybmh ul li {width: 20%; font-size: 18px; padding: 25px 0; color: #fbe36e; float: left; text-align: center; background: #3491b0; border-radius: 8px; overflow: hidden;}
.mybmh ul li b {font-size: 35px;}
.mybmh a {display: block; width: 33%; margin: 0 auto; line-height: 55px;background: #ff6889; color: #fff; text-align: center; border-radius: 5px; overflow: hidden; font-size: 26px;}
.mybmh a:hover {color: #fff;}

.mywenti {overflow: hidden;}
.mywenti ul {overflow: hidden;}
.mywenti ul li {width: 30%; float: left; margin-bottom: 30px;}
.mywenti ul li:nth-child(3n+2) {margin: 0 5%;}
.mywenti ul li a {display: block; font-size: 18px; text-align: center; color: #111; line-height: 55px; background-image: linear-gradient(to top, #3592b6, #71bfd3); border-radius: 5px; overflow: hidden;}

.mycous {margin-bottom: 50px; overflow: hidden;}
.mycous ul {overflow: hidden;}
.mycous ul li {width: 20%;float: left; padding: 0 15px; margin-bottom: 15px; text-align: center;}
.mycous ul li img {border-radius: 5px; width: 100%; overflow: hidden;}
.mycous ul li p {display: block; width: 100%; font-size: 18px; padding-top: 10px; color: #3492ab;}
.mycous a {display: block; width: 33%; margin: 35px auto 0 auto; line-height: 55px;background: #ff6889; color: #fff; text-align: center; border-radius: 5px; overflow: hidden; font-size: 26px;}
.mycous a:hover {color: #fff;}

.mywhy {background: #74c1d5; padding-bottom: 50px; overflow: hidden;}
.mywhy h1 {font-size: 55px; font-weight: bold; color: #fff; text-align: center; margin: 50px 0;}
.whybox {overflow: hidden;}
.why-list {width: 45%; height: 400px; position: relative; z-index: 1; overflow: hidden;}
.why-list:before {
    content: ''; 
    display: block; 
    width: 95%; 
    height: 100%; 
    background: #fff; 
    border-radius: 5px; 
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.why-list .listbox {width: 100%; overflow: hidden; position: relative; top: 40px; left: 0; z-index: 3;}
.why-list .list {overflow: hidden;}
.why-list .list dt {overflow: hidden;}
.why-list .list dt span {
    display: inline-block; 
    width: 60px; 
    line-height: 50px; 
    text-align: center; 
    font-size: 22px; 
    font-weight: bold; 
    float: left; 
    color: #111;
    background: #ffe873;
    border-radius: 0 5px 0 0;
    overflow: hidden;
}
.why-list .list dt p {
    display: inline-block; 
    width: 395px;
    line-height: 50px;
    text-align: left;
    padding-left: 15px;
    font-size: 22px; 
    font-weight: bold; 
    float: left; 
    color: #fff;
    background: #3491b0;
    border-radius: 0 15px 0 0;
    overflow: hidden;
}
.why-list .list dd {
    display: block;
    font-size: 18px;
    line-height: 22px;
    color: #111;
    padding: 20px 0 20px 60px;
    overflow: hidden;
}

.myteach {padding-bottom: 50px; overflow: hidden;}
.swiper-container-teacher {
    width: 62%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
}
.myteach .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.myxxhj {background: #74c1d5; padding-bottom: 50px; overflow: hidden;}
.myxxhj h1 {font-size: 55px; font-weight: bold; color: #fff; text-align: center; padding: 50px; overflow: hidden;}
.myxxhj .xxms {width: 40%; overflow: hidden;}
.myxxhj .xxms h2 {font-size: 30px; color: #013d4d; text-align: left; line-height: 45px; font-weight: bold;}
.myxxhj .xxms ul {overflow: hidden; padding-top: 50px;}
.myxxhj .xxms li {width: 40%; margin-bottom: 50px; float: left;}
.myxxhj .xxms li span {font-size: 55px; font-weight: bold; color: #ffdc2b;}
.myxxhj .xxms li small {font-size: 20px; font-weight: normal;}
.myxxhj .xxms li p {font-size: 18px;}
.myxxhj .hjtp {width: 55%; overflow: hidden;}
.myxxhj .swiper-container {
    width: 100%;
    height: 100%;
}
.myxxhj .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 8px; overflow: hidden;
}

.myhd {overflow: hidden;}
.myhd .swiper-container {
    width: 100%;
    height: 100%;
    padding-bottom: 25px;
}
.myhd .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
}

.myhz {width: 80%; margin: 0 auto 50px auto; text-align: center; overflow: hidden;}
.myhz img {width: 100%; margin: 0 auto;}
.myhz ul {width: 80%; margin-left: auto; margin-right: auto; margin-top: 50px; overflow: hidden;}
.myhz ul li {width: 32%; float: left; overflow: hidden; margin-bottom: 15px; border-radius: 5px;}
.myhz ul li img {width: 100%;}
.myhz ul li:nth-child(3n+2) {margin: 0 2%;}
.myhz ul li p {display: block; width: 100%; line-height: 45px; font-size: 18px; background: #3492ab; color: #fff; text-align: center;}

.bottom-froms {background: #74c1d5; padding-bottom: 50px; overflow: hidden;}
.bottom-froms h1 {color: #fff;}
.bottom-froms .myinput {width: 40%; margin: 0 auto;}

.footer {
  overflow: hidden;
  background: #fff;
  text-align: center;
  color: #999;
  font-size: 14px;
  padding: 12px 12px 70px 12px;
  border-top: 3px solid #f1f1f1;
  padding: 30px 0;
}
.footer .mymain {display: flex; justify-content: center; align-items: center; text-align: center;}
.footer p {
  display: inline-block;
  line-height: 18px;
  padding-right: 15px;
}
.footer .copy {width: 60px;}
.footer img {width: 100%;}
.footer a {color: #999; font-size: 24px;}

.header {width: 100%; height: 60px; background: #fff; overflow: hidden;}
.header .hhead {width: 1200px; margin: 0 auto;}
.header .logo {width: 200px; height: 60px; display: flex; justify-content: center; align-items: center; text-align: center; overflow: hidden;}
.header .logo img {width: 44%;}
.header .nav {width: 630px; height: 60px; overflow: hidden;}
.header .nav li {width: 105px; line-height: 60px; text-align: center; float: left;}
.header .nav li a {color:#111; font-size: 18px; font-weight: bold;}
.header .nav li a:hover {color:red;}
.myfixed {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    border-bottom: 1px solid #eaeaea;
}

/*定义mscale*/
@keyframes mscale {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(0.94);
    }
    100% {
      transform: scale(1);
    }
}

/*大于pad*/
@media only screen and (min-width: 750px) {
}

/*iphone 5*/
@media screen and (min-width: 320px) and (max-width: 374px) {

}