/*  Reset  */
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:14px/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:underline;}
input:focus{outline:none;}
i{font-style: normal;}
.posfix { position: absolute;  top: -10000px; }

img:hover{-webkit-transform: scale(1.04, 1.04);-ms-transform: scale(1.04, 1.04);transform: scale(1.04, 1.04);}

*{transition: .2s all linear;}

.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 }

.area{width: 1152px;margin: 0 auto;}
.fl{float: left;}

#ykheader,#yk_schoolheader{box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1);}
#ykheader .logo,#ykheader .citys,#ykheader .search,#ykheader .contact{float: left;}
#ykheader .top,#yk_schoolheader .top{background-color: #fafbfc;line-height:45px;border-bottom: 1px solid #E9DFDF;}
#ykheader .top,#ykheader .top a,#yk_schoolheader .top,#yk_schoolheader .top a{color: #6f675a;}
#ykheader .top,#ykheader .top a:hover,#yk_schoolheader .top a:hover{color: #e90f06;}
#ykheader .top .tools,#yk_schoolheader .top .tools{float: right;}
#ykheader .top .tools a,#yk_schoolheader .top .tools a{padding-left: 7px;}
#ykheader .top .tools i,#yk_schoolheader .top .tools i{padding-right: 3px;color: #004085;}
#ykheader .header-body{height: 96px;}
#ykheader .header-body .logo{width: 125px;padding-top: 33px;}
#ykheader .header-body .logo img{width: 125px;}
#ykheader .citys{padding: 32px 30px 0 39px;position: relative;width: 78px;}
#ykheader .citys span.choosed{font-size: 15px;color: #3a3329;position: relative;cursor: pointer;}
#ykheader .citys span.choosed:after{content: '';position: absolute;right: -13px;top: 7px;font-weight: normal;width: 5px;height: 5px;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: 56px;border: 1px solid #ccc;background-color: #F9F9F9;color: #676767;text-align: center;line-height: 18px;font-size: 12px;overflow: hidden;margin-top: 4px;}
#ykheader .citys .cities-all{position: absolute;top: 67%;left: 30px; display: none; z-index: 6; padding: 0px 15px 5px 15px; width: 400px;height: auto;overflow: auto; background-color: #fff;border:1px solid lightgray;}
#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: 4em;float: left;line-height: 24px;}

#ykheader .search{width: 570px;padding-top: 33px;position: relative;}
#ykheader .search .search-query{width: 500px;height: 38px;line-height: 38px;border: 1px solid #ccc;background: url(../img/search_icon.jpg) no-repeat left center;text-indent: 41px;font-size: 14px;}
#ykheader .search .search_type{position: absolute;left: 374px;top: 33px;}
#ykheader .search .search_type a{font-size: 12px;color: #919c9e;padding-right: 15px;text-decoration: none;cursor: pointer;line-height: 38px;}
#ykheader .search .search_type a.active{color: #fd5400;}
#ykheader .search .search-btn{width: 70px;height: 42px;background: url(../img/search_btn.jpg) no-repeat left top; text-indent: -99em; border: none;position: absolute;right: 0;top: 33px;}
#ykheader .contact,.school-banner .contact{padding-top: 20px;padding-left: 100px;}
#ykheader .contact strong,.school-banner .contact strong{display: block;background: url(../img/contact_icon.jpg) no-repeat left center;line-height: 27px;color: #fb3544;font-weight: bold;font-size: 20px;text-indent: 30px;cursor: pointer;}
#ykheader .contact i,.school-banner .contact i{font-style: normal;display: block;color: #7b8489;line-height: 40px;}

#ykfooter{text-align:center;line-height:32px;color:#333;margin-top:25px;}

#yk_schoolheader a{text-decoration: none;}
#yk_schoolheader .home img{margin-top: 12px;margin-right: 2px;width: 68px;}
#yk_schoolheader .logo,#yk_schoolheader .nav,#yk_schoolheader .search{float: left;}
#yk_schoolheader .schoolheader{height: 100px;}
#yk_schoolheader .logo{width:140px;padding-top: 20px;}
#yk_schoolheader .logo img{  width:100%; max-height: 60px; margin-top:10px;}
#yk_schoolheader .nav{font-size: 16px;padding-top: 40px;padding-left: 30px;}
#yk_schoolheader .nav li{float:left;margin:0 20px;}
#yk_schoolheader .nav.news li{margin:0 8px;}
#yk_schoolheader .search{float: right;position: relative;height: 40px;border-bottom: 1px solid rgba(255, 255, 255, 0.4);zoom: 1;background: #F1F1F1;border-radius: 8px;margin: 30px 0;width: 324px;box-sizing: border-box;font-size: 0;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;transition: width 0.3s;}
#yk_schoolheader .search-query{    padding: 8px 12px;font-size: 14px;color: #A6A6A6;line-height: 24px;height: 40px;width: 100%;float: left;border: 0;-webkit-transition: background-color 0.3s;-moz-transition: background-color 0.3s;transition: background-color 0.3s;background-color: transparent;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
#yk_schoolheader .search-btn{position: absolute;display: inline-block;right: 0;bottom: 7px;padding: 0 8px;border-radius: 18px;font-size: 20px;color: #A6A6A6;cursor: pointer;}
#yk_schoolheader .search_type{display: none;}

