@charset "utf-8";
/* CSS Document */

html,body{ width:100%; height:100%;}
body{ color:#333; font-family:'font',Arial, Helvetica, sans-serif; font-size:14px; line-height:1.4; overflow-x:hidden;}
a{ text-decoration:none; color:#333; -webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0; -webkit-text-size-adjust:none; text-size-adjust:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
input,textarea{ -webkit-appearance:none;}
input[type=checkbox]{ -webkit-appearance:checkbox;}

@font-face {
	font-family:"font";
	font-style:normal;
	font-weight:400;
	font-display:block;
	src:url(../fonts/font.eot);
	src:url(../fonts/font.eot?#iefix) format("embedded-opentype"), url(../fonts/font.woff2) format("woff2"), url(../fonts/font.woff) format("woff"), url(../fonts/font.ttf) format("truetype"), url(../fonts/font.svg#fontawesome) format("svg")
}
body::-webkit-scrollbar{ width:0; height:1px;}
body::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#333;}
body::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.3);}

/*header*/
@media screen and (min-width:1280px){
.header{ width:100%; position:fixed; left:0; top:0; z-index:99; height:80px;}
.header .head{ width:94%; margin:auto; height:100%; position:relative; z-index:9;}
.header .head .logo{ float:left; height:50px; padding:15px 0;}
.header .head .logo img{ height:50px; display:block;}
.header .head .logo img.img02{ display:none; height:40px;}
.header .head .an{ float:right; height:80px; margin-left:3vw;}
.header .head .an a{ display:block; padding:0 30px; font-size:16px; height:36px; line-height:36px; border-radius:36px; overflow:hidden; background-color:#1634c8; color:#fff; margin:22px 0; cursor:pointer; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .head .an a:hover{ background-color:#fff; color:#1634c8;}
.header .head .nave{ float:right; height:80px;}
.header .head .nave ul{ display:block; height:80px; float:left;}
.header .head .nave ul li{ height:80px; position:relative; margin-right:2vw; display:flex; height:80px; align-items:center; float:left;}
.header .head .nave ul li a{ cursor:pointer; font-size:16px; line-height:30px; color:#fff; transition:all .36s ease;}
.header .head .nave ul li:hover a{ color:#fff;}
.header .head .nave ul li b{ width:4px; height:4px; background-color:#fff; position:absolute; bottom:0; border-radius:100%; left:50%; margin-left:-2px; opacity:0; transition:all .36s ease;}
.header .head .nave ul li:hover b{ opacity:1; bottom:18px}
.header .head .nave .yu{ display:block; float:left; height:80px; position:relative;}
.header .head .nave .yu span{ display:block; height:80px; overflow:hidden; cursor:pointer; font-size:16px; line-height:80px; color:#fff;}
.header .head .nave .yu span img{ display:block; height:20px; float:left; margin:30px 10px; margin-left:0;}
.header .head .nave .yu p{ width:100%; text-align:center; display:none; position:absolute; left:0; top:65px; background-color:rgba(0,0,0,.7); padding:10px 0; overflow:hidden;}
.header .head .nave .yu p a{ display:block; font-size:14px; line-height:34px; color:#fff; overflow:hidden;}
.header .head .nave .yu p a:hover{ background-color:#1634c8;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.header{ width:100%; position:fixed; left:0; top:0; z-index:99; height:70px;}
.header .head{ width:94%; margin:auto; height:100%; position:relative; z-index:9;}
.header .head .logo{ float:left; height:40px; padding:15px 0;}
.header .head .logo img{ height:40px; display:block;}
.header .head .logo img.img01{ display:none; height:50px;}
.header .head .an{ float:right; height:70px; margin-left:2vw;}
.header .head .an a{ display:block; padding:0 20px; font-size:15px; height:34px; line-height:34px; border-radius:36px; overflow:hidden; background-color:#1634c8; color:#fff; margin:18px 0; cursor:pointer; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .head .an a:hover{ background-color:#fff; color:#1634c8;}
.header .head .nave{ float:right; height:70px;}
.header .head .nave ul{ display:block; height:70px; float:left;}
.header .head .nave ul li{ height:80px; position:relative; margin-right:2vw; display:flex; height:70px; align-items:center; float:left;}
.header .head .nave ul li a{ cursor:pointer; font-size:15px; line-height:30px; color:#fff; transition:all .36s ease;}
.header .head .nave ul li:hover a{ color:#fff;}
.header .head .nave ul li b{ width:4px; height:4px; background-color:#fff; position:absolute; bottom:0; border-radius:100%; left:50%; margin-left:-2px; opacity:0; transition:all .36s ease;}
.header .head .nave ul li:hover b{ opacity:1; bottom:18px}
.header .head .nave .yu{ display:block; float:left; height:70px; position:relative;}
.header .head .nave .yu span{ display:block; height:70px; overflow:hidden; cursor:pointer; font-size:15px; line-height:70px; color:#fff;}
.header .head .nave .yu span img{ display:block; height:18px; float:left; margin:26px 10px; margin-left:0;}
.header .head .nave .yu p{ width:100%; text-align:center; display:none; position:absolute; left:0; top:65px; background-color:rgba(0,0,0,.7); padding:10px 0; overflow:hidden;}
.header .head .nave .yu p a{ display:block; font-size:14px; line-height:34px; color:#fff; overflow:hidden;}
.header .head .nave .yu p a:hover{ background-color:#1634c8;}
}
@media only screen and (max-width:1023px){
.header{ width:100%; position:fixed; left:0; top:0; z-index:99; height:60px; background-color:#181818;}
.header .head{ width:100%; height:60px; position:relative; z-index:9;}
.header .head .logo{ height:40px; position:absolute; left:3%; top:10px; z-index:3;}
.header .head .logo img{ height:40px; display:block;}
.header .head .logo img.img01{ display:none;}
.header .header__show-menu{ width:24px; background-color:transparent; height:22px; position:absolute; right:3%; top:19px; z-index:3;}
.header .header__show-menu::after{ content:""; display:block; width:100%; height:2px; position:absolute; background:#fff; bottom:0; left:0; transition:all 0.3s;}
.header .header__show-menu::before{ content:""; display:block; width:100%; height:2px; position:absolute; background:#fff; top:0; left:0; transition:all 0.3s;}
.header .header__show-menu span{ display:block; height:2px; width:100%; background:#fff; position:absolute; left:0; top:50%; margin-top:-1px;}
.header .header__show-menu.on span{ opacity:0;}
.header .header__show-menu.on::after{ transform:rotate(-45deg); top:50%;}
.header .header__show-menu.on::before{ transform:rotate(45deg); top:50%;}
.header .head .nave{ width:100%; height:0; overflow:hidden; position:absolute; left:0; top:0; z-index:1;}
.header .head .nave ul{ width:94%; padding:0 3%; display:flex; flex-direction:column; justify-content:center; align-items:center; overflow:hidden; margin-top:60px; border-top:1px solid rgba(255,255,255,.3); padding-top:10px;}
.header .head .nave ul li{ display:block; font-size:16px; line-height:36px; margin-top:10px; color:#fff; text-align:center; position:relative;}
.header .head .nave ul li a{ cursor:pointer; font-size:15px; line-height:30px; color:#fff; transition:all .36s ease;}
.header .head .nave ul li:hover a{ color:#fff;}
.header .head .nave ul li b{ width:4px; height:4px; background-color:#fff; position:absolute; bottom:0; border-radius:100%; left:50%; margin-left:-2px; opacity:0; transition:all .36s ease;}
.header .head .nave ul li:hover b{ opacity:1; bottom:10px}
.header.open-menu .nave{ height:100vh; background-color:#181818;}
.header .head .an{ position:absolute; right:3%; top:15px; z-index:3; margin-right:39px;}
.header .head .an a{ display:block; padding:0 15px; font-size:14px; height:30px; line-height:30px; border-radius:36px; overflow:hidden; background-color:#1634c8; color:#fff; cursor:pointer; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .head .an a:hover{ background-color:#fff; color:#1634c8;}
.header .head .nave .yu{ width:100%; z-index:3;}
.header .head .nave .yu span{ display:none;}
.header .head .nave .yu p{ width:100%; text-align:center; padding:15px 0; overflow:hidden; display:block !important;}
.header .head .nave .yu p a{ width:29.33%; margin-left:3%; float:left; display:block; font-size:14px; line-height:30px; color:#fff; background-color:rgba(255,255,255,.3); overflow:hidden; border-radius:30px;}
.header .head .nave .yu p a:nth-child(3n+1){ clear:left; float:left;}
.header .head .nave .yu p a:hover{ background-color:#fff; color:#1634c8;}
}

/*注册*/
@media screen and (min-width:1280px){
.sign{ width:100%; height:100vh; position:fixed; left:0; top:0; background-color:#141414; z-index:999; display:none; overflow:auto;}
.sign .cont{ width:1200px; margin:8vw auto; z-index:0;}
.sign .tab_menu{ width:calc(100% - 10px); background-color:#1e1d1d; padding:5px; height:60px; border-radius:60px; display:flex;}
.sign .tab_menu li{ flex:1; width:20%; display:block; font-size:18px; line-height:50px; height:50px; overflow:hidden; border-radius:60px; margin:5px; cursor:pointer; text-align:center; color:#fff;}
.sign .tab_menu li.cur{ background:#1634c8;}
.sign .tabox{ width:100%; overflow:hidden;}
.sign .box{ width:100%; margin-top:3vw;}
.sign .box form>div{ width:48.5%; margin-left:3%; display:flex; align-items:center; margin-bottom:30px; position:relative;}
.sign .box form>div:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.sign .box form>div label{ display:block; width:180px; padding-right:20px; height:38px; line-height:38px; font-size:18px; text-align:right; color:#fff;}
.sign .box form>div label i{ font-style:normal; color:#da0000; margin-left:10px;}
.sign .box .s01 input{ width:calc(100% - 202px); font-size:18px; line-height:38px; display:block; border:1px solid #cacaca; border-radius:5px; text-indent:20px;}
.sign .box input:active,.sign .box input:focus{ border:1px solid #1634c8 !important;}
.intl-tel-input{ width:calc(100% - 200px); position:relative; z-index:9; height:40px; border-radius:5px;}
.intl-tel-input input{ width:calc(100% - 62px); font-size:18px; line-height:38px; display:block; padding-left:60px; border-radius:5px; text-indent:20px; border:1px solid #cacaca;}
.intl-tel-input .flag-dropdown{ width:60px; position:absolute; left:1px; top:1px; height:38px; border-top-left-radius:7px; border-bottom-left-radius:7px;}
.intl-tel-input .selected-flag{ width:40px; padding-left:20px; position:relative; z-index:0; height:38px; font-size:18px; line-height:38px; vertical-align:middle; background-color:#eee; border-bottom-left-radius:7px; border-top-left-radius:7px;}
.intl-tel-input .selected-flag .flag{ position:absolute; top:50%; margin-top:-5px;}
.intl-tel-input .selected-flag .arrow{ position:relative; top:50%; margin-top:-2px; left:20px; width:0px; height:0px; border-left:3px solid transparent; border-right:3px solid transparent; border-top:4px solid rgb(85, 85, 85);}
.intl-tel-input .selected-flag .arrow.up{ border-top:none; border-bottom:4px solid rgb(85, 85, 85);}
.intl-tel-input .country-list{ position:absolute; z-index:2; box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 4px; background-color:white; width:430px; max-height:200px; overflow-y:scroll; list-style:none; padding:0px; margin:0px 0px 0px -1px; border-width:1px; border-style:solid; border-color:rgb(204, 204, 204); border-image:initial;}
.intl-tel-input .country-list.hide{ display:none;}
.intl-tel-input .country-list .country{ line-height:34px; padding:0 10px; cursor:pointer;}
.intl-tel-input .country-list .flag{ display:inline-block;}
.intl-tel-input .country-list .flag,.intl-tel-input .country-list .country-name{ margin-right:6px;}
.intl-tel-input .country-list .country .dial-code{ color:#333;}
.intl-tel-input .country-list .country.highlight{ background-color:rgba(0, 0, 0, 0.05);}
.intl-tel-input .country-list .country:hover{ background-color:rgba(0, 0, 0, 0.05);}
.sign .box .s03 input{ width:calc(100% - 357px); font-size:18px; line-height:38px; display:block; border:1px solid #cacaca; border-radius:5px; text-indent:20px;}
.sign .box .s03 a{ width:140px; height:40px; margin-left:15px; display:block; overflow:hidden; float:left;}
.sign .box .s03 a img{ width:100%; height:40px; display:block;}
.sign .box strong{ clear:left; display:block; padding-left:190px; font-weight:normal; font-size:16px; color:#da0000;}
.sign .box .submit{ width:200px; height:50px; line-height:50px; text-align:center; margin:2vw auto 0; display:block; color:#fff; background:#1634c8; cursor:pointer; font-size:18px; border-radius:5px;}
.sign .box .submit:hover{ background:#1634c8;}
.sign .close{ position:absolute; right:3%; top:3%; -webkit-transition:1s linear; transition:1s ease-in; z-index:9;}
.sign .close img{ display:block; cursor:pointer; width:40px;}
.sign .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}

.sign .box form>div.package-selection{ width:100%;}
.sign .box form .js01{ width:100%; margin-top:15px; color:#fff; font-size:16px; line-height:26px; display:none;}
.sign .box form .active .js01{ display:block;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.sign{ width:100%; height:100vh; position:fixed; left:0; top:0; background-color:#141414; z-index:999; display:none; overflow:auto;}
.sign .cont{ width:94%; margin:80px auto; z-index:0;}
.sign .tab_menu{ width:calc(100% - 10px); background-color:#1e1d1d; padding:5px; height:50px; border-radius:60px; display:flex;}
.sign .tab_menu li{ flex:1; width:20%; display:block; font-size:16px; line-height:40px; height:40px; overflow:hidden; border-radius:60px; margin:5px; cursor:pointer; text-align:center; color:#fff;}
.sign .tab_menu li.cur{ background:#1634c8;}
.sign .tabox{ width:100%; overflow:hidden;}
.sign .box{ width:100%; margin-top:50px;}
.sign .box form>div{ width:48.5%; margin-left:3%; display:flex; align-items:center; margin-bottom:25px; position:relative;}
.sign .box form>div:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.sign .box form>div label{ display:block; width:180px; padding-right:20px; height:38px; line-height:38px; font-size:16px; text-align:right; color:#fff;}
.sign .box form>div label i{ font-style:normal; color:#da0000; margin-left:10px;}
.sign .box .s01 input{ width:calc(100% - 202px); font-size:16px; line-height:38px; display:block; border:1px solid #cacaca; border-radius:5px; text-indent:20px;}
.sign .box input:active,.sign .box input:focus{ border:1px solid #1634c8 !important;}
.intl-tel-input{ width:calc(100% - 200px); position:relative; z-index:9; height:40px; border-radius:5px;}
.intl-tel-input input{ width:calc(100% - 62px); font-size:16px; line-height:38px; display:block; padding-left:60px; border-radius:5px; text-indent:20px; border:1px solid #cacaca;}
.intl-tel-input .flag-dropdown{ width:60px; position:absolute; left:1px; top:1px; height:38px; border-top-left-radius:7px; border-bottom-left-radius:7px;}
.intl-tel-input .selected-flag{ width:40px; padding-left:20px; position:relative; z-index:0; height:38px; font-size:16px; line-height:38px; vertical-align:middle; background-color:#eee; border-bottom-left-radius:7px; border-top-left-radius:7px;}
.intl-tel-input .selected-flag .flag{ position:absolute; top:50%; margin-top:-5px;}
.intl-tel-input .selected-flag .arrow{ position:relative; top:50%; margin-top:-2px; left:20px; width:0px; height:0px; border-left:3px solid transparent; border-right:3px solid transparent; border-top:4px solid rgb(85, 85, 85);}
.intl-tel-input .selected-flag .arrow.up{ border-top:none; border-bottom:4px solid rgb(85, 85, 85);}
.intl-tel-input .country-list{ position:absolute; z-index:2; box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 4px; background-color:white; width:430px; max-height:200px; overflow-y:scroll; list-style:none; padding:0px; margin:0px 0px 0px -1px; border-width:1px; border-style:solid; border-color:rgb(204, 204, 204); border-image:initial;}
.intl-tel-input .country-list.hide{ display:none;}
.intl-tel-input .country-list .country{ line-height:34px; padding:0 10px; cursor:pointer;}
.intl-tel-input .country-list .flag{ display:inline-block;}
.intl-tel-input .country-list .flag,.intl-tel-input .country-list .country-name{ margin-right:6px;}
.intl-tel-input .country-list .country .dial-code{ color:#333;}
.intl-tel-input .country-list .country.highlight{ background-color:rgba(0, 0, 0, 0.05);}
.intl-tel-input .country-list .country:hover{ background-color:rgba(0, 0, 0, 0.05);}
.sign .box .s03 input{ width:calc(100% - 317px); font-size:16px; line-height:38px; display:block; border:1px solid #cacaca; border-radius:5px; text-indent:20px;}
.sign .box .s03 a{ width:100px; height:40px; margin-left:15px; display:block; overflow:hidden; float:left;}
.sign .box .s03 a img{ width:100%; height:40px; display:block;}
.sign .box strong{ clear:left; display:block; padding-left:190px; font-weight:normal; font-size:16px; color:#da0000;}
.sign .box .submit{ width:200px; height:40px; line-height:40px; text-align:center; margin:25px auto 0; display:block; color:#fff; background:#1634c8; cursor:pointer; font-size:16px; border-radius:5px;}
.sign .box .submit:hover{ background:#1634c8;}
.sign .close{ position:absolute; right:3%; top:3%; -webkit-transition:1s linear; transition:1s ease-in; z-index:9;}
.sign .close img{ display:block; cursor:pointer; width:34px;}
.sign .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}

.sign .box form>div.package-selection{ width:100%;}
.sign .box form .js01{ width:100%; margin-top:10px; color:#fff; font-size:15px; line-height:25px; display:none;}
.sign .box form .active .js01{ display:block;}
}
@media only screen and (max-width:1023px){
.sign{ width:100%; height:100vh; position:fixed; left:0; top:0; background-color:#141414; z-index:999; display:none; overflow:auto;}
.sign .cont{ width:94%; margin:70px auto; z-index:0;}
.sign .tab_menu{ width:100%; overflow:hidden;}
.sign .tab_menu li{ float:left; width:48.5%; margin-top:10px; margin-left:3%; display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; border-radius:60px; cursor:pointer; text-align:center; color:#fff; background-color:#1e1d1d;}
.sign .tab_menu li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.sign .tab_menu li.cur{ background:#1634c8;}
.sign .tabox{ width:94%; margin:auto; overflow:hidden;}
.sign .box{ width:100%;}
.sign .box form>div{ width:100%; margin:auto; display:flex; align-items:center; margin-top:20px; position:relative;}
.sign .box form>div label{ display:block; width:80px; padding-right:10px; line-height:18px; font-size:14px; text-align:right; color:#fff;}
.sign .box form>div label i{ font-style:normal; color:#da0000; margin-left:5px;}
.sign .box .s01 input{ width:calc(100% - 92px); font-size:14px; line-height:30px; display:block; border:1px solid #cacaca; border-radius:5px; text-indent:10px;}
.sign .box input:active,.sign .box input:focus{ border:1px solid #1634c8 !important;}
.intl-tel-input{ width:calc(100% - 90px); position:relative; z-index:9; height:32px; border-radius:5px;}
.intl-tel-input input{ width:calc(100% - 52px); font-size:14px; line-height:30px; display:block; padding-left:50px; border-radius:5px; text-indent:10px; border:1px solid #cacaca;}
.intl-tel-input .flag-dropdown{ width:50px; position:absolute; left:1px; top:1px; height:30px; border-top-left-radius:7px; border-bottom-left-radius:7px;}
.intl-tel-input .selected-flag{ width:40px; padding-left:10px; position:relative; z-index:0; height:30px; font-size:14px; line-height:30px; vertical-align:middle; background-color:#eee; border-bottom-left-radius:7px; border-top-left-radius:7px;}
.intl-tel-input .selected-flag .flag{ position:absolute; top:50%; margin-top:-5px;}
.intl-tel-input .selected-flag .arrow{ position:relative; top:50%; margin-top:-2px; left:20px; width:0px; height:0px; border-left:3px solid transparent; border-right:3px solid transparent; border-top:4px solid rgb(85, 85, 85);}
.intl-tel-input .selected-flag .arrow.up{ border-top:none; border-bottom:4px solid rgb(85, 85, 85);}
.intl-tel-input .country-list{ position:absolute; z-index:2; box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 4px; background-color:white; width:230px; max-height:200px; overflow-y:scroll; list-style:none; padding:0px; margin:0px 0px 0px -1px; border-width:1px; border-style:solid; border-color:rgb(204, 204, 204); border-image:initial;}
.intl-tel-input .country-list.hide{ display:none;}
.intl-tel-input .country-list .country{ line-height:18px; padding:5px 10px; cursor:pointer;}
.intl-tel-input .country-list .flag{ display:inline-block;}
.intl-tel-input .country-list .flag,.intl-tel-input .country-list .country-name{ margin-right:6px;}
.intl-tel-input .country-list .country .dial-code{ color:#333;}
.intl-tel-input .country-list .country.highlight{ background-color:rgba(0, 0, 0, 0.05);}
.intl-tel-input .country-list .country:hover{ background-color:rgba(0, 0, 0, 0.05);}
.sign .box .s03 input{ width:calc(100% - 222px); font-size:14px; line-height:30px; display:block; border:1px solid #cacaca; border-radius:5px; text-indent:10px;}
.sign .box .s03 a{ width:120px; height:32px; margin-left:10px; display:block; overflow:hidden; float:left;}
.sign .box .s03 a img{ width:100%; height:32px; display:block;}
.sign .box strong{ display:block; padding-left:90px; font-weight:normal; font-size:14px; color:#da0000; margin-top:15px;}
.sign .box .submit{ width:200px; height:34px; line-height:34px; text-align:center; margin:15px 90px 0; display:block; color:#fff; background:#1634c8; cursor:pointer; font-size:14px; border-radius:5px;}
.sign .box .submit:hover{ background:#1634c8;}
.sign .close{ position:absolute; right:3%; top:3%; -webkit-transition:1s linear; transition:1s ease-in; z-index:9;}
.sign .close img{ display:block; cursor:pointer; width:28px;}
.sign .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}

.sign .box form>div.package-selection{ width:100%;}
.sign .box form .js01{ width:100%; margin-top:5px; color:#fff; font-size:14px; line-height:24px; display:none;}
.sign .box form .active .js01{ display:block;}
}

/*右侧浮动*/
@media screen and (min-width:1280px){
.scrollTop{ position:fixed; bottom:100px; right:15px; width:45px; height:45px; background:#fff; color:#1634c8; font-size:14px; border-radius:50px; padding-top:20px; box-sizing:border-box; text-align:center; cursor:pointer; font-family:Arial; transition:all 0.3s ease; z-index:100; display:none; box-shadow:0 5px 10px rgba(204,204,204,.5);}
.scrollTop:hover{ opacity:0.8;}
.scrollTop::after{ position:absolute; content:''; width:12px; height:12px; transform:rotate(-90deg); top:5px; left:50%; margin-left:-6px; background:url(../images/more2.png) no-repeat center;}
.scrollTop::before{ content:''; position:absolute; width:59px; height:59px; left:-7px; top:-7px; background:#fff; opacity:0.19; border-radius:60px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.scrollTop{ position:fixed; bottom:60px; right:15px; width:45px; height:45px; background:#fff; color:#1634c8; font-size:14px; border-radius:50px; padding-top:20px; box-sizing:border-box; text-align:center; cursor:pointer; font-family:Arial; transition:all 0.3s ease; z-index:100; display:none; box-shadow:0 5px 10px rgba(204,204,204,.5);}
.scrollTop:hover{ opacity:0.8;}
.scrollTop::after{ position:absolute; content:''; width:12px; height:12px; transform:rotate(-90deg); top:5px; left:50%; margin-left:-6px; background:url(../images/more2.png) no-repeat center;}
.scrollTop::before{ content:''; position:absolute; width:59px; height:59px; left:-7px; top:-7px; background:#fff; opacity:0.19; border-radius:60px;}
}
@media only screen and (max-width:1023px){
.scrollTop{ position:fixed; bottom:20px; right:15px; width:40px; height:40px; background:#fff; color:#1634c8; font-size:12px; border-radius:50px; padding-top:18px; box-sizing:border-box; text-align:center; cursor:pointer; font-family:Arial; transition:all 0.3s ease; z-index:100; display:none; box-shadow:0 5px 10px rgba(204,204,204,.5);}
.scrollTop:hover{ opacity:0.8;}
.scrollTop::after{ position:absolute; content:''; width:12px; height:12px; transform:rotate(-90deg); top:5px; left:50%; margin-left:-6px; background:url(../images/more2.png) no-repeat center;}
.scrollTop::before{ content:''; position:absolute; width:50px; height:50px; left:-5px; top:-5px; background:#fff; opacity:0.19; border-radius:60px;}
}

/*banner*/
@media screen and (min-width:1280px){
.page{ width:100%; height:100%; position:relative; overflow:hidden;}
.page1 .gallery-top{ width:100%; height:100%; position:relative; z-index:1;}
.page1 .gallery-top .swiper-slide{ width:100%; height:100%; position:relative; background-position:center; background-size:cover; background-repeat:no-repeat;}
.page1 .gallery-top .swiper-slide .box{ width:94%; position:absolute; top:50%; right:3%; transform:translateY(-50%);}
.page1 .gallery-top .swiper-slide .box .b01{ font-size:54px; line-height:74px; color:#fff; text-align:right;}
.page1 .gallery-top .swiper-slide .box .b02{ font-size:24px; line-height:44px; color:#fff; text-align:right; margin-top:20px;}
.page1 .gallery-top .swiper-slide .box .click{ width:100%; margin-top:50px;}
.page1 .gallery-top .swiper-slide .box .click a{ display:flex; align-items:center; float:right; font-size:26px; line-height:46px; color:#fff; cursor:pointer;}
.page1 .gallery-top .swiper-slide .box .click a img{ display:block; margin-left:20px;}
.page1 .thumbs{ width:710px; position:absolute; left:0; bottom:0; z-index:3; background-color:#fff;}
.page1 .thumbs .gallery-thumbs{ width:500px; margin-right:40px; float:left; height:170px; overflow:hidden;}
.page1 .thumbs .gallery-thumbs .swiper-slide a{ display:block; padding:30px 40px; padding-right:0; width:100%; height:170px; box-sizing:border-box; overflow:hidden;}
.page1 .thumbs .gallery-thumbs .swiper-slide span{ display:block; font-size:16px; line-height:26px; color:#999;}
.page1 .thumbs .gallery-thumbs .swiper-slide p{ display:block; font-size:18px; line-height:28px; color:#333; margin-top:20px; font-weight:bold;}
.page1 .thumbs .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ color:#1634c8;}
.page1 .thumbs .swi{ width:170px; height:170px; background-color:#1634c8; float:left; display:flex; justify-content:center; align-items:center;}
.page1 .thumbs .swi .swiper-button-white{ cursor:pointer;}
.page1 .thumbs .swi .swiper-button-white img{ display:block; height:14px;}
.page1 .thumbs .swi .line{ width:2px; height:14px; margin:0 30px; background-color:#fff; opacity:.5;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page{ width:100%; height:100%; position:relative; overflow:hidden;}
.page1 .gallery-top{ width:100%; height:100%; position:relative; z-index:1;}
.page1 .gallery-top .swiper-slide{ width:100%; height:100%; position:relative; background-position:center; background-size:cover; background-repeat:no-repeat;}
.page1 .gallery-top .swiper-slide .box{ width:94%; position:absolute; top:50%; right:3%; transform:translateY(-50%);}
.page1 .gallery-top .swiper-slide .box .b01{ font-size:42px; line-height:62px; color:#fff; text-align:right;}
.page1 .gallery-top .swiper-slide .box .b02{ font-size:20px; line-height:40px; color:#fff; text-align:right; margin-top:15px;}
.page1 .gallery-top .swiper-slide .box .click{ width:100%; margin-top:30px;}
.page1 .gallery-top .swiper-slide .box .click a{ display:flex; align-items:center; float:right; font-size:22px; line-height:42px; color:#fff; cursor:pointer;}
.page1 .gallery-top .swiper-slide .box .click a img{ display:block; margin-left:15px;}
.page1 .thumbs{ width:630px; position:absolute; left:0; bottom:0; z-index:3; background-color:#fff;}
.page1 .thumbs .gallery-thumbs{ width:450px; margin-right:30px; float:left; height:150px; overflow:hidden;}
.page1 .thumbs .gallery-thumbs .swiper-slide a{ display:block; padding:20px 30px; padding-right:0; width:100%; height:150px; box-sizing:border-box; overflow:hidden;}
.page1 .thumbs .gallery-thumbs .swiper-slide span{ display:block; font-size:16px; line-height:26px; color:#999;}
.page1 .thumbs .gallery-thumbs .swiper-slide p{ display:block; font-size:18px; line-height:28px; color:#333; margin-top:14px; font-weight:bold;}
.page1 .thumbs .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ color:#1634c8;}
.page1 .thumbs .swi{ width:150px; height:150px; background-color:#1634c8; float:left; display:flex; justify-content:center; align-items:center;}
.page1 .thumbs .swi .swiper-button-white{ cursor:pointer;}
.page1 .thumbs .swi .swiper-button-white img{ display:block; height:14px;}
.page1 .thumbs .swi .line{ width:2px; height:14px; margin:0 25px; background-color:#fff; opacity:.5;}
}
@media only screen and (max-width:1023px){
.page{ width:100%; position:relative; overflow:hidden;}
.page1{ width:100%; height:100%;}
.page1 .gallery-top{ width:100%; height:100%; position:relative; z-index:1;}
.page1 .gallery-top .swiper-slide{ width:100%; height:100%; position:relative; background-position:center; background-size:cover; background-repeat:no-repeat;}
.page1 .gallery-top .swiper-slide .box{ width:94%; position:absolute; top:30%; right:3%;}
.page1 .gallery-top .swiper-slide .box .b01{ font-size:30px; line-height:50px; color:#fff; text-align:center;}
.page1 .gallery-top .swiper-slide .box .b02{ font-size:16px; line-height:30px; color:#fff; text-align:center; margin-top:10px;}
.page1 .gallery-top .swiper-slide .box .click{ width:100%; margin-top:10px; display:flex; justify-content:center;}
.page1 .gallery-top .swiper-slide .box .click a{ display:flex; align-items:center; font-size:16px; line-height:36px; color:#fff; cursor:pointer;}
.page1 .gallery-top .swiper-slide .box .click a img{ display:block; margin-left:10px; height:6px;}
.page1 .thumbs{ width:97%; position:absolute; left:0; bottom:0; z-index:3; background-color:#fff;}
.page1 .thumbs .gallery-thumbs{ width:calc(100% - 100px); margin-right:20px; float:left; height:120px; overflow:hidden;}
.page1 .thumbs .gallery-thumbs .swiper-slide a{ display:block; padding:15px 20px; padding-right:0; width:100%; height:130px; box-sizing:border-box; overflow:hidden;}
.page1 .thumbs .gallery-thumbs .swiper-slide span{ display:block; font-size:16px; line-height:26px; color:#999;}
.page1 .thumbs .gallery-thumbs .swiper-slide p{ display:block; font-size:16px; line-height:26px; color:#333; margin-top:10px; font-weight:bold;}
.page1 .thumbs .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ color:#1634c8;}
.page1 .thumbs .swi{ width:80px; height:120px; background-color:#1634c8; float:left; display:flex; justify-content:center; align-items:center;}
.page1 .thumbs .swi .swiper-button-white{ cursor:pointer;}
.page1 .thumbs .swi .swiper-button-white img{ display:block; height:14px;}
.page1 .thumbs .swi .line{ width:2px; height:14px; margin:0 15px; background-color:#fff; opacity:.5;}
}

/*关于我们*/
@media screen and (min-width:1280px){
.page2{ background-color:#181818;}
.page2 .title{ float:left; width:11%; height:calc(100% - 25vh); padding:15vh 3%; padding-bottom:10vh; position:relative; background-color:#1634c8;}
.page2 .title a{ display:block; writing-mode:vertical-rl;}
.page2 .title .w01{ font-size:22px; line-height:27px; letter-spacing:5px; color:rgba(255, 255, 255, .7); margin-left:10px;}
.page2 .title .w02{ font-size:54px; line-height:55px; text-transform:uppercase; font-weight:bold; color:#fff; font-family:GOTHAM-BLACK, "微软雅黑";}
.page2 .box{ width:83%; padding:15vh 10%; box-sizing:border-box; height:100%; float:left; background-position:right bottom; background-repeat:no-repeat; background-size:auto 100%;}
.page2 .box .w01{ font-size:24px; line-height:34px; color:#fff;}
.page2 .box .w02{ font-size:16px; line-height:36px; color:#fff; margin-top:3vh; width:50%; opacity:.7;}
.page2 .box .w03{ margin-top:10vh;}
.page2 .box .w03 img{ display:block; height:120px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page2{ background-color:#181818;}
.page2 .title{ float:left; width:10%; height:calc(100% - 25vh); padding:15vh 3%; padding-bottom:10vh; position:relative; background-color:#1634c8;}
.page2 .title a{ display:block; writing-mode:vertical-rl;}
.page2 .title .w01{ font-size:20px; line-height:25px; letter-spacing:5px; color:rgba(255, 255, 255, .7); margin-left:5px;}
.page2 .title .w02{ font-size:46px; line-height:47px; text-transform:uppercase; font-weight:bold; color:#fff; font-family:GOTHAM-BLACK, "微软雅黑";}
.page2 .box{ width:84%; padding:15vh 10%; box-sizing:border-box; height:100%; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.page2 .box .w01{ font-size:20px; line-height:30px; color:#fff;}
.page2 .box .w02{ font-size:14px; line-height:30px; color:#fff; margin-top:3vh; width:70%; opacity:.7;}
.page2 .box .w03{ margin-top:10vh;}
.page2 .box .w03 img{ display:block; height:90px;}
}
@media only screen and (max-width:1023px){
.page2{ background-color:#181818;}
.page2 .title{ width:94%; position:absolute; left:3%; top:35px;}
.page2 .title .w01{ font-size:20px; line-height:30px; color:#fff;}
.page2 .title .w02{ font-size:14px; line-height:22px; text-transform:uppercase; color:#999; font-family:GOTHAM-BLACK, "微软雅黑";}
.page2 .box{ padding:40px 3%; padding-top:97px; width:94%; min-height:50vh; background-position:center; background-repeat:no-repeat; background-size:cover;}
.page2 .box .w01{ font-size:16px; line-height:26px; color:#fff;}
.page2 .box .w02{ font-size:14px; line-height:24px; color:#fff; width:100%; opacity:.7;}
.page2 .box .w03{ margin-top:25px;}
.page2 .box .w03 img{ display:block; height:60px;}
}

/*企业文化*/
@media screen and (min-width:1280px){
.page3{ background-color:#181818;}
.page3 .title{ float:left; width:11%; height:calc(100% - 25vh); padding:15vh 3%; padding-bottom:10vh; position:relative;}
.page3 .title a{ display:block; writing-mode:vertical-rl;}
.page3 .title .w01{ font-size:22px; line-height:27px; letter-spacing:5px; color:rgba(255, 255, 255, .7); margin-left:10px;}
.page3 .title .w02{ font-size:54px; line-height:55px; text-transform:uppercase; font-weight:bold; color:#fff; font-family:GOTHAM-BLACK, "微软雅黑";}
.page3 .box{ width:83%; height:100%; float:left;}
.page3 .box .item{ width:25%; float:left; height:100%; overflow:hidden; position:relative;}
.page3 .box .item .item_box{ width:100%; position:absolute; left:0; bottom:0; background-color:#1634c8;}
.page3 .box .item .item_box .item_img{ width:100%; height:100vh; position:relative; overflow:hidden; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.page3 .box .item .item_box .item_wrapper{ width:100%; height:0; overflow:hidden; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; position:relative; z-index:3;}
.page3 .box .item .item_box .item_wrapper::-webkit-scrollbar{ width:5px; height:1px;}
.page3 .box .item .item_box .item_wrapper::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(255,255,255,0.1);}
.page3 .box .item .item_box .item_wrapper::-webkit-scrollbar-track{ border-radius:10px;}
.page3 .box .item .item_box .item_wrapper .w01{ font-size:24px; line-height:34px; color:#fff;}
.page3 .box .item .item_box .item_wrapper .w02{ font-size:16px; line-height:26px; color:rgba(255, 255, 255, .7); margin-top:10px;}
.page3 .box .item:hover .item_box .item_wrapper{ padding:5vh 10%; height:32vh; overflow:auto;}
.page3 .box .item:hover .mask{ width:100%; height:100vh; border:4px solid #1634c8; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:2;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page3{ background-color:#181818;}
.page3 .title{ float:left; width:10%; height:calc(100% - 25vh); padding:15vh 3%; padding-bottom:10vh; position:relative;}
.page3 .title a{ display:block; writing-mode:vertical-rl;}
.page3 .title .w01{ font-size:20px; line-height:25px; letter-spacing:5px; color:rgba(255, 255, 255, .7); margin-left:5px;}
.page3 .title .w02{ font-size:46px; line-height:47px; text-transform:uppercase; font-weight:bold; color:#fff; font-family:GOTHAM-BLACK, "微软雅黑";}
.page3 .box{ width:84%; height:100%; float:left;}
.page3 .box .item{ width:25%; float:left; height:100%; overflow:hidden; position:relative;}
.page3 .box .item .item_box{ width:100%; position:absolute; left:0; bottom:0; background-color:#1634c8;}
.page3 .box .item .item_box .item_img{ width:100%; height:100vh; position:relative; overflow:hidden; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.page3 .box .item .item_box .item_wrapper{ width:100%; height:0; overflow:hidden; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; position:relative; z-index:3;}
.page3 .box .item .item_box .item_wrapper::-webkit-scrollbar{ width:5px; height:1px;}
.page3 .box .item .item_box .item_wrapper::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(255,255,255,0.1);}
.page3 .box .item .item_box .item_wrapper::-webkit-scrollbar-track{ border-radius:10px;}
.page3 .box .item .item_box .item_wrapper .w01{ font-size:20px; line-height:30px; color:#fff;}
.page3 .box .item .item_box .item_wrapper .w02{ font-size:14px; line-height:24px; color:rgba(255, 255, 255, .7); margin-top:5px;}
.page3 .box .item:hover .item_box .item_wrapper{ padding:3vh 10%; height:50vh; overflow:auto;}
.page3 .box .item:hover .mask{ width:100%; height:100vh; border:4px solid #1634c8; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:2;}
}
@media only screen and (max-width:1023px){
.page3{ background-color:#181818; padding-top:35px; padding-bottom:40px;}
.page3 .title{ width:94%; margin:auto; position:relative;}
.page3 .title .w01{ font-size:20px; line-height:30px; color:#fff;}
.page3 .title .w02{ font-size:14px; line-height:22px; text-transform:uppercase; color:#999; font-family:GOTHAM-BLACK, "微软雅黑";}
.page3 .box{ width:94%; margin:auto;}
.page3 .box .item{ width:48.5%; float:left; height:50vh; margin-left:3%; margin-top:15px; overflow:hidden; position:relative;}
.page3 .box .item:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.page3 .box .item .item_box{ width:100%; height:100%; position:relative; background-color:#1634c8;}
.page3 .box .item .item_box .item_img{ width:100%; height:100%; position:relative; overflow:hidden; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.page3 .box .item .item_box .item_wrapper{ width:100%; height:70px; overflow:auto; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; position:absolute; left:0; bottom:0; z-index:3; padding:10px 15px; background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0));}
.page3 .box .item .item_box .item_wrapper .w01{ font-size:16px; line-height:26px; color:#fff;}
.page3 .box .item .item_box .item_wrapper .w02{ font-size:14px; line-height:24px; height:24px; overflow:hidden; color:rgba(255, 255, 255, .7);}
.page3 .box .item:hover .item_box .item_wrapper{ padding:15px; height:100%; background:none;}
.page3 .box .item:hover .item_box .item_wrapper .w02{ height:auto;}
.page3 .box .item:hover .mask{ width:100%; height:100%; background-color:rgba(22,52,200,.7); position:absolute; left:0; bottom:0; z-index:2;}
}

/*谁将参与*/
@media screen and (min-width:1280px){
.page4{ background-color:#2e2e2e;}
.page4 .title{ width:11%; position:absolute; left:3%; top:15vh; z-index:3;}
.page4 .title a{ display:block; writing-mode:vertical-rl;}
.page4 .title .w01{ font-size:22px; line-height:27px; letter-spacing:5px; color:rgba(255, 255, 255, .7); margin-left:10px;}
.page4 .title .w02{ font-size:54px; line-height:55px; text-transform:uppercase; font-weight:bold; color:#fff; font-family:GOTHAM-BLACK, "微软雅黑";}
.page4 .box{ width:100%; height:100%; position:relative; z-index:1;}
.page4 .box .swiper-container{ width:100%; height:100%; position:relative; z-index:1;}
.page4 .box .swiper-container .swiper-slide{ width:86%; height:100%; display:block; overflow:hidden; background-color:#2e2e2e;}
.page4 .box .swiper-container .swiper-slide:nth-child(2n+1){ background-color:#1634c8;}
.page4 .box .swiper-container .swiper-slide a{ width:100%; height:calc(100% - 170px); box-sizing:border-box; padding:0 14vw; display:flex; align-items:center; overflow:hidden;}
.page4 .box .swiper-container .swiper-slide .left{ width:30%; margin-right:5%;}
.page4 .box .swiper-container .swiper-slide .left img{ width:100%; display:block;}
.page4 .box .swiper-container .swiper-slide .right{ width:65%;}
.page4 .box .swiper-container .swiper-slide .right .w01{ font-size:24px; line-height:44px; color:#fff;}
.page4 .box .swiper-container .swiper-slide .right .w02{ font-size:16px; line-height:36px; color:#fff; margin-top:1vh; max-height:360px; overflow:auto;}
.page4 .box .swiper-container .swiper-slide .right .w02::-webkit-scrollbar{ width:5px; height:1px;}
.page4 .box .swiper-container .swiper-slide .right .w02::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(255,255,255,0.1);}
.page4 .box .swiper-container .swiper-slide .right .w02::-webkit-scrollbar-track{ border-radius:10px;}
.page4 .box .swiper-pagination{ width:calc(72% - 85px); height:170px; position:absolute; left:14%; bottom:10vh; z-index:2; display:flex; align-items:center;}
.page4 .box .swiper-pagination:before{ width:100%; height:1px; display:block; content:''; position:absolute; left:0; top:50%; background-color:#fff; opacity:.1;}
.page4 .box .swiper-pagination span{ flex:1; height:30px; position:relative; z-index:2;}
.page4 .box .swiper-pagination span:before{ display:block; content:''; width:8px; height:8px; background-color:#fff; border-radius:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.page4 .box .swiper-pagination span.swiper-pagination-bullet-active:after{ display:block; content:''; width:28px; height:28px; border:1px solid #fff; border-radius:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); opacity:.3;}
.page4 .box .swi{ width:170px; height:170px; background-color:#1634c8; position:absolute; right:14%; margin-right:-85px; bottom:10vh; display:flex; justify-content:center; align-items:center; z-index:3;}
.page4 .box .swi .swiper-button-white{ cursor:pointer;}
.page4 .box .swi .swiper-button-white img{ display:block; height:14px;}
.page4 .box .swi .line{ width:2px; height:14px; margin:0 30px; background-color:#fff; opacity:.5;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page4{ background-color:#2e2e2e;}
.page4 .title{ width:10%; position:absolute; left:3%; top:15vh; z-index:3;}
.page4 .title a{ display:block; writing-mode:vertical-rl;}
.page4 .title .w01{ font-size:20px; line-height:25px; letter-spacing:5px; color:rgba(255, 255, 255, .7); margin-left:5px;}
.page4 .title .w02{ font-size:46px; line-height:47px; text-transform:uppercase; font-weight:bold; color:#fff; font-family:GOTHAM-BLACK, "微软雅黑";}
.page4 .box{ width:100%; height:100%; position:relative; z-index:1;}
.page4 .box .swiper-container{ width:100%; height:100%; position:relative; z-index:1;}
.page4 .box .swiper-container .swiper-slide{ width:89%; height:100%; display:block; overflow:hidden; background-color:#2e2e2e;}
.page4 .box .swiper-container .swiper-slide:nth-child(2n+1){ background-color:#1634c8;}
.page4 .box .swiper-container .swiper-slide a{ width:100%; height:calc(100% - 55px); box-sizing:border-box; padding:0 11vw; display:flex; align-items:center; overflow:hidden;}
.page4 .box .swiper-container .swiper-slide .left{ width:32%; margin-right:3%;}
.page4 .box .swiper-container .swiper-slide .left img{ width:100%; display:block;}
.page4 .box .swiper-container .swiper-slide .right{ width:65%;}
.page4 .box .swiper-container .swiper-slide .right .w01{ font-size:20px; line-height:30px; color:#fff;}
.page4 .box .swiper-container .swiper-slide .right .w02{ font-size:14px; line-height:24px; color:#fff; margin-top:1vh; max-height:312px; overflow:auto;}
.page4 .box .swiper-container .swiper-slide .right .w02::-webkit-scrollbar{ width:5px; height:1px;}
.page4 .box .swiper-container .swiper-slide .right .w02::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(255,255,255,0.1);}
.page4 .box .swiper-container .swiper-slide .right .w02::-webkit-scrollbar-track{ border-radius:10px;}
.page4 .box .swiper-pagination{ width:calc(72% - 75px); height:150px; position:absolute; left:14%; bottom:10vh; z-index:2; display:flex; align-items:center;}
.page4 .box .swiper-pagination:before{ width:100%; height:1px; display:block; content:''; position:absolute; left:0; top:50%; background-color:#fff; opacity:.1;}
.page4 .box .swiper-pagination span{ flex:1; height:30px; position:relative; z-index:2;}
.page4 .box .swiper-pagination span:before{ display:block; content:''; width:8px; height:8px; background-color:#fff; border-radius:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.page4 .box .swiper-pagination span.swiper-pagination-bullet-active:after{ display:block; content:''; width:28px; height:28px; border:1px solid #fff; border-radius:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); opacity:.3;}
.page4 .box .swi{ width:150px; height:150px; background-color:#1634c8; position:absolute; right:14%; margin-right:-75px; bottom:10vh; display:flex; justify-content:center; align-items:center; z-index:3;}
.page4 .box .swi .swiper-button-white{ cursor:pointer;}
.page4 .box .swi .swiper-button-white img{ display:block; height:14px;}
.page4 .box .swi .line{ width:2px; height:14px; margin:0 25px; background-color:#fff; opacity:.5;}
}
@media only screen and (max-width:1023px){
.page4{ background-color:#2e2e2e; padding-top:35px; padding-bottom:35px;}
.page4 .title{ width:94%; margin:auto; position:relative;}
.page4 .title .w01{ font-size:18px; line-height:28px; color:#fff;}
.page4 .title .w02{ font-size:14px; line-height:20px; text-transform:uppercase; color:#999; font-family:GOTHAM-BLACK, "微软雅黑";}
.page4 .box{ width:94%; margin:auto;}
.page4 .box .swiper-container{ width:100%; position:relative; z-index:1;}
.page4 .box .swiper-container .swiper-slide{ width:100%; display:block; overflow:hidden;}
.page4 .box .swiper-container .swiper-slide a{ width:100%; overflow:hidden;}
.page4 .box .swiper-container .swiper-slide .left{ width:70%; margin:auto;}
.page4 .box .swiper-container .swiper-slide .left img{ margin:auto; max-width:100%; display:block;}
.page4 .box .swiper-container .swiper-slide .right{ width:100%;}
.page4 .box .swiper-container .swiper-slide .right .w01{ font-size:16px; line-height:26px; color:#fff; text-align:center;}
.page4 .box .swiper-container .swiper-slide .right .w02{ font-size:14px; line-height:24px; color:#fff; max-height:240px; margin-top:5px; overflow:auto;}
.page4 .box .swiper-pagination{ width:100%; padding-top:10px; z-index:2; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.page4 .box .swiper-pagination span{ width:10px; height:10px; background-color:#fff; opacity:.3; position:relative; z-index:2; margin:5px; border-radius:100%;}
.page4 .box .swiper-pagination span.swiper-pagination-bullet-active{ opacity:1;}
.page4 .box .swi{ display:none;}
}

/*你将获得什么？*/
@media screen and (min-width:1280px){
.page5{ background-color:#181818;}
.page5 .title{ float:left; width:11%; height:calc(100% - 25vh); padding:15vh 3%; padding-bottom:10vh; position:relative; background-color:#1634c8;}
.page5 .title a{ display:block; writing-mode:vertical-rl;}
.page5 .title .w01{ font-size:22px; line-height:27px; letter-spacing:5px; color:rgba(255, 255, 255, .7); margin-left:10px;}
.page5 .title .w02{ font-size:54px; line-height:55px; text-transform:uppercase; font-weight:bold; color:#fff; font-family:GOTHAM-BLACK, "微软雅黑";}
.page5 .box{ width:83%; height:100%; float:left;}
.page5 .box .left{ width:60%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; float:left; position:relative;}
.page5 .box .left dl{ text-align:center; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.page5 .box .left dl dt{ display:block; padding:5vh 0;}
.page5 .box .left dl dt strong{ display:block; font-size:60px; line-height:70px; color:#fff;}
.page5 .box .left dl dt span{ display:block; font-size:20px; line-height:30px; color:#fff; margin-top:10px;}
.page5 .box .left dl dd{ width:100px; height:1px; display:block; background-color:#fff; opacity:.7; margin:auto;}
.page5 .box .right{ width:40%; height:100%; float:left; display:block; overflow:hidden;}
.page5 .box .right li{ width:100%; height:33.33%; display:block; overflow:hidden; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.page5 .box .right li .wen{ width:100%; max-height:100%; padding:20px 15%; box-sizing:border-box; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); overflow:auto; text-align:center;}
.page5 .box .right li .wen::-webkit-scrollbar{ width:5px; height:1px;}
.page5 .box .right li .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(255,255,255,0.1);}
.page5 .box .right li .wen::-webkit-scrollbar-track{ border-radius:10px;}
.page5 .box .right li .wen .w01{ width:100%; font-size:24px; line-height:44px; color:#fff;}
.page5 .box .right li .wen .w02{ width:100%; font-size:16px; line-height:36px; color:#fff; margin-top:1vh; opacity:.7;}
.page5 .box .right li .masks{ width:100%; height:100%; background-color:#181818; box-sizing:border-box; border-bottom:1px solid #2e2e2e;}
.page5 .box .right li:hover .masks{ border:4px solid #1634c8; background-color:rgba(0,0,0,.7);}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page5{ background-color:#181818;}
.page5 .title{ float:left; width:10%; height:calc(100% - 25vh); padding:15vh 3%; padding-bottom:10vh; position:relative; background-color:#1634c8;}
.page5 .title a{ display:block; writing-mode:vertical-rl;}
.page5 .title .w01{ font-size:20px; line-height:25px; letter-spacing:5px; color:rgba(255, 255, 255, .7); margin-left:5px;}
.page5 .title .w02{ font-size:46px; line-height:47px; text-transform:uppercase; font-weight:bold; color:#fff; font-family:GOTHAM-BLACK, "微软雅黑";}
.page5 .box{ width:84%; height:100%; float:left;}
.page5 .box .left{ width:50%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; float:left; position:relative;}
.page5 .box .left dl{ text-align:center; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.page5 .box .left dl dt{ display:block; padding:4vh 0;}
.page5 .box .left dl dt strong{ display:block; font-size:40px; line-height:50px; color:#fff;}
.page5 .box .left dl dt span{ display:block; font-size:18px; line-height:28px; color:#fff;}
.page5 .box .left dl dd{ width:100px; height:1px; display:block; background-color:#fff; opacity:.7; margin:auto;}
.page5 .box .right{ width:50%; height:100%; float:left; display:block; overflow:hidden;}
.page5 .box .right li{ width:100%; height:33.33%; display:block; overflow:hidden; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.page5 .box .right li .wen{ width:100%; max-height:100%; padding:15px 10%; box-sizing:border-box; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); overflow:auto; text-align:center;}
.page5 .box .right li .wen::-webkit-scrollbar{ width:5px; height:1px;}
.page5 .box .right li .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(255,255,255,0.1);}
.page5 .box .right li .wen::-webkit-scrollbar-track{ border-radius:10px;}
.page5 .box .right li .wen .w01{ width:100%; font-size:20px; line-height:30px; color:#fff;}
.page5 .box .right li .wen .w02{ width:100%; font-size:14px; line-height:24px; color:#fff; margin-top:1vh; opacity:.7;}
.page5 .box .right li .masks{ width:100%; height:100%; background-color:#181818; box-sizing:border-box; border-bottom:1px solid #2e2e2e;}
.page5 .box .right li:hover .masks{ border:4px solid #1634c8; background-color:rgba(0,0,0,.7);}
}
@media only screen and (max-width:1023px){
.page5{ background-color:#181818; padding-top:35px; padding-bottom:40px;}
.page5 .title{ width:94%; margin:auto;}
.page5 .title .w01{ font-size:20px; line-height:30px; color:#fff;}
.page5 .title .w02{ font-size:14px; line-height:22px; text-transform:uppercase; color:#999; font-family:GOTHAM-BLACK, "微软雅黑";}
.page5 .box{ padding:0 3%; padding-top:15px; width:94%;}
.page5 .box .left{ width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; position:relative;}
.page5 .box .left dl{ text-align:center; display:flex; flex-wrap:wrap; padding-bottom:20px; padding-top:10px; overflow:hidden;}
.page5 .box .left dl dt{ display:block; width:45.5%; margin-left:3%; margin-top:15px; float:left;}
.page5 .box .left dl dt strong{ display:block; font-size:30px; line-height:40px; color:#fff;}
.page5 .box .left dl dt span{ display:block; font-size:14px; line-height:24px; color:#fff;}
.page5 .box .left dl dd{ display:none;}
.page5 .box .right{ width:100%; display:block; overflow:hidden;}
.page5 .box .right li{ width:100%; height:50vw; margin-top:15px; display:block; overflow:hidden; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.page5 .box .right li .wen{ width:100%; max-height:100%; padding:10px 5%; box-sizing:border-box; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); overflow:auto; text-align:center;}
.page5 .box .right li .wen .w01{ width:100%; font-size:20px; line-height:30px; color:#fff;}
.page5 .box .right li .wen .w02{ width:100%; font-size:14px; line-height:24px; color:#fff; margin-top:1vh; opacity:.7;}
.page5 .box .right li .masks{ width:100%; height:100%; background-color:#181818; border:4px solid #2e2e2e; box-sizing:border-box;}
.page5 .box .right li:hover .masks{ border:4px solid #1634c8; background-color:rgba(0,0,0,.7);}
}

/*往届演讲嘉宾*/
@media screen and (min-width:1280px){
.page6{ background-color:#2e2e2e;}
.page6 .title{ float:left; width:11%; height:calc(100% - 25vh); padding:15vh 3%; padding-bottom:10vh; position:relative; z-index:1;}
.page6 .title a{ display:block; writing-mode:vertical-rl;}
.page6 .title .w01{ font-size:22px; line-height:27px; letter-spacing:5px; color:rgba(255, 255, 255, .7); margin-left:10px;}
.page6 .more{ position:absolute; left:3%; bottom:10vh; z-index:3;}
.page6 .more a{ display:block; font-size:14px; line-height:24px; color:#fff; opacity:.7;}
.page6 .more a:hover{ opacity:1;}
.page6 .title .w02{ font-size:54px; line-height:55px; text-transform:uppercase; font-weight:bold; color:#fff; font-family:GOTHAM-BLACK, "微软雅黑";}
.page6 .box{ width:66%; height:100%; float:left; box-sizing:border-box; position:relative; display:flex; align-items:center;}
.page6 .box .swiper-container{ width:100%; height:470px;}
.page6 .box .swiper-container .swiper-slide{ width:100%; height:470px; display:block; overflow:hidden; position:relative;}
.page6 .box .swiper-container .swiper-slide .wen{ width:100%; height:350px; position:relative; z-index:3; background-color:#181818; margin:60px 0; border-radius:10px;}
.page6 .box .swiper-container .swiper-slide .wen .left{ width:350px; height:350px; float:left;}
.page6 .box .swiper-container .swiper-slide .wen .left img{ width:100%; display:block;}
.page6 .box .swiper-container .swiper-slide .wen .right{ width:calc(90% - 350px); height:260px; overflow:auto; float:left; padding:45px 5%;}
.page6 .box .swiper-container .swiper-slide .wen .right::-webkit-scrollbar{ width:5px; height:1px;}
.page6 .box .swiper-container .swiper-slide .wen .right::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(255,255,255,0.1);}
.page6 .box .swiper-container .swiper-slide .wen .right::-webkit-scrollbar-track{ border-radius:10px;}
.page6 .box .swiper-container .swiper-slide .wen .right .w01{ width:100%;}
.page6 .box .swiper-container .swiper-slide .wen .right .w01 b{ font-size:24px; line-height:34px; display:block; float:left; color:#fff;}
.page6 .box .swiper-container .swiper-slide .wen .right .w01 p{ display:block; float:left; margin-left:10px; font-size:16px; line-height:26px; margin-top:7px; color:#fff; opacity:.7;}
.page6 .box .swiper-container .swiper-slide .wen .right .w02{ width:100%; font-size:16px; line-height:36px; margin-top:15px; color:#fff;}
.page6 .box .swiper-container .swiper-slide .mask{ width:calc(100% - 60px); height:100%; position:absolute; left:30px; top:0; z-index:1;}
.page6 .box .swiper-container .swiper-slide .mask:before{ display:block; content:''; width:100%; height:calc(100% - 60px); position:absolute; left:0; top:30px;background-color:#181818; opacity:.7; border-radius:10px;}
.page6 .box .swiper-container .swiper-slide .mask:after{ display:block; content:''; width:calc(100% - 60px); height:100%; position:absolute; left:30px; top:0; background-color:#181818; opacity:.5; border-radius:10px;}
.page6 .box .swiper-button-white{ cursor:pointer; width:100px; padding:11px 0; position:absolute; left:50%; margin-left:-50px; z-index:5; background-color:#181818; border-radius:5px;}
.page6 .box .swiper-button-prev{ top:50%; margin-top:-300px;}
.page6 .box .swiper-button-next{ bottom:50%; margin-bottom:-300px;}
.page6 .box .swiper-button-white img{ display:block; width:14px; margin:auto;}
.page6 .box .swiper-pagination{ display:none;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page6{ background-color:#2e2e2e;}
.page6 .title{ float:left; width:10%; height:calc(100% - 25vh); padding:15vh 3%; padding-bottom:10vh; position:relative;}
.page6 .title a{ display:block; writing-mode:vertical-rl;}
.page6 .title .w01{ font-size:20px; line-height:25px; letter-spacing:5px; color:rgba(255, 255, 255, .7); margin-left:5px;}
.page6 .title .w02{ font-size:46px; line-height:47px; text-transform:uppercase; font-weight:bold; color:#fff; font-family:GOTHAM-BLACK, "微软雅黑";}
.page6 .more{ position:absolute; left:3%; bottom:10vh; z-index:3;}
.page6 .more a{ display:block; font-size:14px; line-height:24px; color:#fff; opacity:.7;}
.page6 .more a:hover{ opacity:1;}
.page6 .box{ width:73%; height:100%; float:left; box-sizing:border-box; position:relative; display:flex; align-items:center;}
.page6 .box .swiper-container{ width:100%; height:370px;}
.page6 .box .swiper-container .swiper-slide{ width:100%; height:370px; display:block; overflow:hidden; position:relative;}
.page6 .box .swiper-container .swiper-slide .wen{ width:100%; height:250px; position:relative; z-index:3; background-color:#181818; margin:60px 0; border-radius:10px;}
.page6 .box .swiper-container .swiper-slide .wen .left{ width:250px; height:250px; float:left;}
.page6 .box .swiper-container .swiper-slide .wen .left img{ width:100%; display:block;}
.page6 .box .swiper-container .swiper-slide .wen .right{ width:calc(90% - 250px); height:180px; float:left; padding:35px 5%; overflow:auto;}
.page6 .box .swiper-container .swiper-slide .wen .right::-webkit-scrollbar{ width:5px; height:1px;}
.page6 .box .swiper-container .swiper-slide .wen .right::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(255,255,255,0.1);}
.page6 .box .swiper-container .swiper-slide .wen .right::-webkit-scrollbar-track{ border-radius:10px;}
.page6 .box .swiper-container .swiper-slide .wen .right .w01{ width:100%;}
.page6 .box .swiper-container .swiper-slide .wen .right .w01 b{ font-size:20px; line-height:30px; display:block; float:left; color:#fff;}
.page6 .box .swiper-container .swiper-slide .wen .right .w01 p{ display:block; float:left; margin-left:7px; font-size:14px; line-height:24px; margin-top:5px; color:#fff; opacity:.7;}
.page6 .box .swiper-container .swiper-slide .wen .right .w02{ width:100%; font-size:14px; line-height:24px; margin-top:10px; color:#fff;}
.page6 .box .swiper-container .swiper-slide .mask{ width:calc(100% - 60px); height:100%; position:absolute; left:30px; top:0; z-index:1;}
.page6 .box .swiper-container .swiper-slide .mask:before{ display:block; content:''; width:100%; height:calc(100% - 60px); position:absolute; left:0; top:30px;background-color:#181818; opacity:.7; border-radius:10px;}
.page6 .box .swiper-container .swiper-slide .mask:after{ display:block; content:''; width:calc(100% - 60px); height:100%; position:absolute; left:30px; top:0; background-color:#181818; opacity:.5; border-radius:10px;}
.page6 .box .swiper-button-white{ cursor:pointer; width:100px; padding:11px 0; position:absolute; left:50%; margin-left:-50px; z-index:5; background-color:#181818; border-radius:5px;}
.page6 .box .swiper-button-prev{ top:50%; margin-top:-250px;}
.page6 .box .swiper-button-next{ bottom:50%; margin-bottom:-250px;}
.page6 .box .swiper-button-white img{ display:block; width:14px; margin:auto;}
.page6 .box .swiper-pagination{ display:none;}
}
@media only screen and (max-width:1023px){
.page6{ background-color:#2e2e2e; padding-top:35px; padding-bottom:35px;}
.page6 .title{ width:94%; margin:auto;}
.page6 .title .w01{ font-size:20px; line-height:30px; color:#fff;}
.page6 .title .w02{ font-size:14px; line-height:22px; text-transform:uppercase; color:#999; font-family:GOTHAM-BLACK, "微软雅黑";}
.page6 .more{ position:absolute; right:3%; top:64px; z-index:3;}
.page6 .more a{ display:block; font-size:14px; line-height:24px; color:#fff; opacity:.7;}
.page6 .more a:hover{ opacity:1;}
.page6 .box{ padding:0 3%; padding-top:15px; width:94%;}
.page6 .box .swiper-container{ width:100%;}
.page6 .box .swiper-container .swiper-slide{ width:100%; display:block; overflow:hidden; position:relative;}
.page6 .box .swiper-container .swiper-slide .wen{ width:calc(100% - 60px); position:relative; z-index:3; background-color:#181818; margin:auto; border-radius:10px;}
.page6 .box .swiper-container .swiper-slide .wen .left{ width:100%; float:left;}
.page6 .box .swiper-container .swiper-slide .wen .left img{ width:100%; display:block;}
.page6 .box .swiper-container .swiper-slide .wen .right{ float:left; padding:15px;}
.page6 .box .swiper-container .swiper-slide .wen .right .w01{ width:100%;}
.page6 .box .swiper-container .swiper-slide .wen .right .w01 b{ font-size:16px; line-height:26px; display:block; color:#fff;}
.page6 .box .swiper-container .swiper-slide .wen .right .w01 p{ display:block; font-size:14px; line-height:24px; color:#fff; opacity:.7;}
.page6 .box .swiper-container .swiper-slide .wen .right .w02{ width:100%; font-size:14px; line-height:24px; margin-top:5px; color:#fff; height:120px; overflow:auto;}
.page6 .box .swiper-container .swiper-slide .mask{ height:calc(100% - 30px); width:100%; position:absolute; top:15px; left:0; z-index:1;}
.page6 .box .swiper-container .swiper-slide .mask:before{ display:block; content:''; width:calc(100% - 30px); height:100%; position:absolute; left:15px; top:0; background-color:#181818; opacity:.7; border-radius:10px;}
.page6 .box .swiper-container .swiper-slide .mask:after{ display:block; content:''; width:100%; height:calc(100% - 30px); position:absolute; left:0; top:15px; background-color:#181818; opacity:.5; border-radius:10px;}
.page6 .box .swiper-button-white{ display:none;}
.page6 .box .swiper-pagination{ width:100%; padding-top:15px; z-index:2; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.page6 .box .swiper-pagination span{ width:10px; height:10px; background-color:#fff; opacity:.3; position:relative; z-index:2; margin:5px; border-radius:100%;}
.page6 .box .swiper-pagination span.swiper-pagination-bullet-active{ opacity:1;}
}

/*展厅*/
@media screen and (min-width:1280px){
.page7{ background-color:#181818;}
.page7 .title{ float:left; width:11%; height:calc(100% - 25vh); padding:15vh 3%; padding-bottom:10vh; position:relative;}
.page7 .title a{ display:block; writing-mode:vertical-rl;}
.page7 .title .w01{ font-size:22px; line-height:27px; letter-spacing:5px; color:rgba(255, 255, 255, .7); margin-left:10px;}
.page7 .title .w02{ font-size:54px; line-height:55px; text-transform:uppercase; font-weight:bold; color:#fff; font-family:GOTHAM-BLACK, "微软雅黑";}
.page7 .box{ width:83%; height:100%; float:left; position:relative;}
.page7 .box .swiper-container{ width:100%; height:100%;}
.page7 .box .swiper-container .swiper-slide{ width:100%; height:100%;}
.page7 .box .swiper-container .swiper-slide .left{ width:35%; height:100%; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.page7 .box .swiper-container .swiper-slide .right{ width:calc(65% - 22vw); float:left; margin:15vh 14vw; margin-left:8vw;}
.page7 .box .swiper-container .swiper-slide .right .w01{ font-size:24px; line-height:44px; color:#fff;}
.page7 .box .swiper-container .swiper-slide .right .w02{ font-size:16px; line-height:36px; color:#fff; margin-top:1vh; opacity:.7;}
.page7 .box .swi{ position:absolute; right:14vw; bottom:47vh; z-index:3;}
.page7 .box .swi .swiper-button-white{ cursor:pointer; float:left;}
.page7 .box .swi .swiper-button-white img{ display:block; height:14px;}
.page7 .box .swi .line{ width:2px; height:14px; margin:0 30px; background-color:#fff; opacity:.5; float:left;}
.page7 .box .nr{ height:37vh; width:65%; position:absolute; right:0; bottom:0; z-index:3; background-color:#1634c8;}
.page7 .box .nr .left{ width:30%; height:37vh; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.page7 .box .nr .right{ width:calc(70% - 10vw); height:calc(100% - 10vh); float:left; padding:5vh 5vw; overflow:auto;}
.page7 .box .nr .right::-webkit-scrollbar{ width:5px; height:1px;}
.page7 .box .nr .right::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(255,255,255,0.1);}
.page7 .box .nr .right::-webkit-scrollbar-track{ border-radius:10px;}
.page7 .box .nr .right .w01{ font-size:24px; line-height:44px; color:#fff;}
.page7 .box .nr .right .w02{ font-size:16px; line-height:36px; color:#fff; margin-top:1vh; opacity:.7;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page7{ background-color:#181818;}
.page7 .title{ float:left; width:10%; height:calc(100% - 25vh); padding:15vh 3%; padding-bottom:10vh; position:relative;}
.page7 .title a{ display:block; writing-mode:vertical-rl;}
.page7 .title .w01{ font-size:20px; line-height:25px; letter-spacing:5px; color:rgba(255, 255, 255, .7); margin-left:5px;}
.page7 .title .w02{ font-size:46px; line-height:47px; text-transform:uppercase; font-weight:bold; color:#fff; font-family:GOTHAM-BLACK, "微软雅黑";}
.page7 .box{ width:84%; height:100%; float:left; position:relative;}
.page7 .box .swiper-container{ width:100%; height:calc(100% - 35vh);}
.page7 .box .swiper-container .swiper-slide{ width:100%; height:100%;}
.page7 .box .swiper-container .swiper-slide .left{ width:35%; height:100%; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.page7 .box .swiper-container .swiper-slide .right{ width:calc(65% - 15vw); float:left; margin:15vh 10vw; margin-left:5vw;}
.page7 .box .swiper-container .swiper-slide .right .w01{ font-size:20px; line-height:30px; color:#fff;}
.page7 .box .swiper-container .swiper-slide .right .w02{ font-size:14px; line-height:24px; color:#fff; margin-top:1vh; opacity:.7;}
.page7 .box .swi{ position:absolute; right:11vw; bottom:45vh; z-index:3;}
.page7 .box .swi .swiper-button-white{ cursor:pointer; float:left;}
.page7 .box .swi .swiper-button-white img{ display:block; height:14px;}
.page7 .box .swi .line{ width:2px; height:14px; margin:0 25px; background-color:#fff; opacity:.5; float:left;}
.page7 .box .nr{ height:35vh; width:100%; position:absolute; right:0; bottom:0; z-index:3; background-color:#1634c8;}
.page7 .box .nr .left{ width:30%; height:35vh; float:right; background-position:center; background-repeat:no-repeat; background-size:cover;}
.page7 .box .nr .right{ width:calc(70% - 10vw); height:calc(100% - 6vh); float:left; padding:3vh 5vw; overflow:auto;}
.page7 .box .nr .right::-webkit-scrollbar{ width:5px; height:1px;}
.page7 .box .nr .right::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(255,255,255,0.1);}
.page7 .box .nr .right::-webkit-scrollbar-track{ border-radius:10px;}
.page7 .box .nr .right .w01{ font-size:20px; line-height:30px; color:#fff;}
.page7 .box .nr .right .w02{ font-size:14px; line-height:24px; color:#fff; margin-top:1vh; opacity:.7;}
}
@media only screen and (max-width:1023px){
.page7{ background-color:#181818; padding-top:35px; padding-bottom:40px;}
.page7 .title{ width:94%; margin:auto; position:relative;}
.page7 .title .w01{ font-size:20px; line-height:30px; color:#fff;}
.page7 .title .w02{ font-size:14px; line-height:22px; text-transform:uppercase; color:#999; font-family:GOTHAM-BLACK, "微软雅黑";}
.page7 .box{ width:94%; margin:auto; margin-top:10px; position:relative;}
.page7 .box .swiper-container{ width:100%; margin-top:15px;}
.page7 .box .swiper-container .swiper-slide{ width:100%; height:50vh;}
.page7 .box .swiper-container .swiper-slide .left{ width:40%; height:100%; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.page7 .box .swiper-container .swiper-slide .right{ width:55%; height:100%; padding-bottom:24px; box-sizing:border-box; overflow:auto; float:left; margin-left:5%;}
.page7 .box .swiper-container .swiper-slide .right .w01{ font-size:16px; line-height:26px; color:#fff;}
.page7 .box .swiper-container .swiper-slide .right .w02{ font-size:14px; line-height:24px; color:#fff; opacity:.7;}
.page7 .box .swi{ position:absolute; right:0; bottom:0; z-index:3;}
.page7 .box .swi .swiper-button-white{ cursor:pointer; float:left;}
.page7 .box .swi .swiper-button-white img{ display:block; height:14px;}
.page7 .box .swi .line{ width:2px; height:14px; margin:0 15px; background-color:#fff; opacity:.5; float:left;}
.page7 .box .nr{ width:100%;}
.page7 .box .nr .left{ display:none;}
.page7 .box .nr .right{ width:100%;}
.page7 .box .nr .right .w01{ display:none;}
.page7 .box .nr .right .w02{ font-size:14px; line-height:24px; color:#fff; opacity:.7;}
}

/*议程*/
@media screen and (min-width:1280px){
.page8{ background-color:#181818;}
.page8 .title{ float:left; width:11%; height:calc(100% - 25vh); padding:15vh 3%; padding-bottom:10vh; position:relative; background-color:#1634c8;}
.page8 .title a{ display:block; writing-mode:vertical-rl;}
.page8 .title .w01{ font-size:22px; line-height:27px; letter-spacing:5px; color:rgba(255, 255, 255, .7); margin-left:10px;}
.page8 .title .w02{ font-size:54px; line-height:55px; text-transform:uppercase; font-weight:bold; color:#fff; font-family:GOTHAM-BLACK, "微软雅黑";}
.page8 .box{ width:83%; padding:15vh 10%; padding-bottom:10vh; box-sizing:border-box; height:100%; float:left; background-position:right bottom; background-repeat:no-repeat; background-size:auto 100%; overflow:auto;}
.page8 .box::-webkit-scrollbar{ width:5px; height:1px;}
.page8 .box::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(255,255,255,0.1);}
.page8 .box::-webkit-scrollbar-track{ border-radius:10px;}
.page8 .box .tab_menu{ width:100%; display:block; overflow:hidden;}
.page8 .box .tab_menu li{ float:left; display:block; margin-right:3%; overflow:hidden; cursor:pointer; font-size:24px; line-height:34px; color:#fff;}
.page8 .box .tab_menu li span{ display:block;}
.page8 .box .tab_menu li b{ display:block; width:50px; height:2px; background-color:rgba(255,255,255,.7); margin:.5vw auto;}
.page8 .box .tab_menu li.cur b{ background-color:#1634c8;}
.page8 .box .tab{ display:block; overflow:hidden;}
.page8 .box .tab li{ display:block; font-size:16px; line-height:26px; color:#fff; opacity:.7; margin-top:3vh;}
.page8 .box .cont{ width:100%; overflow:hidden;}
.page8 .box .cont .bt{ margin-top:5vh; padding-left:20px;}
.page8 .box .cont .bt.b01{ border-left:5px solid #1634c8;}
.page8 .box .cont .bt.b02{ border-left:5px solid #29752b;}
.page8 .box .cont .bt span{ display:block; color:#fff; font-size:16px; line-height:26px;}
.page8 .box .cont .bt p{ display:block; color:#fff; font-size:20px; line-height:30px;}
.page8 .box .cont .wen{ margin-top:2vh; color:#fff; font-size:16px; line-height:26px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page8{ background-color:#181818;}
.page8 .title{ float:left; width:10%; height:calc(100% - 25vh); padding:15vh 3%; padding-bottom:10vh; position:relative; background-color:#1634c8;}
.page8 .title a{ display:block; writing-mode:vertical-rl;}
.page8 .title .w01{ font-size:20px; line-height:25px; letter-spacing:5px; color:rgba(255, 255, 255, .7); margin-left:5px;}
.page8 .title .w02{ font-size:46px; line-height:47px; text-transform:uppercase; font-weight:bold; color:#fff; font-family:GOTHAM-BLACK, "微软雅黑";}
.page8 .box{ width:84%; padding:15vh 10%; padding-bottom:10vh; box-sizing:border-box; height:100%; overflow:auto; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.page8 .box::-webkit-scrollbar{ width:5px; height:1px;}
.page8 .box::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(255,255,255,0.1);}
.page8 .box::-webkit-scrollbar-track{ border-radius:10px;}
.page8 .box .tab_menu{ width:100%; display:block; overflow:hidden; margin-top:1vw;}
.page8 .box .tab_menu li{ float:left; display:block; margin-right:3%; overflow:hidden; cursor:pointer; font-size:20px; line-height:30px; color:#fff;}
.page8 .box .tab_menu li span{ display:block;}
.page8 .box .tab_menu li b{ display:block; width:40px; height:2px; background-color:rgba(255,255,255,.7); margin:.5vw auto;}
.page8 .box .tab_menu li.cur b{ background-color:#1634c8;}
.page8 .box .tab{ display:block; overflow:hidden;}
.page8 .box .tab li{ display:block; font-size:16px; line-height:26px; color:#fff; opacity:.7; margin-top:3vh;}
.page8 .box .cont{ width:100%; padding-top:1vw; overflow:hidden;}
.page8 .box .cont .bt{ margin-top:5vh; padding-left:20px;}
.page8 .box .cont .bt.b01{ border-left:5px solid #1634c8;}
.page8 .box .cont .bt.b02{ border-left:5px solid #29752b;}
.page8 .box .cont .bt span{ display:block; color:#fff; font-size:14px; line-height:24px;}
.page8 .box .cont .bt p{ display:block; color:#fff; font-size:18px; line-height:28px;}
.page8 .box .cont .wen{ margin-top:2vh; color:#fff; font-size:14px; line-height:24px;}
}
@media only screen and (max-width:1023px){
.page8{ background-color:#181818;}
.page8 .title{ width:94%; position:absolute; left:3%; top:35px;}
.page8 .title .w01{ font-size:20px; line-height:30px; color:#fff;}
.page8 .title .w02{ font-size:14px; line-height:22px; text-transform:uppercase; color:#999; font-family:GOTHAM-BLACK, "微软雅黑";}
.page8 .box{ padding:35px 3%; padding-top:97px; width:94%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.page8 .box .tab_menu{ width:100%; display:block; overflow:hidden; text-align:center;}
.page8 .box .tab_menu li{ display:inline-block; margin:5px; overflow:hidden; cursor:pointer; font-size:16px; line-height:26px; color:#fff;}
.page8 .box .tab_menu li span{ display:block;}
.page8 .box .tab_menu li b{ display:block; width:30px; height:2px; background-color:rgba(255,255,255,.7); margin:auto;}
.page8 .box .tab_menu li.cur b{ background-color:#1634c8;}
.page8 .box .tab{ display:block; overflow:hidden;}
.page8 .box .tab li{ display:block; font-size:14px; line-height:24px; color:#fff; opacity:.7; margin-top:10px;}
.page8 .box .cont{ width:100%; padding-top:5px; height:50vh; overflow:auto;}
.page8 .box .cont .bt{ margin-top:20px; padding-left:10px;}
.page8 .box .cont .bt.b01{ border-left:5px solid #1634c8;}
.page8 .box .cont .bt.b02{ border-left:5px solid #29752b;}
.page8 .box .cont .bt span{ display:block; color:#fff; font-size:14px; line-height:24px;}
.page8 .box .cont .bt p{ display:block; color:#fff; font-size:16px; line-height:26px;}
.page8 .box .cont .wen{ margin-top:5px; color:#fff; font-size:14px; line-height:24px;}
}

/*赞助*/
@media screen and (min-width:1280px){
.page9{ background-color:#2e2e2e;}
.page9 .title{ float:left; width:11%; height:calc(100% - 25vh); padding:15vh 3%; padding-bottom:10vh; position:relative; background-color:#181818;}
.page9 .title a{ display:block; writing-mode:vertical-rl;}
.page9 .title .w01{ font-size:22px; line-height:27px; letter-spacing:5px; color:rgba(255, 255, 255, .7); margin-left:10px;}
.page9 .title .w02{ font-size:54px; line-height:55px; text-transform:uppercase; font-weight:bold; color:#fff; font-family:GOTHAM-BLACK, "微软雅黑";}
.page9 .yy{ position:absolute; left:3%; bottom:10vh; z-index:3; font-size:14px; line-height:24px; color:#fff; opacity:.7; cursor:pointer;}
.page9 .yy:hover{ opacity:1;}
.page9 .box{ width:83%; padding:15vh 10%; padding-bottom:5vh; box-sizing:border-box; height:100%; float:left; overflow:auto;}
.page9 .box::-webkit-scrollbar{ width:5px; height:1px;}
.page9 .box::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(255,255,255,0.1);}
.page9 .box::-webkit-scrollbar-track{ border-radius:10px;}
.page9 .box .bt{ font-size:24px; line-height:34px; color:#fff;}
.page9 .box .list{ width:100%; margin-bottom:5vh; text-align:center; display:flex; flex-wrap:wrap; align-items:flex-start;}
.page9 .box .list li{ width:calc((100% - 10vh)/6); display:block; margin-top:2vh; margin-left:2vh;}
.page9 .box .list li:nth-child(6n+1){ margin-left:0;}
.page9 .box .list li a{ width:100%; display:block; padding-top:100%; background-color:#fff; overflow:hidden; position:relative;}
.page9 .box .list li a img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page9{ background-color:#2e2e2e;}
.page9 .title{ float:left; width:10%; height:calc(100% - 25vh); padding:15vh 3%; padding-bottom:10vh; position:relative; background-color:#181818;}
.page9 .title a{ display:block; writing-mode:vertical-rl;}
.page9 .title .w01{ font-size:20px; line-height:25px; letter-spacing:5px; color:rgba(255, 255, 255, .7); margin-left:5px;}
.page9 .title .w02{ font-size:46px; line-height:47px; text-transform:uppercase; font-weight:bold; color:#fff; font-family:GOTHAM-BLACK, "微软雅黑";}
.page9 .yy{ position:absolute; left:3%; bottom:10vh; z-index:3;; font-size:14px; line-height:24px; color:#fff; opacity:.7; cursor:pointer;}
.page9 .yy:hover{ opacity:1;}
.page9 .box{ width:84%; padding:15vh 10%; padding-bottom:5vh; box-sizing:border-box; height:100%; overflow:auto; float:left;}
.page9 .box::-webkit-scrollbar{ width:5px; height:1px;}
.page9 .box::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(255,255,255,0.1);}
.page9 .box::-webkit-scrollbar-track{ border-radius:10px;}
.page9 .box .bt{ font-size:20px; line-height:30px; color:#fff;}
.page9 .box .list{ width:100%; margin-bottom:5vh; text-align:center; display:flex; flex-wrap:wrap; align-items:flex-start;}
.page9 .box .list li{ width:calc((100% - 8vh)/5); display:block; margin-top:2vh; margin-left:2vh;}
.page9 .box .list li:nth-child(5n+1){ margin-left:0;}
.page9 .box .list li a{ width:100%; display:block; padding-top:100%; background-color:#fff; overflow:hidden; position:relative;}
.page9 .box .list li a img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
}
@media only screen and (max-width:1023px){
.page9{ background-color:#2e2e2e; padding-top:35px; padding-bottom:20px;}
.page9 .title{ width:94%; margin:auto; position:relative;}
.page9 .title .w01{ font-size:20px; line-height:30px; color:#fff;}
.page9 .title .w02{ font-size:14px; line-height:22px; text-transform:uppercase; color:#999; font-family:GOTHAM-BLACK, "微软雅黑";}
.page9 .yy{ position:absolute; right:3%; top:64px; z-index:3; font-size:14px; line-height:24px; color:#fff; opacity:.7; cursor:pointer;}
.page9 .yy:hover{ opacity:1;}
.page9 .box{ width:94%; margin:auto; margin-top:10px; position:relative;}
.page9 .box .bt{ font-size:16px; line-height:26px; color:#fff;}
.page9 .box .list{ width:100%; margin-top:-5px; margin-bottom:20px; text-align:center; display:flex; flex-wrap:wrap; align-items:flex-start;}
.page9 .box .list li{ width:calc((100% - 30px)/4); display:block; margin-top:10px; margin-left:10px;}
.page9 .box .list li:nth-child(4n+1){ margin-left:0;}
.page9 .box .list li a{ width:100%; display:block; padding-top:100%; background-color:#fff; overflow:hidden; position:relative;}
.page9 .box .list li a img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
}

/*平面图*/
@media screen and (min-width:1280px){
.page10{ background-color:#181818;}
.page10 .title{ float:left; width:11%; height:calc(100% - 25vh); padding:15vh 3%; padding-bottom:10vh; position:relative; background-color:#2e2e2e;}
.page10 .title a{ display:block; writing-mode:vertical-rl;}
.page10 .title .w01{ font-size:22px; line-height:27px; letter-spacing:5px; color:rgba(255, 255, 255, .7); margin-left:10px;}
.page10 .title .w02{ font-size:54px; line-height:55px; text-transform:uppercase; font-weight:bold; color:#fff; font-family:GOTHAM-BLACK, "微软雅黑";}
.page10 .yy{ position:absolute; left:3%; bottom:10vh; z-index:3; font-size:14px; line-height:24px; color:#fff; opacity:.7; cursor:pointer;}
.page10 .yy:hover{ opacity:1;}
.page10 .box{ width:83%; padding:15vh 10%; padding-bottom:10vh; box-sizing:border-box; height:100%; float:left;}
.page10 .box .wen{ font-size:16px; line-height:26px; color:#fff;}
.page10 .box .smallimg{ width:100%; display:block; margin-top:6vh;}

.bigimg{ position:fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); display:none; z-index:9999;}
.mask{ position:fixed; left:0; top:0; right:0; bottom:0; background-color:#000; opacity:0.7; filter:Alpha(opacity=50); z-index:9991; transition:all 1s; display:none}
.mask:hover{ cursor:zoom-out}
.mask>img{ position:fixed; right:10px; top:10px; width:60px;}
.mask>img:hover{cursor:pointer}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page10{ background-color:#181818;}
.page10 .title{ float:left; width:10%; height:calc(100% - 25vh); padding:15vh 3%; padding-bottom:10vh; position:relative; background-color:#2e2e2e;}
.page10 .title a{ display:block; writing-mode:vertical-rl;}
.page10 .title .w01{ font-size:20px; line-height:25px; letter-spacing:5px; color:rgba(255, 255, 255, .7); margin-left:5px;}
.page10 .title .w02{ font-size:46px; line-height:47px; text-transform:uppercase; font-weight:bold; color:#fff; font-family:GOTHAM-BLACK, "微软雅黑";}
.page10 .yy{ position:absolute; left:3%; bottom:10vh; z-index:3;; font-size:14px; line-height:24px; color:#fff; opacity:.7; cursor:pointer;}
.page10 .yy:hover{ opacity:1;}
.page10 .box{ width:84%; padding:15vh 10%; padding-bottom:10vh; box-sizing:border-box; height:100%; float:left;}
.page10 .box .wen{ font-size:14px; line-height:24px; color:#fff;}
.page10 .box .smallimg{ width:100%; display:block; margin-top:6vh;}

.bigimg{ position:fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); display:none; z-index:9999; border:5px solid #fff;}
.mask{ position:fixed; left:0; top:0; right:0; bottom:0; background-color:#000; opacity:0.7; filter:Alpha(opacity=50); z-index:9991; transition:all 1s; display:none}
.mask:hover{ cursor:zoom-out}
.mask>img{ position:fixed; right:10px; top:10px; width:40px;}
.mask>img:hover{cursor:pointer}
}
@media only screen and (max-width:1023px){
.page10{ background-color:#181818; padding-top:35px; padding-bottom:40px;}
.page10 .title{ width:94%; margin:auto; position:relative;}
.page10 .title .w01{ font-size:20px; line-height:30px; color:#fff;}
.page10 .title .w02{ font-size:14px; line-height:22px; text-transform:uppercase; color:#999; font-family:GOTHAM-BLACK, "微软雅黑";}
.page10 .yy{ position:absolute; right:3%; top:64px; z-index:3; font-size:14px; line-height:24px; color:#fff; opacity:.7; cursor:pointer;}
.page10 .yy:hover{ opacity:1;}
.page10 .box{ width:94%; margin:auto; margin-top:10px; position:relative;}
.page10 .box .wen{ font-size:14px; line-height:24px; color:#fff;}
.page10 .box .smallimg{ width:100%; display:block; margin-top:15px;}

.bigimg{ position:fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); display:none; z-index:9999; border:3px solid #fff;}
.mask{ position:fixed; left:0; top:0; right:0; bottom:0; background-color:#000; opacity:0.7; filter:Alpha(opacity=50); z-index:9991; transition:all 1s; display:none}
.mask:hover{ cursor:zoom-out}
.mask>img{ position:fixed; right:10px; top:10px; width:30px;}
.mask>img:hover{cursor:pointer}
}

/*地址*/
@media screen and (min-width:1280px){
.page11{ background-color:#181818;}
.page11 .title{ float:left; width:11%; height:calc(100% - 25vh); padding:15vh 3%; padding-bottom:10vh; position:relative; background-color:#1634c8;}
.page11 .title a{ display:block; writing-mode:vertical-rl;}
.page11 .title .w01{ font-size:22px; line-height:27px; letter-spacing:5px; color:rgba(255, 255, 255, .7); margin-left:10px;}
.page11 .title .w02{ font-size:54px; line-height:55px; text-transform:uppercase; font-weight:bold; color:#fff; font-family:GOTHAM-BLACK, "微软雅黑";}
.page11 .yy{ position:absolute; left:3%; bottom:10vh; z-index:3; font-size:14px; line-height:24px; color:#fff; opacity:.7; cursor:pointer;}
.page11 .yy:hover{ opacity:1;}
.page11 .box{ width:83%; height:100%; float:left;}
.page11 .box #allmap{ width:100%; height:100%; position:relative;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page11{ background-color:#181818;}
.page11 .title{ float:left; width:10%; height:calc(100% - 25vh); padding:15vh 3%; padding-bottom:10vh; position:relative; background-color:#1634c8;}
.page11 .title a{ display:block; writing-mode:vertical-rl;}
.page11 .title .w01{ font-size:20px; line-height:25px; letter-spacing:5px; color:rgba(255, 255, 255, .7); margin-left:5px;}
.page11 .title .w02{ font-size:46px; line-height:47px; text-transform:uppercase; font-weight:bold; color:#fff; font-family:GOTHAM-BLACK, "微软雅黑";}
.page11 .yy{ position:absolute; left:3%; bottom:10vh; z-index:3;; font-size:14px; line-height:24px; color:#fff; opacity:.7; cursor:pointer;}
.page11 .yy:hover{ opacity:1;}
.page11 .box{ width:84%; height:100%; float:left;}
.page11 .box #allmap{ width:100%; height:100%; position:relative;}
}
@media only screen and (max-width:1023px){
.page11{ background-color:#2e2e2e; padding-top:35px; padding-bottom:40px;}
.page11 .title{ width:94%; margin:auto; position:relative;}
.page11 .title .w01{ font-size:20px; line-height:30px; color:#fff;}
.page11 .title .w02{ font-size:14px; line-height:22px; text-transform:uppercase; color:#999; font-family:GOTHAM-BLACK, "微软雅黑";}
.page11 .yy{ position:absolute; right:3%; top:64px; z-index:3; font-size:14px; line-height:24px; color:#fff; opacity:.7; cursor:pointer;}
.page11 .yy:hover{ opacity:1;}
.page11 .box{ width:94%; margin:auto; margin-top:15px; position:relative;}
.page11 .box #allmap{ width:100%; height:50vh; position:relative;}
}

/*平面图*/
@media screen and (min-width:1280px){
.page12{ background-color:#181818;}
.page12 .title{ float:left; width:11%; height:calc(100% - 25vh); padding:15vh 3%; padding-bottom:10vh; position:relative;}
.page12 .title a{ display:block; writing-mode:vertical-rl;}
.page12 .title .w01{ font-size:22px; line-height:27px; letter-spacing:5px; color:rgba(255, 255, 255, .7); margin-left:10px;}
.page12 .title .w02{ font-size:54px; line-height:55px; text-transform:uppercase; font-weight:bold; color:#fff; font-family:GOTHAM-BLACK, "微软雅黑";}
.page12 .box{ width:83%; padding-top:15vh; padding-right:14vw; padding-bottom:10vh; box-sizing:border-box; height:100%; float:left; overflow:auto;}
.page12 .box::-webkit-scrollbar{ width:5px; height:1px;}
.page12 .box::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(255,255,255,0.1);}
.page12 .box::-webkit-scrollbar-track{ border-radius:10px;}
.page12 .box ul{ width:100%; display:block; margin-top:-5vh;}
.page12 .box ul li{ width:48.5%; float:left; display:block; margin-left:3%; margin-top:5vh; background-color:#2e2e2e; border-radius:10px; overflow:hidden;}
.page12 .box ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.page12 .box ul li .tu{ width:200px; height:195px; border-radius:10px; overflow:hidden; float:left;}
.page12 .box ul li .tu img{ width:100%; display:block;}
.page12 .box ul li .wen{ width:calc(90% - 200px); padding:25px 5%; float:left;}
.page12 .box ul li .wen .w01{ font-size:24px; line-height:34px; color:#fff;}
.page12 .box ul li .wen .w02{ font-size:16px; line-height:30px; color:#fff; margin-top:5px;}
.page12 .box ul li .wen .w03{ display:block; margin-top:15px;}
.page12 .box ul li .wen .w03 a{ display:block; float:left; margin-right:20px;}
.page12 .box ul li .wen .w03 a img{ display:block; height:20px; opacity:.7; filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
.page12 .box ul li .wen .w03 a:hover img{ opacity:1;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page12{ background-color:#181818;}
.page12 .title{ float:left; width:10%; height:calc(100% - 25vh); padding:15vh 3%; padding-bottom:10vh; position:relative;}
.page12 .title a{ display:block; writing-mode:vertical-rl;}
.page12 .title .w01{ font-size:20px; line-height:25px; letter-spacing:5px; color:rgba(255, 255, 255, .7); margin-left:5px;}
.page12 .title .w02{ font-size:46px; line-height:47px; text-transform:uppercase; font-weight:bold; color:#fff; font-family:GOTHAM-BLACK, "微软雅黑";}
.page12 .box{ width:84%; padding-right:11%; padding-top:15vh; padding-bottom:10vh; box-sizing:border-box; height:100%; float:left; overflow:auto;}
.page12 .box::-webkit-scrollbar{ width:5px; height:1px;}
.page12 .box::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(255,255,255,0.1);}
.page12 .box::-webkit-scrollbar-track{ border-radius:10px;}
.page12 .box ul{ width:100%; display:block; margin-top:-5vh;}
.page12 .box ul li{ width:48.5%; float:left; display:block; margin-left:3%; margin-top:5vh; background-color:#2e2e2e; border-radius:10px; overflow:hidden;}
.page12 .box ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.page12 .box ul li .tu{ width:170px; height:165px; border-radius:10px; overflow:hidden; float:left;}
.page12 .box ul li .tu img{ width:100%; display:block;}
.page12 .box ul li .wen{ width:calc(90% - 170px); padding:15px 5%; float:left;}
.page12 .box ul li .wen .w01{ font-size:20px; line-height:30px; color:#fff;}
.page12 .box ul li .wen .w02{ font-size:16px; line-height:28px; color:#fff; margin-top:5px;}
.page12 .box ul li .wen .w03{ display:block; margin-top:10px;}
.page12 .box ul li .wen .w03 a{ display:block; float:left; margin-right:15px;}
.page12 .box ul li .wen .w03 a img{ display:block; height:20px; opacity:.7; filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
.page12 .box ul li .wen .w03 a:hover img{ opacity:1;}
}
@media only screen and (max-width:1023px){
.page12{ background-color:#181818; padding-top:35px; padding-bottom:40px;}
.page12 .title{ width:94%; margin:auto; position:relative;}
.page12 .title .w01{ font-size:20px; line-height:30px; color:#fff;}
.page12 .title .w02{ font-size:14px; line-height:22px; text-transform:uppercase; color:#999; font-family:GOTHAM-BLACK, "微软雅黑";}
.page12 .box{ width:94%; margin:auto; position:relative;}
.page12 .box ul{ width:100%; display:block;}
.page12 .box ul li{ width:100%; float:left; display:block; margin-top:15px; background-color:#2e2e2e; border-radius:10px; overflow:hidden;}
.page12 .box ul li .tu{ width:170px; height:165px; border-radius:10px; overflow:hidden; float:left;}
.page12 .box ul li .tu img{ width:100%; display:block;}
.page12 .box ul li .wen{ width:calc(90% - 170px); padding:15px 5%; float:left;}
.page12 .box ul li .wen .w01{ font-size:20px; line-height:30px; color:#fff;}
.page12 .box ul li .wen .w02{ font-size:16px; line-height:28px; color:#fff; margin-top:5px;}
.page12 .box ul li .wen .w03{ display:block; margin-top:10px;}
.page12 .box ul li .wen .w03 a{ display:block; float:left; margin-right:15px;}
.page12 .box ul li .wen .w03 a img{ display:block; height:20px; opacity:.7; filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
.page12 .box ul li .wen .w03 a:hover img{ opacity:1;}
}

/*footer*/
@media screen and (min-width:1280px){
.footer{ width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.footer .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.9); position:absolute; left:0; top:0; z-index:1;}
.footer .box{ width:80%; min-width:1200px; margin:auto; padding:70px 0; position:relative; z-index:3;}
.footer .box .logo{ height:80px;}
.footer .box .logo img{ display:block; height:80px; margin:auto;}
.footer .box .bt{ width:100%; text-align:center; color:#fff; font-size:20px; line-height:30px; margin-top:15px;}
.footer .box .dj{ width:100%; margin-top:30px; display:flex; justify-content:center;}
.footer .box .dj dt{ display:block; width:200px; text-align:center;}
.footer .box .dj dt span{ font-size:70px; line-height:80px; height:80px; display:block; color:#fff;}
.footer .box .dj dt a{ font-size:16px; line-height:26px; height:26px; display:block; color:#ccc;}
.footer .box .dj dd{ display:block; font-size:16px; line-height:26px; height:26px; color:#ccc; padding:80px 1%; padding-bottom:0; text-align:center;}
.footer .box .wen{ width:100%; font-size:16px; line-height:26px; color:#fff; margin-top:30px; text-align:center;}
.footer .box .anniu{ width:100%; margin-top:45px; display:flex; justify-content:center; text-align:center;}
.footer .box .anniu a{ width:160px; font-size:16px; line-height:40px; height:40px; display:block; overflow:hidden; border-radius:5px; border:1px solid #fff; color:#fff; margin:0 10px; cursor:pointer;}

.footer .box .anniu a:hover{ background-color:#1634c8; border:1px solid #1634c8; color:#fff;}

.footer .bq{ width:100%; padding:15px 0; border-top:1px solid rgba(255,255,255,.3); position:relative; z-index:3;}
.footer .bq dl{ display:block; width:80%; min-width:1200px; margin:auto; position:relative; z-index:3;}
.footer .bq dl dt{ display:block; overflow:hidden; float:left;}
.footer .bq dl dt a,.footer .bq dl dt span{ display:block; font-size:14px; line-height:20px; color:#fff;}
.footer .bq dl dd{ display:block; float:right;}
.footer .bq dl dd a{ display:block; height:30px; float:left; margin:5px 0; margin-left:15px; overflow:hidden;}
.footer .bq dl dd a img{ display:block; height:30px;}
.footer .bq dl dd a img.img02{ display:none;}
.footer .bq dl dd a:hover img.img01{ display:none;}
.footer .bq dl dd a:hover img.img02{ display:block;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.footer{ width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.footer .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.9); position:absolute; left:0; top:0; z-index:1;}
.footer .box{ width:94%; margin:auto; padding:50px 0; position:relative; z-index:3;}
.footer .box .logo{ height:60px;}
.footer .box .logo img{ display:block; height:60px; margin:auto;}
.footer .box .bt{ width:100%; text-align:center; color:#fff; font-size:18px; line-height:28px; margin-top:10px;}
.footer .box .dj{ width:100%; margin-top:20px; display:flex; justify-content:center;}
.footer .box .dj dt{ display:block; width:180px; text-align:center;}
.footer .box .dj dt span{ font-size:60px; line-height:70px; height:70px; display:block; color:#fff;}
.footer .box .dj dt a{ font-size:16px; line-height:26px; height:26px; display:block; color:#ccc;}
.footer .box .dj dd{ display:block; font-size:16px; line-height:26px; height:26px; color:#ccc; padding:70px 1%; padding-bottom:0; text-align:center;}
.footer .box .wen{ width:100%; font-size:16px; line-height:26px; color:#fff; margin-top:20px; text-align:center;}
.footer .box .anniu{ width:100%; margin-top:30px; display:flex; justify-content:center; text-align:center;}
.footer .box .anniu a{ width:160px; font-size:16px; line-height:36px; height:36px; display:block; overflow:hidden; border-radius:5px; border:1px solid #fff; color:#fff; margin:0 7px; cursor:pointer;}

.footer .box .anniu a:hover{ background-color:#1634c8; border:1px solid #1634c8; color:#fff;}

.footer .bq{ width:100%; padding:15px 0; border-top:1px solid rgba(255,255,255,.3); position:relative; z-index:3;}
.footer .bq dl{ display:block; width:94%; margin:auto; position:relative; z-index:3;}
.footer .bq dl dt{ display:block; overflow:hidden; float:left;}
.footer .bq dl dt a,.footer .bq dl dt span{ display:block; font-size:14px; line-height:20px; color:#fff;}
.footer .bq dl dd{ display:block; float:right;}
.footer .bq dl dd a{ display:block; height:30px; float:left; margin:5px 0; margin-left:15px; overflow:hidden;}
.footer .bq dl dd a img{ display:block; height:30px;}
.footer .bq dl dd a img.img02{ display:none;}
.footer .bq dl dd a:hover img.img01{ display:none;}
.footer .bq dl dd a:hover img.img02{ display:block;}
}
@media only screen and (max-width:1023px){
.footer{ width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.footer .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.9); position:absolute; left:0; top:0; z-index:1;}
.footer .box{ width:94%; margin:auto; padding:30px 0; position:relative; z-index:3;}
.footer .box .logo{ height:40px;}
.footer .box .logo img{ display:block; height:40px; margin:auto;}
.footer .box .bt{ width:100%; text-align:center; color:#fff; font-size:16px; line-height:26px; margin-top:5px;}
.footer .box .dj{ width:100%; margin-top:10px; display:flex; justify-content:center;}
.footer .box .dj dt{ display:block; width:100px; text-align:center;}
.footer .box .dj dt span{ font-size:50px; line-height:54px; height:54px; display:block; color:#fff;}
.footer .box .dj dt a{ font-size:14px; line-height:24px; height:24px; display:block; color:#ccc;}
.footer .box .dj dd{ display:block; font-size:14px; line-height:24px; height:24px; color:#ccc; padding-top:54px; text-align:center;}
.footer .box .wen{ width:100%; font-size:14px; line-height:24px; color:#fff; margin-top:10px; text-align:center;}
.footer .box .anniu{ width:100%; margin-top:15px; display:flex; justify-content:center; text-align:center;}
.footer .box .anniu a{ width:120px; font-size:14px; line-height:32px; height:32px; display:block; overflow:hidden; border-radius:5px; border:1px solid #fff; color:#fff; margin:0 5px; cursor:pointer;}
.footer .box .anniu a:hover{ background-color:#1634c8; border:1px solid #1634c8; color:#fff;}

.footer .bq{ width:100%; padding:10px 0; border-top:1px solid rgba(255,255,255,.3); position:relative; z-index:3;}
.footer .bq dl{ display:block; width:94%; margin:auto; position:relative; z-index:3;}
.footer .bq dl dt{ display:block; overflow:hidden; width:100%; text-align:center;}
.footer .bq dl dt a,.footer .bq dl dt span{ display:block; font-size:14px; line-height:20px; color:#fff;}
.footer .bq dl dd{ display:none; float:right;}
}

/*弹出框*/
@media screen and (min-width:769px){
#btn1{ cursor:pointer;}
.xcConfirm .xc_layer{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:#666666; opacity:0.5; z-index:2147000000;}
.xcConfirm .popBox{ position:fixed; left:50%; top:50%; padding-bottom:20px; background-color:#ffffff; z-index:2147000001; width:570px; margin-left:-285px; margin-top:-160px; border-radius:5px; font-weight:bold; color:#535e66;}
.xcConfirm .popBox .ttBox{ height:30px; line-height:30px; padding:14px 30px; border-bottom:solid 1px #eef0f1;}
.xcConfirm .popBox .ttBox .tt{ font-size:18px; display:block; float:left; height:30px; position:relative;}
.xcConfirm .popBox .ttBox .clsBtn{ display:block; cursor:pointer; width:12px; height:12px; position:absolute; top:22px; right:30px; background:url(__PUBLIC__/Home/PC/images/icons.png) -48px -96px no-repeat;}
.xcConfirm .popBox .txtBox{ margin:40px 100px; overflow:hidden;}
.xcConfirm .popBox .txtBox .bigIcon{ float:left; margin-right:20px; width:48px; height:48px; background-image:url(__PUBLIC__/Home/PC/images/icons.png); background-repeat:no-repeat; background-position:48px 0;}
.xcConfirm .popBox .txtBox p{ margin-top:16px; line-height:26px; overflow-x:hidden; overflow-y:auto;}
.xcConfirm .popBox .btnArea{ border-top:solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup{ float:right;}
.xcConfirm .popBox .btnGroup .sgBtn{ margin-top:14px; margin-right:10px;}
.xcConfirm .popBox .sgBtn{ display:block; cursor:pointer; float:left; width:95px; height:35px; line-height:35px; text-align:center; color:#FFFFFF; border-radius:5px;}
.xcConfirm .popBox .sgBtn.ok{ background-color:#1634c8; color:#FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{ background-color:#29752b; color:#FFFFFF;}
}
@media only screen and (max-width:768px){
#btn1{ cursor:pointer;}
.xcConfirm .xc_layer{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:#666666; opacity:0.5; z-index:2147000000;}
.xcConfirm .popBox{ position:fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); padding-bottom:20px; background-color:#ffffff; z-index:2147000001; width:90%; border-radius:5px; font-weight:bold; color:#535e66;}
.xcConfirm .popBox .ttBox{ text-align:center; padding:20px 15px;}
.xcConfirm .popBox .ttBox .tt{ font-size:18px; display:block; height:28px; position:relative;}
.xcConfirm .popBox .ttBox .clsBtn{ display:none;}
.xcConfirm .popBox .txtBox{ padding:20px; padding-top:0; text-align:center; overflow:hidden;}
.xcConfirm .popBox .txtBox .bigIcon{ display:none;}
.xcConfirm .popBox .txtBox p{ font-size:14px; line-height:24px;}
.xcConfirm .popBox .btnArea{ text-align:center;}
.xcConfirm .popBox .btnGroup .sgBtn{ text-align:center;}
.xcConfirm .popBox .sgBtn{ display:inline-block; margin:0 10px; cursor:pointer; text-align:center; font-size:14px; line-height:24px; color:#1634c8; font-variant:normal;}
.xcConfirm .popBox .sgBtn:nth-child(2){ color:#333;}
}

@media screen and (min-width:1280px){
.speakers{ background-color:#181818;}
.speakers .title{ float:left; width:11%; height:calc(100% - 25vh); padding:15vh 3%; padding-bottom:10vh; position:relative;}
.speakers .title a{ display:block; writing-mode:vertical-rl;}
.speakers .title .w01{ font-size:22px; line-height:27px; letter-spacing:5px; color:rgba(255, 255, 255, .7); margin-left:10px;}
.speakers .title .w02{ font-size:54px; line-height:55px; text-transform:uppercase; font-weight:bold; color:#fff; font-family:GOTHAM-BLACK, "微软雅黑";}
.speakers .box{ width:83%; padding-top:15vh; padding-right:14vw; padding-bottom:10vh; box-sizing:border-box; height:100%; float:left; overflow:auto;}
.speakers .box::-webkit-scrollbar{ width:5px; height:1px;}
.speakers .box::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(255,255,255,0.1);}
.speakers .box::-webkit-scrollbar-track{ border-radius:10px;}
.speakers .box ul{ width:100%; display:flex; flex-wrap:wrap; margin-top:-5vh;}
.speakers .box ul li{ width:48.5%; float:left; display:flex; align-items:center; padding:1vw 0; margin-left:3%; margin-top:5vh; background-color:#2e2e2e; border-radius:10px; overflow:hidden;}
.speakers .box ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.speakers .box ul li .tu{ width:200px; height:200px; border-radius:10px; overflow:hidden; padding-left:5%;}
.speakers .box ul li .tu img{ width:100%; display:block;}
.speakers .box ul li .wen{ width:calc(85% - 200px); padding:25px 5%; float:left;}
.speakers .box ul li .wen .w01{ width:100%;}
.speakers .box ul li .wen .w01 b{ font-size:24px; line-height:34px; display:block; float:left; color:#fff; margin-right:10px;}
.speakers .box ul li .wen .w01 p{ display:block; float:left; font-size:16px; line-height:26px; margin-top:7px; color:#fff; opacity:.7;}
.speakers .box ul li .wen .w02{ width:100%; font-size:16px; line-height:26px; margin-top:10px; color:#fff;}

}
@media screen and (min-width:1024px) and (max-width:1279px){
.speakers{ background-color:#181818;}
.speakers .title{ float:left; width:10%; height:calc(100% - 25vh); padding:15vh 3%; padding-bottom:10vh; position:relative;}
.speakers .title a{ display:block; writing-mode:vertical-rl;}
.speakers .title .w01{ font-size:20px; line-height:25px; letter-spacing:5px; color:rgba(255, 255, 255, .7); margin-left:5px;}
.speakers .title .w02{ font-size:46px; line-height:47px; text-transform:uppercase; font-weight:bold; color:#fff; font-family:GOTHAM-BLACK, "微软雅黑";}
.speakers .box{ width:84%; padding-right:11%; padding-top:15vh; padding-bottom:10vh; box-sizing:border-box; height:100%; float:left; overflow:auto;}
.speakers .box::-webkit-scrollbar{ width:5px; height:1px;}
.speakers .box::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(255,255,255,0.1);}
.speakers .box::-webkit-scrollbar-track{ border-radius:10px;}
.speakers .box ul{ width:100%; display:flex; flex-wrap:wrap; margin-top:-5vh;}
.speakers .box ul li{ width:48.5%; float:left; display:flex; align-items:center; padding:1vw 0; margin-left:3%; margin-top:5vh; background-color:#2e2e2e; border-radius:10px; overflow:hidden;}
.speakers .box ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.speakers .box ul li .tu{ width:160px; height:160px; margin-left:5%; border-radius:10px; overflow:hidden; float:left;}
.speakers .box ul li .tu img{ width:100%; display:block;}
.speakers .box ul li .wen{ width:calc(85% - 170px); padding:15px 5%; float:left;}
.speakers .box ul li .wen .w01{ width:100%;}
.speakers .box ul li .wen .w01 b{ font-size:20px; line-height:30px; display:block; float:left; color:#fff; margin-right:7px;}
.speakers .box ul li .wen .w01 p{ display:block; float:left; font-size:14px; line-height:24px; margin-top:5px; color:#fff; opacity:.7;}
.speakers .box ul li .wen .w02{ width:100%; font-size:14px; line-height:24px; margin-top:10px; color:#fff;}
}
@media only screen and (max-width:1023px){
.speakers{ background-color:#181818; padding-top:35px; padding-bottom:40px;}
.speakers .title{ width:94%; margin:auto; position:relative;}
.speakers .title .w01{ font-size:20px; line-height:30px; color:#fff;}
.speakers .title .w02{ font-size:14px; line-height:22px; text-transform:uppercase; color:#999; font-family:GOTHAM-BLACK, "微软雅黑";}
.speakers .box{ width:94%; margin:auto; position:relative;}
.speakers .box ul{ width:100%; display:block;}
.speakers .box ul li{ width:100%; float:left; display:flex; align-items:center; padding:15px 0; margin-top:15px; background-color:#2e2e2e; border-radius:10px; overflow:hidden;}
.speakers .box ul li .tu{ width:140px; height:140px; margin-left:15px; border-radius:10px; overflow:hidden; float:left;}
.speakers .box ul li .tu img{ width:100%; display:block;}
.speakers .box ul li .wen{ width:calc(100% - 185px); padding:15px; float:left;}
.speakers .box ul li .wen .w01{ width:100%;}
.speakers .box ul li .wen .w01 b{ font-size:16px; line-height:26px; display:block; color:#fff;}
.speakers .box ul li .wen .w01 p{ display:block; font-size:14px; line-height:24px; color:#fff; opacity:.7;}
.speakers .box ul li .wen .w02{ width:100%; font-size:14px; line-height:24px; margin-top:5px; color:#fff;}
}

.paytype{
    display: flex;
    gap: 20px;
}
.paytype>div{
    width: 100px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 8px;
    box-sizing: border-box;
}
.paytype>.active{
    border: 1px solid #1634c8;
}