@charset "utf-8";


body,html{ background-color:#fff; min-height:100%;}

.container{ width:100%; min-height:100%; max-width: 650px; min-width: 360px; padding-top: 44px; padding-bottom: 50px; margin: 0 auto; position:relative; font-size:14px; color:#333; background: #fff; font-family:'微软雅黑', Arial, Helvetica, sans-serif ; zoom:1;}
.container a{text-decoration:none; outline:none; color: #333;}

.header{width:100%; max-width: 650px; min-height:44px; position:fixed; top:0; z-index:999; background: #fff;}
.header .headerBox{ width: 100%; min-height:44px; background: #C8201E; }
.header .logo{ float:left; margin-top: 11px; margin-left: 20px; padding-right: 18px; border-right: solid 1px #fff;}
.header .logo img{ height: 22px; vertical-align: middle;}
.header .info{ float: left; margin-left: 20px; line-height: 42px;}
.header .info span.phone{ margin-left: 10px; font-size: 15px; color: #fff!important; vertical-align: middle; font-weight: bold; }
.header .navBtn{ height: 44px; float: right; color: #fff; padding-right: 15px; padding-top: 13px; box-sizing: border-box; cursor: pointer; }

.headerNav{ width: 100%; height: 100%; background: #fff; overflow-x: hidden; overflow-y: auto;  display: none; }
.headerNav .title{ width: 100%; padding-bottom: 10px; border-top: solid 1px #f6f6f6;}
.headerNav .title h2{ float: left; margin-left: 4%; margin-top: 15px; font-size: 16px; font-weight: bold; }
.headerNav .title a{ float: right; margin-right: 4%; margin-top: 15px; }
.headerNav ul{ width: 100%; padding-bottom: 15px; }
.headerNav ul li{ width: 20%; height: 22px; line-height: 22px; margin-top: 5px; margin-bottom: 5px; margin-left: 4%; float: left;background: rgba(0,0,0,0.06);border-radius: 4px; font-size: 12px; text-align: center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.header.headerMax{ min-height: 100%; }

.footer{ width: 100%; background: #efefef; margin-top: 20px; padding-bottom: 15px; color: #333; font-size: 13px; line-height: 180%; }
.footer-logo{ width: 100%; padding: 20px 0; box-sizing: border-box; text-align: center; border-bottom: solid 1px #e4e4e4; }
.footer-logo img{ width: 30%; vertical-align: top; }
.footer .textBox{ width: 75%; float: left; padding-left: 4%; padding-top: 15px; box-sizing: border-box; }
.footer .textBox .footer-phone{ margin-top: 3px; font-size: 24px; font-weight: bold; }
.footer .textBox .footer-address{ margin-top: 5px; line-height: 150%;}
.footer .imgBox{ width: 25%;  padding-top: 15px;padding-right: 4%; box-sizing: border-box; float: right; text-align: center; }
.footer .imgBox img{ width: 100%; vertical-align: top; }
.footer .imgBox p{ font-size: 12px; color: #666;}

/*底部菜单*/
.btnList{ width: 100%; max-width: 650px; height:50px; position:fixed; bottom:0; z-index:999; background: #C8201E; text-align: center; }
.btnList a{ width: 24%; display: inline-block; font-size: 12px; color: #fff; }
.btnList a img{ height: 20px; vertical-align: top; margin-bottom: 3px; margin-top: 6px; }

/*免费试听*/
.popBox-bg{width: 100%;height: 100%;background: rgba(0,0,0,0.7);position: fixed;top: 0;left: 0;z-index: 999;}
.popBox{ width: 345px; height: 385px; background: url(../images/shiting-bg.png) no-repeat; background-size: 100%; box-sizing: border-box; position: absolute; top: 50%; left: 50%; margin-left: -173px; margin-top: -200px; z-index: 99; }
.popClose{ width: 25px; height: 25px; background: url(../images/close.png) no-repeat; background-size: 100% 100%; position: absolute; top: 50%; left: 50%; z-index: 9999; margin-left: 120px; margin-top: -170px; cursor: pointer;}
.popBox .title{ width: 100%; height: 33.5px; text-align: center; color: #F32B1B; font-size: 24px; margin-top: 85px; font-weight: bold; }
.popBox .inputBox{ width: 230px; margin: 0 auto; padding: 0 34px 0 34px; box-sizing: border-box; }
.popBox .inputBox .inputText{ width: 100%; height: 25px; line-height: 24px; border-radius: 8px; border:solid 1px #e4e4e4; box-sizing: border-box; text-align: center; font-size: 13px; text-align: left; padding-left: 10px;}
.popBox .inputBox .btn{ width: 100%; height: 25px; line-height: 25px; border: none; color: #fff; display: inline-block; text-align: center; font-size: 18px; border-radius: 55px;transition: all 0.3s ease 0s; background: none; }
.popBox .inputBox .inputSelect{ height: 33px; position: relative; }
.popBox .inputBox .inputSelect span{ font-size: 10px; display: inline-block; width: 30%; float: left; color: #999; }
.popBox .inputBox .inputText.inputText-school{ width: 70%; float: right; padding-right: 20px; box-sizing: border-box; outline: none; }
.popBox .inputBox .inputSelect .inputShow{ border-radius: 8px 8px 0 0; }
.popBox .inputBox .inputSelect:before{ content: ""; display: inline-block; width: 0; height: 0;border-width: 6px;border-style: solid;border-color:#999999 transparent transparent transparent; position: absolute; right: 8px; top: 10px;}
.popBox .SelectBox{ width: 70%; padding: 3px 2px 3px 2px; box-sizing: border-box; background: #fff; position: absolute; top: 24px; right: 0; z-index: 99; border: solid 1px #e4e4e4; border-radius:0 0 8px 8px; display: none;}
.popBox .SelectBox a{ min-width: 60px; padding: 2px 8px; margin-top: 5px; display: inline-block; color: #464646; box-sizing: border-box; text-align: left; font-size: 12px;}
.popBox .SelectBox a:hover{ background: #f39700; color: #fff; border-radius: 6px;}

.popBoxWX{ width: 345px; height: 305px; background: url(../images/weixin-bg.png) no-repeat; background-size: 100%; box-sizing: border-box; position: absolute; top: 50%; left: 50%; margin-left: -173px; margin-top: -200px; z-index: 99; }
.popBoxWX .title{ width: 100%; height: 25px; text-align: center; color: #F32B1B; font-size: 18px; margin-top: 85px; font-weight: bold; }
.popBoxWX .con{ height: 35px; text-align: center; color: #333; font-weight: bold; font-size: 30px; margin-top: 6px; }
.popBoxWX p{ height: 16.5px; font-size: 12px; text-align: center; color: #666; }
.popBoxWX .btn{width: 100%; height: 25px; line-height: 25px; border: none; color: #fff; display: inline-block; text-align: center; font-size: 18px; border-radius: 55px;transition: all 0.3s ease 0s; background: none; margin-top: 4px;}


/*面包屑导航*/
.navigation{ height: 30px; line-height: 30px; margin-left: 4%; margin-right: 4%; border-bottom: solid 1px #e4e4e4; font-size: 12px; color: #666; }
.navigation .link{ float: left; }
.navigation .link a{ color: #666; }
.navigation .link:after{ content: ">"; display: inline-block; color: #666; margin: 0 8px; }
.navigation .current{ color: #C8201E; }


/*分页*/
.paging{ width: 100%; text-align: center; padding: 30px 0; box-sizing: border-box; font-size: 12px; line-height: 20px; }
.paging >li{ display: inline-block; vertical-align: middle; }
.paging >li.paging-btn a{ display: inline-block; padding: 0 5px; height: 20px; line-height: 18px; border-radius: 2px; border: solid 1px #999; box-sizing: border-box; color: #333; }
.paging >li.paging-text{ margin-left: 10px; margin-right: 10px; }
.paging >li .paging-input{ width: 20px; height: 20px; line-height: 20px; box-sizing: border-box; border: none; border-bottom: solid 1px #999; outline: none; margin-left: 4px; margin-right: 4px; text-align: center; background:none; }


/*首页*/
.banner{ width: 100%; position: relative; overflow: hidden; }
.banner img{ width: 100%; vertical-align: top; }
.inletList{ width: 100%; padding-top: 10px; padding-bottom: 30px; }
.inletList li{ width: 20%; float: left; text-align: center; margin-top: 20px; }
.inletList li .img{ width: 70%; display: inline-block; }
.inletList li .img img{ width: 100%; vertical-align: top; }
.inletList li h2{ text-align: center; font-size: 12px; margin-top: 5px; }
.plan{ width: 100%; margin-top: 25px; }
.plan h3{ font-size: 15px; font-weight: bold; text-align: center; padding-bottom: 5px; }
.plan .inputBox{ width: 100%; padding:0 4% 30px 4%; box-sizing: border-box;  }
.plan .inputBox .inputText{ width: 100%; height: 35px; line-height: 34px; border-radius: 8px; border:solid 1px #e4e4e4; box-sizing: border-box; text-align: center; font-size: 13px; text-align: left; padding-left: 35px; outline: none;}
.plan .inputBox .inputSelect{ position: relative; }
.plan .inputBox .inputSelect .inputShow{ border-radius: 8px 8px 0 0; }
.plan .inputBox .inputSelect:before{ content: ""; display: inline-block; width: 0; height: 0;border-width: 6px;border-style: solid;border-color:#999999 transparent transparent transparent; position: absolute; right: 12px; top: 14px;}
.plan .SelectBox{ width: 100%; padding: 3px 2px 6px 2px; box-sizing: border-box; background: #fff; position: absolute; top: 34px; right: 0; z-index: 99; border: solid 1px #e4e4e4; border-radius:0 0 8px 8px; display: none;}
.plan .SelectBox a{ width: 32%; padding: 2px 8px; margin-top: 5px; display: inline-block; color: #464646; box-sizing: border-box; text-align: left; font-size: 12px;}
.plan .SelectBox a:nth-child(2){ width: 60%; }
.plan .SelectBox a:hover{ background: #f39700; color: #fff; border-radius: 6px;}
.plan .inputBox .inputText.form_name{ background: url(../images/plan-icon1.png) no-repeat; background-position: 10px center; background-size: auto 18px; }
.plan .inputBox .inputText.form_phone{ background: url(../images/plan-icon2.png) no-repeat; background-position: 10px center; background-size: auto 18px; }
.plan .inputBox .inputText.form_school{ background: url(../images/plan-icon3.png) no-repeat; background-position: 10px center; background-size: auto 18px; }
.plan .inputBox .btn{width: 100%; height: 40px; line-height: 40px; border: none; color: #fff; display: inline-block; text-align: center; font-size: 14px; border-radius: 40px;transition: all 0.3s ease 0s; background: #C8201E;}

.service{ width: 100%; margin-top: 10px; }
.service h2{ margin-left: 4%; margin-right: 4%; font-weight: bold; font-size: 15px; padding-bottom: 8px; border-bottom:solid 1px #e4e4e4; }
.service ul li{ width: 27.8%; float: left; margin-left: 4%; margin-top: 20px; text-align: center; border: solid 1px #C8201E; border-radius: 4px; overflow: hidden; padding-bottom: 8px; }
.service ul li .img{ width: 100%; }
.service ul li .img img{ width: 100%; vertical-align: top; }
.service ul li h3{ font-size: 14px; font-weight: bold; margin-top: 5px; margin-bottom: 5px; }
.service ul li .btn a{ width: 75%; height: 20px; display: inline-block; background: #C8201E; color: #fff; font-size: 12px; line-height: 20px; outline: none; border-radius: 20px; }

.hotClass{ width: 100%; margin-top: 30px; }
.hotClass .title{ margin-left: 4%; margin-right: 4%; padding-bottom: 4px; border-bottom:solid 1px #e4e4e4; }
.hotClass .title h2{ float: left; font-weight: bold; font-size: 15px;}
.hotClass .title .menu{ float: left; padding-left: 5px; font-size: 12px; margin-top: 4px; }
.hotClass .title .menu li{ float: left; margin-left: 8px; }
.hotClass .title .menu li.on a{ color: #C8201E; border-bottom: solid 2px #C8201E; display: inline-block; padding-bottom: 3px; }
.hotClass .title .more{ float: right; color: #666; font-size: 12px; margin-top: 4px; }
.hotClassList{ width: 100%; }
.hotClassList li{ width: 28%; float: left; margin-left: 4%; margin-top: 20px; box-sizing: border-box; text-align: center; border-radius: 4px; overflow: hidden; padding-bottom: 8px; box-shadow: 0 1px 2px rgba(0,0,0,.4);  }
.hotClassList li .textBox{ width: 100%; padding-bottom: 78%; position: relative; }
.hotClassList li .textBox:before{content: ""; width: 100%; height: 100%; position: absolute;top: 0;right: 0;background: url(../images/hotClass-icon.png);background-size: 100% 100%;}
.hotClassList li:nth-child(1) .textBox{ background: linear-gradient(208deg, #FF494A, #E60012);}
.hotClassList li:nth-child(2) .textBox{ background: linear-gradient(208deg, #8E6FFF, #6E48FF);}
.hotClassList li:nth-child(3) .textBox{ background: linear-gradient(208deg, #BCEE57, #92C52B);}
.hotClassList li:nth-child(4) .textBox{ background: linear-gradient(208deg, #5770FF, #0122D7);}
.hotClassList li:nth-child(5) .textBox{ background: linear-gradient(208deg, #FF8044, #CC4F45);}
.hotClassList li:nth-child(6) .textBox{ background: linear-gradient(208deg, #23A2F8, #157CC2);}
.hotClassList li .textBox .name{ width: 100%; padding: 0 6px; box-sizing: border-box; color: #fff; font-size: 16px; font-weight: bold; position: absolute; top: 50%;left: 50%;z-index: 3;transform: translate(-50%,-50%); }
.hotClassList li .btns{ width: 100%; margin-top: 8px; }
.hotClassList li .btns .themeBtn,.hotClassList li .btns .themeBtn2{ width: 50%; height: 20px; display: block; float: left; font-size: 12px; line-height: 20px; box-sizing: border-box; border-radius: 4px; padding: 0 1px; text-align: center; transform: scale(0.85); }
.hotClassList li .btns .themeBtn{ border: solid 1px #C8201E; color: #C8201E; }
.hotClassList li .btns .themeBtn2{ background: #C8201E; color: #fff; float: right; }

.schoolMain{ width: 100%; margin-top: 35px; }
.schoolMain .title{ margin-left: 4%; margin-right: 4%; padding-bottom: 4px; border-bottom:solid 1px #e4e4e4; }
.schoolMain .title h2{ float: left; font-weight: bold; font-size: 15px;}
.schoolMain .title .menu{ float: left; padding-left: 10px; font-size: 13px; margin-top: 4px; }
.schoolMain .title .menu li{ float: left; margin-left: 10px; }
.schoolMain .title .menu li.on a{ color: #C8201E; border-bottom: solid 2px #C8201E; display: inline-block; padding-bottom: 3px; }
.schoolMain .title .more{ float: right; color: #666; font-size: 12px; margin-top: 4px; }
.schoolList{ width: 100%; }
.schoolList li{ width: 44%; float: left; margin-left: 4%; margin-top: 20px; box-shadow: 0 0 2px rgba(0,0,0,.4); }
.schoolList li .img{ width: 100%; padding-bottom: 45%; overflow: hidden; position: relative; }
.schoolList li .img img{ width: 100%; vertical-align: top; position: absolute; top: 0; left: 0; }
.schoolList li h3{ font-size: 12px; font-weight: bold; margin-left: 5px; margin-top: 5px; }
.schoolList li .text{ width: 140%; height: 66px; padding-left: 5px; transform: scale(0.7); margin-left: -35px; margin-top: -6px; }
.schoolList li p{ font-size: 12px; color: #666; }
.schoolMain .btn{ width: 100%; text-align: center; margin-top: 25px; margin-bottom: 30px; }
.schoolMain .btn a{ width: 45%; height: 30px; display: inline-block; background: #C8201E; color: #fff; font-size: 12px; line-height: 30px; outline: none; border-radius: 30px; }

.education{ width: 100%; padding-top: 5px; }
.education h2{ margin-left: 4%; margin-right: 4%; font-weight: bold; font-size: 15px; }
.educationList li{ width: 28%; float: left; margin-left: 4%; margin-top: 20px; text-align: center; border-radius: 4px; overflow: hidden; padding-bottom: 4px; box-shadow: 0 0px 2px rgba(0,0,0,.4); }
.educationList li .img{ width: 100%; }
.educationList li .img img{ width: 100%; vertical-align: top; }
.educationList li .text{ width: 100%; height: 40px; overflow: hidden; box-sizing: border-box; line-height: 130%; font-size: 12px; text-align: center; position: relative; }
.educationList li .text p{ width: 160%; position: absolute; top: 50%;left: 50%;z-index: 3;transform: translate(-50%,-50%)  scale(0.6); }

.newsIndex{ width: 100%; margin-top: 30px; }
.newsIndex .title{ margin-left: 4%; margin-right: 4%; border-bottom:solid 1px #e4e4e4; }
.newsIndex .title .menu{ float: left; font-size: 12px; font-weight: bold; }
.newsIndex .title .menu li{ float: left; margin-right: 10px; }
.newsIndex .title .menu li a{ display: inline-block; padding-bottom: 5px;}
.newsIndex .title .menu li.on a{ color: #C8201E; border-bottom: solid 2px #C8201E; }
.newsIndex .title .more{ float: right; color: #666; font-size: 12px; }
.newsIndexList{ width: 100%; padding: 0 4%; box-sizing: border-box; }
.newsIndexList li{ width: 100%; margin-top: 15px; padding-bottom: 15px; border-bottom:solid 1px #e4e4e4; }
.newsIndexList li .img{ width: 38%; padding-bottom: 18%; float: left; position: relative; overflow: hidden; }
.newsIndexList li .img img{ width: 100%; position: absolute; top: 50%;left: 50%;z-index: 3;transform: translate(-50%,-50%);}
.newsIndexList li .textBox{ width: 62%; float: left; padding-left: 20px; box-sizing: border-box; }
.newsIndexList li .textBox h3{ height: 36px; line-height: 18px; font-size: 13px; overflow: hidden; }
.newsIndexList li .textBox .times{ float: left; font-size: 12px; color: #666; } 
.newsIndexList li .textBox a.btn{ float: right; font-size: 12px; color: #666; } 

.areaIndex{ width: 100%; margin-top: 30px; padding: 0 4% 15px 4%; box-sizing: border-box; }
.areaIndex .title{ width: 100%; border: solid 1px #e4e4e4; box-sizing: border-box; }
.areaIndex .title h2{ width: 100%; height: 24px; line-height: 24px; color: #fff; font-size: 16px; text-align: center; background: #C8201E; }
.areaIndex .title .menu{ width: 100%; padding-top: 8px; }
.areaIndex .title .menu li{ width: 16.6%; float: left; text-align: center; box-sizing: border-box; }
.areaIndex .title .menu li a{ display: inline-block; color: #333; padding-bottom: 6px; font-size: 12px; transform: scale(0.9); }
.areaIndex .title .menu li.on a{ color: #C8201E; border-bottom: solid 2px #C8201E; }
.areaIndexList{ width: 100%; margin-top: 15px; }
.areaIndexList li{ width: 48%; float: left; }
.areaIndexList li:nth-child(2n){ float: right; }
.areaIndexList li img{ width: 100%; vertical-align: top; }

@media only screen and (min-width: 600px){
.hotClass .title .menu{ padding-left: 15px; font-size: 13px; }
.hotClass .title .menu li{ margin-left: 15px; }

.schoolMain .title .menu{ padding-left: 15px; font-size: 13px; }
.schoolMain .title .menu li{ margin-left: 15px; }
.newsIndex .title .menu li{ margin-right: 20px; }
.areaIndex .title .menu li a{ transform: scale(1);}
}
@media only screen and (max-width: 365px){
.hotClass .title .menu{ padding-left: 5px; font-size: 12px; }
.hotClass .title .menu li{ margin-left: 5px; }
.hotClassList li .btns .themeBtn{ padding: 0; }
.newsIndex .title .menu li{ margin-right: 7px; }
}


/*新闻资讯*/
.news-nav{ width: 100%; height: 45px; border-bottom: solid 1px #e4e4e4; }
.news-nav >ul >li{ float: left; text-align: center; height: 45px; line-height: 45px; font-size: 14px; }
.news-nav >ul >li a{ display: block; width: 100%; height: 100%; box-sizing: border-box; color: #333; }
.news-nav >ul >li.on a{ color: #C8201E; border-bottom: solid 2px #C8201E; font-weight: bold; }
.news-main{ width: 100%; padding: 0 4%; box-sizing: border-box; }
.news-navTitle{ width: 100%; text-align: center; margin-top: 15px; margin-bottom: 25px; }
.news-navTitle a{ display: inline-block; padding: 0 22px; height: 25px; line-height: 25px; border-radius: 25px; background: #F0F0F0; color: #333; font-size: 14px; margin: 10px 3px 0 3px; }
.news-navTitle a.on{ background: #C8201E; color: #fff; }
.news-list{ width: 100%; }
.news-list li{ width: 100%; margin-top: 15px; padding-bottom: 15px; border-bottom:solid 1px #e4e4e4; }
.news-list li .img{ width: 38%; padding-bottom: 23%; float: left; position: relative; overflow: hidden; }
.news-list li .img img{ width: 100%; position: absolute; top: 50%;left: 50%;z-index: 3;transform: translate(-50%,-50%);}
.news-list li .textBox{ width: 62%; float: left; padding-left: 20px; box-sizing: border-box; }
.news-list li .textBox h3{ width: 100%; height: 18px; line-height: 18px; font-size: 14px; font-weight: bold; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.news-list li .textBox p{ width: 100%; height: 30px; line-height: 15px; margin-top: 10px; font-size: 12px; color: #666; text-overflow:-o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:2; line-clamp:2;-webkit-box-orient: vertical; }
.news-list li .textBox .times{ margin-top: 8px; font-size: 12px; color: #666; } 
.news-titleCon{ width: 100%; border-bottom: solid 1px #e4e4e4; padding: 20px 0; box-sizing: border-box; text-align: center; }
.news-titleCon h2{ font-size: 16px; font-weight: bold; }
.news-titleCon .info{ font-size: 12px; color: #666; margin-top: 10px; }
.news-mainText{ width: 100%; line-height: 150%; border-bottom: solid 1px #e4e4e4; font-size: 13px; padding: 20px 0; }
.news-mainText img{ max-width: 100%; margin-top: 15px; margin-bottom: 15px; vertical-align: middle; }
.news-other{ width: 100%; margin-top: 15px; line-height: 180%; color: #666; font-size: 12px; }
.news-other a{ color: #666; }
.news-yuyue{ width: 100%; margin-top: 30px; margin-bottom: 30px; text-align: center; }
.news-yuyue h3{ color: #C8201E; font-size: 18px; font-weight: bold; }
.news-yuyue p{ color: #666; font-size: 14px; text-align: center; margin-top: 5px; }
.news-yuyue .inputText{ width: 60%; height: 35px; display: inline-block; line-height: 34px; border-radius: 8px; border:solid 1px #e4e4e4; box-sizing: border-box; text-align: center; font-size: 13px; text-align: left; padding-left: 10px; vertical-align: middle; outline: none;}
.news-yuyue .btn{ width: 60%; height: 35px; line-height: 35px; border: none; color: #fff; display: inline-block; text-align: center; font-size: 16px; border-radius: 55px;transition: all 0.3s ease 0s; background:#C8201E; }
.news-yuyue .red{ margin-right: 4px;}


/*公司介绍*/
.introduce-navigation{background: rgba(200,32,30,0.2); border-bottom: none; margin: 0; padding: 0 4%; box-sizing: border-box;}
.introduce-banner{ width: 100%; }
.introduce-banner img{ width: 100%; vertical-align: top; }
.introduce-main{ width: 100%; padding: 40px 4% 0 4%; box-sizing: border-box; }
.introduce-title{ width: 100%; padding-bottom: 15px; }
.introduce-title h2{ border-left: solid 3px #333; font-size: 20px; font-weight: bold; padding-left: 7px; line-height: 20px; }
.introduce-title p{ color: #666; font-size: 12px; margin-left: 12px; margin-top: 4px; }
.introduce-about{ line-height: 150%; font-size: 13px; }
.introduce-about p{ margin-bottom: 5px; }
.introduce-founder img{ width: 100%; vertical-align: top; margin-bottom: 10px; }
.introduce-brand{ width: 100%; }
.introduce-brand li{ width: 47.5%; float: left; margin-bottom: 15px; }
.introduce-brand li:nth-child(2n){ float: right; }
.introduce-brand li img{ width: 100%; vertical-align: top; }
.introduce-honor{ width: 100%; }
.introduce-honor li{ width: 30.3%; float: left; margin-right:4.5%; margin-bottom: 10px; }
.introduce-honor li:nth-child(3n){ margin-right: 0; }
.introduce-honor li img{ width: 100%; vertical-align: top; }
.introduce-honor li p{ width: 160%; height: 30px; margin-left: -30%; font-size: 12px; transform: scale(0.7); text-align: center; }


/*404页面*/
.not404{ width: 100%; padding-top: 100px; text-align: center; }
.not404 img{ width: 75%; vertical-align: top; }
.not404 h3{ font-size: 24px; font-weight: bold; margin-top: 40px; }
.not404 .btn a{ width: 40%; height: 50px; display: inline-block; font-size: 18px; background: #C8201E; color: #fff; line-height: 50px; text-align: center; border-radius: 6px; }

/*公共*/
.border_b{ border-bottom: solid 1px #e4e4e4; }
.gray,.gray a,a.gray{color: #666;}
.red,.red a,a.red{color: #C8201E;}




/*国际学校移动端*/
.international-banner{ width: 100%;}
.international-banner img{ width: 100%; vertical-align: top; }
.international-main{ width: 100%; padding: 30px 4% 0 4%; box-sizing: border-box; }
.international-title{ width: 100%; padding-bottom: 15px; }
.international-title h2{ border-left: solid 3px #333; font-size: 16px; font-weight: bold; padding-left: 7px; line-height: 20px; }
.international-guidance{ width: 100%; padding: 10px; box-sizing: border-box; background: #fff; }
.international-guidance h3{ width: 100%; font-size: 14px; font-weight: normal; }
.international-guidance ul.one li,.international-guidance ul.two li{ width: 31%; height: 27px; float: left; margin-left: 3.3%; margin-top: 8px; border:solid 1px #C8201E; color: #C8201E; box-sizing: border-box; line-height: 25px; text-align: center; font-size: 12px; border-radius: 4px; overflow: hidden; }
.international-guidance ul.one li:nth-child(3n-2){ margin-left: 0; }
.international-guidance ul.two li{ width: 22.6%; margin-left: 3%; font-size: 12px; }
.international-guidance ul.two li:first-child{ margin-left: 0; }
.international-guidance ul li a{ width: 100%; height: 100%; color: #C8201E; display: inline-block; }
.international-guidance ul.two li a{background: rgba(200,32,30,0.1);}
.international-flowpath{ width: 100%; position: relative; }
.international-flowpath a{ width: 100%; height: 100px; display: block; position: absolute; top: 35%; left: 0; }
.international-schools .menu{ float: right; font-size: 14px; line-height: 20px; }
.international-schools .menu li{ float: left; margin-left: 10px; }
.international-schools .menu li.on a{ color: #C8201E; border-bottom: solid 2px #C8201E; display: inline-block; padding-bottom: 3px; }
.international-schools .schoolsList{ width: 100%; margin: 0 auto; padding-top: 10px; }
.international-schools .schoolsList >li{ width: 48%; background: #fff; float: left; border-radius: 4px;box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.26); margin-bottom: 20px; }
.international-schools .schoolsList >li:nth-child(2n){ float: right; }
.international-schools .schoolsList >li .img,.international-schools .schoolsList >li .img img{ width: 100%; overflow: hidden; border-radius: 4px 4px 0 0 ; vertical-align: top; }
.international-schools .schoolsList >li .title{ width: 100%; height: 35px; text-align: center; font-size: 14px; font-weight: bold; margin-top: 5px; overflow: hidden; }
.international-schools .schoolsList >li .title span{ vertical-align: middle; display: inline-block; }
.international-schools .schoolsList >li .title span img{ width: 20px;  margin-top: 3px; }
.international-schools .schoolsList >li .text{ width: 100%; height: 55px; box-sizing: border-box; line-height: 120%;  font-size: 12px; color: #666; position: relative; z-index: 10; }
.international-schools .schoolsList >li .text p{ width: 110%; height: 55px; overflow: hidden;transform: scale(0.85); margin-left: -4%; }
.international-schools .schoolsList >li .text:before{ content: ''; width: 10px; height: 12px; background: url(../images/InternationalSchools/schools-schoolList-circle1.png) no-repeat; background-size: 100%; display: block; position: absolute; left:-1px; top: 59px; z-index: 11; }
.international-schools .schoolsList >li .text:after{ content: ''; width: 10px; height: 12px; background: url(../images/InternationalSchools/schools-schoolList-circle2.png) no-repeat; background-size: 100%; display: block; position: absolute; right:-1px; top: 59px; z-index: 11; }
.international-schools .schoolsList >li .info{ width: 90%; height: 50px; margin: 10px auto 0 auto; border-top: dashed 1px #999; padding-top: 5px; overflow: hidden;}
.international-schools .schoolsList >li .info div.tip{ font-size: 12px; line-height: 24px;transform: scale(0.85);margin-left: -10px;}
.international-schools .schoolsList >li .info ul{ width:150%; transform: scale(0.7); margin-left: -22%; margin-top: -4px;}
.international-schools .schoolsList >li .info ul li{ float: left; padding: 0 5px; box-sizing: border-box; height: 24px; text-align: center; line-height: 24px; font-size: 12px; color: #fff; border-radius: 4px; margin-right: 6px; }
.international-schools .schoolsList >li .info ul li.xx{ background: #C52626; }
.international-schools .schoolsList >li .info ul li.cz{ background: #0078FF; }
.international-schools .schoolsList >li .info ul li.gz{ background: #4B9800; }
.international-schoolsClass ul >li{ width: 48%; float: left; margin-bottom: 20px; background: #C8201E; border-radius: 8px; overflow: hidden; position: relative; }
.international-schoolsClass ul >li:nth-child(2n){ float: right; }
.international-schoolsClass ul >li .img,.international-schoolsClass ul >li .img img{ width:100%; vertical-align: top; }
.international-schoolsNews ul{ width: 100%; background: #fff; margin-top: 10px; padding: 10px 15px; box-sizing: border-box; box-shadow: 0 0 14px rgba(200,32,30,.3); }
.international-schoolsNews ul li{ width: 100%; padding-top: 15px; margin-bottom: 15px; padding-bottom: 15px; border-top: dashed 1px #999; line-height: 16px; }
.international-schoolsNews ul li:first-child{ border: none; }
.international-schoolsNews ul li .title{ width: 75%; float: left; position: relative; padding-left: 15px; box-sizing: border-box; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.international-schoolsNews ul li .title:before{ content: ''; display: block; width: 5px; height: 5px; background:#C8201E; position: absolute; left: 0; top: 4px;  }
.international-schoolsNews ul li .title a{ color: #333; font-size: 16px; }
.international-schoolsNews ul li .title a:hover{ color: #C8201E; }
.international-schoolsNews ul li .times{ float: right; font-size: 12px; color: #999; text-align: right; }
.international-schoolsNews .moreBtn{ width: 100%; margin-top: 30px; text-align: center; }
.international-schoolsNews .moreBtn a{ width: 55%; height: 40px; display: inline-block; background: #C8201E; color: #fff; font-size: 14px; text-align: center; line-height: 40px; border-radius: 20px; }
@media only screen and (min-width: 390px){
.international-schools .menu li{ margin-left: 15px; }
}




/*托福雅思多邻国*/
.tuofu-banner{ width: 100%;}
.tuofu-banner img{ width: 100%; vertical-align: top; }
.tuofu-hotClass{ width: 100%; margin: 30px auto 0 auto; }
.tuofu-hotClass .tuofu-titleBox{ width: 100%; padding: 0 4%; box-sizing: border-box; line-height: 30px; }
.tuofu-hotClass .tuofu-titleBox h2{ width: 80%; float: left; font-size: 16px; font-weight: bold; }
.tuofu-hotClass .tuofu-titleBox ul{ float: left; width: 100%; }
.tuofu-hotClass .tuofu-titleBox ul li{ float: left; margin-right: 4.2%; font-size: 13px; cursor: pointer; position: relative; }
.tuofu-hotClass .tuofu-titleBox ul li:last-child{ margin-right: 0; }
.tuofu-hotClass .tuofu-titleBox ul li.on{ color: #C8201E;}
.tuofu-hotClass .tuofu-titleBox ul li.on:before{ content: ''; width: 100%; height: 2px; background:#C8201E; border-radius: 2px; position: absolute; bottom: -3px; left: 0;  }
.tuofu-hotClass .tuofu-titleBox .more{ width: 20%; float: right; font-size: 12px; color: #999;transform: scale(0.85); }
.tuofu-hotClass .tuofu-hotClassList{ width: 100%; padding:0 4%; box-sizing: border-box; }
.tuofu-hotClass .tuofu-hotClassList li{ width: 47%; float: left; background: #fff; margin-top: 20px; padding-bottom: 10px; border-radius: 8px; box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2); }
.tuofu-hotClass .tuofu-hotClassList li:nth-child(2n){ float: right; }
.tuofu-hotClass .tuofu-hotClassList li .img{ width: 100%; position: relative; }
.tuofu-hotClass .tuofu-hotClassList li .img h4{ width: 100%; text-align: center; position: absolute; top: 26%; left: 0; font-size: 20px;font-family: zihunquyuanhei;color: #2286FF; font-weight: bold; background: linear-gradient(-39deg, rgba(37,114,251) 0%, rgba(52,164,252) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; }
.tuofu-hotClass .tuofu-hotClassList li .img img{ width: 100%; vertical-align: top; }
.tuofu-hotClass .tuofu-hotClassList li h3{ width: 100%; text-align: center; font-size: 15px; font-weight: bold; line-height: 32px; }
.tuofu-hotClass .tuofu-hotClassList li p{ width: 110%; font-size: 12px; box-sizing: border-box; text-align: center; color: #999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transform: scale(0.85); margin-left: -5%; }
.tuofu-hotClass .tuofu-hotClassList li .btn{ width: 100%; text-align: center; margin-top: 5px; }
.tuofu-hotClass .tuofu-hotClassList li .btn a{width: 65%;height: 30px; display: inline-block; background: #C8201E;border-radius: 15px; color: #fff; line-height: 30px; text-align: center; font-size: 14px;transform: scale(0.85);}
.tuofu-student{ width: 100%; margin: 40px auto 0 auto; }
.tuofu-student h2{ width: 100%; padding: 0 4%; box-sizing: border-box; font-size: 16px; font-weight: bold; }
.tuofu-student ul{ width: 100%; padding: 0 4%; box-sizing: border-box; }
.tuofu-student ul li{width: 47%; margin-top: 20px; padding-left: 14px; padding-top: 10px; box-sizing: border-box; float: left; background: radial-gradient(circle, #fdfeff, #ecf2ff);border-radius: 12px; position: relative;}
.tuofu-student ul li:nth-child(2n){ float: right; }
.tuofu-student ul li h3{ width: 100%; font-size: 16px; color: #666; font-weight: bold; position: relative; }
.tuofu-student ul li h3:before{ content: ''; width: 50px;height: 1px; display: block; background: #666666;border-radius: 1px; position: absolute; bottom: -8px; left: 0;}
.tuofu-student ul li p{ width: 55%; height: 58px; font-size: 12px; color: #666; margin-top: 20px; line-height: 120%; overflow: hidden; }
.tuofu-student ul li .btn{ margin-top: 10px; margin-bottom: 12px;transform: scale(0.85); margin-left: -8%; }
.tuofu-student ul li .btn a{width: 90%;height: 30px; display: inline-block; background: #C8201E;border-radius: 17px; color: #fff; line-height: 30px; text-align: center;transition: all 0.3s ease 0s;}
.tuofu-student ul li .btn a:hover{background: #ff0300;}
.tuofu-student ul li .icon{width: 50px;height: 50px;border: 2px solid #286AF3;border-radius: 50%; position: absolute; right: 10px; top:30%; display: flex;align-items: center;justify-content: center;}
.tuofu-student ul li .icon img{ width: 60%; vertical-align: middle; }
.tuofu-system{ width: 100%; margin: 40px auto 0 auto; }
.tuofu-system h2{ width: 100%; padding: 0 4%; box-sizing: border-box; font-size: 16px; font-weight: bold; }
.tuofu-system ul{ width: 100%; padding: 0 4%; box-sizing: border-box; }
.tuofu-system ul li{ width: 47%; background: #fff; border-radius: 12px; margin-top: 20px; overflow: hidden; float: left; box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2); }
.tuofu-system ul li:nth-child(2n){ float: right; }
.tuofu-system ul li .img,.tuofu-system ul li .img img{ width: 100%;vertical-align: middle; }
.tuofu-system ul li h3{ width: 90%; height: 45px; margin: 0 auto; font-size: 15px; font-weight: bold; line-height: 120%; border-bottom: solid 1px #999;display: flex;align-items: center;justify-content: center;  }
.tuofu-system ul li p{ width: 90%; height: 36px; overflow: hidden; margin: 10px auto 15px auto; font-size: 12px; color: #666; line-height: 140%;}
.tuofu-system ul li:last-child{ width: 100%; }
.tuofu-system ul li:last-child .img{ width: 50%; float: left; }
.tuofu-system ul li:last-child .img img{ width: 100%;vertical-align: middle; }
.tuofu-system ul li:last-child .textBox{ width: 50%; float: left; }
.tuofu-system ul li:last-child .textBox h3{ width: 80%; }
.tuofu-system ul li:last-child .textBox p{ width: 80%; height: auto; }
.tuofu-news{ width: 100%; margin: 40px auto 0 auto; }
.tuofu-news .tuofu-titleBox{ width: 100%; padding: 0 4%; box-sizing: border-box; line-height: 30px; }
.tuofu-news .tuofu-titleBox h2{ width: 80%; float: left; font-size: 16px; font-weight: bold; }
.tuofu-news .tuofu-titleBox ul{ float: left; width: 100%; margin-top: 10px; }
.tuofu-news .tuofu-titleBox ul li{ padding: 0 5px; height: 27px; float: left; margin-right:2%; border: solid 1px #999999; box-sizing: border-box; line-height: 25px; text-align: center; font-size: 12px; border-radius: 6px; cursor: pointer; }
.tuofu-news .tuofu-titleBox ul li:last-child{ margin-right: 0; }
.tuofu-news .tuofu-titleBox ul li.on{ color: #fff; background: #C8201E; border-color: #C8201E;}
.tuofu-news .tuofu-titleBox .more{ width: 20%; float: right; font-size: 12px; color: #999;transform: scale(0.85); }
.tuofu-news .tuofu-newsBox{ width: 100%; padding:0 4%; box-sizing: border-box; }
.tuofu-news .tuofu-newsBox .tuofu-ListBox{ width: 100%; margin-top: 15px; padding: 0 10px 15px 10px; box-sizing: border-box; background: #f6f6f6; }
.tuofu-news .tuofu-newsBox .tuofu-ListBox li{ width: 100%; padding-left: 15px; box-sizing: border-box; font-size: 13px; padding-top: 15px; position: relative; }
.tuofu-news .tuofu-newsBox .tuofu-ListBox li:before{ content: ''; width: 3px; height: 3px; display: block; background: #999999; position: absolute; left: 6px; top: 22px; }
.tuofu-news .tuofu-newsBox .tuofu-ListBox li .title{ width: 75%; float: left; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.tuofu-news .tuofu-newsBox .tuofu-ListBox li .times{ float: right; color: #999; font-size: 12px; }
.tuofu-info{ width: 100%; margin-top: 40px; padding: 30px 0; box-sizing: border-box; background: #286AF3; }
.tuofu-info h2{ width: 100%; text-align: center; font-size: 16px; font-weight: bold; line-height: 150%; color: #fff; padding-bottom: 10px; }
.tuofu-info .inputBox{ width: 100%; margin: 0 auto; box-sizing: border-box; color: #fff;  }
.tuofu-info .inputBox span.title{ width: 33%; float: left; text-align: right; padding-right: 7px; box-sizing: border-box; line-height: 35px; font-size: 13px; }
.tuofu-info .inputBox span.title i{ color:#fff;  }
.tuofu-info .inputBox .inputText{ width: 60%; height: 35px; float: left; line-height: 35px; border-radius: 8px; border:none; background: #fff; box-sizing: border-box; text-align: center; font-size: 14px; text-align: left; padding-left: 15px; outline: none;}
.tuofu-info .inputBox .inputSelect{ position: relative; }
.tuofu-info .inputBox .inputSelect .inputShow{ border-radius: 8px 8px 0 0; }
.tuofu-info .inputBox .inputSelect:before{ content: ""; display: inline-block; width: 0; height: 0;border-width: 6px;border-style: solid;border-color:#666 transparent transparent transparent; position: absolute; right: 10%; top: 14px;}
.tuofu-info .SelectBox{ width: 60%; padding: 5px; box-sizing: border-box; background: #fff; position: absolute; top: 34px; right: 7%; z-index: 99; border-radius:0 0 8px 8px; display: none;}
.tuofu-info .SelectBox a{ width: 49%; margin-top: 5px; display: inline-block; color: #464646; box-sizing: border-box; text-align: center; font-size: 14px; line-height: 30px;}
.tuofu-info .SelectBox a:hover{ background: #DB1816; color: #fff; border-radius: 6px;}
.tuofu-info .inputBox .btn{width: 60%;height: 35px; background: linear-gradient(180deg, #EF333C 0%, #C8201E 100%);border-radius: 18px; border: none; color: #fff; display: inline-block; text-align: center; font-size: 14px; }