/* CSS Document */
html, body {width:100%; min-width:1240px; max-width: 1920px; height:auto; margin: 0 auto; min-height: 720px; font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; font-size: 16px; line-height: 2em; color: #303438; background-color: #181818;}

body {overflow: auto;}
.layout {min-height: 100%; height: auto;}
.header, .container, .footer {position: relative; height: auto;}
.container {margin-bottom:60px;}

.section {position: relative; width:1410px; margin: 0 auto;}
.section-h100 {height:100vh; min-height: 720px;}
.section-full {width:100%;}
.section-h75 {height:75vh; min-height: 540px;}
.sectionWrap {position: relative; height: 100%;}

/* header */
.headerWrap {position: absolute; z-index: 9999; top: 0; left:0; right:0; max-width: 1920px;min-width: 1200px; height: 80px; overflow: visible; background-color: transparent; -webkit-transition: all 0.5s; transition: all 0.5s;}
.header-logoWrap {width:150px; height:50px; margin:15px 0;  background: url(../images/logo_white.png) no-repeat center center; background-size: 100% 100%; }
.header-navWrap {position: relative; height: 100%; text-align:center;float:right;}
.header-searchWrap {width:240px; height:80px;margin-right: 20px; display:none; }
.headerWrap:hover {background-color:#fff;box-shadow: 0 3px 5px rgba(0,0,0,0.05)}

.nav {height: 100%; display:inline-block;}
.nav li {float:left; padding: 0 25px;}
.nav li a {position: relative; display:block;padding:0; color:#fff; font-size: 16px; font-weight: 600; line-height:80px; -webkit-transition: all 0.5s; transition: all 0.5s;}
.nav li:hover a { color:#fff }
.nav li a:after { content:""; position:absolute; bottom:20px;left:0;width:0;height:3px;background-color:#0078ff; -webkit-transition: all 0.5s; transition: all 0.5s;}
.nav li:hover:not(.active) a:after{width:100%;}
.nav li:active a, .nav li.active a {color:#0078ff}
.headerWrap:hover .nav li a {color:#303438}
.headerWrap:hover .nav li:active a, .headerWrap:hover .nav li.active a {color:#0078ff}
.headerWrap:hover .header-logoWrap {background-image: url(../images/logo.png)}

.search {position: relative; height: 32px; margin: 16px 0; padding:0px 40px 0px 10px; border-radius: 20px; background-color: rgba(0,0,0,0.05)}
.search input[type="text"] {width:100%; border:none; background-color: transparent; height: 32px; line-height: 1em;font-size: 14px; color:#303438;}
.search input[type="submit"] {position: absolute; top:5px;right:10px; width:24px;height:24px;background: url(../images/search.png) no-repeat center center; background-size: 100% 100%; cursor: pointer}
.search input[type="submit"]:hover {background-image: url(../images/search_hover.png)}

.toTop {position: fixed; z-index: 9; right:30px; bottom:30px; width:60px;height:60px; background: url(../images/toTop.png) no-repeat center center; border-radius: 30px; background-size: 100% 100%; cursor: pointer;}

.header-mobile {display:none;}
.header-mobile-navBtn {position:fixed; z-index: 999; top:10px;right:10px; width:40px;height:40px; background: url(../images/header_mobile_navBtn.png) rgba(0,0,0,0.25) no-repeat center center; background-size: 100% 100%; border-radius: 4px;cursor: pointer;}
.header-mobileWrap {display:none;position: fixed; z-index: 998; top:0; left:0; right:0; bottom:0; background-color: rgba(0,0,0,0.9)}
.header-mobile-logoWrap {width:100%; height:50px;margin-top:5px; margin-left:10px; margin-bottom: 40px; background: url(../images/logo_white.png) no-repeat center left; background-size: 150px 50px;}
.header-mobile-navWrap { }
.mobile-nav {height: 100%;}
.mobile-nav li {padding: 0;}
.mobile-nav li a {display:block; padding:0 25px; color:#fff; font-size: 18px; font-weight: 600; text-align: center;line-height: 64px; border-bottom: 1px solid rgba(255,255,255,0.15); -webkit-transition: all 0.5s; transition: all 0.5s;}
.mobile-nav li:hover a { color:#1550b5;background-color: rgba(255,255,255,1) }
.mobile-nav li:active a, .mobile-nav li.active a {background-color:#1550b5; color:#fff}

/* container */
.section-header { position: absolute; top:60px; left:0; right:0; z-index: 99 }
.section-title {position: relative; float:left; padding-right:15px; color:#fff; font-size: 30px; font-weight: 600; line-height: 60px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.section-titleEn {position: relative;margin-top: 12px; color:#d0d0d0; font-size: 20px;font-weight: 400; line-height: 48px;}
.section-title + .section-titleEn {padding-left:18px;}
.section-title + .section-titleEn:before {position: absolute; top:16px; left:0; display:inline-block; content:""; width:3px; height:16px;  background-color: #1862ec;}
.section-body {position: relative; height: 100%; padding: 160px 0 60px 0;}
.block-left {position:relative;height:100%; float: left;}
.block-center {position:relative;height:100%;}
.block-right {position:relative;height:100%; float: right;}
.block-top {position:relative;height:50%; }
.block-bottom {position:relative;height:50%; }
hr { display: block; width:40px; height:4px; margin:20px auto;padding:0; line-height: 0; border:none; background-color: #fff;}
.clr-blue {color:#1550b5;}
.bg-blue {background-color:#1550b5;}
.part div {color:#fff; font-size: 1.75em; font-weight: 600; line-height: 1em; }
.part.clr-blue div {color:#1550b5;}
.part.clr-blue hr {background-color:#1550b5; }
.pos-ver-middle { position: absolute; top:50%;-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.pos-middle { position: absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}

.box-body img {-webkit-transition: all 1s; transition: all 1s;}
.box-body:hover img {-ms-transform:scale(1.1);-webkit-transform: scale(1.1); transform: scale(1.1); }

/* footer */
.footer {position: relative; background-color: #181818;}
.footer-contact {padding-right:60px; border-right:1px solid rgba(255,255,255,0.1)}
.footer-contact ul li {padding:30px 5px 30px 0; color:#d0d0d0; font-size: 16px;  border-top:1px solid rgba(255,255,255,0.1)}
.footer-contact ul li span {float:left; width:32px; text-align: center;display: block; line-height: 24px; font-size: 20px;}
.footer-contact ul li p {margin-left:50px; display: block; line-height: 24px;}
.footer-contact ul li.large {color:#fff;font-size: 20px; padding-top:0;border-top:0;}
.footer-contact ul li.large span {font-size: 30px; line-height: 36px;}
.footer-contact ul li.large p {font-size: 20px; line-height: 36px; font-weight: 600;}

.footer-nav { padding: 0 60px;}
.footer-nav > ul > li { float: left; width: 33.33%; text-align: left;}
.footer-nav > ul > li > a {font-size: 20px; color:#fff; line-height: 36px;}
.footer-nav > ul > li > ul {padding-top: 20px;}
.footer-nav > ul > li > ul > li > a {font-size: 16px; color:#d0d0d0;line-height: 30px;}

.QRcode {}
.QRcode img {width:100%;}

.friendship-Link {padding:15px 0;}
.friendship-Link .section-title {padding-right:10px; font-size: 20px; line-height: 40px;}
.friendship-Link .section-titleEn {margin-top: 6px;  font-size: 16px; line-height: 36px;}
.friendship-Link .section-title + .section-titleEn {padding-left:13px;}
.friendship-Link .section-title + .section-titleEn:before {top:10px; height:14px;}

.friendship-Link ul {margin-left:240px; padding:6px 20px 0 20px;}
.friendship-Link ul li {float:left; padding:0 20px;}
.friendship-Link ul li a {color:#d0d0d0; display: block; line-height: 36px;}
.friendship-Link ul li:hover a {color:#fff;}

.copyright {padding:8px 0; background-color:#101010; color:#fff; text-align: center; font-size: 12px;}

/* @media */
@media screen and (max-width: 1480px) {
    body {font-size:14px;}
    .section {
        width:1200px;
    }
    .list-img {width:500px; height:300px;}
    .list-info {height:300px;}
}

@media screen and (max-width: 1200px) {
    body {font-size:14px;}
    .section {
        
    }
    
}

@media only screen and (max-width: 500px) 
{
    html,body {min-width: auto;}
    .header {display:none;}
    .header-mobile {display:block;}
    .section {
        width:100%;
        padding: 0 20px;
    }
    .section-h100 {height:auto; min-height:auto}
    .section-header { position: relative; top:0;}
    .section-header:after {content:""; display: block; clear: both;}
    .section-title { font-size: 20px;}
    .section-titleEn {font-size: 14px; line-height:40px;}
    .section-title + .section-titleEn::before {top:10px;}
    .section-body {padding-top:20px;}
    .block-left {width:100% !important; float: none;}
    .block-right {width:100% !important; float: none; margin-top:0 !important;}
    .block-left + .block-right {margin-top:15px !important;}
    .block-center {margin-left:0 !important;margin-right:0 !important;margin-top:15px !important;}
    .section-body-100 {height:0; padding-top:50%;width:100%; margin-bottom: 60px;background: url(../images/section_2_1.png) no-repeat center bottom !important; background-size: 100% !important;}
    .footer-contact {border:none; padding-right: 0;}
    .footer-nav {display: none;}
    .friendship-Link {display: none;}
    .miaobian {font-size:1.6em !important;}
    .QRcode img {width:50%; margin: 0 auto; display:block;}
    .gkIsWrapper-gk_university figcaption p {font-size:1.25em !important;margin:0;}
    .gkIsWrapper-gk_university {height:360px !important; min-height:360px !important;}
    .gkIsSlide {height:360px !important;min-height:360px !important;}
}