/* CSS Document */
@charset "utf-8";
*:focus {
    outline: none;
}
html, body {
    height: 100%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fiedldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var, i {
    font-style: normal;
    font-weight: normal;
}
ol, ul, li {
    list-style: none;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
body {
    font-family: "Microsoft YaHei";
    color: #666;
    font-size: 16px;
    background: #fff;
}
input, select, textarea, button {
    vertical-align: middle;
    font-family: "Microsoft YaHei";
}
a, a:link {
    text-decoration: none;
    outline: none;
}
.hide{ display: none;}
.overflow{ overflow: hidden; }
.b-hui{ background: #F9F9F9; }
.wrap{ width:100%; min-width:1050px; height:auto; overflow:hidden; margin:0 auto; position: relative;}
.logo{ position: absolute; z-index: 5; left: 50%; top: 15px; margin-left: -620px; }
.banner{ height: 875px; overflow: hidden; position: relative; }
.banner-list .swiper-slide{ height: 875px; }
.banner-list .swiper-slide::after{ display: block; content: ''; background: #041250; opacity: .5; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.banner-info{ position: relative; z-index: 2; padding-top: 280px; text-align: center; font-size: 28px; color: #fff; }
.banner-info p.bname{ font-size: 48px; margin-bottom: 25px; }
.swiper-container-horizontal .banner-page{ position: absolute; right: 80px; bottom: 80px; z-index: 3; width: 17px; left: auto; }
.swiper-container-horizontal .banner-page .swiper-pagination-bullet{ width: 17px; height: 17px; background: url(../img/icon.png) -132px 0 no-repeat; opacity: 1; margin-top: 20px; padding: 0; cursor: pointer; }
.swiper-container-horizontal .banner-page .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-position: -132px -20px; }
.down{ width: 32px; height: 32px; background: url(../img/icon.png) -92px -1px no-repeat; position: absolute; z-index: 4; left: 50%; margin-left: -16px; top: 760px; }
.down::after{ display: block; width: 8px; height: 10px; background: url(../img/icon.png) -159px 0 no-repeat; content: ''; margin: 2px auto 0; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-animation-name: hvr-hang-sink, hvr-hang; animation-name: hvr-hang-sink, hvr-hang; -webkit-animation-duration: .1s, 1.3s; animation-duration: .1s, 1.3s; -webkit-animation-delay: 0s, .2s; animation-delay: 0s, .2s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; }
 @-webkit-keyframes hvr-hang {
 0% {
 -webkit-transform: translateY(10px);
 transform: translateY(10px);
}
 50% {
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
}
 100% {
 -webkit-transform: translateY(10px);
 transform: translateY(10px);
}
}
@keyframes hvr-hang {
 0% {
 -webkit-transform: translateY(10px);
 transform: translateY(10px);
}
 50% {
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
}
 100% {
 -webkit-transform: translateY(10px);
 transform: translateY(10px);
}
}
@-webkit-keyframes hvr-hang-sink {
 100% {
 -webkit-transform: translateY(10px);
 transform: translateY(10px);
}
}
@keyframes hvr-hang-sink {
 100% {
 -webkit-transform: translateY(10px);
 transform: translateY(10px);
}
}
.main{ width: 1240px; margin: 0 auto; position: relative; z-index: 1; }
.main-info{ height: 480px; }
.con1{ padding: 100px 0; overflow: hidden; }
.intros{ font-size: 28px; color: #222; line-height: 48px; }
.intro-list{ margin: 40px 0 0 -20px; height: 250px; }
.intro-list li{ width: 400px; height: 250px; float: left; margin-left: 20px; display: flex; align-items: center; justify-content: center; }
.intro-list li img,.left-img img{ display: block; width: 100%; }
.con2{ padding: 100px 0; position: relative; overflow: hidden;}
.con2::before{ display: block; content: ''; background: #1B1F26; opacity: .9; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; }
.left-img{ width: 760px; height: 480px; display: flex; align-items: center; justify-content: center; float: left; }
.right-info{ width: 330px; float: left; padding-top: 112px; font-size: 24px; color: #fff; margin-left: 150px; }
.right-info p.names{ font-size: 40px; margin-bottom: 12px; }
.next-btn{ display: block; width: 40px; height: 26px; padding-top: 14px; background: url(../img/icon.png) 0 0 no-repeat; margin-top: 35px; text-align: center; }
.next-btn::before{ display: inline-block; content: ''; width: 16px; height: 11px; background: url(../img/icon.png) -172px 0 no-repeat; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-animation-name: hvr-bob-float, hvr-bob; animation-name: hvr-bob-float, hvr-bob; -webkit-animation-duration: .1s, 1.2s; animation-duration: .1s, 1.2s; -webkit-animation-delay: 0s, .2s; animation-delay: 0s, .2s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate;}
@-webkit-keyframes hvr-bob {
 0% {
 -webkit-transform: translateX(4px);
 transform: translateX(4px);
}
 50% {
 -webkit-transform: translateX(-2px);
 transform: translateX(-2px);
}
 100% {
 -webkit-transform: translateX(4px);
 transform: translateX(4px);
}
}
@keyframes hvr-bob {
 0% {
 -webkit-transform: translateX(4px);
 transform: translateX(4px);
}
 50% {
 -webkit-transform: translateX(-2px);
 transform: translateX(-2px);
}
 100% {
 -webkit-transform: translateX(4px);
 transform: translateX(4px);
}
}
@-webkit-keyframes hvr-bob-float {
 100% {
 -webkit-transform: translateX(4px);
 transform: translateX(4px);
}
}
@keyframes hvr-bob-float {
 100% {
 -webkit-transform: translateX(4px);
 transform: translateX(4px);
}
}
.next-btn:hover::before{ animation-play-state:paused; -webkit-animation-play-state:paused; }
.white-bg .right-info{ margin: 0 150px 0 0; color: #222; }
.white-bg .next-btn{ background-position: -46px 0; }
.white-bg .next-btn::before{ background-position: -172px -15px; }
.footer{ text-align: center; padding: 55px 0 35px; font-size: 16px; color: #222; }
.footer p{ margin-bottom: 20px; }
.link{ font-size: 20px; }
.link a{ color: #222; margin: 0 30px; }
.header{ background: #1B1F26; padding-top: 13px; height: 67px; }
.news{ padding: 60px 0; width: 1240px; margin: 0 auto; }
.headline{ font-size: 36px; color: #222; }
.news-info{ margin-top: 40px; color: #666; font-size: 24px; line-height: 42px; }
.news-info p{ margin-bottom: 15px; text-indent:2em;}
.news-info img{ display: block; max-width: 100%; margin: 0 auto; }
.btns{ width: 356px; height: 80px; background: #516EFF; border-radius: 8px; display: block; color: #fff; font-size: 32px; line-height: 80px; text-align: center; margin: 0 auto; }
.btns.detail-btn{ margin-top: 40px; }
.btns.join-btn{ margin-bottom: 80px; }
.fade{ position:fixed; top: 0%; left: 0%; background: black; z-index:13; -moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=55); width:100%; height:100%; display:none;}
.alert{ position:fixed; z-index:15; display:none;}
.join-alert{ width: 580px; background: #fff; }
.alert-title{ text-align: center; font-size: 20px; color: #222; font-weight: 600; padding: 20px 0; }
.join-list{ overflow: hidden; font-size: 14px; }
.join-list li{ height: 70px; }
.join-list p{ width: 175px; float: left; text-align: right; padding-right: 12px; color: #999; line-height: 44px; }
.inputs{ display: block; float: left; padding-left: 10px; width: 340px; height: 42px; line-height: 42px; border: 1px solid #ddd; border-radius: 2px; color: #222;}
.inputs:-moz-placeholder{ color: #C0C0C0;}
.inputs::-moz-placeholder{ color: #C0C0C0;}
.inputs:-ms-input-placeholder{ color: #C0C0C0;}
.inputs::-webkit-input-placeholder{ color: #C0C0C0;}
.ifend{ float: left; line-height: 44px; }
.ifend label{cursor: pointer; margin-right: 35px;}
.ifend input{ cursor: pointer; vertical-align: middle; margin: -1px 3px 0 0; }
.join-next{ text-align: right; border-top: 1px solid #f1f1f1; padding-right: 40px; }
.join-next a{ display: inline-block; margin: 17px 0 0 10px; width: 72px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #ddd; border-radius: 2px; color: #4c4c4c; }
.join-next a.sure-btn{ background: #526efe; border-color: #526efe; color: #fff; }
.agree{ padding-left: 187px; color: #999; }
.agree input,.agree label{ cursor: pointer; }