.school-banner{position: relative;width: 100%;max-width: 1920px;margin: 0 auto;min-width: 1200px;/*height: 320px;overflow: hidden;*/}
.school-banner img {/*transform: translate(-50%,0);position: absolute;top: 0;left: 50%; max-height: 320px;*/display: block;margin: 0 auto;width: 100%;transform: none;}
.school-banner .contact{position: absolute;z-index: 9;left: 50%;top: 10px;width: 210px;height: 75px;background: #fff;border-radius: 10px;padding-left: 14px;padding-top: 8px;margin-left: 360px;opacity: 0.8;}
.school-banner .contact strong{background: none;text-indent: 10px;}
.school-banner .contact strong .icon-tel400{padding-right:5px;}

.school-course-cate{position: absolute;left: 50%;margin-left: -576px;background: #fff;margin-top: -50px;border-radius: 20px;box-shadow: 0 8px 16px 0 rgba(28,31,33,.1);line-height:80px;height:85px;font-size: 16px;font-weight: bold;}
.school-course-cate li{float:left;width:11%;text-align:center;position: relative;}
.school-course-cate li:hover a:before{content: " ";position: absolute;width: 16px;height: 2px;background: #f60805;bottom: 30px;left: 50%;margin-left: -8px;}
.school-course-cate a{text-decoration: none;color: #555b5b;line-height:85px;display: block;word-wrap: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.atHere{color: #8f969e;margin-top: 70px;font-size: 15px;}
.atHere a{color: #8f969e;}
.atHere.other{margin-top: 30px;}

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

a:hover{color: #e90f06;}


.course-cate h3{line-height: 32px;margin-bottom: 25px;}
.course-cate h3 a{text-decoration: none;}
.course-cate h3 em{float: right;font-size: 12px;}
.course-cate h3 a.cata-title{float:left;font-size: 24px;color: #1C1F21;font-weight: bold;}
.course-cate h3 ul{margin-left: 36px;float: left;}
.course-cate h3 ul li {margin: 0 14px;float: left;font-size: 14px;line-height: 30px;cursor: pointer;color: #545C63;}
.course-cate h3 ul li.active{color: #F20D0D;border-bottom: 2px solid #F20D0D;}
.course-cate .sub{margin-top: 24px;margin-left: -24px;}

.course-cate .sub li{float: left;margin-left: 24px;border-radius: 4px;margin-bottom: 2px;width: 270px;height: 210px;position: relative;transition: .3s all linear;}
.course-cate .sub li a{text-decoration: none;}
.course-cate .sub li .course-img{width: 270px;height: 148px;position: relative;border-radius: 8px;transition: all .3s;}
.course-cate .sub li .course-img:hover{box-shadow: 0 8px 16px 0 rgba(7, 17, 27, 0.1);}
.course-cate .sub li .course-img img{width: 100%;height: 100%;background-color: #f3f5f7;border-radius: 8px;}
.course-cate .sub li .course-content{padding: 8px;}
.course-cate .sub li .course-content h4{font-size: 16px;color: #07111B;line-height: 24px;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all .3s;font-weight: bold;}
.course-cate .sub li .course-content h5{font-size: 14px;line-height: 20px;margin-top: 4px;font-weight: 400;}
.course-cate .sub li .course-content h5 a{color: #9199A1;}

/*课程分类导航*/
.course-nav{font-size: 14px;margin: 25px 0;}
.course-nav .hd{width: 5em;height: 20px;line-height: 30px;font-weight: 700;font-size: 14px;color: #07111b;text-align: left;float: left;}
.course-nav .bd {margin-left: 5em;}
.course-nav li{display: inline-block;margin: 0 4px;}
.course-nav li a {display: block;line-height: 14px;margin-bottom: 10px;padding: 10px;font-size: 14px;}
.course-nav li.on a {background: rgba(242,13,13,.06);border-radius: 6px;font-weight: 700;color: #f20d0d;}

.showMore{text-align: center;display: none;}
.showMore span{cursor:pointer;}