@charset "utf-8";
article,aside,audio,body,canvas,caption,dd,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,input,label,legend,li,mark,menu,nav,ol,p,section,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,video{margin:0;padding:0;}
article,aside,blockquote,dialog,figure,footer,header,hgroup,nav,section{display:block;}
ol,ul{list-style:none;}
img{border:0 none;vertical-align:top;}
blockquote,q{quotes:none;}
blockquote:after,blockquote:before,q:after,q:before{content:none;}
table{border-collapse:collapse;border-spacing:0;}
ins{text-decoration:underline;}
del{text-decoration:line-through;}
mark{background:0 0;}
input::-ms-clear{display:none!important;}
html{font-size: 12px;scroll-behavior: smooth;min-width: 1200px;}
body{background:url(../img/header_bg.jpg) no-repeat center top;font: .12rem/1.5 Arial,PingFang SC,Microsoft YaHei UI,Microsoft YaHei,sans-serif;scroll-behavior: smooth;}
a{color:#333;text-decoration:none;-webkit-transition:.2s color ease;-moz-transition:.2s color ease;transition:.2s color ease;-ms-transition:.2s color ease;}
a:hover,a:focus{color:#0d66a8;text-decoration:none;}
a,input,button,select,video{outline: none;}

::-webkit-input-placeholder{color:#999;}
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-thumb{border-radius:3px;background:rgba(0,0,0,.2);}

/* Common Style */
.outer{position: relative;display: block;}
.block-item{margin: 15px 0;}

/* Common Header */
.header{padding: 20px 0;text-align: left;}
.header-logo{display: inline-block;}
.header-logo img{height: 90px;}
.nav{position:relative;height: 50px;min-width: 1200px;background: #176cab url(../img/header_menu_bg.png) no-repeat center;text-align:center;line-height: 50px;}
.header-nav > ul > li{position:relative;float:left;padding-top: 2px;width: 11.11%;text-align: center;font-size: 1.4rem;}
.header-nav > ul > li > a{position:relative;display: block;width: 100%;height: 48px;color: #fff;line-height: 48px;-webkit-transition: .2s all ease;transition: .2s all ease;}
.header-nav > ul > li:hover > a{background-color: #058df5;}
.header-nav > ul > li:hover > a::after{position: absolute;right: 0;bottom: 9px;left: 0;height: 30px;border-left: 2px solid #fff;content: "";}
.sub-nav{position: absolute;top: 100%;left: 0;z-index: 2;visibility: hidden;width: 130%;background-color: #176ab3;box-shadow: inset 0 3px 5px rgba(0,0,0,.1);text-align: left;font-size: 1.3rem;opacity: 0;-webkit-transition: .2s all ease;transition: .2s all ease;transform: translateY(10px);}
.sub-nav li a{display: block;padding-left: 30px;height: 42px;color: #fff;font-weight: 300;line-height: 42px;}
.sub-nav li:hover a{background-color: rgba(0,0,0,.2);}
.header-nav > ul > li:hover .sub-nav{visibility: visible;opacity: 1;transform: translateY(0);}

/* List Style */
.block-item .title{overflow: hidden;padding-bottom:5px;color: #333;}
.block-item .title.white{background: #fff;color: #333;}
.block-item .title h1{padding:10px 15px;font-size: 1.7rem;font-family: Bahnschrift, Arial, sans-serif;}
.block-item .title h1 b{position: relative;font-weight: 600;}
.block-item .title h1 b::after{position: absolute;right: 0;bottom: -10px;left:0;border-bottom: 3px solid #1e88e5;content: "";}
.block-item .title h1 span{font-size: 1rem;}
.block-item .title a{float: right;margin-top:-2px;border-radius: 50%;font-size: 1.3rem;-webkit-transition: .2s all ease;transition: .2s all ease;}
.block-item .title.white a{background-image: url(../img/icon_more_grey.png);}
.block-item .title a img{width: 20px;}
.block-item .title a:hover{background-color: rgba(255,255,255,.2);box-shadow: 0 0 3px rgba(0,0,0,.3);}
.block-item .title.white a:hover{background-color: #1e88e5;}

.date-list{margin-top:8px;padding: 0 3px;}
.date-list li{position:relative;padding:7.5px 0;}
.date-list li .date{position: absolute;top:0;left:0;overflow: hidden;margin-top:7px;width: 50px;height: 40px;color: #176ab3;text-align: center;line-height: 1;}
.date-list li .date p{font-size: 2.2rem;}
.date-list li .date span{display: block;font-size: 1rem;}
.date-list li .news-title::before{content: "";padding: 0 10px 0 4px;border-left: 1px solid #e8e8e8;font-size: 1.1rem;}
.date-list li .news-title{display:block;overflow: hidden;padding-left: 55px;width:100%;height:40px;color: #333;text-overflow: ellipsis;white-space: nowrap;font-size: 1.3rem;line-height:40px;}
.date-list li:hover .news-title{color: #0d66a8;}

.common-list{min-height: 235px;}
.common-list li{padding: 5px 8px 8px;border-bottom: 1px dashed #e8e8e8;}
.common-list li:last-child{border-bottom: none;}
.common-list li p{font-size: 1rem;}
.common-list li p span{padding: 0 8px;border-radius:  10px;background-color: #f1f1f1;color: #9f9f9f;}
.common-list li p b{float: right;padding-left:22px;background: url(../img/icon_view_times.png) no-repeat center left;color: #bababa;}
.common-list li a{display: block;overflow: hidden;padding:3px 3px;width: 100%;color: #000;text-overflow: ellipsis;white-space: nowrap;font-size: 1.3rem;}
.common-list li a:hover{color: #0086d8;}


/* Homepage Style */
.home-row-1{min-width:1200px;margin-top: 30px;}
.home-row-2{min-width:1200px;padding-bottom: 30px;background: #fff url(../img/content_bg.jpg) no-repeat center bottom;}
.video-overlay{position: fixed;top:0;left:0;z-index:99;width: 100%;height: 100%;background: rgba(0,0,0,.8);}
.video-content{margin: 200px auto 0;width:768px;height:432px;box-shadow: 0 0 30px rgba(0,0,0,.8);}
.video-content video{width: 100%;height: 100%;}

.news-carousel{position:relative;width:100%;height:320px;}
.news-carousel .swiper-slide{position: relative;display: block;background-color:#f1f1f1;}
.news-carousel .swiper-slide p{position:absolute;bottom:0;left:0;z-index: 1;width:100%;height:38px;padding-left: 20px;background-color:rgba(39, 39, 39, 0.73);color:#fff;font-size: 1.15rem;line-height:38px;-webkit-transition: .3s all ease;transition: .3s all ease;}
.news-carousel .swiper-slide .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;-webkit-transition: .3s all;transition: .3s all;}
.news-carousel .swiper-slide:hover .img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.news-carousel .swiper-slide p:hover{background-color:rgba(39, 39, 39, 0.93);}
.swiper-pagination.news-pagination{right: 0;bottom: 0;left: auto;padding-right:5px;width:auto;text-align: right;}
.swiper-pagination.news-pagination .swiper-pagination-bullet{margin:4px 3px;width: 30px;height: 30px;border-radius: 0;background: #4791d1;color: #fff;text-align: center;font-size: 1.3rem;line-height: 30px;opacity: .5;-webkit-transition: .3s all ease;transition: .3s all ease;-webkit-transform: translateY(0);transform: translateY(0);}
.swiper-pagination.news-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{position:relative;background-color: #1e88e5;opacity: 1;-webkit-transform: translateY(-15px);transform: translateY(-10px);}

.homepage-sidebar{border: 1px solid #efefef;background:#fff;}
.sidebar-video{position:relative;display:block;margin:8px 0;background-color: #555;cursor: pointer;}
.sidebar-video-thumbnail{height: 140px;background-position: center;background-size: cover;background-repeat: no-repeat;}
.sidebar-video img{position: absolute;top: 30%;right:0;left: 0;margin:0 auto;width:60px;text-align: center;-webkit-transition: .2s all ease;transition: .2s all ease;}
.sidebar-video:hover img{opacity: .78;}
.close-video{margin-top: 40px;color: #fff;text-align: center;font-size: 2rem;}
.close-video button{padding: 2px 15px;border: 2px solid #fff;border-radius: 5px;background: transparent;}

.sidebar-link{display:block;position: relative;padding: 18px 0;margin:0;text-align: center;overflow: hidden;background-color: #1e88e5;color: #fff;transition: .3s all ease;-webkit-transition: .3s all ease}
.sidebar-link i{position: relative;z-index: 1;display:block;width:25px;height:25px;margin:0 auto;background: url(../img/icon_certificate.png) no-repeat center;}
.sidebar-link i::after{content: "";display:none;position: absolute;bottom: -5px;left: 0;right: 0;width: 15px;margin:0 auto;border-bottom: 1px solid #1e88e5;}
.sidebar-link i img{height: 25px;vertical-align: middle;}
.sidebar-link p{position:relative;z-index: 1;
    padding-top:5px;font-size: 1.7rem;color: #fff;text-align: center;}
.sidebar-link p span{display: inline-block;padding: 0 10px;background-color: #19a7ff;border-radius: 20px;}
.sidebar-link.i1 i{background-image: url(../img/icon_certificate_white.png);}
.sidebar-link:hover{background: #176ab3;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.sidebar-link.i1:hover i{background-image: url(../img/icon_certificate_white.png);}
.sidebar-link:hover i::after{border-bottom-color: #fff;}
.sidebar-link:hover p span{box-shadow: 0 0 4px rgba(0,0,0,.2);;}

.sidebar-info{margin:20px -15px;background: #f5f5f5;font-size: 1.05rem;}

.sidebar-info .inner{padding: 14px 15px 10px;}
.sidebar-info .phone{padding: 0 10px 15px;border-bottom: 1px solid #dcdcdc;}
.sidebar-info .phone b{font-weight: normal;font-size: 1.6rem;    padding: 3px 9px;
    border-radius: 10px;
    background-color: #1e88e5;
    color: #fff;
font-weight: bold;}
.sidebar-info .phone span{display: block;font-weight: 600;font-size: 1.5rem;font-family: Bahnschrift, Arial, sans-serif;cursor: pointer;}
.sidebar-info .report{padding: 15px 15px;line-height: 2;}
.sidebar-info .report h1{padding-bottom:5px;text-align: center;font-weight: 600;font-size: 1.7rem;line-height: 1;}
.sidebar-info .report p{font-size: 1.2rem;}
.sidebar-info .report p b{margin-right:10px;padding: 3px 9px;border-radius: 10px;background-color: #1e88e5;color: #fff;}
.sidebar-info .report p:first-of-type{margin-top: 5px;}
.sidebar-info .report span{font-weight: 600;font-size: 1.5rem;font-family: Bahnschrift, Arial, sans-serif;line-height: 1;cursor: pointer;}

.sidebar-qrcode{text-align: center;}
.sidebar-qrcode img{width: 110px;}
.sidebar-qrcode p{font-size: 1.1rem;}

.friendly-link{position:relative;display:block;margin:0 auto;width:220px;height:123px;background-color: #f1f1f1;background-position: center;background-size: cover;background-repeat: no-repeat;-webkit-transition: .2s all ease;transition: .2s all ease;}
.friendly-link p{position: absolute;top: 55%;left: 0;padding: 5px 15px 5px 20px;background: rgba(0, 97, 168,.8);color: #fff;font-size: 1.15rem;-webkit-transition: .2s all ease;transition: .2s all ease;}
.friendly-link:hover{box-shadow: 0 0 8px rgba(30,136,229,.45);}
.friendly-link:hover p{background: rgba(0, 97, 168);}


/* Footer Style */
.footer{min-width: 1200px;background: #1e88e5 url(../img/footer_bg.png) no-repeat center;color: #fff;}
.footer .inner{padding: 30px 0;}
.footer-copyright{line-height: 2;}
.footer-copyright p{font-size: 1.05rem;}

/* Column Style*/
.column{min-width: 1200px;}
.column-banner{position:relative;min-width:1200px;height: 400px;background-color: #f1f1f1;}
.column-img{position: absolute;top:0;left:0;width: 100%;height: 100%;background-size: cover;background-position: center;}
.column{padding:30px 0;box-shadow: 0 0 5px rgba(28, 129, 217,.1);background-color: #f1f1f1;}
.column .inner{margin-top: 0;background: #fff;}
.column .row{margin: 0 -30px;}

.breadcrumb-nav{margin-bottom:10px;margin-left: 20px;padding:20px 0 20px 20px;background: url(../img/icon_home.png) no-repeat center left;font-size: 1.15rem;}
.breadcrumb-nav a{color:#919191;}
.breadcrumb-nav a:hover{color: #1e88e5;}

.column-nav{text-align: left;}
.column-nav>ul{border-left: 1px solid #f1f1f1;}
.column-nav>ul>li{margin-left: 20px;}
.column-nav ul li{position: relative;}
.column-nav ul li a{position:relative;display: block;padding-left: 15px;height: 60px;border-bottom: 1px solid #f0f0f0;color: #666;font-size: 1.4rem;line-height: 60px;}
.column-nav ul li a::after{position: absolute;top: 15px;left: -20px;height: 0;border-left: 2px solid #058df5;content: "";-webkit-transition: .2s all ease;transition: .2s all ease;}
.column-nav ul li a:hover::after{height: 30px;}
.column-nav ul li a:hover{color:#000;}
.column-nav ul li ul > span{position: absolute;}
.column-nav ul li ul li a{padding-left: 15px;height: 55px;font-size: 1.4rem;line-height: 55px;}
.column-nav ul li.selected > a{background:#ccc;color:#730700;}

.column-name{padding:0 30px 0 15px;height:60px;color: #1c81d9;font-weight: 600;font-size:2.5rem;line-height:60px;}
.column-content{padding:15px 30px 50px 15px;min-height: 200px;}
.column-list{padding: 0;box-shadow: 0 0 0 transparent;font-size: 1.3rem;}
.column-list li{position:relative;height: 60px;border-bottom: 1px solid #f0f0f0;line-height: 60px;}
.column-list li:first-child{border-top: 1px solid #f0f0f0;}
.column-list li span{position: absolute;display:inline-block;padding:0 5px;color: #176ab3;font-family: Bahnschrift, Arial, sans-serif;}
.column-list li span::after{position: absolute;top: 20px;right: -8px;height: 16px;border-right: 2px solid #e8e8e8;content: "";}
.column-list li a{display:block;overflow: hidden;padding-left: 110px;text-overflow: ellipsis;white-space: nowrap;}

.college-content{padding: 0 30px;font-size: 1.3rem;}
.college-content.list .subcolumn-name{font-size: 1.5rem;font-weight: normal;color: #333;}
.college-content.list .sublist_title{position: relative;height: 50px;line-height: 50px;padding-left: 25px;border-bottom: 0;background: #fafafa;}
.college-content.list .sublist_title::before{content: "";position: absolute;top: 18px;left: 0;height: 20px;border-left: 2px solid #0086d8;}
.college-content.list .morelink{display: none!important;}
.college-content.list .row{margin: 0;}
.college-content.list .wp_sublist{box-shadow: 0 0 8px rgba(0,0,0,.15);padding-bottom: 10px;}
.college-subject{padding: 5px 0 5px 15px;background: url(../img/icon_point.png) no-repeat center left;white-space: nowrap;}

/* Post Style */
.post-title{padding: 40px 0;background: #f8f8f8;text-align: center;}
.post-title h1{font-size: 2.3rem;}
.post-title p{padding: 5px 0;font-size: 1.2rem;color: #0086d8;}
.post-content{padding:50px 0;min-height: calc(100vh - 320px);background: #fff;box-shadow: 0 0 5px rgba(28, 129, 217,.1);}
.post-content .container{width: 1000px;}
.post-content .read img{height: auto;max-width: 100%;}

/* Bootstrap */
.container{width: 1200px;}




@media screen and (max-width: 1260px) {
    .column .row{margin: 0;}
}