@charset "utf-8";
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal}
ol,ul { list-style:none}
caption,th { text-align:left}
q:before,q:after { content:''}
abbr,acronym { border:0}
p{word-wrap:break-word;}


/*公共*/
.clr{zoom:1;}/*不用添加多余标签清除浮动*/
.clr:after{display:block;content:"\0020";height:0;clear:both;visibility:hidden;}
.none{ display: none; }
.w{ width: 100%; }
.fl{ float: left; }
.fr{ float: right; }
.tc{ text-align: center; }
.fb{ font-weight: bold; }
.tl{ text-align: left; }
.vm{ vertical-align: middle; }
.w30{ width:30px; }
.h30{ height:30px; }
.mt5{ margin-top: 5px; }
.mt10{ margin-top: 10px; }
.mt15{ margin-top: 15px; }
.mt20{ margin-top: 20px; }
.mt25{ margin-top: 25px; }
.mt30{ margin-top: 30px; }
.mt40{ margin-top: 40px; }
.mt50{ margin-top: 50px; }
.mr5{ margin-right: 5px; }
.ml30{ margin-left:30px; }
.mb30{ margin-bottom:30px; }


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



/*手机端*/
.phone-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; font-family:'微软雅黑', Arial, Helvetica, sans-serif ; zoom:1;}
.phone-container a{text-decoration:none; outline:none; color: #333;}


/*头部公共*/
.phone-header{ width:100%; height:44px; overflow:hidden; background: #fff; position:fixed; top:0; z-index:999; }
.phone-header .logo{ float:left; margin-top:10px; margin-left:15px; }
.phone-header .logo img{ height:20px; vertical-align:middle; }
.phone-header .area{ font-size:12px; line-height:44px; float:left; margin-left:10px; }
.phone-header .phone{ float:right; margin-right:15px; text-align:right; margin-top:6px; }
.phone-header .phone p{ font-size:12px; }
.phone-header .phone .phoneInfo{ font-size:14px; font-weight:bold; }
.phone-header .phone .phoneInfo img{ height:12px; margin-right:5px; }


/*移动端首页*/
.phone-index-banner{ width:100%; overflow:hidden; position:relative; }
.phone-index-banner img{ width: 100%; vertical-align: top; }
.phone-index-inletList{ width: 100%; padding: 10px 4% 35px 4%; box-sizing: border-box;}
.phone-index-inletList li{ width: 25%; float: left; text-align: center; margin-top: 25px; }
.phone-index-inletList li .img{ width: 70%; display: inline-block; }
.phone-index-inletList li .img img{ height: 40px; vertical-align: top; }
.phone-index-inletList li h2{ text-align: center; font-size: 12px; margin-top: 8px; }
.phone-index-news{ width:100%; padding:0 4%; box-sizing:border-box; }
.phone-index-news .title{ width:100%; line-height:18px; }
.phone-index-news .title h2{ font-size:18px; float:left; margin-left:5px; }
.phone-index-news .title .more{ float:right; color:#666; }
.phone-index-news .main{ width: 100%; padding: 4%; box-sizing: border-box; margin-top: 20px; border-radius: 4px; background: #FFFFFF;box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.07);}
.phone-index-news .main .menu{ width:100%; border-bottom:solid 1px #f1f1f1; }
.phone-index-news .main .menu li{ width:20%; height: 25px; float:left; text-align:center; }
.phone-index-news .main .menu li a{ width: 96%; text-align: center; height: 24px; display: inline-block; font-size:13px; font-weight:bold; }
.phone-index-news .main .menu li.on a{ color:#C81F1F; border-bottom:solid 2px #C81F1F; }
.phone-index-news .main .list{ width:100%; padding-top:5px; }
.phone-index-news .main .list li{ width:100%; padding-top:15px; padding-bottom:15px; padding-left: 8px; box-sizing: border-box; border-bottom:solid 1px #f1f1f1; position:relative;  }
.phone-index-news .main .list li:last-child{ border-bottom:none; padding-bottom:0; }
.phone-index-news .main .list li:before{ content:''; width:2px; height:2px; background:#C81F1F; display:inline-block; position:absolute; left:0; top:20px; }
.phone-index-news .main .list li h3{width:100%; font-size: 13px; line-height: 12px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.phone-index-news .main .list .text{ width:100%; margin-top:10px; }
.phone-index-news .main .list .text .time{ float:left; font-size:12px; color:#666; }
.phone-index-news .main .list .text .btn{ float:right; }
.phone-index-news .main .list .text .btn a{min-width: 50px; padding: 0 6px; height: 20px;border-radius: 4px;border: 1px solid #C81F1F; display: inline-block; text-align: center; line-height: 20px; font-size: 12px; color: #C81F1F; margin-left: 15px;}
.phone-index-special{ width:100%; padding:0 4%; box-sizing:border-box; margin-top: 30px;}
.phone-index-special .title{ width:100%; line-height:18px; }
.phone-index-special .title h2{ font-size:18px; float:left; margin-left:5px; }
.phone-index-special .title .more{ float:right; color:#666; }
.phone-index-special .list{ width:100%; padding:2% 4%; box-sizing: border-box; margin-top: 20px; border-radius: 4px; background: #FFFFFF;box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.07); }
.phone-index-special .list li{ width:100%; border-top:solid 1px #f1f1f1; padding-bottom:15px; padding-top:15px; }
.phone-index-special .list li:first-child{ border-top:none; }
.phone-index-special .list li .img{ width: 49%; float:left; }
.phone-index-special .list li .img img{ width:100%; vertical-align:top; }
.phone-index-special .list li .text{ float:right; width:47%;  box-sizing:border-box; }
.phone-index-special .list li .text h3{ width: 100%; height: 40px; overflow: hidden; font-size:14px; font-weight:bold; }
.phone-index-special .list li .text h3 a{ color:#333; }
.phone-index-special .list li .text p{ color:#666; font-size:12px; margin-top:2px; }
.phone-index-special .list li .text .btn{ margin-top:8px; }
.phone-index-special .list li .text .btn a{min-width: 50px; padding: 0 6px; height: 20px;border-radius: 20px;border: 1px solid #C81F1F; display: inline-block; text-align: center; line-height: 20px; font-size: 12px; color: #C81F1F;}
@media only screen and (max-width: 390px){ .phone-index-special .list li .text h3{ height:35px; line-height:17px; }.phone-index-special .list li .text .btn{ margin-top:4px; }}
.phone-index-class{ width:100%; padding:0 4%; box-sizing:border-box; margin-top: 30px;}
.phone-index-class .title{ width:100%; line-height:18px; }
.phone-index-class .title h2{ font-size:18px; float:left; margin-left:5px; }
.phone-index-class .title .more{ float:right; color:#666; }
.phone-index-class .list{ width:100%; margin-top:15px; }
.phone-index-class .list li{ width:49%; float:left; padding:20px 0 20px 15px; box-sizing:border-box; }
.phone-index-class .list li:nth-child(2n){ float:right; }
.phone-index-class .list li h3{ font-size:15px; line-height:15px; }
.phone-index-class .list li p{ margin-top:8px; font-size:12px; }
.phone-index-class .list li .btn{ width:100%; margin-top:15px; }
.phone-index-class .list li .btn a{ padding: 0 8px; height: 20px;border-radius: 20px; line-height: 20px; text-align: center; display: inline-block; border: solid 1px #C81F1F; font-size: 13px;}
.phone-index-class.classRed .list li h3{ color:#C81F1F; }
.phone-index-class.classRed .list li .btn a{ color:#C81F1F; border-color:#C81F1F; }
.phone-index-class.classRed .list li:nth-child(1){ background:url(../img/class1-img1.png) no-repeat; background-size:100% 100%; }
.phone-index-class.classRed .list li:nth-child(2){ background:url(../img/class1-img2.png) no-repeat; background-size:100% 100%; }
.phone-index-class.classBlue .list li h3{ color:#4F89FE; }
.phone-index-class.classBlue .list li .btn a{ color:#4F89FE; border-color:#4F89FE; }
.phone-index-class.classBlue .list li:nth-child(1){ background:url(../img/class2-img6.png) no-repeat; background-size:100% 100%; }
.phone-index-class.classBlue .list li:nth-child(2){ background:url(../img/class2-img7.png) no-repeat; background-size:100% 100%; }
.phone-index-class.classPurple .list li h3{ color:#7F7EFD; }
.phone-index-class.classPurple .list li .btn a{ color:#7F7EFD; border-color:#7F7EFD; }
.phone-index-class.classPurple .list li:nth-child(1){ background:url(../img/class3-img1.png) no-repeat; background-size:100% 100%; }
.phone-index-class.classPurple .list li:nth-child(2){ background:url(../img/class3-img2.png) no-repeat; background-size:100% 100%; }
.phone-index-class.classOrange .list li h3{ color:#FF8315; }
.phone-index-class.classOrange .list li .btn a{ color:#FF8315; border-color:#FF8315; }
.phone-index-class.classOrange .list li:nth-child(1){ background:url(../img/class4-img1.png) no-repeat; background-size:100% 100%; }
.phone-index-class.classOrange .list li:nth-child(2){ background:url(../img/class4-img2.png) no-repeat; background-size:100% 100%; }
.phone-index-class.classGreen .list li h3{ color:#69CFA2; }
.phone-index-class.classGreen .list li .btn a{ color:#69CFA2; border-color:#69CFA2; }
.phone-index-class.classGreen .list li:nth-child(1){ background:url(../img/class5-img1.png) no-repeat; background-size:100% 100%; }
.phone-index-class.classGreen .list li:nth-child(2){ background:url(../img/class5-img2.png) no-repeat; background-size:100% 100%; }
.phone-index-school{ width:100%; padding:0 4%; box-sizing:border-box; margin-top: 30px;}
.phone-index-school .title{ width:100%; line-height:18px; }
.phone-index-school .title h2{ font-size:18px; float:left; margin-left:5px; }
.phone-index-school .title .more{ float:right; color:#666; }
.phone-index-school .list{ width:100%; padding-top:2px; }
.phone-index-school .list li{ width:48%; padding-bottom: 12px; background: #FFFFFF;box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.17);border-radius: 16px; float:left; margin-top:18px; position:relative; }
.phone-index-school .list li:nth-child(2n){ float:right; }
.phone-index-school .list li h3{ width:100%; text-align:center; font-size:14px; font-weight:bold; line-height:14px; margin-bottom:10px; margin-top:12px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.phone-index-school .list li .img{ width:90%; height:90px; margin:0 auto; padding-bottom:10px; }
.phone-index-school .list li .img img{ width:100%; height:100%; vertical-align:top; }
.phone-index-school .list li .text{ width:100%;height: 40px;background: #FFFFFF;box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.17); padding-top:10px; font-size:12px; overflow:hidden; }
.phone-index-school .list li .text >div{ width:120%; transform: scale(0.85); margin-left:-8%; }
.phone-index-school .list li .text .tip{ display: inline-block;  color:#C81F1F; }
.phone-index-school .list li .text p{ display: inline-block; margin-left:-8px;  }
.phone-index-school .list li .btn{ width:100%; padding-top:10px; text-align:center; }
.phone-index-school .list li .btn a{width: 60%;height: 20px;background: #fff;border-radius: 20px; display: inline-block; color: #C81F1F; border: solid 1px #C81F1F; line-height: 20px; font-size: 12px;}
.phone-index-school .list li .top{ width:30px; height:30px; position:absolute; top:0; right:0; z-index:3; }
.phone-index-school .list li .top img{ width:100%; height:100%; }
.phone-index-info{ width:100%; padding:0 4%; box-sizing:border-box; margin-top: 30px;}
.phone-index-info .title{ width:100%; line-height:18px; }
.phone-index-info .title h2{ font-size:18px; float:left; margin-left:5px; }
.phone-index-info .title .more{ float:right; color:#666; }
.phone-index-info .title span{ float:left; margin-left:-5px; font-size:12px; color:#666; line-height:18px; transform: scale(0.85); }
.phone-index-info ul.list{ width:100%;}
.phone-index-info ul.list li{ width:48%; padding-top: 15px; padding-bottom: 15px; margin-top:20px;  background: #FFFFFF;box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.17);border-radius: 18px; float:left; box-sizing:border-box; }
.phone-index-info ul.list li:nth-child(2n){ float:right; }
.phone-index-info ul.list li .img{ width:100%; height:140px; overflow:hidden; position:relative; }
.phone-index-info ul.list li .img img{ width:80%; vertical-align:top; position: absolute;top:50%;left:50%;z-index:3;transform:translate(-50%,-50%); }
.phone-index-info ul.list li h3{ width:100%; font-size:14px; font-weight:bold; margin-top:5px; text-align:center; }
.phone-index-info ul.list li .btn{ width:100%; text-align:center; margin-top:12px; }
.phone-index-info ul.list li .btn a{width: 60%;height: 20px;background: #fff;border-radius: 20px; color: #C81F1F; border: solid 1px #C81F1F; display: inline-block; line-height: 20px; font-size: 12px;}
.phone-index-about{ width:100%; padding:0 4%; box-sizing:border-box; margin-top: 30px;}
.phone-index-about .title{ width:100%; line-height:18px; }
.phone-index-about .title h2{ font-size:18px; float:left; margin-left:5px; }
.phone-index-about .ban{ width:100%; margin-top:20px; }
.phone-index-about .ban img{ width:100%; vertical-align:top; }
.phone-index-about .text{ width:100%; margin-top: 15px; font-size:12px; line-height:145%; }
.phone-index-about .text p{ margin-top:8px; }
.phone-index-about .list{ width:100%; }
.phone-index-about .list li{ width:48%; margin-top: 20px; background:#fff;box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.1);border-radius: 16px; float:left; padding:15px 12px 15px 15px; box-sizing:border-box; }
.phone-index-about .list li:nth-child(2n){ float:right; }
.phone-index-about .list li .leftTxt{ width: 55%; float:left; }
.phone-index-about .list li .leftTxt h3{ font-size:13px; }
.phone-index-about .list li .leftTxt p{ font-size:12px; height: 30px; color:#666; margin-top:2px; line-height:12px; }
.phone-index-about .list li .leftTxt .btn{  }
.phone-index-about .list li .leftTxt .btn a{ padding: 0 6px; height: 20px;border-radius: 12px;border: 1px solid #C81F1F; line-height: 20px; text-align: center; display: inline-block; color: #C81F1F; font-size: 12px;}
.phone-index-about .list li .leftTxt .btn a:hover{ background:#C81F1F; color:#fff; }
.phone-index-about .list li .img{ float:right; width:45%; }
.phone-index-about .list li .img img{ width:100%; vertical-align:top; }
.phone-index-follow{ width:100%; margin-top:30px; padding:30px 4%; box-sizing:border-box;background: url(../img/follow.jpg) no-repeat; background-size:cover; }
.phone-index-follow h2{ font-size:20px; color:#C81F1F; text-align:center; }
.phone-index-follow h3{ width: 40%; height: 25px; line-height: 25px; font-weight: normal; color: #fff; font-size: 15px; margin: 6px auto 0 auto; text-align: center; background: linear-gradient(0deg, #FA876D 0%, #F85E5A 100%);border-radius: 25px;}
.phone-index-follow p{ font-size:12px; text-align:center; margin-top:15px; }
.phone-index-follow .list{ width:100%; text-align:center; margin-top:20px; }
.phone-index-follow .list li{ width:44px; height:44px; background:#fff; border-radius:8px; display:inline-block; border: solid 1px #fedbdf; margin: 0 10px; text-align: center; position:relative; }
.phone-index-follow .list li .img img{ width:65%; vertical-align:top; position: absolute;top:50%;left:50%;z-index:3;transform:translate(-50%,-60%); }
.phone-index-follow .list li:nth-child(2) .img img{ width:50%; }
.phone-index-follow .list li a.btn{ width:15px; height:15px; border: solid 1px #fedbdf; font-weight: bold; border-radius:50%; background:#fff; color:#D4362B; display:block; line-height:15px; position:absolute; bottom:-8px; left:50%; margin-left:-8px; }

.phone-index-menu{ width:100%; height: 44px; padding: 0 2%; box-sizing: border-box; line-height: 44px; font-size: 16px; text-align: center; background:#fff; overflow:hidden; position:fixed; top:44px; z-index:999; display:none; }
.phone-index-menu li.on a{ color:#C81F1F; font-weight:bold; padding-bottom: 11px; border-bottom:solid 2px #C81F1F; }

/*底部菜单*/
.phone-btnList{ width: 100%; max-width: 650px; height:50px; position:fixed; bottom:0; z-index:999; background: #ffff; text-align: center;box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.17); }
.phone-btnList a:nth-child(1),.phone-btnList a:nth-child(2){ width: 20%; display: inline-block; font-size: 12px; color: #333; float:left; }
.phone-btnList a:nth-child(1) img,.phone-btnList a:nth-child(2) img{ height: 20px; vertical-align: top; margin-bottom: 3px; margin-top: 6px; }
.phone-btnList a.btn-weixin{ width:26%; height:38px;line-height: 38px; border-radius:8px; margin-top: 6px; display:inline-block; font-size:12px; float:left; color:#fff; text-align:center; background:#4F89FE; margin-right:3%; margin-left:2%; }
.phone-btnList a.btn-weixin img{ height:14px; margin-right:5px;vertical-align:middle; }
.phone-btnList a.btn-phone{ width:26%; height:38px; line-height: 38px; border-radius:8px; margin-top: 6px; display:inline-block; font-size:12px; float:left; color:#fff; text-align:center; background:#C81F1F; }
.phone-btnList a.btn-phone img{ height:14px; margin-right:5px; vertical-align:middle; }

.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: 405px; background: url(../img/shiting-bg.png) no-repeat; background-size: 100% 100%; padding-right:34px ; 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(../img/close.png) no-repeat; background-size: 100% 100%; position: absolute; top: 50%; left: 50%; z-index: 9999; margin-left: 160px; margin-top: -190px; cursor: pointer;}
.popBox .title{ width: 100%; height: 53.5px; text-align: center; color: #F32B1B; font-size: 18px; margin-top: 140px; font-weight: bold; text-align: center; }
.popBox .title h3{ width:100%; height:20px; font-size:15px; color:#333; font-weight:bold; text-align:center; }
.popBox .inputBox{ width: 230px; margin: 0 auto; }
.popBox .inputBox .inputText{ width: 100%; height: 30px; line-height: 29px; border-radius: 6px; border:none; box-sizing: border-box; text-align: center; font-size: 13px; text-align: left; padding-left: 10px;}
.popBox .inputBox .btn{ width: 100%; height: 50px; line-height: 50px; border: none; color: #fff; display: inline-block; text-align: center; font-size: 16px; background: url(../img/popBtn.png) no-repeat; background-size:100% 100%; box-shadow: 0px 17px 21px 0px rgba(0,0,0,0.11);border-radius: 25px; }
.popBox .inputBox .inputSelect{ height: 33px; position: relative; }
.popBox .inputBox .inputSelect span{ font-size: 10px; line-height: 30px; 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: 6px 6px 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: 12px;}
.popBox .SelectBox{ width: 70%; padding: 3px 2px 3px 2px; box-sizing: border-box; background: #fff; position: absolute; top: 29px; right: 0; z-index: 99; border-radius:0 0 6px 6px; display: none;}
.popBox .SelectBox a{ width: 100%; 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: 353px; background: url(../img/weixin-bg.png) no-repeat; background-size: 100% 100%; box-sizing: border-box; position: absolute; top: 50%; left: 50%; margin-left: -173px; margin-top: -180px; z-index: 99; }
.popBoxWX .title{ width: 100%; height: 25px; text-align: center; color: #F32B1B; font-size: 15px; margin-top: 155px; 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: 50%; height: 50px; line-height: 50px; border: none; color: #fff; display: inline-block; text-align: center; font-size: 22px; font-weight: bold; border-radius: 25px; background: url(../img/popBtn.png) no-repeat; background-size:100% 100%; margin: 4px auto 0 auto;}



/*资讯热点*/
.phone-news-list{ width:100%; padding:0 4%; box-sizing:border-box; }
.phone-news-list ul.list li{ width:100%; padding-top:20px; padding-bottom:20px; border-bottom:solid 1px #f1f1f1; }
.phone-news-list ul.list li h3{ width:100%; font-size:15px; font-weight:bold; }
.phone-news-list ul.list li p{ width: 100%; height: 60px; font-size:13px; line-height:20px; margin-top:5px; overflow:hidden; }
.phone-news-list ul.list li .info{ width:100%; margin-top:15px; }
.phone-news-list ul.list li .info .times{ float:left; color:#666; font-size:13px; }
.phone-news-list ul.list li .info .btn{ float:right; }
.phone-news-list ul.list li .info .btn a{ padding: 0 8px; height: 23px;border-radius: 4px;border: 1px solid #C81F1F; display: inline-block; text-align: center; line-height: 23px; font-size: 12px; color: #C81F1F; margin-left: 10px;}
.phone-news-list ul.list li .info .btn a:first-child{ background:#C81F1F; color:#fff; }
.phone-news-main{ width:100%; padding:30px 4%; box-sizing:border-box; }
.phone-news-main >h3{ width:100%; font-size:16px; font-weight:bold; }
.phone-news-main .video{ width:100%; margin-bottom:15px; }
.phone-news-main >.info{ color:#666; margin-top:5px; font-size:13px; }
.phone-news-main >.text{ font-size:14px; line-height:150%; margin-top:20px; }
.phone-news-main >.text p{ margin:10px 0; }
.phone-news-main >.text img{ max-width:100%; vertical-align:middle; }
.phone-news-main .other{ width: 100%; border-top:solid 1px #f1f1f1; margin-top:20px; padding-top:20px; }
.phone-news-main .other >div{ width:50%; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.phone-news-main .other >div:last-child{ text-align:right; }
.phone-news-main .other span{ color:#666; }
.phone-news-main .other a{ color:#C81F1F; }


/*专场讲座*/
.phone-special-list{ width:100%; padding:0 4%; box-sizing: border-box; }
.phone-special-list .list{ width:100%; margin-top: 10px; border-radius: 4px; background: #FFFFFF; }
.phone-special-list .list li{ width:100%; border-top:solid 1px #f1f1f1; padding-bottom:15px; padding-top:15px; }
.phone-special-list .list li:first-child{ border-top:none; }
.phone-special-list .list li .img{ width: 49%; float:left; }
.phone-special-list .list li .img img{ width:100%; vertical-align:top; }
.phone-special-list .list li .text{ float:right; width:47%;  box-sizing:border-box; }
.phone-special-list .list li .text h3{ width: 100%; height: 40px; overflow: hidden; font-size:14px; font-weight:bold; }
.phone-special-list .list li .text h3 a{ color:#333; }
.phone-special-list .list li .text p{ color:#666; font-size:12px; margin-top:2px; }
.phone-special-list .list li .text .btn{ margin-top:8px; }
.phone-special-list .list li .text .btn a{min-width: 50px; padding: 0 6px; height: 20px;border-radius: 20px;border: 1px solid #C81F1F; display: inline-block; text-align: center; line-height: 20px; font-size: 12px; color: #C81F1F;}


/*国际内容*/
.phone-class-int{ width:100%; padding:20px 4%; box-sizing:border-box; }
.phone-class-int ul.list li{ width:49%; float:left; margin-top:15px;  padding:20px 0 15px 15px; box-sizing:border-box; }
.phone-class-int ul.list li:nth-child(2n){ float:right; }
.phone-class-int ul.list li h3{ font-size:18px; line-height:18px; }
.phone-class-int ul.list li p{ height: 40px; line-height: 20px; overflow: hidden; margin-top:5px; font-size:13px; }
.phone-class-int ul.list li .btn{ width:100%; }
.phone-class-int ul.list li .btn a{ padding: 0 10px; height: 25px;border-radius: 252px; line-height: 25px; text-align: center; display: inline-block; border: solid 1px #999; background: #fff; font-size: 13px;}
.phone-class-int ul.education li h3{ color:#C81F1F; }
.phone-class-int ul.education li .btn a{ color:#C81F1F; border-color:#C81F1F; }
.phone-class-int ul.education li .btn a:hover{ color:#fff; background:#C81F1F; }
.phone-class-int ul.education li:nth-child(1){ background:url(../img/class1-img1.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.education li:nth-child(2){ background:url(../img/class1-img2.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.education li:nth-child(3){ background:url(../img/class1-img3.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.education li:nth-child(4){ background:url(../img/class1-img4.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.course li h3{ color:#4F89FE; }
.phone-class-int ul.course li .btn a{ color:#4F89FE; border-color:#4F89FE; }
.phone-class-int ul.course li .btn a:hover{ color:#fff; background:#4F89FE; }
.phone-class-int ul.course li:nth-child(1){ background:url(../img/class2-img6.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.course li:nth-child(2){ background:url(../img/class2-img7.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.course li:nth-child(3){ background:url(../img/class2-img8.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.course li:nth-child(4){ background:url(../img/class2-img9.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.course li:nth-child(5){ background:url(../img/class2-img10.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.course li:nth-child(6){ background:url(../img/class2-img11.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.course li:nth-child(7){ background:url(../img/class2-img12.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.course li:nth-child(8){ background:url(../img/class2-img13.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.course li:nth-child(9){ background:url(../img/class2-img14.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.course li:nth-child(10){ background:url(../img/class2-img15.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.course li:nth-child(11){ background:url(../img/class2-img16.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.course li:nth-child(12){ background:url(../img/class2-img17.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.train li h3{ color:#7F7EFD; }
.phone-class-int ul.train li .btn a{ color:#7F7EFD; border-color:#7F7EFD; }
.phone-class-int ul.train li .btn a:hover{ color:#fff; background:#7F7EFD; }
.phone-class-int ul.train li:nth-child(1){ background:url(../img/class3-img1.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.train li:nth-child(2){ background:url(../img/class3-img2.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.train li:nth-child(3){ background:url(../img/class3-img3.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.train li:nth-child(4){ background:url(../img/class3-img4.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.train li:nth-child(5){ background:url(../img/class3-img5.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.train li:nth-child(6){ background:url(../img/class3-img6.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.language li h3{ color:#FF8315; }
.phone-class-int ul.language li .btn a{ color:#FF8315; border-color:#FF8315; }
.phone-class-int ul.language li .btn a:hover{ color:#fff; background:#FF8315; }
.phone-class-int ul.language li:nth-child(1){ background:url(../img/class4-img1.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.language li:nth-child(2){ background:url(../img/class4-img2.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.language li:nth-child(3){ background:url(../img/class4-img3.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.language li:nth-child(4){ background:url(../img/class4-img4.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.language li:nth-child(5){ background:url(../img/class4-img5.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.language li:nth-child(6){ background:url(../img/class4-img6.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.language li:nth-child(7){ background:url(../img/class4-img7.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.language li:nth-child(8){ background:url(../img/class4-img8.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.language li:nth-child(9){ background:url(../img/class4-img9.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.study li h3{ color:#69CFA2; }
.phone-class-int ul.study li .btn a{ color:#69CFA2; border-color:#69CFA2; }
.phone-class-int ul.study li .btn a:hover{ color:#fff; background:#69CFA2; }
.phone-class-int ul.study li:nth-child(1){ background:url(../img/class5-img1.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.study li:nth-child(2){ background:url(../img/class5-img2.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.study li:nth-child(3){ background:url(../img/class5-img3.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.study li:nth-child(4){ background:url(../img/class5-img4.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.study li:nth-child(5){ background:url(../img/class5-img5.png) no-repeat; background-size:100% 100%; }
.phone-class-int ul.study li:nth-child(6){ background:url(../img/class5-img6.png) no-repeat; background-size:100% 100%; }


/*热门国际学校推荐*/
.phone-school-list{ width:100%; padding:0 4% 30px 4%; box-sizing:border-box; }
.phone-school-list .list{ width:100%; padding-top:2px; }
.phone-school-list .list li{ width:48%; padding-bottom: 12px; background: #FFFFFF;box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.17);border-radius: 16px; float:left; margin-top:18px; position:relative; }
.phone-school-list .list li:nth-child(2n){ float:right; }
.phone-school-list .list li h3{ width:100%; text-align:center; font-size:14px; font-weight:bold; line-height:14px; margin-bottom:10px; margin-top:12px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.phone-school-list .list li .img{ width:90%; height:90px; margin:0 auto; padding-bottom:10px; }
.phone-school-list .list li .img img{ width:100%; height:100%; vertical-align:top; }
.phone-school-list .list li .text{ width:100%;height: 40px;background: #FFFFFF;box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.17); padding-top:10px; font-size:12px; overflow:hidden; }
.phone-school-list .list li .text >div{ width:120%; transform: scale(0.85); margin-left:-8%; }
.phone-school-list .list li .text .tip{ display: inline-block;  color:#C81F1F; }
.phone-school-list .list li .text p{ display: inline-block; margin-left:-8px;  }
.phone-school-list .list li .btn{ width:100%; padding-top:10px; text-align:center; }
.phone-school-list .list li .btn a{width: 60%;height: 20px;background: #fff;border-radius: 20px; display: inline-block; color: #C81F1F; border: solid 1px #C81F1F; line-height: 20px; font-size: 12px;}
.phone-school-list .list li .top{ width:30px; height:30px; position:absolute; top:0; right:0; z-index:3; }
.phone-school-list .list li .top img{ width:100%; height:100%; }


/*关于我们*/
.phone-about-news{ width:100%; padding:20px 4% 30px 4%; box-sizing:border-box;}
.phone-about-news >.title{ font-size:18px; font-weight:bold; }
.phone-about-news .list{ width:100%;  }
.phone-about-news .list li{ width:48%; margin-top:20px; float:left;background: #FFFFFF;box-shadow: 0px 1px 8px 0px rgba(200,31,31,0.09);border-radius: 12px; box-sizing:border-box; padding:10px; }
.phone-about-news .list li:nth-child(2n){ float:right; }
.phone-about-news .list li .img{ width:100%; height:100px; overflow:hidden;border-radius: 12px; background: #EDE1D1; position:relative; }
.phone-about-news .list li .img img{ width:100%; height:100%; vertical-align:top; }
.phone-about-news .list li .img i{ color:#fff; position: absolute;top:50%;left:50%;z-index:3;transform:translate(-50%,-50%); opacity:.6; }
.phone-about-news .list li .img a{ width:100%; height:100%; display:block; }
.phone-about-news .list li h3{ width:100%; height: 40px; line-height: 20px; font-size:14px; font-weight: bold; color:#333; margin-top: 10px; overflow:hidden; }
.phone-about-news .list li h3 a:hover{ color:#C81F1F; }
.phone-about-news .list li p{ color:#666; font-size:12px; margin-top:5px; }
.phone-about-course{ width:100%; padding:20px 0 30px 0; box-sizing:border-box;}
.phone-about-course >.title{ font-size:18px; padding-left: 4%; box-sizing: border-box; font-weight:bold; }
.phone-about-course .courseList{ width:100%; position:relative; }
.phone-about-course .courseList li{ width:100%; padding:20px 0; box-sizing:border-box; position:relative; }
.phone-about-course .courseList li:nth-child(9){ padding:8px 0 0 0; }
.phone-about-course .courseList li .text{ width:50%; float:left; padding-left: 15px; padding-right: 10px; box-sizing: border-box; position:relative; }
.phone-about-course .courseList li .text h3{ font-size:18px; color:#C81F1F; }
.phone-about-course .courseList li .text p{ font-size:12px; color:#333; margin-top:5px; line-height:120%; }
.phone-about-course .courseList li .img{ width:50%; float:right; padding-right: 15px; padding-left: 15px; box-sizing: border-box; text-align:center; }
.phone-about-course .courseList li .img img{ max-width:100%; vertical-align:middle; }
.phone-about-course .courseList li:nth-child(2n){ background:#f3f3f3; }
.phone-about-course .courseList li:nth-child(2n) .text{ width:50%; float:right; padding-right:15px; }
.phone-about-course .courseList li:nth-child(2n) .img{ width:50%; float: left; padding-left: 15px; text-align: center;}
.phone-about-course .courseList:before{ content:'';width:1px; height:1600px; display:block; background:#C81F1F; position:absolute; left:50%; top:30px; z-index:9; }
.phone-about-course .courseList:after{ content: ""; display: inline-block; width: 0; height: 0;border-style: solid;border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 8px solid #C81F1F;border-top:0; position: absolute; left: 50%; top: 22px; margin-left: -3.5px;}
.phone-about-course .courseList li:before{ content:''; width:9px; height:10px; display:block; background:url(../img/about-courseY.png) no-repeat; background-size: 100% 100%; border-radius: 50%; position:absolute; left:50%; top:50%; z-index:10; margin-left:-4px; }
.phone-about-honour{ width:100%; padding:20px 4% 30px 4%; box-sizing:border-box;}
.phone-about-honour >.title{ font-size:18px; font-weight:bold; }
.phone-about-honour .honourList{ width:100%; padding-top:10px; padding-bottom:15px; }
.phone-about-honour .honourList li{ width:31.3%; float:left; margin-top:10px; }
.phone-about-honour .honourList li:nth-child(3n-1){ margin-left:3%; margin-right:3%; }
.phone-about-honour .honourList li .img{ width:100%; height:100px; }
.phone-about-honour .honourList li .img img{ width:100%; height:100%; vertical-align:top; }
.phone-about-honour .honourList li h3{ width:100%; height: 40px; overflow: hidden; text-align: center; font-size:14px; line-height:20px; margin-top:4px; font-weight:500; }
.phone-about-brand{ width:100%; padding:20px 4% 30px 4%; box-sizing:border-box;}
.phone-about-brand >.title{ font-size:18px; font-weight:bold; }
.phone-about-brand .founder{ width:100%; padding-top:8px; }
.phone-about-brand .founder li{ width:100%; margin-top: 28px; padding-bottom: 10px; box-sizing:border-box; border:solid 1px #C81F1F;border-radius: 12px; }
.phone-about-brand .founder li .img{ width:28%; float:left; margin-left:3%; margin-top:-14px; }
.phone-about-brand .founder li .img img{ width:100%; vertical-align:top; }
.phone-about-brand .founder li .text{ width:68%; float:left; padding-left:10px; padding-top:5px; padding-right: ; box-sizing:border-box; }
.phone-about-brand .founder li .text h3,.pc-about-main .founder li .text h4{ font-size:16px; font-weight:bold; }
.phone-about-brand .founder li .text p{ width: 115%; font-size:12px; color:#666; padding-top:3px; transform: scale(0.85); margin-left:-7.5%; margin-top:-7px; }
.phone-about-brand .introduce{ width:100%; padding-top:5px; }
.phone-about-brand .introduce li{ width:48%; height:90px; float:left; margin-top:15px;border-radius: 10px; padding:15px 5px 5px 10px; box-sizing:border-box;background: linear-gradient(90deg, #E60013, #EC000E); position:relative; }
.phone-about-brand .introduce li:nth-child(2n){  float:right; }
.phone-about-brand .introduce li h3{ font-size:18px; color:#fff; line-height:18px; }
.phone-about-brand .introduce li p{ width: 80%; font-size:12px; color:#fff; margin-left: -6%; margin-top: 3px; line-height:120%; transform: scale(0.85); }
.phone-about-brand .introduce li .icon{ width:40px; height:40px; border-radius:50%;border: 2px solid #CA0010; position:absolute; right:5px; bottom:5px; text-align:center; }
.phone-about-brand .introduce li .icon img{ max-width:50%; vertical-align: top; position: absolute;top:50%;left:50%;z-index:3;transform:translate(-50%,-50%); }
.phone-about-brand .introduce li:nth-child(2){background: linear-gradient(-90deg, #EE5B27 0%, #F45920 100%);}
.phone-about-brand .introduce li:nth-child(2) .icon{ border-color:#DD3A00; }
.phone-about-brand .introduce li:nth-child(3){background: linear-gradient(-90deg, #94C52E 0%, #94C72E 100%);}
.phone-about-brand .introduce li:nth-child(3) .icon{ border-color:#75AF00; }
.phone-about-brand .introduce li:nth-child(4){background: linear-gradient(-90deg, #5BBD94 0%, #5BBD94 100%);}
.phone-about-brand .introduce li:nth-child(4) .icon{ border-color:#2AB37A; }
.phone-about-brand .introduce li:nth-child(5){background: linear-gradient(-90deg, #E74344 0%, #E84442 100%);}
.phone-about-brand .introduce li:nth-child(5) .icon{ border-color:#D83D3D; }
.phone-about-brand .introduce li:nth-child(6){background: linear-gradient(-90deg, #FFFBF9 0%, #EC952C 0%, #EF942B 100%);}
.phone-about-brand .introduce li:nth-child(6) .icon{ border-color:#D07100; }
.phone-about-brand .introduce li:nth-child(7){background: linear-gradient(-90deg, #167BBF 0%, #167BBF 99%);}
.phone-about-brand .introduce li:nth-child(7) .icon{ border-color:#006CB4; }
.phone-about-brand .introduce li:nth-child(8){background: linear-gradient(-90deg, #EA7168 0%, #EB7166 100%);}
.phone-about-brand .introduce li:nth-child(8) .icon{ border-color:#E85E54; }
.phone-about-brand .introduce li:nth-child(9){background: linear-gradient(-90deg, #C183B6 0%, #C183B6 100%);}
.phone-about-brand .introduce li:nth-child(9) .icon{ border-color:#AD66A3; }
.phone-about-brand .introduce li:nth-child(10){background: linear-gradient(-90deg, #32ABE4 0%, #31ACE5 100%);}
.phone-about-brand .introduce li:nth-child(10) .icon{ border-color:#0896D8; }
.phone-about-brand .advantage{ width:100%; padding-top:10px; }
.phone-about-brand .advantage li{ width:100%; margin-top:20px; padding-left:28px; box-sizing: border-box; position:relative; }
.phone-about-brand .advantage li .num{width: 18px;height: 18px;background: linear-gradient(208deg, #E60012, #FF494A); color: #fff; font-size: 14px; text-align: center; line-height: 18px; position: absolute; left: 0; top: 0;}
.phone-about-brand .advantage li h3{ font-size:16px; font-weight:bold; line-height:18px; }
.phone-about-brand .advantage li p{ font-size:13px; color:#666; margin-top:3px; }
@media only screen and (min-width: 390px){
.phone-about-brand .introduce li{ height:100px;}
}
@media only screen and (min-width: 430px){
.phone-about-brand .introduce li{ height:110px;}
}



/*公共样式*/
.phone-content{ width:100%;}
.phone-crumbs{ width:100%; line-height: 20px; font-size: 12px; background: rgba(184,184,184,0.2); padding:0 4%; box-sizing:border-box; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.phone-crumbs a{ color:#666; }
.phone-crumbs span:last-child{ color:#C81F1F; }
.phone-classify{ width:100%; padding: 15px 4% 10px 4%; box-sizing: border-box; }
.phone-classify .title{ width: 16%; height: 14px; font-size: 12px; float:left; padding-right:5px; box-sizing: border-box; border-right:solid 1px #666; line-height:14px; font-weight:bold; }
.phone-classify.big .title{ width:20%; }
.phone-classify .list{ float:left; width: 84%; line-height:14px; font-size:13px; }
.phone-classify .list li{ float:left; width: 20%; color:#333; padding-left:8px; box-sizing:border-box; }
.phone-classify.big .list{ width:80%; }
.phone-classify.big .list li{ width:36%; text-align:center; }
.phone-classify.big .list li:nth-child(3){ width:26%; }
.phone-classify .list li:last-child{ margin-right:0; }
.phone-classify .list li.on a{ color:#C81F1F; text-decoration:underline; }
@media only screen and (max-width: 390px){
.phone-classify .list{ font-size:12px; }
}

/*分页*/
.pagingBox{ width: 100%; margin-top: 30px; margin-bottom: 30px; }
.paging{ text-align:center; margin-left:auto; margin-right:auto; list-style:none;}
.paging li{ display:inline;vertical-align: middle; margin:0 6px;}
.paging li.page a{ border:1px solid #C81F1F; cursor:pointer; height:28px; width:28px; line-height:28px; text-align:center; display:inline-block; font-size:16px; color:#464646;}
.paging li.page a:hover{ border:1px solid #C81F1F; background-color:#fff;color:#C81F1F;}
.paging li.page a.currentPage{border:1px solid #C81F1F;color:#fff; background: #C81F1F;}
.paging li.page a.currentPage:hover{ background:#C81F1F;}
.paging_but a{ background:#C81F1F; display:inline-block; padding:0 10px; height:30px; line-height:30px; color:#fff;}
.paging_but a:hover{ background:#C81F1F;}
.paging_off a{ background:#ededed; color:#696969; cursor:default;}
.paging_off a:hover{ background:#ededed;}
.paging_num a{ color:#C81F1F}
.paging_input_but{background:#C81F1F;padding:0 10px;display:inline-block; height:30px; line-height:30px; color:#fff; border:none; outline:none; cursor:pointer;}
.paging_input_but:hover{background:#C81F1F;}