body{}

@font-face { /*方正楷体简体*/
font-family: sss;
src: url('../f/sss.woff2');
}

@font-face { /*正酷黑*/
font-family: zkcjh;
src: url('../f/zkcjh.woff');
}

@font-face { /*Futura*/
font-family: Futura;
src: url('../f/Futura.ttc');
}

@font-face { /*思源*/
font-family: SourceHanSansCN-Regular;
src: url('../f/SourceHanSansCN-Regular.woff');
}
@font-face { /*思源*/
font-family: SourceHanSerifCN-Regular;
/*src: url('../f/SourceHanSerifCN-Regular.woff');*/
}
@font-face { /*思源*/
font-family: SourceHanSerifCN-ExtraLight;
src: url('../f/SourceHanSansCN-ExtraLight.woff');
}
@font-face { /*思源*/
font-family: SourceHanSansCN-Medium;
/*src: url('../f/SourceHanSansCN-Medium.woff');*/
}
@font-face { /*思源*/
font-family: SourceHanSerifCN-Medium;
src: url('../f/SourceHanSerifCN-Medium.woff');
}


.layui-carousel{background-color: transparent;}
.layui-carousel>[carousel-item]>*{background-color: transparent;}
.layui-carousel>[carousel-item]:before{font-size: 0;}


.focus{position: relative; width: 100%; height: 76vh; margin: 0 auto;}
/*轮播图*/
.banner{
    width: 100%;
    margin-top: 0vh;
    float: left;
    clear: both;
}
.banner .picFocus {
    width:100%;
    position:relative;
    overflow:hidden;
}
.banner .picFocus .bd li {
    vertical-align:middle;
}
.banner .picFocus .bd img {
    width:100%;
    display:block;
}
.banner .picFocus .prev,.banner .picFocus .next {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 60px;
    height: 60px;
    background: #000 url(../img/slider-arrow.png) -100px 15px no-repeat;
}
.banner .picFocus .next {
    left:auto;
    right:0;
    background-position:25px 15px;
}
.banner .picFocus .prev:hover,.banner .picFocus .next:hover {
    background: #fff url(../img/slider-arrow2.png) -100px 15px no-repeat;
}
.banner .picFocus .next:hover {
    background-position:25px 15px;
}
.banner .picFocus .prevStop {
    display:none;
}
.banner .picFocus .nextStop {
    display:none;
}

.banner_btn{
    width: 100vw;
    float: left;
    clear: both;  
}
.banner_btn ul{
    width: 99vw;
    padding: 0 0.5vw;
    background: #F7D100;
    float: left;
}
.banner_btn ul li{
    width: 16.5vw;
    float: left;
    background: #F7D100;
    height: 60px;
    position: relative;
}
.banner_btn ul li a{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}
.banner_btn ul li a span:nth-child(1){
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    font-size: 25px;
    font-weight: 900;
    color: #fff;
    line-height: 60px;
    font-family: "微软雅黑";
    transform: scale(1,2);
    -ms-transform: scale(1,2);
    -webkit-transform: scale(1,2);
    -moz-transform: scale(1,2);
    -o-transform: scale(1,2);
}
.banner_btn ul li a span:nth-child(2){
    width: 100%;
    height: 100%;
    display: block;
    font-size: 22px;
    font-weight: bolder;
    line-height: 60px;
    position: relative;
    font-family: "微软雅黑";
}

