****************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl,textarea,
dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas,button,select,
details, embed,  figure, figcaption, footer, header,   menu, nav, output, ruby, section, summary, time, mark, audio,
video {	margin: 0; padding: 0;border: 0; font-style: normal;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header,  menu, nav, section { display: block; }
ol, ul,dl { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
sub{vertical-align: sub;font-size: smaller;}
sup{vertical-align: super;font-size: smaller;}
*{margin: 0; padding: 0;}
html{font: 14px/1.5 "Microsoft YaHei", "PingFang SC",Arial, "Helvetica Neue", Helvetica, STHeiTi, sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #7A7A7A;min-width: 1200px;}
body{background: #F5F5F5;min-width: 1200px;height:100%;}
::-moz-selection { background: #328efe; color: #fff; text-shadow: none; }
::selection { background: #328efe; color: #fff; text-shadow: none; }
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 1309781 */
  src: url('http://at.alicdn.com/t/c/font_1309781_j54fx8vvzu.woff2?t=1736150764936') format('woff2'),
       url('http://at.alicdn.com/t/c/font_1309781_j54fx8vvzu.woff?t=1736150764936') format('woff'),
       url('http://at.alicdn.com/t/c/font_1309781_j54fx8vvzu.ttf?t=1736150764936') format('truetype');
}
.iconfont{font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
.icon {
    width: 1em; height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}
a {text-decoration: none; color: #7A7A7A;}
a:hover, a:active,a:hover i{ outline: 0;color: #2ec2a3;}
.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after {clear: both;}
.clearfix { *zoom: 1;}
.ellipsis{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.un{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;transition: all .3s ease-out;}
.fl{float: left;}
.fr{float: right;}
.relative{position: relative;}
.wraper{width: 100%;min-width: 1200px;}
.wrap{width: 1200px;margin: 0 auto;}
:root{--primary:#43A591;--borderColor:#E5E5E5;}
.font-12{font-size: 12px;}
.font-14{font-size: 14px;}
.color_6{color: #666;}
.text-primary{color: var(--primary);}
.border-solid-top{border-top: 1px solid var(--borderColor);}
.border-solid-bottom{border-bottom: 1px solid var(--borderColor);}
.d-flex{display: flex;}
.d-grid{display: grid;}
.d-block{display: block;}
.d-inline{display: inline;}
.d-inline-block{display: inline-block;}
.bg-light{background-color: #fafafa;}
.bg-white{background-color: #fff;}
.bg-grey{background-color: #f7f7f7}
.d-none{display: none;}
.flex-1{flex: 1;}
.flex-column{flex-direction: column;}
.j-center{justify-content: center;}
.space-between{justify-content: space-between;}
.space-around{justify-content: space-around;}
.line-height-25{line-height: 25px;}
.w-100{width: 100%;}
.m-5{margin: 5px;}
.mx-5{margin-left: 5px;margin-right: 5px;}
.my-5{margin-top: 5px;margin-bottom: 5px;}
.my-n-5{margin-top: -5px;margin-bottom: -5px;}
.mt-5{margin-top: 5px;}
.ml-5{margin-left: 5px;}
.mr-5{margin-right: 5px;}
.mb-5{margin-bottom: 5px;}

.m-10{margin: 10px;}
.mx-10{margin-left: 10px;margin-right: 10px;}
.my-10{margin-top: 10px;margin-bottom: 10px;}
.mt-10{margin-top: 10px;}
.ml-10{margin-left: 10px;}
.mr-10{margin-right: 10px;}
.mb-10{margin-bottom: 10px;}

.m-15{margin: 15px;}
.mx-15{margin-left: 15px;margin-right: 15px;}
.my-15{margin-top: 15px;margin-bottom: 15px;}
.mt-15{margin-top: 15px;}
.ml-15{margin-left: 15px;}
.mr-15{margin-right: 15px;}
.mb-15{margin-bottom: 15px;}

.m-20{margin: 20px;}
.mx-20{margin-left: 20px;margin-right: 20px;}
.my-20{margin-top: 20px;margin-bottom: 20px;}
.mt-20{margin-top: 20px;}
.ml-20{margin-left: 20px;}
.mr-20{margin-right: 20px;}
.mb-20{margin-bottom: 20px;}

.m-25{margin: 25px;}
.mx-25{margin-left: 25px;margin-right: 25px;}
.my-25{margin-top: 25px;margin-bottom: 25px;}
.mt-25{margin-top: 25px;}
.ml-25{margin-left: 25px;}
.mr-25{margin-right: 25px;}
.mb-25{margin-bottom: 25px;}

.m-30{margin: 30px;}
.mx-30{margin-left: 30px;margin-right: 30px;}
.my-30{margin-top: 30px;margin-bottom: 30px;}
.mt-30{margin-top: 30px;}
.ml-30{margin-left: 30px;}
.mr-30{margin-right: 30px;}
.mb-30{margin-bottom: 30px;}

.m-40{margin: 40px;}
.mx-40{margin-left: 40px;margin-right: 40px;}
.my-40{margin-top: 40px;margin-bottom: 40px;}
.mt-40{margin-top: 40px;}
.ml-40{margin-left: 40px;}
.mr-40{margin-right: 40px;}
.mb-40{margin-bottom: 40px;}


.p-0{padding:0!important}
.px-0{padding-left:0!important;padding-right:0!important}
.py-0{padding-left:0!important;padding-bottom:0!important}
.pl-0{padding-left:0!important}
.pt-0{padding-top:0!important}
.pr-0{padding-right:0!important}
.pb-0{padding-bottom:0!important}

.p-5{padding: 5px;}
.px-5{padding-left: 5px;padding-right: 5px;}
.py-5{padding-top: 5px;padding-bottom: 5px;}
.pt-5{padding-top: 5px;}
.pl-5{padding-left: 5px;}
.pr-5{padding-right: 5px;}
.pb-5{padding-bottom: 5px;}

.p-10{padding: 10px;}
.px-10{padding-left: 10px;padding-right: 10px;}
.py-10{padding-top: 10px;padding-bottom: 10px;}
.pt-10{padding-top: 10px;}
.pl-10{padding-left: 10px;}
.pr-10{padding-right: 10px;}
.pb-10{padding-bottom: 10px;}

.p-15{padding: 15px;}
.px-15{padding-left: 15px;padding-right: 15px;}
.py-15{padding-top: 15px;padding-bottom: 15px;}
.pt-15{padding-top: 15px;}
.pl-15{padding-left: 15px;}
.pr-15{padding-right: 15px;}
.pb-15{padding-bottom: 15px;}

.p-20{padding: 20px;}
.px-20{padding-left: 20px;padding-right: 20px;}
.py-20{padding-top: 20px;padding-bottom: 20px;}
.pt-20{padding-top: 20px;}
.pl-20{padding-left: 20px;}
.pr-20{padding-right: 20px;}
.pb-20{padding-bottom: 20px;}

.p-25{padding: 25px;}
.px-25{padding-left: 25px;padding-right: 25px;}
.py-25{padding-top: 25px;padding-bottom: 25px;}
.pt-25{padding-top: 25px;}
.pl-25{padding-left: 25px;}
.pr-25{padding-right: 25px;}
.pb-25{padding-bottom: 25px;}

.p-30{padding: 30px;}
.px-30{padding-left: 30px;padding-right: 30px;}
.py-30{padding-top: 30px;padding-bottom: 30px;}
.pt-30{padding-top: 30px;}
.pl-30{padding-left: 30px;}
.pr-30{padding-right: 30px;}
.pb-30{padding-bottom: 30px;}

/* top */
.topAll{background: #EFEFEF; height: 41px; line-height: 41px; font-weight: 400;font-size: 12px;color: #7A7A7A;}
.topAll .line{display: block; width: 1px;height: 12px;background: #C7C7C7;border-radius: 0px 0px 0px 0px; vertical-align: middle; top: 15px; position: relative;}
.top{height: 104px;background: #F5F5F5;box-sizing: border-box;padding-top: 20px;}
.showBox{width: 164px;height: 61px;background: linear-gradient( 143deg, #3BB598 11%, #8AE3CE 100%); position: relative; box-sizing: border-box; padding: 9px 16px;border-radius: 4px 4px 4px 4px; position: relative;}
.top span{display: block;width: 66px;height: 28px;background: linear-gradient( 95deg, #FFC064 0%, #EE980D 100%);border-radius: 4px 4px 4px 4px;font-family: PingFang SC, PingFang SC;font-weight: 500;font-size: 12px;color: #FFFFFF;line-height: 28px; text-align: center;}
.top p{width: 305px;height: 40px;font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 12px;color: #7A7A7A;line-height: 20px; margin-top: 25px;}
.showBox h2{width: 73px;height: 18px;font-family: PingFang SC, PingFang SC;font-weight: 500;font-size: 18px;color: #FFFFFF;line-height: 20px;}
.showBox div{width: 71px;height: 0px;border: 1px solid #FFFFFF; margin: 6px 0;}
.showBox h3{width: 73px;height: 13px;font-family: PingFang SC, PingFang SC;font-weight: 500;font-size: 10px;color: #FFFFFF;}
.showBox img{position: absolute; right: 10px; top: 0px;}
/* nav */
nav{background: #43A591; height: 60px; line-height: 60px;}
nav ul{display: flex;}
nav li{flex: 1; position: relative;}
/* nav li:first-child{border-left: 1px solid #298a76;} */
nav li:last-child{border-right: 1px solid #298a76;}
nav li a{font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 14px;display: block;color: #D0F9E1;text-align: center; border-left: 1px solid #298a76; position: relative;}
nav li.active a{color: #fff; background: #298a76; }
nav li a:hover{color: #fff;}
nav .products{font-size: 14px;color: rgba(255,255,255,.8);position: relative;margin-left: 12px; cursor:pointer;}
nav .products i{margin-left: 20px; position: relative; top:1px}
.brand{cursor: pointer;position: relative;z-index: 1;box-sizing: content-box;}
nav .products:hover .brandbox{display: block}
nav .brandbox{position: absolute;width: 100%;background: #fff;left: 0;display: none;z-index: 100;box-shadow: 0 3px 8px 0 #c6c0c0;}
nav .brandbox:before{position:absolute;left:0;top:0;width:1px;height:100%;background:#fff;content:"";z-index: 100;}
nav .brandbox a{width: 100%;height: 40px;line-height: 40px;display: block;font-size: 12px;box-sizing: border-box;color: #333;text-align: center}
nav .brandbox a:hover{color:var(--primary)}

.tip{position: absolute; left: 0; top: 0;}
.more{position: absolute;right: 20px;top: 13px;margin: 0 !important;}

/* footer */
footer{background: #43A591; height: 129px; color: #fff;}
footer a{color: #fff; margin: 0 3px;}
footer .bot{flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;height: 129px;font-size: 12px;line-height: 22px;letter-spacing: .5px;}


/* rightRecommend */
.article {width: 380px; min-width: 380px; height: 428px;background: #FAFAFA;border-radius: 0px 0px 0px 0px; margin-left: 30px; position: relative;}
.article ul{padding: 60px 20px 0;}
.article a{justify-content: space-between;margin-top: 18px; line-height: 24px;}
.article h2{width: 242px;font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 14px;color: #7A7A7A;line-height: 24px;}

.schoolInr{background: #FAFAFA;margin-bottom: 10px;padding-right: 10px;}
.schoolInr:last-child{margin-bottom: 0;}
.schoolInr .teacher{margin-right: 20px;width: 136px;height: 136px; overflow: hidden;}
.schoolInr .teacher img{height: 136px;position: relative;left: -30px;}
.schoolInr h2{font-family: PingFang SC, PingFang SC;font-weight: 500;font-size: 16px;color: #262626;line-height: 16px;margin-top: 20px;margin-bottom: 10px;max-width: 211px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.schoolInr p{font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 14px;color: #7A7A7A;line-height: 22px;margin-bottom: 12px;height: 44px;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;}
.schoolInr .left{background: #F5F5F7;height: 23px; align-items: center;}
.schoolInr .join{width: 42px;height: 12px;background: #43A591;border-radius: 2px 2px 2px 2px;font-weight: 400;font-size: 8px;color: #FFFFFF; text-align: center; margin: 0 4px;}
.schoolInr .time{font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 12px;color: #7A7A7A;line-height: 18px;}
.check{height: 12px;background: linear-gradient( 95deg, #FFC064 0%, #EE980D 100%);border-radius: 2px 2px 2px 2px;font-weight: 400;font-size: 8px;color: #FFFFFF;text-align: center;padding: 0 3px;}
.schoolRecommend{width: 380px; min-width: 380px;background: #FAFAFA; margin-left: 30px; position: relative; padding-bottom: 20px;}
.schoolRecommend ul{padding-top: 40px;}
.schoolRecommend li{border-bottom: 1px solid var(--borderColor);margin: 15px 20px 0;padding-bottom: 15px;}
.schoolRecommend li .school{width: 155px; height: 60px; overflow:hidden;}
.schoolRecommend li img{width: 155px; position:relative;top:-35px;}
.schoolRecommend li h2{width: 162px;height: 22px;font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 16px;color: #2A3341;line-height: 22px;margin-bottom: 10px;}
.schoolRecommend li:last-child{border-bottom: 0;}
.masterRecommend{width: 380px; min-width: 380px; margin-left: 30px; margin-top: 30px; position: relative; background: #fafafa; padding-bottom: 20px;}
.masterRecommend ul{padding-top: 60px;}
.masterRecommend ul li{padding: 0 20px;}
.masterRecommend .teacher{width: 62px; height: 100px; overflow:hidden;}
.masterRecommend .teacher img{ height: 100px; position:relative;left:-8px !important;}
.masterRecommend li{margin-bottom: 20px;}
.masterRecommend li:last-child{margin-bottom: 0;}
.masterRecommend h2{margin-top: 6px;max-width: 211px !important;}


/* newsList */
.newsList {background-color: #fff; box-sizing: border-box; padding: 20px; height: 720px;}
.newsList .listTitle{font-weight: 500;font-size: 20px;color: #2A3341;line-height: 24px;}
.newsList .listTitle b{width: 4px;height: 20px;background: #43A591; border-radius: 0px 0px 0px 0px; display: inline-block; font-size: 0; vertical-align: middle; margin-right: 17px;}
.newsList dl{margin-top: 40px;}
.newsList dl dt{justify-content: space-between;}
.newsList dl dt a{width: 360px; max-width: 360px;}
.newsList dl dt h2{font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 16px;color: #262626;line-height: 24px; height: 48px;-webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;width: 223px;}
.newsList dl dt .time{font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 12px;color: #7A7A7A;line-height: 18px; margin: 8px 0 9px;}
.newsList dl dt .hit{width: 187px;height: 23px; line-height: 23px; background: #F5F5F7;border-radius: 4px 4px 4px 4px;font-weight: 400;font-size: 12px;color: #7A7A7A;}
.newsList dl dt .hit span{width: 25px;height: 12px; line-height: 12px; background: #C50000;border-radius: 2px 2px 2px 2px; display: inline-block;font-weight: 400;
font-size: 8px;
color: #FFFFFF; text-align: center; margin-right: 4px; margin-left: 4px; vertical-align: middle;}
.newsList dl dt a .img{width: 121px;height: 101px;border-radius: 4px 4px 4px 4px; background: url(/statics/images/news2.png) center no-repeat; background-size: contain;}
.newsList dl dd{margin-top: 16px;}
.newsList dl dd a{align-items: center; justify-content: space-between; height: 27px;}
.newsList dl dd h2{width: 646px;max-width: 646px;font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 14px;color: #7A7A7A;}
.newsList dl dd .number{width: 16px;height: 16px; line-height: 16px; text-align: center; border-radius: 2px 2px 2px 2px;font-weight: 400;
font-size: 10px;color: #7A7A7A;;background: #E5E5E5;}
.newsList dl dd .number.num3{background: #C50000; color: #fff;}
.newsList dl dd .number.num4{background: #FF6200; color: #fff;}
.newsList dl dd .number.num5{background: #FCD006; color: #fff;}
.newsList dl dd .time{color: #7A7A7A}
.newsList dl dd:hover h2{color: var(--primary);}
.masters .schoolInr .teacher img{width:136px;left:0;height:fit-content}
.schools .schoolInr h2,.masters .schoolInr h2{max-width: 700px;}

/* nav */