@CHARSET "UTF-8";
@import url("base.css");
/*====ttNews====*/
.ttNews{width:1198px;height:88px;overflow:hidden; background:#FFF url(/static/home/images/ttnews.gif) 20px center no-repeat;}
.ttNews .ttBack{height:88px; width:100px; float:left;  margin-left:40px; overflow:hidden;}
.ttNews .ttList{width:1058px; float:right;}
.ttNews .ttOther{width:1028px;padding:0 15px;}
.ttNews .ttFirst{clear:both; height:40px; line-height:40px;text-align:center; overflow:hidden; margin-top:6px;}
.ttNews .ttFirst h1{ font-size:22px; }
.ttNews .ttFirst a{ color:#E3170D;}
.ttNews .ttOther{height:24px; line-height:24px; overflow:hidden; margin-top:5px;}
.ttNews .ttOther li {
    float:left; 
    width:332px; 
    height:24px;
    line-height:24px;
    padding-left:10px; 
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}
.ttNews .ttOther li::before{
    content: "";
    height: 5px;
    width: 5px;
    background-color: #E3170D;
    top:44%;
    left:0;
    position: absolute;
}
.ttNews .ttOther li a{font-size: 14px;}

/*====slide_part====*/
.slide_part{}
/*==================left_part*/
.left_part{width: 500px; height: 302px;background-color: #fff;padding: 10px;position: relative;}
.banner_slider,.banner_slider a,.banner_slider a img {width: 500px;height: 302px; overflow: hidden;}
.banner_slider a{display: none;}
.banner_slider a.current{display: block;}
.banner_btn {height: 30px;overflow: hidden;position: absolute;top: 280px;}
.banner_btn li{width:153px;float: left;background-color: #dcdcdc;margin:0 5px;text-align: center;}
.banner_btn li:first-child{margin-left:10px;}
.banner_btn li:last-child{margin-right: 10px;}
.banner_btn li.pack_change{background-color: #E3170D;}
.banner_btn li a{width: 100%;height: 30px;line-height:30px;align-items: center;font-size: 14px;font-weight: 600;color:#494949;}
.banner_btn li.pack_change a{color:#FFFFFF;}

/*==================center_part*/
.center_part{margin:0 10px;width:388px;height:322px;}
.common-title{
    font-weight: bold;
    vertical-align: middle;
    float: left;
    position: relative;
    padding:15px 10px;
    color: #E3170D;
}
.common-title::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 72px;
    height: 3px;
    background-color: #E3170D;
}
.common-title h2{width:100%;line-height: 1;font-size: 18px;}
.tab-content{padding:0 10px;width:368px;}
.tab-content li,.slidebar_pack li,.wrap-m .wrap-m-r-list li{padding-bottom: 12px;line-height: 1.1;display: flex;justify-content: space-between;font-size: 14px;}
.tab-content li a,.slidebar_pack li a,.wrap-m .wrap-m-r-list li a{
    position: relative;
    padding-left: 11px;
    overflow: hidden;
    display: block;
}
.tab-content li a,.wrap-m .wrap-m-r-list li a{white-space: nowrap;text-overflow: ellipsis;}
.tab-content li a::after,.slidebar_pack li a::after,.wrap-m .wrap-m-r-list li a::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #dbdbdb;
}
.tab-content li span{flex: none;margin-left: 5px;color: rgba(51,51,51,.8);}
/*==================right_part*/
.right_part{width: 266px;height:322px;}
.right_part .common-title:after,.wrap-m .wrap-m-r .common-title::after{background-color:#ffa000;}
.right_part .common-title h2,.wrap-m .wrap-m-r .common-title h2{color: #ffa000;}
.slidebar_pack{padding:0 10px;width:246px;}
.slidebar_pack li{margin: 2px 0;padding-bottom:0;font-size: 13px;max-height: 50px;line-height: 25px;border-bottom: 1px dashed #d2d2d2;}
.slidebar_pack li:first-child{margin-top: none;}
.slidebar_pack li:last-child{border-bottom: none;}
.slidebar_pack li a::after {
    top: 26%;
    width: 4px;
    height: 4px;
    border-radius: 50%;
}
/**wrap-m start**/
.wrap-m .wrap-m-nav{width: 208px;padding: 17px 20px;}
.common_title_2 {
    clear: both;
    font-size: 20px;
    color: #1258ad;
    position: relative;
    padding:0 0 10px 20px;

}
.common_title_2::before{
    content: "";
    height: 22px;
    width: 4px;
    top: 15px;
    left: 0;
    background-color: #1258ad;
    transform: translateY(-50%);
    position: absolute;
}
ul.w-m-n-l li {
    width: 100%;
    height: 50px;
    background: url(/static/home/images/loadinglit.gif) left center no-repeat #ededed;
    text-align: center;
    line-height: 50px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600;
}

.wrap-m .wrap-m-c{margin: 0 10px;padding: 20px 20px 0;width: 580px;}
.wrap-m .wrap-m-c .common-title::after{background-color: #1258ad;}
.wrap-m .wrap-m-c .common-title{padding:0;padding-top:15px;color:#1258ad;}
.wrap-m .wrap-m-c-list{font-size: 14px;}
.wrap-m .wrap-m-c-list li {
    padding: 9px 0;
    border-bottom: 1px dashed #d2d2d2;
    display: flex;
}
.wrap-m .wrap-m-c-list li:last-child{border-bottom: none;}
.wrap-m .wrap-m-c-list li a { display: block;float: left;}
.wrap-m .wrap-m-c-list li a.blue {
    position: relative;
    flex-shrink: 0;
    padding-left: 9px;
}
.wrap-m .wrap-m-c-list li a.blue::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    left: 0;
    top: 7px;
    background-color: #dbdbdb;
}
.wrap-m .wrap-m-c-list li a.announcement {
    flex-grow: 1;
    width: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.wrap-m .wrap-m-c-list li small {
    padding-top: 1px;
    padding-left: 21px;
    color: rgba(51,51,51,.8);
}
.wrap-m .wrap-m-r{width:308px;}
.wrap-m .wrap-m-r .isnew,.wrap-m .wrap-m-r .isHOt{width:306px}
.wrap-m .wrap-m-r-list{padding: 0 10px;width: 286px;}
.wrap-m .wrap-m-r-list li span {
    display: inline-block;
    width: 18px;
    color: #aeaeae;
    margin-right: 4px;
    text-align: center;
    font-weight: 600;
    position: relative;
    flex-shrink: 0;
}
.wrap-m .wrap-m-r-list li:first-child span {
    font-weight: bold;
    color: rgb(235, 0, 0);
}
.wrap-m .wrap-m-r-list li:nth-child(2) span {
    font-weight: bold;
    color: rgb(255, 93, 0);
}
.wrap-m .wrap-m-r-list li:nth-child(3) span {
    font-weight: bold;
    color: rgb(255, 162, 0);
}
.wrap-m .wrap-m-r-list li a{flex-grow: 1;width: 0px;}
.isHot  .wrap-m-r-list li a{padding-left:0;}
.isHot .wrap-m-r-list li a::after{content: none;}

/**===========IN-ZT END**/
.IN-course{background-color: #f9f9f9;width:1180px;padding:0 10px;}
.IN-C-H{height:40px;line-height: 40px;font-weight:400;border-bottom: 1px solid #d6d6d6;}
.IN-C-H span{font-size: 16px;font-weight: 700;color:#E3170D;}
.IN-C-H a{font-size: 13px;}
.IN-C-Swiper{padding:10px 0;}
.IN-C-S-N{width: 80px;text-align: center;}
.IN-C-S-N a{
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    color: #333333;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    margin-bottom: 10px;
    font-size: 12px;
    float: left;
    width: 100%;
}
.IN-C-S-N a:hover {background: #EFFFF4;}
.IN-C-S-CL{width:1080px;margin-left:20px;}
.IN-C-S-CL ul li{width: 200px;height: 212px;float:left;margin-right: 20px;}
.IN-C-S-CL ul li:last-child{margin-right: 0;}
.IN-C-S-CL ul li:hover{
    box-shadow: 0 10px 20px 0 rgba(7, 43, 41, .2);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
.course-item-img{border-radius: 4px 4px 0 0;}
.course-item-img img{
    width:100%;
    height: 116px;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
}
.course-item-bot {
    border-radius: 0 0 4px 4px;
    padding-left: 10px;
    padding-right: 10px;
    height: 96px;
    background-color: #fff;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    width:180px;
}
.course-item-bot h5 {
    margin-top: 0;
    margin-bottom: 0;
    padding:10px 0;
    overflow: hidden;
    line-height: 20px;
    height:40px;
}
.course-item-bot h5 a{font-size: 13px;color: #04253C;font-weight: normal;}
.img-circle img {border-radius: 50%;}
.img-circle span {
    color: #5E6A6E;
    font-size: 12px;
}
.pull-right{margin-top: 3px;float: right!important;}
.n-icon.icon-user {
    margin-right: 5px;
    width: 14px;
    height: 14px;
    background-position: -423px -33px;
    vertical-align: -2px;
}