.through_train{position: absolute; left: 120px; top: 120px; z-index: 1; font-size: 18px; font-weight: bold; width: 164px; height: 340px; padding: 55px 23px; background-color:#FFF;}
.through_train a{border-bottom: 1px solid #a5a5a5; text-align: center; display: block; padding: 30px 0;}
.through_train a:hover{color: #0308d6;}
.through_train .one{border-top: 1px solid #a5a5a5;}

.qing_central{margin-top: 130px; text-align: center;}
.qing_central strong{font-size: 65px; font-weight: 400; color:#0308d6;}
.qing_central p{font-size: 30px; font-weight: 100; color:#444; display: block; margin-top: 15px;}

.clear_epicenter{margin-top: 90px; display: table; padding: 35px 0; background: url('../img/ce_dian.png') center repeat-y;}
.clear_epicenter .ce_tsinghua{float: left; width: 610px; display: table;}
.clear_epicenter .ce_tsinghua .item{width: 465px; text-align: center; float: right; margin-right:60px;}
.clear_epicenter .ce_tsinghua .item .clear_data{position: relative; font-size: 73px; font-weight: bold; color: #0308d6; font-family: 'Futura';}
.clear_epicenter .ce_tsinghua .item .clear_data em{position: absolute; top: 0; font-size: 45px;}
.clear_epicenter .ce_tsinghua .item .clear_name{font-size: 60px; display: block; margin-top: 40px; margin-bottom: 30px; font-family: 'sss';}
.clear_epicenter .ce_tsinghua .item .clear_p{font-size: 18px; display: block; margin-top: 10px; font-family: 'SourceHanSansCN-Regular';}
.clear_epicenter .ce_tsinghua .item .clear_cd{background-color:#776f9e; width: 465px; height: 7px; display: block; margin-top: 40px;}

.clear_epicenter .cal_title{color:#a7a7a7; font-size: 27px; margin-bottom: 20px; margin-top: 20px;}
.clear_epicenter .c_qh:hover .cal_title{color:#0308d6;}
.clear_epicenter .c_ym:hover .cal_title{color:#0308d6;}
.clear_epicenter .c_qh{display: none;}
.clear_epicenter .c_ym{display: none;}

/*2020清华录取榜 滚动*/
.tsinghua-top{ margin:0 auto;  width:465px; overflow:hidden; position:relative;  border:0px solid #ccc;   }
.tsinghua-top .bd{ padding:0px; }
.tsinghua-top .bd ul{ overflow:hidden; zoom:1; }
.tsinghua-top .bd ul li{text-align:center; width: 100%; height: 120px;}
.tsinghua-top .bd ul li .xs_li{float: left; width: 25%; height: 120px; text-align: center;}
.tsinghua-top .bd ul li .pic{ text-align:center; }
.tsinghua-top .bd ul li .pic img{ width:92px; height:92px; border-radius:50%; padding:0px; border:0px solid #ccc; }
.tsinghua-top .bd ul li .pic a:hover img{ border-color:#999;  }
.tsinghua-top .bd ul li .title{ line-height:24px; }


/*2020央美录取榜 滚动*/
.central-top{ margin:0 auto;  width:465px; overflow:hidden; position:relative;  border:0px solid #ccc;   }
.central-top .bd{ padding:0px; }
.central-top .bd ul{ overflow:hidden; zoom:1; }
.central-top .bd ul li{text-align:center; width: 100%; height: 120px;}
.central-top .bd ul li .xs_li{float: left; width: 25%; height: 120px; text-align: center;}
.central-top .bd ul li .pic{ text-align:center; }
.central-top .bd ul li .pic img{ width:92px; height:92px; border-radius:50%; padding:0px; border:0px solid #ccc; }
.central-top .bd ul li .pic a:hover img{ border-color:#999;  }
.central-top .bd ul li .title{ line-height:24px; }

/*
.clear_epicenter .clear_admission_list{width: 100%; display: none; margin-top: 20px;}
.clear_epicenter .clear_admission_list ul{position: relative; background-color: #EEE; width: 465px; height: 408px; overflow: hidden;}
.clear_epicenter .clear_admission_list ul .cal_scroll{position: absolute; top: 0;}
.clear_epicenter .clear_admission_list li{float: left; width: 25%; padding: 10px 0;}
.clear_epicenter .clear_admission_list li img{width: 92px; height: 92px; border-radius:50%;}
.clear_epicenter .clear_admission_list li p{padding-top: 5px;}
*/


.clear_epicenter .ce_central{float: right; width: 610px; display: table;}
.clear_epicenter .ce_central .item{width: 465px; text-align: center; float: left; margin-left:60px;}
.clear_epicenter .ce_central .item .clear_data{position: relative; font-size: 73px; font-weight: bold; color: #0308d6; font-family: 'Futura';}
.clear_epicenter .ce_central .item .clear_data em{position: absolute; top: 0; font-size: 45px;}
.clear_epicenter .ce_central .item .clear_name{font-size: 60px; display: block; margin-top: 40px; margin-bottom: 30px; font-family: 'sss';}
.clear_epicenter .ce_central .item .clear_p{font-size: 18px; display: block; margin-top: 10px; font-family: 'SourceHanSansCN-Regular';}
.clear_epicenter .ce_central .item .clear_cd{background-color:#79977f; width: 465px; height: 7px; display: block; margin-top: 40px;}

/*2020*/
.elite_school{text-align: center; margin-top: 145px; padding-top: 50px;}
.elite_school .s2020{font-size: 36px; color: #0308d6; font-family: 'SourceHanSerifCN-Medium';}
.elite_school .es_mx{font-size: 65px; color: #0308d6; font-family: 'SourceHanSansCN-Regular';}
.elite_school .es_p{font-size: 30px; display: block; margin-top: 12px; color: #444; font-family: 'SourceHanSerifCN-ExtraLight';}
.elite_school .data_list_name{width: 100%; display: table; margin-top: 50px;}
.elite_school .data_list_name li{float: left; width: 20%; padding-top: 78px;}
.elite_school .data_list_name li .sdata{font-size: 60px; font-weight: bold; position: relative; color: #8e8e8e; font-family:'Futura';}
.elite_school .data_list_name li .sdata a{color: #8e8e8e;}
.elite_school .data_list_name li .sdata a:hover{color:#0308d6;}
.elite_school .data_list_name li .sdata em{position: absolute; top: 12px; font-size: 18px; font-weight: 100;}
.elite_school .data_list_name li .sdata:hover{color:#0308d6;}
.elite_school .data_list_name li .stop{font-size: 43px; padding-top: 20px; padding-bottom: 8px; color: #8e8e8e; font-family:'zkcjh';}
.elite_school .data_list_name li .stop:hover{color:#0308d6;}
.elite_school .data_list_name li p{font-size: 33px; margin-top: 5px; font-family:'sss';}

.united{text-align: center; margin-top: 145px;}
.united .s2020{font-size: 36px; color: #0308d6; font-family: 'SourceHanSerifCN-Medium';}
.united .es_mx{font-size: 65px; color: #0308d6; font-family: 'SourceHanSansCN-Regular';}
.united .es_p{font-size: 30px; display: block; margin-top: 12px; color: #444; font-family: 'SourceHanSerifCN-ExtraLight';}
.united .data_list_name{width: 100%; display: table;}
.united .data_list_name li{float: left; width: 25%; padding-top: 55px;}
.united .data_list_name li .sdata{font-size: 60px; font-weight: bold; position: relative; color: #8e8e8e; font-family:'Futura';}
.united .data_list_name li .sdata em{position: absolute; top: 12px; font-size: 18px; font-weight: 100;}
.united .data_list_name li .sdata:hover{color:#0308d6;}
.united .data_list_name li .stop{font-size: 43px; padding-top: 20px; padding-bottom: 8px; color: #8e8e8e; font-family:'zkcjh';}
.united .data_list_name li .stop:hover{color:#0308d6;}
.united .data_list_name li p{font-size: 33px; margin-top: 5px; font-family:'sss';}

.high_end_tutoring{width: 100%; height: 600px; /*background: url('../img/20201214174207.jpg') no-repeat top center;*/ text-align: center; padding-top: 0px; display: table; margin: 185px auto 0 auto;}
.high_end_tutoring .het_title{width: 100%; font-size: 65px; color: #0308d6; font-family: 'SourceHanSansCN-Regular';}
.high_end_tutoring .het_list{width: 100%; display: table; margin-top: 100px;}
.high_end_tutoring .het_list li{float: left; width: 33.33%;}
.high_end_tutoring .het_list li .name{font-size: 31px; font-family: 'SourceHanSerifCN-Medium';}
.high_end_tutoring .het_list li p{font-size: 18px; margin-top: 75px; line-height: 30px; font-family: 'SourceHanSansCN-Regular';}
.high_end_tutoring .het_list li a{color:#424242; width: 132px; height: 35px; line-height: 35px; margin: 0 auto; border:1px solid #424242; margin-top: 50px; border-radius:20px; display: block;}
.high_end_tutoring .het_list li a:hover{background-color:#0308d6; color:#FFF; border:1px solid #0308d6; }

.class_type_school{margin-top: 100px;}
.class_type_school .cts_title{text-align: center; font-size: 65px; color:#0308d6; font-family: 'SourceHanSansCN-Regular';}
.class_type_school .cts_more{font-size: 18px; color:#999; text-align: right; padding-right: 10px; display: block; margin-top: 85px;}
.class_type_school .cts_more a{color: #999;}
.class_type_school .cts_more a:hover{color: #0308d6;}
.class_type_school .cts_list{width: 100%; display: table; margin-top: 70px;}
.class_type_school .cts_list li{float: left; width: 25%;}
.class_type_school .cts_list li .img{position: relative; width: 284px; height: 284px; overflow: hidden; display: block; margin: 0 auto;}
.class_type_school .cts_list li .img_mask{position: absolute; top: -284px; width: 284px; height: 284px; z-index: 1; background: rgba(0,0,0,0.5);}
.class_type_school .cts_list li .img_mask a{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 120px; height: 30px; line-height: 30px; color: #FFF; border:1px solid #FFF; display: block; border-radius:20px; text-align: center;}
.class_type_school .cts_list li .des{width: 254px; padding-left: 30px; padding-top: 30px; display: block; margin: 0 auto;}
.class_type_school .cts_list li .des .name{font-size: 18px; font-weight: bold; margin-bottom: 48px; font-family: 'SourceHanSansCN-Regular';}
.class_type_school .cts_list li .des .name span{color: #8c8d91; margin-left: 5px;}
.class_type_school .cts_list li .des p{color:#424242; font-size: 16px; line-height: 25px;}
.class_type_school .layui-carousel:hover .layui-carousel-arrow[lay-type=add], .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add]{ right: -50px; }
.class_type_school .layui-carousel:hover .layui-carousel-arrow[lay-type=sub], .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=sub]{left: -50px;}
.class_type_school .cts_bg{width: 1210px; height: 490px; display:table; margin-top:100px; background: url('../img/class_type_school_bg.jpg') no-repeat;}
.class_type_school .cts_bg a{float: left; width:25%; height: 490px; display: block;}

.competitive_power{width: 100%; display: table; background-color: #151fdb; padding-top: 15px; padding-bottom: 50px; margin-top: 160px;}
.competitive_power .title{width: 100%; height: 97px; background: url('../img/competitive_power.png') top center no-repeat;}
.competitive_power .cp_form{width: 1075px; margin:0 auto; display: table;}
.competitive_power .cp_form li{float: left; width: 33.33%; margin-top: 15px; margin-bottom: 10px; text-align: center;}
.competitive_power .cp_form li input{ width: 290px; /*height: 30px; line-height: 30px;*/ display: inline-block;}
.competitive_power .cp_form li .layui-btn{width: 290px; /*height: 30px; line-height: 30px;*/ font-weight: bold; font-size: 18px; color:#0308d6; background-color: #ffd900; font-family: 'SourceHanSansCN-Regular';}

.strength_teacher{margin-top: 170px;}
.strength_teacher .st_title{text-align: center; font-size: 65px; color:#0308d6; font-family: 'SourceHanSansCN-Regular';}
.strength_teacher .st_i{font-size: 30px; text-align: center; display: block; margin-top: 0px; color: #010101; font-family: 'SourceHanSerifCN-ExtraLight';}
.strength_teacher .st_list{width: 100%; display: table; margin-top: 155px;}
.strength_teacher .st_list li{float: left; width: 33.33%; text-align: center;}
.strength_teacher .st_list li .img{position: relative; width: 309px; height: 352px; overflow: hidden; display: block; margin: 0 auto;}
.strength_teacher .st_list li .img_mask{position: absolute; top: -352px; width: 309px; height: 352px; z-index: 1; background: rgba(0,0,0,0.5);}
.strength_teacher .st_list li .img_mask a{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 120px; height: 30px; line-height: 30px; color: #FFF; border:1px solid #FFF; display: block; border-radius:20px; text-align: center;}
.strength_teacher .st_list li .des{display: block; margin-top: 55px;}
.strength_teacher .st_list li .des .name{font-size: 21px;}
.strength_teacher .st_list li .des .job{font-size: 16px; margin-top: 10px;}
.strength_teacher .st_list li .des .results{font-size: 23px; margin-top: 10px; color:#696969;}

.top_high_marks{width: 100%; display: table; background-color: #f8f8f8; padding: 90px 0; margin-top: 160px;}
.top_high_marks .thm_title{text-align: center; font-size: 65px; color:#0308d6; font-family: 'SourceHanSansCN-Regular';}
.top_high_marks .thm_i{font-size: 30px; text-align: center; display: block; margin-top: 0px; color: #010101; font-family: 'SourceHanSerifCN-ExtraLight';}
.top_high_marks .thm_list{width: 1220px; display: table; margin: 30px auto 0 auto;}
.top_high_marks .thm_list li{float: left; width: 33.33%; margin-top: 115px; text-align: center;}
.top_high_marks .thm_list li .img{position: relative; width: 170px; height: 170px; overflow: hidden; border-radius:50%; margin: 0 auto;}
.top_high_marks .thm_list li .img img{}
.top_high_marks .thm_list li .img_mask{position: absolute; opacity:0; top: 0px; width: 170px; height: 170px; z-index: 1; background: rgba(0,0,0,.5);
    -webkit-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -ms-transition: opacity .5s ease;
    transition: opacity .5s ease;
}
.top_high_marks .thm_list li .img_mask a{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100px; height: 30px; line-height: 30px; color: #FFF; border:1px solid #FFF; display: block; border-radius:20px; text-align: center;}
.top_high_marks .thm_list li:hover .img_mask{opacity:1;}
.top_high_marks .thm_list li .name_province_academy{ display: table; margin: 30px auto 0 auto; }
.top_high_marks .thm_list li .name_province_academy .name{float: left; padding: 12px 30px 0 30px; font-size: 25px;}
.top_high_marks .thm_list li .name_province_academy .province_academy{float: left; text-align: left; line-height: 30px; font-size: 18px;}
.top_high_marks .thm_list li .name_province_academy .province_academy span{display: block;}
.top_high_marks .thm_list li .signature{color:#414141; font-size: 18px; display: block; margin-top: 15px;}

.bar_charts{margin-top: 190px;}
.bar_charts .bc_title{text-align: center; font-size: 65px; color:#0308d6; font-family: 'SourceHanSansCN-Regular';}
.bar_charts .bc_i{font-size: 30px; text-align: center; display: block; margin-top: 0px; color: #010101; font-family: 'SourceHanSerifCN-ExtraLight';}
.bar_charts .bc_list{width: 100%; margin-top: 35px; display: table;}
.bar_charts .bc_list li{float: left; text-align: center; position: relative; width: 14.286%; height: 630px;}
.bar_charts .bc_list li .name{font-size: 23px; margin-bottom: 5px; color:#333; }
.bar_charts .bc_list li .n_1{position: absolute; bottom: 145px; left: 0; right: 0; margin: auto;}
/*.bar_charts .bc_list li:hover .n_1{bottom:150px; color:#0308d6;}*/
.bar_charts .bc_list li .n_2{position: absolute; bottom: 200px; left: 0; right: 0; margin: auto;}
/*.bar_charts .bc_list li:hover .n_2{bottom:205px; color:#0308d6;}*/
.bar_charts .bc_list li .n_3{position: absolute; bottom: 250px; left: 0; right: 0; margin: auto;}
/*.bar_charts .bc_list li:hover .n_3{bottom:255px; color:#0308d6;}*/
.bar_charts .bc_list li .n_4{position: absolute; bottom: 345px; left: 0; right: 0; margin: auto;}
/*.bar_charts .bc_list li:hover .n_4{bottom:350px; color:#0308d6;}*/
.bar_charts .bc_list li .n_5{position: absolute; bottom: 410px; left: 0; right: 0; margin: auto;}
/*.bar_charts .bc_list li:hover .n_5{bottom:415px; color:#0308d6;}*/
.bar_charts .bc_list li .n_6{position: absolute; bottom: 510px; left: 0; right: 0; margin: auto;}
/*.bar_charts .bc_list li:hover .n_6{bottom:515px; color:#0308d6;}*/
.bar_charts .bc_list li .n_7{position: absolute; bottom: 603px; left: 0; right: 0; margin: auto;}
/*.bar_charts .bc_list li:hover .n_7{bottom:605px; color:#0308d6;}*/
.bar_charts .bc_list li .columnar{width: 100px; margin: 0 auto; /*background-color: #0308d6;*/ position: absolute; bottom: 40px; left: 0; right: 0; margin: auto;
box-shadow:0 -1px 10px rgba(0,0,0,0.1);
background-color:#FAFAFA;
background-image:-webkit-linear-gradient(top,#FFF,#0308d6);
background-image:-o-linear-gradient(top,#FFF,#0308d6);
background-image:-ms-linear-gradient(top,#FFF,#0308d6);
background-image:linear-gradient(top,#FFF,#0308d6);
background-repeat: repeat-x;
}
.bar_charts .bc_list li .o_1{height: 95px;}
.bar_charts .bc_list li .o_2{height: 150px;}
.bar_charts .bc_list li .o_3{height: 200px;}
.bar_charts .bc_list li .o_4{height: 295px;}
.bar_charts .bc_list li .o_5{height: 360px;}
.bar_charts .bc_list li .o_6{height: 460px;}
.bar_charts .bc_list li .o_7{height: 555px;}
.bar_charts .bc_list li .month{position: absolute; bottom: 0; left: 0; right: 0; margin: auto; color: #0308d6; font-family: 'Futura'; font-size: 22px; margin-top: 15px;}

.campus_training{margin-top: 215px;}
.campus_training .ct_title{text-align: center; font-size: 65px; color:#0308d6; font-family: 'SourceHanSansCN-Regular';}
.campus_training .ct_i{font-size: 30px; text-align: center; display: block; margin-top: 0px; color: #010101; font-family: 'SourceHanSerifCN-ExtraLight';}
.campus_training .ct_video_campus_environment{width: 100%; display: table; margin-top: 100px;}
.campus_training .ct_video_campus_environment a{color:#FFF;}
.campus_training .ct_video_campus_environment a:hover{color:#FFF;}
.campus_training .ct_video_campus_environment .video{float: left; width: 585px; height: 335px; line-height: 335px; margin-top: 5px; text-align: center;}
.campus_training .ct_video_campus_environment .campus_environment{float: right; width: 600px;}
.campus_training .ct_video_campus_environment .campus_environment li{float: left; position: relative; width: 50%; padding: 8px 0;}
.campus_training .ct_video_campus_environment .campus_environment li .img{width: 283px; height: 159px;}
/*.campus_training .ct_video_campus_environment .campus_environment li .title{display: none; position: absolute; bottom: 8px; width: 283px; height: 40px; line-height: 40px; text-align: center; color: #FFF; font-size: 16px; background: rgba(0,0,0,0.5);}*/
/*.campus_training .ct_video_campus_environment .campus_environment li:hover .title{display: block;}*/
.campus_training .ct_video_campus_environment .campus_environment li .title{opacity: 0; position: absolute; width: 283px; height: 40px; line-height: 40px; text-align: center; color:#FFF; font-size: 16px; bottom: 8px; background-color: rgba(0,0,0,.6); z-index: 9; -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; -ms-transition: opacity .5s ease; transition: opacity .5s ease; }
.campus_training .ct_video_campus_environment .campus_environment li:hover .title{opacity:1;}

.info_notice{margin-top: 140px;}
.info_notice .title{font-size: 18px; font-weight: bold; display: block; margin-bottom: 15px;}
.info_notice ul{float: left; width: 570px; padding: 0 20px;}
.info_notice li{font-size: 16px; line-height: 35px; padding: 0 0 0 15px; background: url('../img/dian.jpg') left center no-repeat;}
.info_notice li span{ float:right; color:#CCC;}
.info_notice li a:hover{color: #0308d6; text-decoration: underline;}