body,td,th {font-family:'微软雅黑';} 
*{margin:0; padding:0;list-style:none;font-style:normal;}
img{border:0;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
input{outline:0}
.clearfix:after{content:"";display:block;clear:both;}
.w1200{width:1200px;margin:0 auto;}
.w1170{width: 1170px;margin: 0 auto;}
.w117{width: 1170px;margin: 0 auto;}
.mar30{margin-top: 30px;}
*,div { max-height: 999999px; } 
.pad20{padding: 20px 0;}
/* 首页 */
/* 头部 */
.head{height: 125px;}
.logo{float: left;}
.nav{float: right;}
.nav ul li{float: left;padding: 5px 0px;margin: 40px 0  0 60px;}
.nav ul li a{    font-size: 20px;
    color: #666666;}
.nav ul li:hover{border-bottom: 2px solid #ffcc33;}
/* .nav ul li:hover a{font-weight: bold;} */
.lunbo{width: 100%;height: 670px;background: url(banner001.jpg) no-repeat top center;background-size: cover;}
/* 头部轮播 */
.header{width: 100%;padding: 30px 0;background: url(tkr.jpg) center right no-repeat #02264b;background-size: contain;}
.slideBox{ width:100%; height:443px; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:80px; bottom:30px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:10px; height:10px; line-height:14px; text-align:center; background:#d2deec; cursor:pointer;border-radius: 50%; }
.slideBox .hd ul li.on{ background:#386ba2; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd img{ width:100%; height:670px; display:block;  }
.slideBox .topic-img,.slideBox .topic-img img{height: 100%;width: 100%;}
.lunbo-content{position: absolute ;right: 0;top: 0; padding: 7% 7% 0 0;width: 40%;text-align: right;}
.lunbo-content h2 {font-size: 26px;color: #15375b;}
.lunbo-content .author{font-size: 16px;line-height: 3.125rem;;color: #15375b;}
.lunbo-content .abstract{font-size: 14px;color: #15375b;line-height: 25px;}
.lunbo-content .more{display: inline-block;width: 120px;height: 40px;line-height: 40px;text-align: center; font-size: 16px;color: #333;margin-top: 40px;background: #ffad1e;border-radius: 3px;}


/* 主体 */
.center{background-color: #f6f6f6;width: 100%;}
.pub-title{font-size: 20px;color: #4a7bac;margin: 35px 0 25px;}
/* 预告 */
.preview{padding: 3%;border: 1px solid #cdcdcd; box-shadow: 0 2px 2px #999;
    background: -webkit-linear-gradient(to top,#f4faff, #fff);
    /*  Safari 5.1 到 6.0 */
    background: -o-linear-gradient(to top,#f4faff, #fff);
    /*  Opera 11.6 到 12.0 */
    background: -moz-linear-gradient(to top,#f4faff, #fff);
    /*  Fx 3.6 到 15 */
    background: linear-gradient(to top,#f4faff, #fff);
}
.preview .pre-img,.pre-content{float: left;}
.preview .pre-img{width: 18%;height: 125px;}
.preview .pre-img img{width: 100%;}
.pre-content{margin-left: 3%;width: 78%;}
.pre-content .sign{width: 90px;height: 30px;text-align: center;line-height: 30px; background: url(tit_bg.jpg) no-repeat;background-size: contain;color: #fff;}
.pre-content .pre-abstract{margin-top: 10px;line-height: 30px;color: #666;font-size: 1.4rem;}
/* 最新课程 */
/* .new-class ul li{width: 23.8vw;;float: left;margin-right: 3%;margin-bottom: 30px;} */
.new-class ul li{margin-bottom: 30px;}
/* .new-class ul li:nth-child(3n){margin-right: 0;} */
.new-class ul li img{width: 100%;height: auto;}
.new-class ul li .class-title{margin: 22px 0 5px 0;}
.new-class ul li .class-title a{font-size: 18px;color: #333;font-weight: bold;}
.new-class ul li .author{font-size: 14px;color: #333;margin: 5px 0 22px 0;}
.new-class .more{display: block;width: 200px;height: 40px;background: #196bb5;color: #fff;text-align: center;margin: 0 auto;line-height: 40px;border-radius: 20px;}


/* 最新消息 */
.new-notice,.new-notice img{width: 100%;height: 365px;}

/* 课程 */
.class-banner{width: 100%;height: 290px;background: url(gkebanner.jpg) no-repeat top center;background-size: cover;}
/* .class-banner,.class-banner img{width: 100%;height: 670px;} */
.bgf6{background: #f6f6f6;padding-top: 45px;}
/* 切换 */
.slideTxtBox{ width:100%; text-align:left;  }
.slideTxtBox .hd{ height:40px; line-height:30px;margin-bottom: 45px;  border-bottom:1px solid #ddd;  position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:32px;   }
.slideTxtBox .hd ul li{ float:left; padding:5px 0px;margin: 0 15px; cursor:pointer; color: #172f6b;font-size: 25px; }
.slideTxtBox .hd ul li.on{ height:30px; border-bottom:2px solid #172f6b; }
.slideTxtBox .bd ul li{float: left; width: 280px;height: 255px;margin: 0 25px 25px 0;background: #fff;}
.slideTxtBox .bd ul li:nth-child(4n){margin-right: 0px;}
.slideTxtBox .bd ul li img{width: 100%;height: 160px;}
.slideTxtBox .bd ul li .class-title{margin: 10px 0 0 10px;}
.slideTxtBox .bd ul li .class-title a{font-size: 20px;color: #000;}
.slideTxtBox .bd ul li .class-author{margin: 5px 0 0 10px; font-size: 16px;color: #000;}

/* 新闻 */
.section-one .section-one-left{float: left;width: 380px;}
.section-one .section-one-left ul li{height: 60px;padding: 0 5px 0 10px;line-height: 60px;}
.section-one .section-one-left ul li a,.section-one .section-one-left ul li span{font-size: 20px;color: #000;}
.section-one .section-one-left ul li span{display: inline-block;float: right; padding: 0 10px;border-left: 1px solid #000;height: 25px;margin-top: 18px;line-height: 25px;}
.section-one .section-one-left ul li:hover{background: #186bb5;}
.section-one .section-one-left ul li:hover span{border-left: 1px solid #fff;}
.section-one .section-one-left ul li:hover a,.section-one .section-one-left ul li:hover span{color: #fff;}
.section-one .section-one-right{float: right;width: 825px;height: 420px;position: relative;}
.section-one .section-one-right img{width: 100%;height: 100%;}
.section-one .section-one-right p{position: absolute ;padding: 25px 35px; bottom: 0;left: 0;background: rgba(0, 0, 0, 0.5);font-size: 16px;color: #fff;line-height: 32px;}
.section-one .section-one-left{float: left;width: 345px;height: 465px;}
.section-one .section-one-left img{width: 100%;height: 100%;}

/* 关于公开课 */
.about_class{width: 100%;padding: 60px 0 100px 0;background: #e7f2fb;margin-top: 60px;}
.about_class img{display: block;margin: 20px auto;}
.about_class p{text-align: center;}
.about_class .about-abstract{width: 80%;margin: 0 auto;font-size: 14px;color: #196bb5;line-height: 32px;text-align: center;}
.about_class .suport{line-height: 40px;font-size: 15px;color: #526d8b;}
.about_class .connect{font-size: 16px;color: #526d8b;line-height: 40px;}

/* 课程 */
.column-top{width: 100%;height: 240px;background: url(col_bg.jpg) no-repeat center right #02274b;background-size: contain;padding: 70px 0;}
.select{margin-bottom:10px;font-size: 16px;}
/* .select .select_tit{color: #fff;float: left;line-height: 2vw;margin: 10px 0;} */
.select .tag{color: #fff;float: left;line-height: 2vw;margin: 10px 0;border: none;}
/* .select ul li{float: left;width: 120px;height: 30px;border: 1px solid #507599;border-radius: 15px;line-height: 30px;text-align: center;margin:  10px;} */
.select ul li {
    float: left;
    width: 8vw;
    height: 2vw;
    border: 1px solid #507599;
    border-radius: 1vw;
    line-height: 2vw;
    text-align: center;
    margin: 0.8vw;
}
.select ul li a{color: #fff;}
.select ul .biaoqian:hover{background: #fff;}
.select ul .biaoqian:hover a{color: #00274e;}
.selected {background: #fff;}
.selected a{color: #00274e;}

.wap-nav{
    /* display: none; */
    position: absolute;
    top: 120px;
    left: 0;
    width: 100%;
    background: white;
    text-align: center;
    z-index: 109;
    line-height: 32px;
    font-size: 16px;}
    .wap-logo{margin-top: 10px;float: left;}
    .button{float: right;margin-top: 12px;}
 body  .wap-head{height: 80px;background: #2b5074;}

 .news-banner{width: 100%;height: auto;background: #02264b;}
 .news-banner img{width: 100%;height: 100%;}
 .newslist ul li{width: 100%;border: 1px solid #cdcdcd;margin-bottom: 30px;}
 .newslist .databox{box-sizing: border-box;width: 140px;height: 100%;padding: 30px 0px 10px 0px;float: left;background: #dee9f5;color: #02274b;text-align: center;}
 .year{font-size: 16px;}
 .data{font-size: 52px;}
 .newslist .textbox{box-sizing: border-box;float: left;padding: 1.25% 3%;width: 88%;}
 .textbox .newstitle a{font-size: 20px;color: #3a5f84;}
 .textbox .newsabstract{font-size: 14px;color: #000;line-height: 25px;}
 .textbox .newsabstract a{color: #ff9933;}
 .newstitle{margin-bottom: 5px;}

 .infbox{
    height: 70px;
    overflow: hidden;}