/* CSS Document */
/* bouti-tit */
html,body,div,strong,span,form,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,tr,td,th,tbody,thead,input,textarea,select,fieldset,p,hr{margin:0;padding:0;}
body{line-height:16px;color:#000;font-size:12px;font-family: "Arial","Hiragino Sans GB",微软雅黑,"Helvetica","sans-serif";font-weight:normal;}
table{border-collapse:collapse;border-spacing:0}
filedset,img{border:0;vertical-align:middle;-ms-interpolation-mode:bicubic}
address,em,i,caption,cite,code,th{font-weight:normal;font-style:normal}
li{list-style:none;vertical-align:bottom;list-style-type:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
a{text-decoration:none;color:#777;outline:none;}
a:hover{text-decoration:none;color:#777;}
button,input,select,textarea{margin:0;border:0;font-weight:inherit;vertical-align:baseline;*vertical-align:middle;outline:none}
button,input[type="button"],input[type="text"],select,textarea{background:none}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:none}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
textarea{resize:none;vertical-align:top}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc}
div{margin:0 auto}
/* Spacing */
.m10{margin:10px;}
.m15{margin:15px;}
.m30{margin:30px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}
.mtb10{margin:10px 0}
.pt30{ padding-top:30px;}
.pt10{ padding-top:10px;}
/* Float & Clear */
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
.clearfix{clear:both;zoom:1}
.txtEllipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


/* new */
body{
    width: 100%;
    overflow-x: hidden;
}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.DarkMode{
    background: #1D1D1D;
}
.shadowWrap{
    width:100%;
    height:100%;
    background:#000;
    position:fixed;
    left:0;top:0;
    z-index:1100;
}
.propagandPlayerBox {
    width:90%;
    height:90%;
    display:block;
    position:fixed;
    left:50%;
    top:50%;
    z-index:1101;
    margin:0 0 0 -45%;
}
.propagandPlayer_inner{
    width:100%;
    height:100%;
    position:relative;
    top:-50%;
}
.playerWrap{width:100%;height:100%;}
.deleteButton{
    width:50px;
    height:50px;
    cursor:pointer;
    background:url(http://image.zhihuishu.com/testzhs/able-commons/demo/201611/2f68673fcc25497ab3d9ca8408e39fd5.png) no-repeat;
    position:absolute;
    right:-4%;top:50px;z-index:10000
}
.deleteButton:hover{background:url(http://image.zhihuishu.com/testzhs/able-commons/demo/201611/b8e955d15ba24af19b95b469bb69b45f.png) no-repeat;}
.abouts-banner{
    width: 100%;
    height: 580px;
    position: relative;
}
.abouts-banner img{
    width: 1920px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left:-960px;
}
.abouts-zhs{
    width: 960px;
}
.abouts-zhs h1{
    font-family: PingFangSC-Medium;
    font-size: 32px;
    color: #FFFFFF;
    letter-spacing: 0.89px;
    text-align: center;
    line-height: 40px;
    color:#3C3C3C;
}
.abouts-zhs .p1{
    padding-top:15px;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #777777;
    letter-spacing: 2px;
    text-align: center;
}
.p2{
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #9C9C9C;
    letter-spacing: 0.39px;
    text-align: center;
    line-height: 28px;
}
.abouts-zhs h3{
    font-family: PingFangSC-Medium;
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0.56px;
    text-align: center;
}
.ServiceObject-outDiv{
    width: 100%;
    padding-top:120px;
    background: url(https://image.zhihuishu.com/zhs_yufa_150820/ablecommons/demo/202005/b2da319d1d2e4667a4551ed16f5d9798.png) no-repeat top center;
}
.Play-icon{
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin:-40px 0 0 -40px;
}
.ServiceObject-div{
    width:880px;
    height: 360px;
    position: relative;
    text-align: center;
}
.lianxian-icon{
    width:782px;
    height: 360px;
    display: inline-block;
}
.Learner-sp{
    width: 160px;
    height: 205px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left:-80px;
    top:25px;
}
.Learner-icon{
    width: 160px;
    height: 180px;
}
.Learner-sp p,.other-sp p{
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0.39px;
    text-align: center;
}
.other-sp{
    width: 100px;
    height: 130px;
    display: block;
    position: absolute;
    top:245px; 
}
.Object-icon{
    width: 100px;
    height: 112px;
}
.school-obj{
    left: 0;
}
.Union-obj{
    left:262px;
}
.Institutions-obj{
    left:518px;
}
.Member-obj{
    right: 0;
}
.tips-div{
    margin-top:30px;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #F94F17;
    letter-spacing: 0.33px;
    text-align: center;
    line-height: 20px;
}
.tips-icon{
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
}
.OperationServices-list{
    width: 830px;
    margin:auto;
}
.OperationServices-list  li{
    width: 278px;
    height: 160px;
    /* float: left; */
    margin-top:30px;
    padding:20px 20px 0 100px;
    background: #1D1D1D;
    border: 1px solid #3C3C3C;
    border-radius: 16px;
}
.li-left{
    width: 80px;
    height: 80px;
    margin-left: -80px;
    text-align: center;
    line-height: 80px;
    border-radius: 40px;
}
.svgBg1{
    background: #F9BA14;
}
.svgBg2{
    background: #17AE67;
}
.svgBg3{
    background: #3D84FF;
}
.svgBg4{
    background: #F94F17;
}
.school-icon{
    width: 28px;
    height: 34px; 
    display: inline-block;
    vertical-align: middle;
}
.li-right{
    margin-left:20px;
}
.li-right h4{
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0.44px;
}
.li-right h5{
    padding:8px 0 12px 0;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #3D84FF;
    letter-spacing: 0.33px;
}
.li-right p{
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #9C9C9C;
    letter-spacing: 0.39px;
    line-height: 26px;
}
.courseServices-Classification{
    padding: 50px 0;
    text-align: center;
}
.courseServices-Classification span{
    display: inline-block;
    margin: 0 45px;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0.39px;
    text-align: center;
    line-height: 24px;
}
.Slash-icon{
    width: 18px;
    height: 18px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 6px 0 0;
}

.Services-Classification-list li{
    float: left;
    width: 240px;
    height: 200px;
    margin-right: 80px;
}
.Services-Classification-list li:last-child{
    float: right;
    margin-right: 0;
}
.Classification-img{
    width: 240px;
    height: 160px;
    position: relative;
    display: block;
    background: #000000;
    background: rgba(0,0,0,0.60);
    border-radius: 16px;
}
.Classification-img img{
    width:100%;
    border-radius:16px;
}
.Shadow-layer{
    width: 240px;
    height: 160px;
    background: #000000;
    border-radius: 16px;
    opacity: 0.6;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}
.Classificat-icon{
    width: 74px;
    height: 74px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -37px 0 0 -37px;
    z-index: 10;
}
.Services-Classification-list li p{
    line-height: 40px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0.39px;
    text-align: center;
}
.abouts-zhs h3 .taste{
    font-family: PingFangSC-Semibold;
    font-size: 20px;
    color: #3D84FF;
    letter-spacing: 0.56px;
}
.taste-list li{
    width: 236px;
    height: 126px;
    float: left;
    padding: 20px;
    margin:35px 26px 10px 0;
    background: #1D1D1D;
    border: 2px dashed #3C3C3C;
    border-radius: 16px;
}
.taste-list li:last-child{
    margin-right: 0
}
.taste-list li h5,.TeachingQuality-ul li h5,.CertificateStudy h5{
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0.44px;
    text-align: center;
    line-height: 26px;
}
.taste-list li p,.TeachingQuality-ul li p,.CertificateStudy p{
    padding-top: 15px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #9C9C9C;
    letter-spacing: 0.39px;
    text-align: justify;
    line-height: 28px;
}
.TeachingQuality-ul{
    width: 1010px;
    margin:auto;
}
.TeachingQuality-ul li{
    float: left;
    width:445px;
    padding: 20px 30px;
    text-align: center;
}
.TeachingQuality-ul li p{
    text-align: center;
}
.CertificateStudy{
    width: 1130px;
    margin: 0 auto 50px;
}
.CertificateStudy li{
    width: 500px;
    height: 340px;
    padding:30px;
    margin-top:30px;
    text-align: center;
    background: #2A2A2A;
    border-radius: 16px;
}
.CertificateStudy p{
    text-align: center;
    padding-top:5px;
}
.certif-pic img{
    width: 160px;
    height: 160px;
    border-radius: 4px;
    float: left;
    margin:70px 10px 0 0;
}
.certif-pic img:last-child{
    margin-right: 0
}
.JointProof-pic img{
    float:none;
    display: inline-block;
    width: 180px;
    height: 254px;
    margin:25px 20px 0 0;
    padding: 0;
    border-radius: 0;
}
/* copy */
.abouts-zhs .General{
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0.4px;
    text-align: justify;
    line-height: 28px;
}
.copy-zhs .p2{
    text-align: left;
}
.contact-ul{
    width: 1180px;
    margin: 65px auto 200px;
}
.contact-ul li{
    width:380px;
    height:100px;
    float: left;
    margin-right: 17px;
    line-height: 100px;
    text-align: center;
    border: 1px solid #CB2B29;
    border-radius: 16px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #3C3C3C;
    letter-spacing: 0.44px;
}
.contact-ul li:last-child{
    margin-right: 0;
}


.white{
    background: #fff
}

.white .header-logo .black-mode{
    display: inline-block
}
.white .header-logo .light-mode{
    display: none
}
.white .abouts-banner{
    margin-bottom:60px;
}
.white .abouts-zhs h1{
    color: #2A2A2A;
    font-weight: bold;
}
.white .p1,.white .p2{
    color: #9c9c9c
}
.white .abouts-zhs h3,.white .li-right h4,
.white .taste-list li h5,.white .TeachingQuality-ul li h5,.white .CertificateStudy h5{
    color: #2A2A2A;
    font-weight: bold;
}
.white .Learner-sp p,.white .other-sp p{
    color: #2a2a2a
}
.white .ServiceObject-outDiv .block-type{
    display: none;
  }
.white .ServiceObject-outDiv .light-type{
  display: inline-block;
}
.white .OperationServices-list li{
    background: #FAFAFA;
    border: 1px solid #EDEDED;
}
.white .ServiceObject-outDiv{
    background: url(https://image.zhihuishu.com/zhs_yufa_150820/ablecommons/demo/202006/2654d70fcb42475a9031b698bb008590.png) no-repeat top center;
}
.white .linaxian-img{
    height: 113px;
    margin-top: 124px;
    background: url(https://image.zhihuishu.com/zhs_yufa_150820/ablecommons/demo/202006/cb86c31834c540f8bb6b37b21b143a03.png) no-repeat;
}
.white .courseServices-Classification span{
    color: #2A2A2A;
    font-weight: bold;
}
.white .taste-list li{
    background: #fff;
    border: 1px solid #EDEDED;
}
.white .CertificateStudy li{
    background: #F6F6F6;
}
.white .rightFix{
    background: #FFFFFF;
}
.white .rightFix .message:after{
    background: #FFFFFF;
}
.white .rightFix .message:hover {
    background: #fff;
}
.white .rightFix .message .hideMessage_kefu{
    background: url(https://image.zhihuishu.com/zhs_yufa_150820/ablecommons/demo/202006/8fba715087eb489a87c1fb64fdbc484b.png);
}
.white .rightFix .message .hideMessage{
    background: url(https://image.zhihuishu.com/zhs/b2cm/base1/202210/a20473e9f2904281a6c4ea2d0a8498ae.png);
    background-size: cover;
}

.white .contact-ul li{
    border: 1px solid #EDEDED;
    color: #2A2A2A;
}
.white .copy-zhs{
    padding-bottom: 80px
}