@charset "utf-8";
/* CSS Document */
body, html, ul, li, h1, h2, h3, h4, h5, h6, ol, img, span, p, a, i, b, em, form, label, input {margin: 0;padding: 0;}
em {font-style: normal;}
img {border: none;display: block;}
a {text-decoration: none;}
li {list-style: none;}
tr, th, td, tbody, thead, table {border: none; margin: 0; padding-top:1rem; padding-bottom:1rem;}
table {border-collapse: collapse;border-spacing: 0}
button {border: none}
a {color: #fff}
h1, h2, h3, h4, h5, h6, b, i {font-weight: normal;font-style: normal}
.fl {float: left}
.fr {float: right}
.clear {clear:both;height:0;overflow:hidden;}
.clearfix:after {visibility: hidden;display: block;font-size:0;content: " ";clear: both;height: 0;}
.clearfix{zoom:1}


.title_t{ margin:2rem auto .5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0px 60px;
  background-image: url("../imgs/title-l.png"), url("../imgs/title-r.png");
  background-position: left center, right center;
  background-repeat: no-repeat, no-repeat;}
.title_t h2{ font-size:2.4rem; line-height:3.8rem; text-align: center; margin:2rem auto .5rem; font-weight: bold;}
.title_t p{text-align: center; font-size:1.6rem; }
.title_t h2 span{ font-size:2.4rem; line-height:2.8rem; color: #09746e;}
.title_t img{max-width: 100%; min-width: 100%;}
.title_des {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height:3.2rem;
  line-height:3.2rem;
  margin:0 auto;
  font-size:1.4rem;
  color: #0090fe;
  background: #d5f0ff;
  box-sizing: border-box;
  padding: 0 1rem;
  border-radius: 2.2rem;
}
.title_bd{ margin:2rem auto .5rem;}
.title_bt h2{ font-size:2.4rem; line-height:3.8rem; text-align: center; margin:2rem auto .5rem; font-weight: bold; color: #fff;}
.title_bt h2 span{ font-size:2.4rem; line-height:2.8rem; color: #e9fd05;}
.title_bt img{max-width: 100%; min-width: 100%;}

/*************banner***********/
.ban{ background: #ff803e;}
.ban img{ max-width: 100%; min-width: 100%;}
.ban .ban-p{position:absolute; width: 100%; z-index:99;left:0; top:1rem; color:#fff; text-align: center; font-size: 1.6rem;}

/*************如何读理想的国际部/国际学校？***********/
.list {width:94%; margin:0 auto;}
.list .item { position: relative;  margin: 1rem auto; margin-bottom:1rem;}
.list .item:nth-child(1) {width:100%;}
.list .item:nth-child(1) .des-list {border: 3px solid #2ab1ff;}
.list .item:nth-child(1) .des-list .des::after {background: #249ffd;}
.list .item:nth-child(2) { width:100%;}
.list .item:nth-child(2) .des-list {border: 3px solid #fc5a12;}
.list .item:nth-child(2) .des-list .des::after {background: #fc5a12;}
.list .item:nth-child(3) {width:100%;}
.list .item:nth-child(3) .des-list {border: 3px solid #ff1e4f;}
.list .item:nth-child(3) .des-list .des::after { background: #ff1e4f;}
.list .item .title img{max-width:80%; min-width: 80%;}
.list .item .des-list {
  box-sizing: border-box;
  padding-left:4%;
  padding-top: 20px;
  border-radius: 20px;
  margin-top: -25px;
}
.list .item .des-list .des {
  font-size: 1.6rem;
  color: #333;
  position: relative;
  padding-left:1rem;
  line-height:2.8rem; 
}
.list .item .des-list .des::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width:.5rem;
  height:.5rem;
  border-radius: 50%;
}
.btn {
  margin: 25px auto 0;
  width: 180px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  font-size: 16px;
  color: #fff;
  background: linear-gradient(to right, #24afff, #0e6bff);
  border-radius: 21px;
  box-shadow: 0 5px 5px #1b6ae9;
  cursor: pointer;
}

/**************上海16区国际学校信息一览**************/
.bk_con{width:98%; margin:0 auto; margin-top:2rem;}
.bk_con .gjtp{ width:100%; margin:0 auto;}
.bk_con .gjtp img{ width: 100%;text-align: center;}

.bk_con.slide-container{ width: 100%;max-width:100%; min-width:100%; margin: 0 auto;}  
.bk_con .kc_center{font-weight: bold; text-align: center; font-size:1.6rem;}
.bk_con ul{ font-size:1.4rem;text-align:center; }
.bk_con ul li{width:100%; display: inline-block; margin: 0 auto; overflow:hidden; background: #fff; font-size:1.45rem; padding:.5rem 0; }
.bk_con ul li:nth-child(2n){background:#dcf2fd;}

/**************国际学校分类*************/
.course_box{ width: 94%; margin: 1rem auto;}
.course_tab{width:100%;margin: 0 auto;}
.course_tab a{display:inline-block;width:22%; height:3rem; line-height:3rem; font-size:1.5rem;text-align: center; background: linear-gradient(to right, #24afff, #0e6bff); color: #fff;}
.course_tab .cur{background:#ffd800; color: #000;}
.course_Tcon{ margin-top: 1rem;}
.course_Tcon img{max-width:100%; min-width:100%;}

/***************表单****************/
.bd{ width:100%; height:auto; background: linear-gradient(to top, #3fcbff, #0e6bff);}
.bd h2{overflow: hidden; width: 90%; margin: 0 auto; font-size:2.6rem; line-height:4.6rem; padding-top:1rem; color: #fff; text-align:center; font-weight: bold; }.bd .bd h2 span{font-size:2.4rem; line-height:2.8rem; color: #e9fd05;}
.bd img{max-width:100%; min-width: 100%; margin: 0 auto;}
.bd p{text-align: center;font-size: 1.4rem; color: #fff; line-height: 1.8rem; }
.bd-con{width: 92%; margin: 0 auto; }
.bd-box{width: 92%; margin: 0 auto; padding-bottom:2rem;  border-radius:.5rem;}
.bd-box label{ margin:0 auto; margin-top:.5rem; display: block; overflow: hidden;}
.bd-box input,.bd-box select{width:100%; height: 4rem; line-height: 4rem;font-size: 1.6rem; border:none; padding-left: .5rem; }
.bd-box button{width: 80%; height:4rem; line-height:4rem; text-align: center;  background:#ffd100; color: #000;border-radius: 2rem;font-size: 1.8rem; margin: 0 auto; display: block; margin-top: 1rem; }
.plan-btn{display: block; width: 70%; height:4.4rem; line-height:4.4rem; text-align: center;  background:#ffd100; color: #000;border-radius: 2rem;font-size: 2.0rem; margin: 0 auto; margin-top: 1rem; }

/*************增值服务********************/
.fw {width:94%; margin:0 auto;}
.fw ul{  overflow: hidden; }
.fw_list {float: left; width:48%; height:auto; background:#2689e6; border-radius:1rem; padding: 1.5rem 0; margin-top: 1rem;}
.fw_list:nth-child(2n){background:#fa7b04;}
.fw_list img{width:60%; margin:0 auto;}
.fw_list h2{ font-size: 1.6rem; line-height: 3.2rem; font-weight: bold; color: #fff;text-align: center; }
.fw_list p{width:94%; margin:0 auto; font-size: 1.4rem; text-align:center; line-height:2.2rem; color: #fff;}

/*************备考课程********************/
.kc {width:94%; margin:0 auto; overflow: hidden;}
.kc ul{}
.kc ul li img{max-width:100%;min-width: 100%; float: left;  margin-bottom:1rem; }
/*************中心优势**************/
.sjb_ls{width: 92%; margin: 0 auto; }
.sjb_ls ul{}
.sjb_ls ul li{width:48%; float: left;  background:#e6f7ff;  overflow: hidden; padding:1rem 0.5%;  margin-bottom:1rem; }
.sjb_ls ul li h3{ color: #06a5fb; font-size: 1.6rem; line-height: 3.2rem; text-align:center; }
.sjb_ls ul li p{font-size: 1.4rem; color: #000; line-height: 1.8rem; text-align:center; }
.sjb_ls ul li img{width: 80%; margin: 0 auto;}



/**************图书********************/
.qjb_book{ width:92%;margin: 0 auto;}
.qjb_book img{ max-width:100%; min-width: 100%; margin: 0 auto;}

/*****荣誉*****/
.ryy{ margin-top: 2rem;}
.ryy img{max-width:100%; min-width:100%; margin: 0 auto;} 
.ry-img img{max-width:100%; min-width:100%; margin: 0 auto;}
.ry{ width: 100%; height:30rem; padding-top:10px;}
.ry-con{ width:100%;}
.ry-img{ width:100%; margin: 0 auto;}
.ry-img img{max-width:100%; min-width:100%; margin: 0 auto;}
.ry-con .swiper-container { width: 100%;  height:auto; margin: 0 auto;}
.ry-con .swiper-slide { background-size: cover; background-position: center;}
.ry-con .gallery-top {height:20rem; width:100%; }
.ry-con .gallery-thumbs {height: 40px; margin-top: 1rem; box-sizing: border-box; }
.ry-con .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.9;}
.ry-con .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;border: 2px #fff solid;}

.ry-tab{ width: 900px; margin: 0 auto; margin-top: 30px;}
.ry-tab li{ display: inline-block; width:90px; height: 56px; line-height: 56px; font-size: 20px; text-align: center; background: #2f9089; color: #fff; border-radius: 3px; cursor: pointer;}
.ry-tab .ry-cur{ background: #ffd100; color: #000;}
.ry .swiper-slide{ width: 280px; margin-right: 10px; }
.ry-box img{  border-radius: 3px;}

/*************15地址*******************/
.dizhi{width:100%; height:auto; margin:0 auto; background:#078efa; }
.dizhi img{ min-width: 100%; max-width:100%; }



/***************底部**************/
.fixed {position: fixed;left: 0;bottom: 0;width: 100%;overflow: hidden;z-index: 99999;}
.fixed_a1 {display: inline-block;width: 50%;float: left;background:#fb6400;font-size: 1.8rem;color: #fff;height: 4rem;line-height: 4rem;text-align: center}
.fixed_a2 {display: inline-block;width: 50%;float: left;background:#05983d;font-size: 1.8rem;color: #fff;height: 4rem;line-height: 4rem;text-align: center}