/*  Reset  */
html{font-size: 100px;}
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,cite,code,del,em,img,q,small,strong,sub,sup,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tr,th,td {margin:0;padding:0;border:0;font-size:100%;}
body {background:#fff;color:#000;font:.14rem/1.5em "microsoft yahei";}
ol,ul {list-style:none;}
cite,em,strong,th,h1,h2,h3,h4,h5,h6 {font-style:normal;font-weight:normal;}
table {border-collapse:collapse;border-spacing:0;}
input,textarea,select,button {font-size:100%;}
a {color:#000;text-decoration:none;}
a:hover {color:#e90f06;text-decoration:none;}
input:focus{outline:none;}
i{font-style: normal;}

/*{transition: .2s all linear;}*/

body{display: block;max-width: 768px;margin: 0 auto;padding-bottom: 35px;}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.clear {clear:both;}
.tel400{cursor: pointer;}

@font-face {
	font-family: 'icomoon';
    src: url('../fonts/icomoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-search:before {content: "\e986";color: #448af3;}
.icon-mobile:before {content: "\e959";color: #448af3;}
.icon-course:before {content: "\e9b8";color: #448af3;}
.icon-school:before {content: "\e903";color: #448af3;}
.icon-sitemap:before {content: "\e94c";color: #448af3;}
.icon-tel400:before {content: "\e942";color:}
.icon-home:before {content: "\e902";color: #448af3;}
.icon-enroll:before {content: "\e926";}
.icon-kefu:before {content: "\e910";color:}
.icon-location:before {content: "\e947";color: #448af3;}
.icon-article:before {content: "\e922";color: #448af3;}
.icon-menu:before {content: "\e9bb";color: #448af3;}
.icon-down:before {content: "\ea3e";color: #448af3;}
.icon-up:before {content: "\ea3a";color: #448af3;}
.icon-windows8:before { content: "\eac2";color: #448af3;}
.icon-newspaper:before { content: "\e904";color: #448af3;}
.icon-users:before {content: "\e972";color: #448af3;}
.icon-headphones:before { content: "\e910"; color:#ff0000;}
.icon-list:before { content: "\e9ba"; color: #448af3;}
.icon-article1:before { content: "\e901";}
.icon-stack:before {  content: "\e92e"; color:#ccc }


#ykheader{padding: 5px 15px;position: relative;box-sizing: border-box;box-shadow: 0 2px 2px 0 rgba(28,31,33,.1);}
#ykheader .logo{width: 1rem;float: left;}
#ykheader .logo img{width: 100%;display: block;padding-top: .05rem;}

#ykheader .citys{padding: 0 0 0 15px;width: 78px;float: left;line-height: 42px;}
#ykheader .citys span.choosed{font-size: 12px;color: #3a3329;position: relative;cursor: pointer;}
#ykheader .citys span.choosed:after{content: '';position: absolute;right: -.13rem;top: .04rem;font-weight: normal;width: .05rem;height: .05rem;transform: rotate(135deg);-webkit-transform: rotate(135deg);transition: all 0.4s ease;border-right: 1px solid #676767; border-top: 1px solid #676767;}
#ykheader .citys:hover span.choosed:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
#ykheader .citys .city-change {width: .56rem;border: 1px solid #ccc;background-color: #F9F9F9;color: #676767;text-align: center;line-height: .18rem;font-size: .12rem;overflow: hidden;margin-top: .04rem;}
#ykheader .citys .cities-all{position: absolute;top: 49px;left: 0;display: none;z-index: 6;width: 100%;margin: 0 auto;padding: 1%;padding-top: 0; box-shadow: 0 2px 4px 0 rgba(28,31,33,.1), 0 4px 8px 0 rgba(28,31,33,.1), 0 8px 16px 0 rgba(28,31,33,.1), 0 12px 24px 0 rgba(28,31,33,.1), 0 16px 32px 0 rgba(28,31,33,.1);border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;z-index: 999;background: #fff;}
#ykheader .citys:hover .cities-all{display: block;}
#ykheader .citys .cities-all dt{line-height: 45px;border-bottom: 1px dotted #666;font-size: 15px;color: #000;font-weight: bold;margin-bottom: 8px;}
#ykheader .citys .cities-all .slide-letter {margin-top: 12px;padding: 5px 6px;}
#ykheader .citys .cities-all dl dd a {font-size: 14px;margin-right: 4px;padding: 2px 3px;border-radius: 5px;width: 14%;float: left;line-height: 24px;text-align: center;}
#ykheader .contact{font-size:24px;float: right;line-height: 42px;}
#ykheader .contact a.open-kefu{color: #fd5400;margin-right: 15px;}
#ykheader .contact a.open-400{color: #F01414;}
#ykheader .contact .menus{float: right;margin-left: 15px;}
#ykheader .contact .menus .icon-menu{color: #448af3;}
#ykheader .contact .menus ul{display: none;position: absolute;width: 160px;right: 0;top: 52px;font-size: 16px;color: #2B333B;line-height: 42px;background: #fff;box-shadow: 0 2px 4px 0 rgba(28,31,33,.1), 0 4px 8px 0 rgba(28,31,33,.1), 0 8px 16px 0 rgba(28,31,33,.1), 0 12px 24px 0 rgba(28,31,33,.1), 0 16px 32px 0 rgba(28,31,33,.1);border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;padding: 10px 20px;z-index: 999;}
#ykheader .contact .menus ul i{padding-right: 5px;color: #004085;}
#ykheader .contact .menus:hover ul{display: block;}
#ykheader .contact .menus:hover .icon-menu{color:#F01414;}

.banner{height: 150px;position: relative;overflow: hidden;width: 100%;}
.banner img{height: 150px;transform: translate(-50%,-50%);position: absolute;top: 50%;left: 50%;}
.banner .swiper-slide img{position: initial;transform: inherit;top: inherit;left: inherit;}

.box h2{line-height:.28rem;padding:.2rem 0 .07rem .2rem;font-size:.18rem;background: url(../img/title-bg.png) no-repeat left center;margin-bottom: 15px;font-weight: bold;}
.box h2 em{font-weight: inherit;float: right;}
.brand{height:1.5rem;padding-top:.1rem;}
.brand .read-item {width: 3.3rem;height: 130px;display: flex;align-items: center;}
.brand .read-item img {margin-left: 15px;width: 100%;height: 100px;border-radius: .05rem;}
.brand .read-item a {width: 47%;float: left;margin: 0 1.5%;}
.brand .read-item .item-right {margin-left: .12rem;width: 215px;}
.brand .read-item .item-right .item-title {font-weight: 500;font-size: .16rem;color: #2B333B;line-height: .22rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.brand .swiper-pagination-bullet {width: .06rem;height: .06rem;background: rgba(43,51,59,.1);border-radius: .03rem;transition: all .3s;opacity: 1;}
.brand .swiper-pagination-bullet-active {width: 15px;}
.brand .read-item h3{height: 20px;line-height: 20px;text-align: center;overflow: hidden;margin-left: 15px;}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0!important;}
.box{margin-bottom: 10px;padding: 0 7px;}
ul.subcateT{padding-left: 1px;padding-right: 15px;padding-top: .05rem;padding-bottom: .15rem;font-size: 0;white-space: nowrap;overflow-x: auto;}
ul.subcateT::-webkit-scrollbar{display:none}
ul.subcateT li{display: inline-block;border-radius: .12rem;font-size: .12rem;line-height:.20rem;padding-left: .12rem;padding-right: .12rem;padding-top: .05rem;padding-bottom: .05rem;border: solid #ddd;border-width: .01rem;margin-right: .05rem;font-weight: 700;color: #71777D;}
ul.subcateT li a{color: #71777D;text-decoration: none;}
ul.subcateT li.active {background: #F01414;border-color: #F01414;
}
ul.subcateT li.active a{color: #FFF;}
.box .sub{margin-top: 15px;}
.box .sub.hide{display: none;}
.box .sub li{height: 100px;margin-bottom: 5px;}
.box .sub .course-img{margin-left: 5px;width: 120px;height: 80px;border-radius: .06rem;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;float: left;margin-right: .1rem;}
.box .sub .course-img img{width: 120px;height: 90px;border-radius: .06rem;}
.box .sub .course-content{padding:.08rem;float:left;display: contents;}
.box .sub .course-content h4{font-weight: bold; font-size: .15rem;line-height: .22rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;word-wrap: break-word;}
.box .sub .course-content h4 a{color: #2B333B; line-height: 180%; text-overflow: ellipsis;}
/*.box .sub .course-content h5{margin-top: .1rem;}*/
.box .sub .course-content h5 a{color: #2B333B;line-height: 180%;text-overflow: ellipsis;}

.pages {margin: 25px 0 auto;overflow: hidden;clear: both;text-align: center;}
.pages a,.pages span {display: inline-block;padding: 0 4px;min-width: 24px;line-height: 32px;color: #4d555d;text-align: center;border-radius: 16px;}
.pages span{background: #F01414;color: #fff;}

#ykfooter{text-align: center;border-top: .01rem solid #ccc;line-height: 1.5em;padding-top: .05rem;margin-top: 15px;color: #71777D;font-size: 12px;padding: 1em;}
.atHere{width:0;height:0;text-indent:-99999px;display:none;}

/*头部搜索*/
.search-form {
    background-color:#f5f5f5;
    line-height:8.533333333333333vw;
    height:8.533333333333333vw;
    font-size:3.2vw;
    color:var(--black);
    flex:1;
    display:flex;
    align-items:center;
    margin:0;
}

.round {
    border-radius:666.6666666666666vw;
}

.search-form [class*="cuIcon-"] {
    margin:0 0.5em 0 0.8em;
}
[class*="cuIcon-"] {
    font-family:"cuIcon";
    font-size:inherit;
    font-style:normal;
}
.search-form input {
    flex:1;
    padding-right:4vw;
    height:8.533333333333333vw;
    line-height:8.533333333333333vw;
    font-size:3.466666666666667vw;
    background-color:transparent;
    position:relative;
    display:block;
    overflow:hidden;
    min-height:1.4em;
    font-family:UICTFontTextStyleBody;
    white-space:nowrap;
    text-overflow:clip;
    color:#333;
    flex:1 1 auto;
    border:0;
}

#ykheader .citys{
    width: 50px;
}
#ykheader{
    padding: 5px;
}
.search-wrap{
    flex:1;
    margin-left: 0.09rem;
}
.header-body{
    display: flex;
    align-items: center;
}

#ykheader .contact .menus ul{
    width: 100px;
}
#ykheader .citys{
    padding-left: 5px;
    margin-right: 5px;
}

.schoolnav-active{
    color:#f00;
}

.icon-home,.icon-kefu{color:#297cf8;}
.tel400{color:#fd284c;font-size: 16px;font-weight: bold;}

.box .sub .news-img img{border-radius:50%;height: 80px;}

.news-box{padding:0;}
.box .sub .news-li{margin:0;}

.list_shop_tab {
    padding: 15px 15px 0;
    background-color: #f4f7fa;
    margin-bottom: 15px;
}

.list_shop_tab>div>span.active {
    color: #000000;
    border-bottom: 3px solid #448af3;
}

.list_shop_tab>div>span {
    font-size: 20px;
    font-weight: bold;
    color: #888b8f;
    margin-right: 10px;
    padding-bottom: 10px;
    display: inline-block;
}

.box .sub .course-content .course-focus{
    font-size: 14px;
    color: #71777D;
}

.box .sub .course-content .course-focus span{
    color:#ccc;
}

.hide{
    position: absolute !important;
    top: -10000px !important;
}

.box .sub .course-content h3{
    font-size: .17rem;
}

.course-school-news{
    padding: 0.1rem 0;
}

.box .sub .news-li{
    height: 80px;
}

.box .sub .news-img{
    width: 80px;
    height: 95px;
}