@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;}


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

/*公共*/
.clr{zoom:1;}/*不用添加多余标签清除浮动*/
.clr:after{display:block;content:"\0020";height:0;clear:both;visibility:hidden;}
.none{ display: none; }
.w{ width: 100%; }
.fl{ float: left; }
.tc{ text-align: center; }
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }
.mr10{ margin-right: 10px; }
.pt5{ padding-top: 5px; }
.pb60{ padding-bottom: 60px; }




.m-container,.w-container{ width: 1200px; margin: 0 auto; position:relative; font-size:14px; color:#333; font-family:'微软雅黑', Arial, Helvetica, sans-serif ; zoom:1;}
.w-container{ width: 100%; }
.m-container a{text-decoration:none; outline:none; color: #333;}




/*面包屑导航*/
.m-navigation{ width: 100%; margin-top: 20px; margin-bottom: 20px; height: 30px; line-height: 30px; font-size: 13px; color: #333; }
.m-navigation span{ float: left; color: #666; }
.m-navigation .link,.m-navigation > div{ float: left; }
.m-navigation .link a{ color: #333; }
.m-navigation .link:after{ content: ">"; display: inline-block; color: #333; margin: 0 8px; }

/*新闻页pc端*/
.m-news-con{ width: 100%; }
.m-news-sidebar{ width: 288px; float: left; }
.m-news-sidebar h2{ width: 100%; font-size: 22px; }
.m-news-sidebar h2.on{ color: #C8201E; }
.m-news-sidebar ul{ width: 100%; margin-bottom: 20px; }
.m-news-sidebar ul li{ float: left; min-width: 60px; margin-right: 10px; font-size: 16px; margin-top: 10px; line-height: 16px;word-wrap:break-word; }
.m-news-sidebar ul li a{ color: #666; }
.m-news-sidebar ul li.on a{ color: #C8201E; }
.m-news-listBox{ width: 900px; float: right; background: #fff; padding: 30px 0; box-sizing: border-box; }
.m-news-listBox h2.title{ font-size: 24px; margin-top: 10px; line-height: 24px; color: #333; text-align: center; }
.m-news-list{ width: 100%; padding-top: 20px; }
.m-news-list li{ width: 100%; margin-top: 30px; padding: 0 30px 30px 30px; box-sizing: border-box;  border-bottom:solid 1px #e4e4e4; }
.m-news-list li .img{ width: 240px; height: 138px; float: left; position: relative; overflow: hidden; border: solid 1px #fff;transition: all 0.3s ease 0s; }
.m-news-list li .img:hover{ border: solid 1px #C8201E; }
.m-news-list li .img img{ width: 100%; position: absolute; top: 50%;left: 50%;z-index: 3;transform: translate(-50%,-50%);}
.m-news-list li .textBox{ width: 550px; float: left; margin-left: 30px; box-sizing: border-box; }
.m-news-list li .textBox h3{ width: 100%; height: 18px; line-height: 18px; font-size: 18px; font-weight: bold; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.m-news-list li .textBox h3 a{ color: #333;transition: all 0.3s ease 0s; }
.m-news-list li .textBox h3 a:hover{color: #C8201E;}
.m-news-list li .textBox p{ width: 100%; height: 90px; line-height: 150%; margin-top: 10px; font-size: 15px; color: #666; text-overflow:-o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:4; line-clamp:4;-webkit-box-orient: vertical; }
.m-news-list li .textBox .times{ text-align: right; margin-top: 5px; font-size: 13px; line-height: 13px; color: #666; } 
.m-news-list li .textBox .times span{ padding-right: 10px; margin-right: 10px; border-right: solid 1px #666; }

.m-news-main{ width: 870px; float: left; background: #fff; }
.m-news-mainText{ width: 100%; padding-top: 30px; }
.m-news-mainText h2{ padding: 0 30px; box-sizing: border-box; font-size: 22px; color: #333; text-align: center; }
.m-news-mainText .info{ margin-top: 20px; text-align: center; color: #999; margin-bottom: 30px; }
.m-news-mainText .info span{ margin-left: 15px; margin-right: 15px; }
.m-news-mainText-con{ width: 100%; padding:30px 30px 50px 30px; box-sizing: border-box; border-top: solid 1px #999; border-bottom: solid 1px #999; font-size: 15px; line-height: 180%; color: #464646;  }
.m-news-mainText-con p{ margin: 4px 0; }
.m-news-mainText-con img{ max-width: 100%; vertical-align: middle; margin:8px 0; }
.m-news-mainText-end{ width: 80px; text-align: center; line-height: 30px; margin: -15px auto 0 auto; background: #fff; color: #666; }
.m-news-mainText-tip{ width: 100%; margin-top: 30px; color: #999; text-align: center; }
.m-news-mainText-tip div{ display: inline-block; text-align: left; vertical-align: top; }
.m-news-mainYuyue{ width: 100%; margin-top: 80px; margin-bottom: 30px; padding: 20px 0; text-align: center; background: #C8201E; color: #fff; font-size: 24px; }
.m-news-mainYuyue h3{ color: #fff; font-size: 30px; font-weight: bold; }
.m-news-mainYuyue .inputText{ width: 244px; height: 42px; display: inline-block; line-height: 40px; border-radius: 8px; border:solid 1px #fff; box-sizing: border-box; text-align: center; font-size: 15px; text-align: left; padding-left: 15px; vertical-align: middle; outline: none; background: none; color: #fff;}
.m-news-mainYuyue .btn{ width: 380px; height: 50px; line-height: 50px; border: none; color: #C8201E; display: inline-block; text-align: center; font-size: 24px; border-radius: 55px;transition: all 0.3s ease 0s; background:#FFE169; }
.m-news-mainOther{ width: 100%; border-top: solid 20px #f5f7f9; padding-bottom: 30px;}
.m-news-mainOther h3{ width: 100%; border-bottom: solid 1px #999; padding-left: 30px; line-height: 80px; box-sizing: border-box; font-size: 20px; }
.m-news-mainOther ul{ width: 100%; padding: 0 30px; box-sizing: border-box; }
.m-news-mainOther ul li{ width: 370px; float: left; margin-top: 30px; }
.m-news-mainOther ul li:nth-child(2n){ float: right; }
.m-news-mainOther ul li h4{ width: 100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.m-news-mainOther ul li h4 a{ font-size: 16px; color: #333; }
.m-news-mainOther ul li p{ width: 100%; color: #999; margin-top: 5px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.m-news-mainSidebar{ width: 308px; float: right; }
.m-news-mainTrends{ width: 100%; background: #fff; padding: 20px; box-sizing: border-box; }
.m-news-mainTrends .title{ width: 100%; height: 35px; margin-top: 5px; border-bottom: solid 1px #999; }
.m-news-mainTrends .title h3{ float: left; font-size: 18px; line-height: 18px; font-weight: bold; border-left: solid 3px #333; padding-left: 20px; margin-left: -20px; }
.m-news-mainTrends .title a{ float: right; font-size: 12px; color: #666; }
.m-news-mainTrends ul { width: 100%; padding-top: 5px; }
.m-news-mainTrends ul li{ width: 100%; height: 20px; padding-left: 15px; box-sizing: border-box; margin-top: 10px; font-size: 12px; line-height: 20px; position: relative; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.m-news-mainTrends ul li:before{ content: ''; width: 3px; height: 3px; border-radius: 50%; background: #666; position: absolute; left: 0; top: 8px; }
.m-news-mainTrends ul li a{ color: #333; }
.m-news-mainTrends ul li a:hover{ color: #C8201E; }
.m-news-mainClass{ width: 100%; background: #fff; padding: 20px; box-sizing: border-box; margin-top: 30px; }
.m-news-mainClass .title{ width: 100%; height: 35px; margin-top: 5px; border-bottom: solid 1px #999; }
.m-news-mainClass .title h3{ float: left; font-size: 18px; line-height: 18px; font-weight: bold; border-left: solid 3px #333; padding-left: 20px; margin-left: -20px; }
.m-news-mainClass .title a{ float: right; font-size: 12px; color: #666; }
.m-news-mainClass ul{ width: 100%; }
.m-news-mainClass ul li{ width: 48%; float: left; margin-top: 20px; box-sizing: border-box; border-radius: 4px; overflow: hidden; padding-bottom: 8px; box-shadow: 0 1px 2px rgba(0,0,0,.4);  }
.m-news-mainClass ul li:nth-child(2n){ float: right; }
.m-news-mainClass ul li .textBox{ width: 100%; padding-bottom: 78%; position: relative; }
.m-news-mainClass ul li .textBox:before{content: ""; width: 60%; height: 60%; position: absolute;top: 0;right: 0;background: url(../images/hotClass-icon.png);background-size: 100% 100%;}
.m-news-mainClass ul li:nth-child(1) .textBox{ background: linear-gradient(208deg, #FF494A, #E60012);}
.m-news-mainClass ul li:nth-child(2) .textBox{ background: linear-gradient(208deg, #8E6FFF, #6E48FF);}
.m-news-mainClass ul li:nth-child(3) .textBox{ background: linear-gradient(208deg, #BCEE57, #92C52B);}
.m-news-mainClass ul li:nth-child(4) .textBox{ background: linear-gradient(208deg, #5770FF, #0122D7);}
.m-news-mainClass ul li:nth-child(5) .textBox{ background: linear-gradient(208deg, #FF8044, #CC4F45);}
.m-news-mainClass ul li:nth-child(6) .textBox{ background: linear-gradient(208deg, #23A2F8, #157CC2);}
.m-news-mainClass ul li .textBox .name{ width: 82px; color: #fff; font-size: 20px; font-weight: bold; position: absolute; top: 50%;left: 50%;z-index: 3;transform: translate(-50%,-50%); }
.m-news-mainClass ul li .btns{ width: 100%; margin-top: 8px; }
.m-news-mainClass ul li .btns .themeBtn,.m-news-mainClass ul 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); }
.m-news-mainClass ul li .btns .themeBtn{ border: solid 1px #C8201E; color: #C8201E; }
.m-news-mainClass ul li .btns .themeBtn2{ background: #C8201E; color: #fff; float: right; }


/*国际学校*/
.m-schools-topinfo{ width: 1200px; margin: 30px auto 0 auto; }
.m-schools-topinfo-banner{ width: 470px; height: 308px; float: left; }
.m-schools-topinfo-news{ width: 380px; height: 308px; float: left; margin-left: 20px; background: #fff; overflow: hidden; }
.m-schools-topinfo-news ul{ width: 100%; padding: 20px 20px 10px 20px; box-sizing: border-box; }
.m-schools-topinfo-news ul li{ width: 100%; margin-bottom: 10px; font-size: 13px; line-height: 140%; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.m-schools-topinfo-news ul li:first-child{ font-size: 20px; font-weight: bold; }
.m-schools-topinfo-news ul li:first-child a{ color: #333; }
.m-schools-topinfo-news ul li a{ color: #666; }
.m-schools-topinfo-news ul li a:hover{ color: #C8201E; }
.m-schools-topinfo-que{ width: 312px; height: 308px; float: right; padding: 20px 20px 0 20px; box-sizing: border-box; background: #fff; }
.m-schools-topinfo-que h2{ width: 100%; font-size: 20px; font-weight: bold; line-height: 140%; padding-bottom: 5px; }
.m-schools-topinfo-que ul{ width: 100%; height: 230px; overflow: hidden; }
.m-schools-topinfo-que ul li{ width: 100%; padding-bottom: 10px; margin-top: 10px; border-bottom: dashed 1px #999; }
.m-schools-topinfo-que ul li .ask{ width: 100%; font-size: 14px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.m-schools-topinfo-que ul li .ask span{ width: 18px; height: 18px; line-height: 18px; text-align: center; background: #C8201E; color: #fff; font-size: 12px; display: inline-block; margin-right: 5px; }
.m-schools-topinfo-que ul li p{ width: 100%; height: 28px; margin-top: 10px; line-height: 14px; 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; }
.m-schools-topinfo-que ul li p span.tip{ width: 18px; height: 18px; line-height: 18px; text-align: center; background: #4B9800; color: #fff; font-size: 12px; display: inline-block; margin-right: 5px; }
.m-schools-topinfo-que ul li p span.text{ width: 240px; display: inline-block; vertical-align: top; }
.m-schools-topInlet{ width: 1200px; margin: 20px auto 0 auto; }
.m-schools-topInlet-guide{ width: 470px; height: 260px; float: left; background: #fff; padding: 20px 20px 0 20px; box-sizing: border-box; }
.m-schools-topInlet-guide h2{ width: 100%; border-bottom: solid 1px #999; font-size: 24px; font-weight: bold; line-height: 24px; padding-bottom: 10px; }
.m-schools-topInlet-guide h3{ width: 100%; font-size: 20px; margin-top: 10px; font-weight: normal; }
.m-schools-topInlet-guide ul.one li,.m-schools-topInlet-guide 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: 16px; border-radius: 4px; }
.m-schools-topInlet-guide ul.one li:nth-child(3n-2){ margin-left: 0; }
.m-schools-topInlet-guide ul.two li{ width: 22.6%; margin-left: 3%; font-size: 14px; }
.m-schools-topInlet-guide ul.two li:first-child{ margin-left: 0; }
.m-schools-topInlet-guide ul li a{ width: 100%; height: 100%; color: #C8201E; display: inline-block; }
.m-schools-topInlet-guide ul li:hover a{ background: rgba(200,32,30,0.1); }
.m-schools-topInlet-serve{ width: 380px; height: 260px; float: left; margin-left: 20px; background: #fff; padding: 20px 20px 0 20px; box-sizing: border-box; }
.m-schools-topInlet-serve h2{ width: 100%; border-bottom: solid 1px #999; font-size: 24px; font-weight: bold; line-height: 24px; padding-bottom: 10px; }
.m-schools-topInlet-serve ul{ width: 100%; }
.m-schools-topInlet-serve ul li{ width: 33.3%; float: left; text-align: center; margin-top: 15px; font-size: 14px; }
.m-schools-topInlet-serve ul li .icon{width: 50px;height: 50px;background: rgba(213,26,27,0.1);border-radius: 50%;display: flex;align-items: center;justify-content: center; overflow: hidden; margin: 0 auto;}
.m-schools-topInlet-serve ul li h3{ margin-top: 8px; font-weight: normal; font-size: 14px; color: #464646; }
.m-schools-topInlet-test{ width: 312px; height: 260px; float: right; padding: 20px 20px 0 20px; box-sizing: border-box; background: #fff;}
.m-schools-topInlet-test h2{ width: 100%; border-bottom: solid 1px #999; font-size: 24px; font-weight: bold; line-height: 24px; padding-bottom: 10px; }
.m-schools-topInlet-test .inputBox{ text-align: center; }
.m-schools-topInlet-test .inputBox span{ font-size: 18px; vertical-align: middle; }
.m-schools-topInlet-test .inputBox .inputText{ width: 200px; height: 37px; display: inline-block; line-height: 35px; border-radius: 8px; border:solid 1px #999; box-sizing: border-box; text-align: center; font-size: 15px; text-align: left; padding-left: 15px; vertical-align: middle; outline: none; background: none; color: #333; vertical-align: middle;}
.m-schools-topInlet-test .inputBox .btn{ width: 96%; height: 40px; line-height: 40px; border: none; color: #fff; display: inline-block; text-align: center; font-size: 18px; border-radius: 8px;transition: all 0.3s ease 0s; background:#C8201E; }
.m-schools-flowpath{ width: 1200px; margin: 50px auto; padding-bottom: 40px; }
.m-schools-flowpath h2{ padding-left: 10px; border-left: solid 4px #333; font-size: 24px; font-weight: bold; line-height: 30px; }
.m-schools-flowpath ul{ width: 100%; position: relative; margin-top: 34px; }
.m-schools-flowpath ul:before{ content: ''; width: 100%; height: 10px; background: #DADADA; position: absolute; top: 262px; left: 0; z-index: 9; }
.m-schools-flowpath ul li{ width: 184px; float: left; margin-left: 19px; }
.m-schools-flowpath ul li:first-child{ margin-left: 0; }
.m-schools-flowpath ul li .box{ width: 184px; height: 204px; background: #fff; border-radius: 4px; padding-top: 20px; box-sizing: border-box; position: relative; }
.m-schools-flowpath ul li .box .icon{width: 70px;height: 70px;background: linear-gradient(0deg, #C8201E 0%, #FF3331 100%);border-radius: 50%; margin: 0 auto 18px auto; text-align: center;display: flex;align-items: center;justify-content: center; }
.m-schools-flowpath ul li .box .icon:after{ content: '';border-top: 26px solid #fff;border-bottom: 18px solid transparent;border-right: 18px solid transparent;border-left: 18px solid transparent; position: absolute; bottom: -42px; }
.m-schools-flowpath ul li .box .icon:before{ content: ''; width: 35px; height: 44px; background: url(../images/schools-flowpathTY.png) no-repeat; background-size: 100%; position: absolute; bottom: -80px; z-index: 10; }
.m-schools-flowpath ul li .box p{ font-size: 24px; font-weight: bold; text-align: center; line-height: 24px; }
.m-schools-flowpath ul li .box h3{ width: 100%; position: relative; font-size: 20px; font-weight: normal; text-align: center; margin-top: 28px; }
.m-schools-flowpath ul li .box h3:before{ content: ''; width: 40px; height: 4px; border-radius: 2px; background: #C8201E; position: absolute; left: 50%; margin-left: -20px; top: -18px; }
.m-schools-flowpath ul li .btn{ width: 100%; text-align: center; padding-top: 100px; }
.m-schools-flowpath ul li .btn a{ width: 150px; height: 40px; display: inline-block; border:solid 1px #C8201E; border-radius: 20px; color: #C8201E; font-size: 16px; line-height: 38px; box-sizing: border-box;transition: all 0.3s ease 0s;}
.m-schools-flowpath ul li .btn a:hover{ background: #C8201E; color: #fff; }
.m-schools-school{ width: 100%; padding-top: 70px; background: #fff; }
.m-schools-school .title{ width: 1200px; margin: 0 auto; }
.m-schools-school .title h2{ float: left; padding-left: 10px; border-left: solid 4px #333; font-size: 24px; font-weight: bold; line-height: 30px; }
.m-schools-school .title .menu{ float: left; padding-left: 50px; font-size: 24px; line-height: 30px; }
.m-schools-school .title .menu li{ float: left; margin-left: 80px; }
.m-schools-school .title .menu li.on a{ color: #C8201E; border-bottom: solid 2px #C8201E; display: inline-block; padding-bottom: 3px; }
.m-schools-school .schoolList{ width: 1200px; margin: 0 auto; padding-top: 10px; }
.m-schools-school .schoolList >li{ width: 380px; height: 446px; background: #fff; float: left; border-radius: 4px;box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.26); margin-top: 30px; margin-left: 30px; }
.m-schools-school .schoolList >li:nth-child(3n-2){ margin-left: 0; }
.m-schools-school .schoolList >li .img,.m-schools-school .schoolList >li .img img{ width: 380px; height: 250px; overflow: hidden; border-radius: 4px 4px 0 0 ; }
.m-schools-school .schoolList >li .title{ width: 100%; height: 55px; text-align: center; font-size: 24px; font-weight: bold; margin-top: 5px; }
.m-schools-school .schoolList >li .title span{ vertical-align: middle; display: inline-block; }
.m-schools-school .schoolList >li .title span img{ width: 40px; margin-left: -25px; margin-top: 3px; }
.m-schools-school .schoolList >li .text{ width: 100%; height: 55px; padding:0 15px; box-sizing: border-box; line-height: 140%;  font-size: 13px; color: #666; position: relative; z-index: 10; }
.m-schools-school .schoolList >li .text p{ width: 100%; height: 55px; overflow: hidden; }
.m-schools-school .schoolList >li .text:before{ content: ''; width: 16px; height: 21px; background: url(../images/schools-schoolList-circle1.png) no-repeat; display: block; position: absolute; left:-1px; top: 65px; z-index: 11; }
.m-schools-school .schoolList >li .text:after{ content: ''; width: 16px; height: 21px; background: url(../images/schools-schoolList-circle2.png) no-repeat; display: block; position: absolute; right:-1px; top: 65px; z-index: 11; }
.m-schools-school .schoolList >li .info{ width: 93%; margin: 20px auto 0 auto; border-top: dashed 1px #999; padding-top: 20px;}
.m-schools-school .schoolList >li .info span{ float: left;  font-size: 16px; line-height: 24px; margin-right: 5px;}
.m-schools-school .schoolList >li .info ul li{ float: left; min-width: 70px; padding: 0 5px; box-sizing: border-box; height: 24px; text-align: center; line-height: 24px; font-size: 13px; color: #fff; border-radius: 4px; margin-right: 15px; }
.m-schools-school .schoolList >li .info ul li.xx{ background: #C52626; }
.m-schools-school .schoolList >li .info ul li.cz{ background: #0078FF; }
.m-schools-school .schoolList >li .info ul li.gz{ background: #4B9800; }

.m-schools-class{ width: 1200px; margin: 50px auto; padding-bottom: 20px; }
.m-schools-class h2{ padding-left: 10px; border-left: solid 4px #333; font-size: 24px; font-weight: bold; line-height: 30px; }
.m-schools-class ul >li{ width: 585px; height: 440px; float: left; margin-top: 30px; background: #C8201E; border-radius: 8px; overflow: hidden; position: relative; }
.m-schools-class ul >li:nth-child(2n){ float: right; }
.m-schools-class ul >li .img,.m-schools-class ul >li .img img{ width:100%; height: 262px; vertical-align: top; }
.m-schools-class ul >li h3{ font-size: 48px; color: #C8201E; position: absolute; left: 36px; top: 61px; text-stroke:1px #fff; -webkit-text-stroke:1px #fff; font-weight: bold;text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0; }
.m-schools-class ul >li .text{ width: 100%; padding: 0 10px; box-sizing: border-box; color: #fff; }
.m-schools-class ul >li .text .row{ width: 100%; margin-top: 10px; }
.m-schools-class ul >li .text .row span.tip{ width: 80px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; font-weight: bold; background: #fff; border-radius: 2px; color: #C8201E; display: inline-block; vertical-align: middle; margin-right: 8px; }
.m-schools-class ul >li .text .row p{ width: 460px; display: inline-block; vertical-align: middle; font-size: 14px; line-height: 15px; }
.m-schools-news{ width: 1200px; margin: 50px auto; padding-bottom: 40px; }
.m-schools-news h2{ padding-left: 10px; border-left: solid 4px #333; font-size: 24px; font-weight: bold; line-height: 30px; }
.m-schools-news ul{ width: 100%; background: #fff; margin-top: 30px; padding: 20px 30px; box-sizing: border-box; box-shadow: 0 0 14px rgba(200,32,30,.3); }
.m-schools-news ul li{ width: 46%; float: left; padding-top: 15px; margin-bottom: 15px; border-top: dashed 1px #999; line-height: 16px; }
.m-schools-news ul li:nth-child(2n){ float: right; }
.m-schools-news ul li:first-child,.m-schools-news ul li:nth-child(2){ border: none; }
.m-schools-news ul li .title{ width: 80%; float: left; position: relative; padding-left: 20px; box-sizing: border-box; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.m-schools-news ul li .title:before{ content: ''; display: block; width: 8px; height: 8px; background:#C8201E; position: absolute; left: 0; top: 4px;  }
.m-schools-news ul li .title a{ color: #333; font-size: 16px; }
.m-schools-news ul li .title a:hover{ color: #C8201E; }
.m-schools-news ul li .times{ float: right; font-size: 13px; color: #999; text-align: right; }
.m-schools-news .moreBtn{ width: 100%; margin-top: 50px; text-align: center; }
.m-schools-news .moreBtn a{ width: 450px; height: 70px; display: inline-block; background: #C8201E; color: #fff; font-size: 24px; text-align: center; line-height: 70px; border-radius: 35px; }




/*404页面*/
.m-not404{ width: 100%; padding-top: 100px; text-align: center; }
.m-not404 img{ width: 524px; vertical-align: top; }
.m-not404 h3{ font-size: 36px; font-weight: bold; margin-top: 80px; }
.m-not404 p{ font-size: 18px; margin-top: 25px; }
.m-not404 .btn a{ width: 220px; height: 60px; display: inline-block; font-size: 24px; background: #C8201E; color: #fff; line-height: 60px; text-align: center; border-radius: 6px; margin-top: 20px; }



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






/*托福雅思多邻国*/
.m-tuofu-banner{ width: 100%; height: 500px; background: url(../images/tuofu-banner.png) no-repeat; background-position: center center; position: relative; }
.m-tuofu-banner a{ width: 240px;height: 60px;background: #C8201E;border-radius: 30px; color: #fff; text-align: center; line-height: 60px; font-size: 30px; display: block; position: absolute; top: 388px; left: 50%; margin-left: -600px;transition: all 0.3s ease 0s;}
.m-tuofu-banner a:hover{background: #ff0300;}
.m-tuofu-hotClass{ width: 1200px; margin: 60px auto 0 auto; }
.m-tuofu-hotClass .titleBox{ width: 100%; line-height: 30px; }
.m-tuofu-hotClass .titleBox h2{ float: left; font-size: 30px; }
.m-tuofu-hotClass .titleBox ul{ float: left; margin-left: 200px; }
.m-tuofu-hotClass .titleBox ul li{ float: left; margin-left: 50px; font-size: 18px; cursor: pointer; position: relative; }
.m-tuofu-hotClass .titleBox ul li.on{ color: #C8201E;}
.m-tuofu-hotClass .titleBox ul li.on:before{ content: ''; width: 100%; height: 4px; background:#C8201E; border-radius: 2px; position: absolute; bottom: -6px; left: 0;  }
.m-tuofu-hotClass .titleBox .more{ float: right; font-size: 12px; color: #999; }
.m-tuofu-hotClass .hotClassList{ width: 100%; padding-top: 20px; }
.m-tuofu-hotClass .hotClassList li{ width: 380px; height: 545px; float: left; background: #fff; margin-left: 30px; margin-top: 30px; border-radius: 8px; overflow: hidden; }
.m-tuofu-hotClass .hotClassList li:nth-child(3n-2){ margin-left: 0; }
.m-tuofu-hotClass .hotClassList li .img{ width: 100%; height: 408px; position: relative; }
.m-tuofu-hotClass .hotClassList li .img h4{ width: 100%; text-align: center; position: absolute; top: 117px; left: 0; font-size: 52px;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; }
.m-tuofu-hotClass .hotClassList li .img img{ width: 100%; height: 100%; vertical-align: top; }
.m-tuofu-hotClass .hotClassList li h3{ width: 100%; text-align: center; font-size: 22px; font-weight: bold; line-height: 44px; }
.m-tuofu-hotClass .hotClassList li p{ width: 100%; font-size: 16px; padding: 0 5px; box-sizing: border-box; text-align: center; color: #999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.m-tuofu-hotClass .hotClassList li .btn{ width: 100%; text-align: center; margin-top: 15px; }
.m-tuofu-hotClass .hotClassList li .btn a{width: 200px;height: 40px; display: inline-block; background: #C8201E;border-radius: 20px; color: #fff; line-height: 40px; text-align: center; font-size: 18px;transition: all 0.3s ease 0s;}
.m-tuofu-hotClass .hotClassList li .btn a:hover{background: #ff0300;}
.m-tuofu-student{ width: 1200px; margin: 60px auto 0 auto; }
.m-tuofu-student h2{ width: 100%; font-size: 30px; line-height: 30px; }
.m-tuofu-student ul{ width: 100%; margin-top: 30px; background: #fff; padding:0 28px 28px 28px; box-sizing: border-box; }
.m-tuofu-student ul li{width: 360px;height: 245px; margin-left: 30px; margin-top: 30px; padding-left: 34px; padding-top: 20px; box-sizing: border-box; float: left; background: radial-gradient(circle, #fdfeff, #ecf2ff);border-radius: 12px; position: relative;}
.m-tuofu-student ul li:nth-child(3n-2){ margin-left: 0; }
.m-tuofu-student ul li h3{ width: 100%; font-size: 36px; color: #666; font-weight: bold; position: relative; }
.m-tuofu-student ul li h3:before{ content: ''; width: 100px;height: 1px; display: block; background: #666666;border-radius: 1px; position: absolute; bottom: -10px; left: 0;}
.m-tuofu-student ul li p{ width: 160px; height: 66px; font-size: 16px; color: #666; margin-top: 30px; line-height: 150%; }
.m-tuofu-student ul li .btn{ margin-top: 10px; }
.m-tuofu-student ul li .btn a{width: 150px;height: 34px; display: inline-block; background: #C8201E;border-radius: 17px; color: #fff; line-height: 34px; text-align: center;transition: all 0.3s ease 0s;}
.m-tuofu-student ul li .btn a:hover{background: #ff0300;}
.m-tuofu-student ul li .icon{width: 123px;height: 123px;border: 2px solid #286AF3;border-radius: 50%; position: absolute; right: 20px; bottom: 20px; display: flex;align-items: center;justify-content: center;}
.m-tuofu-student ul li .icon img{ vertical-align: middle; }
.m-tuofu-system{ width: 1200px; margin: 60px auto 0 auto; }
.m-tuofu-system h2{ width: 100%; font-size: 30px; line-height: 30px; }
.m-tuofu-system ul{ width: 100%; margin-top: 30px; }
.m-tuofu-system ul li{ width: 224px; height: 285px; background: #fff; border-radius: 12px; overflow: hidden; float: left; margin-left: 20px; }
.m-tuofu-system ul li:first-child{ margin-left: 0; }
.m-tuofu-system ul li .img,.m-tuofu-system ul li .img img{ width: 100%; height: 150px; vertical-align: middle; }
.m-tuofu-system ul li h3{ width: 90%; height: 65px; margin: 0 auto; font-size: 20px; font-weight: bold; line-height: 120%; border-bottom: solid 1px #999;display: flex;align-items: center;justify-content: center;  }
.m-tuofu-system ul li p{ width: 90%; margin: 10px auto 0 auto; font-size: 14px; color: #666; line-height: 140%;}
.m-tuofu-news{ width: 1200px; margin: 60px auto 0 auto; }
.m-tuofu-news h2{ width: 100%; font-size: 30px; line-height: 30px; }
.m-tuofu-news .m-tuofu-newsBox{ width: 100%; margin-top: 30px; background: #fff; padding: 30px; box-sizing: border-box; }
.m-tuofu-news .m-tuofu-newsBox .titleBox{ width: 100%; padding-bottom: 20px; border-bottom: solid 1px #CECECE; }
.m-tuofu-news .m-tuofu-newsBox .titleBox ul{ float: left; }
.m-tuofu-news .m-tuofu-newsBox .titleBox ul li{ width: 150px; height: 40px; float: left; margin-right: 30px; border: solid 1px #999999; box-sizing: border-box; line-height: 38px; text-align: center; font-size: 20px; border-radius: 6px; cursor: pointer; }
.m-tuofu-news .m-tuofu-newsBox .titleBox ul li.on{ color: #fff; background: #C8201E; border-color: #C8201E; }
.m-tuofu-news .m-tuofu-newsBox .titleBox .more{ float: right; font-size: 12px; color: #999; line-height: 38px; }
.m-tuofu-news .m-tuofu-newsBox .ListBox{ width: 100%; }
.m-tuofu-news .m-tuofu-newsBox .ListBox li{ width: 46%; padding-left: 15px; box-sizing: border-box; float: left; font-size: 18px; margin-top: 20px; position: relative; }
.m-tuofu-news .m-tuofu-newsBox .ListBox li:before{ content: ''; width: 4px; height: 4px; display: block; background: #999999; position: absolute; left: 0; top: 10px; }
.m-tuofu-news .m-tuofu-newsBox .ListBox li:nth-child(2n){ float: right; }
.m-tuofu-news .m-tuofu-newsBox .ListBox li .title{ width: 75%; float: left; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.m-tuofu-news .m-tuofu-newsBox .ListBox li .times{ float: right; color: #999; }
.m-tuofu-info{ width: 100%; height: 540px; margin-top: 60px; padding-top: 40px; box-sizing: border-box; background: #286AF3; }
.m-tuofu-info h2{ width: 100%; text-align: center; font-size: 36px; line-height: 150%; color: #fff; padding-bottom: 20px; }
.m-tuofu-info .inputBox{ width: 750px; margin: 0 auto; box-sizing: border-box; color: #fff;  }
.m-tuofu-info .inputBox span.title{ width: 180px; float: left; text-align: right; padding-right: 15px; box-sizing: border-box; line-height: 50px; font-size: 20px; }
.m-tuofu-info .inputBox span.title i{ color:#fff;  }
.m-tuofu-info .inputBox .inputText{ width: 570px; height: 50px; float: left; line-height: 50px; border-radius: 8px; border:none; background: #fff; box-sizing: border-box; text-align: center; font-size: 20px; text-align: left; padding-left: 25px; outline: none;}
.m-tuofu-info .inputBox .inputSelect{ position: relative; }
.m-tuofu-info .inputBox .inputSelect .inputShow{ border-radius: 8px 8px 0 0; }
.m-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: 20px; top: 24px;}
.m-tuofu-info .SelectBox{ width: 570px; padding: 5px; box-sizing: border-box; background: #fff; position: absolute; top: 50px; right: 0; z-index: 99; border-radius:0 0 8px 8px; display: none;}
.m-tuofu-info .SelectBox a{ width: 49%; margin-top: 5px; display: inline-block; color: #464646; box-sizing: border-box; text-align: center; font-size: 18px; line-height: 30px;}
.m-tuofu-info .SelectBox a:hover{ background: #DB1816; color: #fff; border-radius: 6px;}
.m-tuofu-info .inputBox .btn{width: 400px;height: 60px; background: linear-gradient(180deg, #EF333C 0%, #C8201E 100%);border-radius: 30px; border: none; color: #fff; display: inline-block; text-align: center; font-size: 26px; }