@charset "utf-8";
a{cursor: pointer;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{margin:0;font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;line-height: 1.42857143;font-size: 14px;min-width: 320px; min-width: 100%; background: #f5f5f5; color: #333; }
h1{font-size:2em;margin:.67em 0;}
figure{margin:1em 40px;}
hr{box-sizing:content-box;height:0;overflow:visible;}
a{-webkit-text-decoration-skip:objects;background-color:transparent;}
abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}
b,strong{font-weight:bolder;}
dfn{font-style:italic;}
mark{background-color:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-.25em;}
sup{top:-.5em;}
audio:not([controls]){display:none;height:0;}
img{border-style:none;}
svg:not(:root){overflow:hidden;}
button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline: none;}
body, button, input, select, textarea {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,html [type=button],/* 1 */
[type=reset],[type=submit]{-webkit-appearance:button;}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:.35em .75em .625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{display:inline-block;vertical-align:baseline;}
textarea{overflow:auto;}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0; }
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto;}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
summary{display:list-item;}
article,aside,footer,header,nav,section,figcaption,figure,main,details,/* 1 */
menu{display:block;}
pre,code,kbd,samp{font-family:monospace, monospace;font-size:1em;}
audio,video,canvas{display:inline-block;}
template,[hidden]{display:none;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
a {color: #333;text-decoration: none;}
a:hover {color: #009bde;}
ul {margin: 0;list-style: none;padding: 0;}
.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;}
.img-cover {overflow: hidden;position: relative;}
.img-cover span {display: block;width: 100%;background: no-repeat center / cover;-webkit-transition: all 0.5s;transition: all 0.5s;height: 100%;position: absolute;left: 0;top: 0;}
.section {padding:0px 0;}
.container{width: 1200px;margin: 0 auto;}
.title{overflow: hidden; display: block;}
.title-p{color: #121212; text-align: center; font-size: 42px; font-weight: bold;  }

/**2023.6.21 外籍子女页css**/
/**头部css**/
.header{ width: 100%;}
.header .logo {float: left;height: 78px;line-height: 78px;text-align: left;}
.header .tel {float: right;line-height: 78px;text-transform: uppercase; margin-left: 2px; font-size: 24px; color: #0f356c;}
/*头部css结束*/

/********************banner****************************/
.header-pc{ display: block}
.header-yd,.ban-yd,.add-img{ display: none}
.header-yd-img{ width: 74%;padding: 10px 13% 5px; background:#f6f6f6; }
.header-yd-img img{ max-width: 100%; min-width: 100%;}
.ban-pc{ display: block; overflow: hidden; width:1920px; height:600px; margin:0 auto; background:#5875f5 url(../images/ban_pc.png) no-repeat top right;}
.ban-pc div{width: 1150px; margin:0 auto;}
.ban-pc div h3{display:block; color: #fff; font-size:104px; line-height:118px; text-align: left;}
.ban-pc div h3 span{color: #fff004; font-size:108px;}

/********************导语***********************************/
.dy{width:1200px; height:298px; margin:0 auto; margin-top:-200px; background: url(../images/dy-bg.png) no-repeat;}
.dy .dy_xq{ width:1150px; margin:0 auto; padding-top: 55px;}
.dy .dy_xq h3{font-size: 18px; line-height: 20px; color: #333;}
.dy .dy_xq h3 img{display:block; float: left; margin-right: 5px; }
.dy .dy_xq p{ font-size: 16px; line-height: 16px; color: #666;}

/*******************表单************************************/
.ban_form{width:1200px; height:140px; margin:0 auto; background: url(../images/form_bg.jpg) no-repeat;}
.ban_form h3{display: none;}
.ban_form .form_Box{width: 800px; padding-left: 470px; padding-top: 45px;} 
.ban_form .ban_form_input {width: 208px;height: 52px;float: left; margin-right:10px; background: #fff; border-radius:5px;line-height: 52px;font-size: 16px;padding-left:10px;vertical-align: middle;border: none;}
.ban_form .ban_form_btn {width: 155px;height: 52px; background: #fff604; float: left; border-radius:34px;color:#000;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center;line-height:52px; cursor: pointer;font-size: 18px;}

/*****************************上海外籍子女学校大全*********************************/
.hd{overflow: hidden; background: #f5f5f5;}
.hd-con{width: 100%;}
.hd-jh{overflow: hidden; margin-bottom: 23px;}
.hd-jh li {float: left; width:49%; margin-right: 2%; margin-top:10px; background: #fff; box-shadow: 0 10px 20px rgba(0,0,0,0.05); border-radius: 3px;-webkit-transition: all 0.5s; transition: all 0.5s;}
.hd-jh li:nth-child(2n){ margin-right: 0}
.hd-jh li:hover {background-color: #009bde; color: #fff;}
.hd-jh li img {float: left; width: 27%; height: 100%; margin-right:2%;}
.hd-jh li a{float: left; display: block; width:71%;}
.hd-jh li h3{font-weight: bold;font-size: 18px; line-height:18px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.hd-jh li:hover h3,.hd-jh li:hover p{color: #fff;}
.hd-jh li p {overflow: hidden; color: #8e8e8e;-webkit-transition: all 0.5s;transition: all 0.5s; font-size: 16px; line-height:20px;}
.hd-jh li span {overflow: hidden; color: #000; background:#ffb504; padding:5px 35px; font-size:16px; border-radius: 25px;}

/***********************新航道择校服务********************************/
.ks{}
.ks .title .tabs-menu{float:left;}
.ks-con{}
.ks-ul{ overflow: hidden}
.ks-ul li{ float: left; width: 32%; margin-right: 2%; margin-top: 10px}
.ks-ul li:nth-child(3n){margin-right: 0}
.ks-bac1{background:url(../images/kc-img3.jpg) no-repeat center center; background-size: cover}
.ks-bac2{background:url(../images/kc-img2.jpg) no-repeat center center; background-size: cover}
.ks-bac3{background:url(../images/kc-img4.jpg) no-repeat center center; background-size: cover}
.ks-bac4{background:url(../images/kc-img1.jpg) no-repeat center center; background-size: cover}
.ks-bac5{background:url(../images/kc-img5.jpg) no-repeat center center; background-size: cover}
.ks-bac6{background:url(../images/kc-img6.jpg) no-repeat center center; background-size: cover}
.ks-li{ width: 90%; height: auto; padding: 30px 5%; text-align: center; }
.ks-li p{font-size: 22px;color: #fff; font-weight: bold; margin-top: 0; margin-bottom: 8px;overflow: hidden;    
text-overflow:ellipsis;white-space: nowrap;}
.ks-li p em{color: #fff604; font-style: normal;}
.ks-li span{ display: block; font-size: 16px;color: #fff; margin-bottom: 2px;overflow: hidden;    
text-overflow:ellipsis;white-space: nowrap;}

/****************** 国际学校备考课程 ***************/
.kaoqing { min-width: 1200px; width: 100%; margin: 0 auto; height: auto; box-sizing: border-box; background: url(../images/kq-bg2.jpg) 100% center no-repeat;}
.kaoqing .pageCenter { margin: 0 auto; width: 1200px; box-sizing: border-box;}
.kaoqing_box ul { width: 1200px; height: 382px; background: #FFFFFF; box-shadow: 0 0 10px 0 rgba(119,167,249,0.48);; border-radius: 6px; display: flex; flex-wrap: wrap;}
.kaoqing_box ul li { width:199px; height: 190px; text-align: center; display: flex; justify-content: center; align-items: center; flex-flow: column; border-right: 1px solid #D6DADE; border-bottom: 1px solid #D6DADE; cursor: pointer; font-size: 20px; color: #333333;}
.kaoqing_box ul li:nth-child(6n) { border-right: 0;}
.kaoqing_box ul li:nth-child(n+7) { border-bottom: 0;}
.kaoqing_box ul li img { display: block; width: 85px; height: 85px; margin:0 auto;}
.kaoqing_box ul .active { background: #FFFFFF; box-shadow: 0 0 10px 0 rgba(119,167,249,0.48);; border-radius: 6px 0 0 0;}
.kaoqing_box ul li a{ cursor: pointer;}
.kaoqing_box ul li .anniu{background: #ffb504; border-radius: 25px; padding:5px 20px;}

/*******************国际学校模考*****************/
.mk{overflow: hidden;}
.mk-ul{ width: 100%;}
.mk-ul li{ float: left; width:23.4%; margin-right:2%;}
.mk-ul li:nth-child(4n){margin-right: 0}
.mk-ul li div img{ display: block; width:100%; margin: 0 auto; -webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s; }
.mk-ul li:hover div img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.mk-ul li p{ font-size: 16px; text-align: center;color:#333;margin-top: 6px; margin-bottom: 0px; word-break: break-all;overflow: hidden;text-overflow: ellipsis; }

/************************新闻资讯*********************/
.news{overflow: hidden; padding-bottom:3rem;}
.news-l{width:48%; float: left; margin-right: 5%;}
.news-l li{width:100%;  }
.news-l li p{ font-size: 16px; text-align:left;color:#333; margin-top: 6px; word-break: break-all;  white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis; text-overflow: ellipsis;}
.news-r{width:47%; float:left;}
.news-r li{width:100%; }
.news-r li p{ font-size: 16px; text-align:left;color:#333; margin-top: 6px; word-break: break-all;  white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.news-l li p em,.news-r li p em{float: right; font-style:normal; }   
.subject_C:before { width: 13px; height: 13px;float: left; display: inline-block; content: ''; background: url(../images/i-sprite.png) no-repeat; background-position: -112px 0; vertical-align: middle; margin-right: 15px; margin-top: 5px;}
.sy-iframe{height:530px; border: medium none;}

@media screen and (max-width: 1680px) {}
@media screen and (max-width: 1550px) {
    .container {width:1200px;}
    .header .nav li {margin: 0;}
    .banner .ctrl {margin-right: -600px;}
	.header{top: 80px}
	.wrapper01 {left: 0%;top: 4px;}
	.ks-ul li:nth-child(3n){margin-right: 0}
}

@media screen and (max-width:1500px) {
	.xz-xq-st {width: 50%;left: 25%;}
	.bk-new-img {width: 25%;}
	.bk-new-l {width: 35%;margin-right: 2%;}
	.hd-l{ width: 63%;}
	.hd-r ul li { margin-bottom: 12px;padding-bottom: 12px;}
	.ks-ul li:nth-child(3n){margin-right: 0}
}
@media screen and (max-width:1200px) { .ks-ul li:nth-child(3n){margin-right: 0}}
@media screen and (max-width:1024px) { .ks-ul li:nth-child(3n){margin-right: 0}}

@media screen and (max-width: 768px) {
	body{padding-top:0px;}
    .container {width: 96%; padding: 0}
	.header,.ban-pc,.dy{display: none;}
    .header .tel {display: none;}
    .header .logo {height: 30px;padding: 10px 0;line-height: 30px;float: none;}
    .section {padding: 15px 0 25px;}
	.title{border-bottom: 1px solid #dddddd; overflow: hidden;padding-bottom:5px;}
    .title-p{color: #121212;font-size: 28px;font-weight: bold; text-align: center; float: none;}
	
    /********************移动端 导语***********************************/
    .dy-yd{width:100%; height:auto; background:#fff; margin:0 auto; }
    .dy-yd .dy_xq{ width:94%; margin:0 auto; padding-bottom:1rem;}
    .dy-yd .dy_xq h3{font-size: 16px; line-height:20px; color: #333;}
    .dy-yd .dy_xq p{ font-size: 15px; line-height:20px; color: #666;}
	
	/***************移动端 表单*****************/
	.ban_form{width:100%; height:auto; margin:0 auto; background:#1943ed; padding:0px 0px 20px 0px;}
	.ban_form h3{display: block; text-align: center; color:#fff; font-size: 28px;}
    .ban_form .form_Box{width:100%; padding-left: 0; padding-top:10px;} 
    .ban_form .ban_form_input {width:80%;height: 52px; float:none; margin-right:0; margin-left:10%; background: #fff; border-radius:5px;line-height: 52px;font-size: 16px;padding-left:10px;vertical-align: middle;border: none; margin-top:10px;}
    .ban_form .ban_form_btn {width:70%;height: 52px; background: #fff604; float: none; margin-left:15%; margin-top:10px; border-radius:34px;color:#000;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center;line-height:52px; cursor: pointer;font-size: 18px; }
	
	/***********移动端 新航道择校服务***********/
	.ys-con a{width: 49%;margin-right: 2%;}
	.ys-con a:nth-child(2n){margin-right:0;}
	.ys-con .ys-xq{ display: none}
	.ys-con .ys-h3{ display: block}
	.ys-con li:hover .ys-xq{ display: none}
	.ys-con li:hover .ys-h3{ display: block}
	
	/***********移动端 上海外籍子女学校大全********************/
	.hd-jh li { width: 49%;margin-right: 2%;}
	.hd-jh li img{float: none; max-width: 100%; min-width: 100%; }	
	.hd-jh li a{width: 96%; padding: 4%; }	
	
    /*******************************************/
	.ks-ul li{ width:49%; margin-right: 1%;}
	.ks-ul li:nth-child(2n){margin-right: 0}
	.ks-ul .ks-ml{margin-left:1%;}
	
    /**********移动端 国际学校模考***************/
	.mk-ul{width: 100%;float: none;}
	.mk-ul li { float: left;width:49%; margin-right: 1%;}
	.mk-ul li:nth-child(2n){margin-right:0}
	.news-con{}
	.news-l{width:100%; margin:0 auto;}
	.news-yd{display: none;}
	.copy-p1,.copy-p2{ float: none;text-align: center}
    .header-yd,.ban-yd{ display: block}
	.wrapper03 .scroller li.cur a {color: #fff;height: 30px;line-height: 30px;}	
	.wrapper03 {margin-top: 10px;}
	.wrapper{min-width: 320px;max-width:768px;margin:0 auto;}
	.wrapper01{ left: 1%;top: 0px;}

	/********************************/
	.kaoqing { min-width:100%; max-width: 100%; margin: 0 auto; height: auto; box-sizing: border-box;}
	.kaoqing .pageCenter { margin: 0 auto; width:auto; box-sizing: border-box;}
    .kaoqing_box ul { width: 96%; height: auto; margin:0 auto; background: #FFFFFF; box-shadow: 0 0 6px 0 rgba(119,167,249,0.48);; border-radius: 6px; display: flex; flex-wrap: wrap;}
    .kaoqing_box ul li { width:33%; height:auto; text-align: center; display: flex; justify-content: center; align-items: center; flex-flow: column; border-right: 1px solid #D6DADE; border-bottom: 1px solid #D6DADE; cursor: pointer; font-size:16px; color: #333333; padding:3% 0px;}
    .kaoqing_box ul li:nth-child(3n) { border-right: 0;}
    .kaoqing_box ul li img { display: block; max-width: 50%; min-width:50%; height: auto;}
    .kaoqing_box ul .active { background: #FFFFFF; box-shadow: 0 0 5px 0 rgba(119,167,249,0.48);; border-radius: 6px 0 0 0;}
    .kaoqing_box ul li a{background: #ffb504; border-radius:16px; padding:1%;}
	
	}


@media screen and (max-width:767px) {
    iframe.sp{width: 123%;height: 205px;}
	.popup {width: 70%;left: 15%;}
	.hd-ul li div p{margin-top: 7%;font-size: 14px;margin-bottom: 3px; line-height: 17px;}
	.ks-ul li:nth-child(2n){margin-right: 0}
}
@media screen and (max-width:415px) {
	.popup {width: 86%;left: 7%;}
	.popup p {font-size: 22px;margin-bottom: 10px;}
    .header-active { position: fixed;top: 0px;}
	.ks-ul li:nth-child(2n){margin-right: 0}
}