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

html,body{ width:100%;}
body{ color:#333; font-family:'font',Arial, Helvetica, sans-serif; line-height:1.5;}
a{ text-decoration:none; color:#333; -webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
.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")
}

/*header*/
@media screen and (min-width:1280px){
.header{ width:100%; position:fixed; left:0; top:0; z-index:99; height:81px;}
.header.cur{ background-color:rgba(0,0,0,0.7);}
.header .clear{ width:100%; height:1px; position:absolute; left:0; bottom:0; background-color:rgba(255,255,255,0.5); z-index:0;}
.header .head{ width:80%; min-width:1200px; margin:auto; height:80px; position:relative; z-index:9;}
.header .head .logo{ height:50px; padding:15px 0; float:left;}
.header .head .logo img{ height:50px; display:block;}
.header .head .logo img.img02{ display:none;}
.header .head .nave{ float:right; height:80px}
.header .head .nave ul{ display:block; float:left;}
.header .head .nave ul li{ position:relative; cursor:pointer; margin-left:2vw; display:block; float:left; height:80px; font-size:16px; line-height:80px; color:#fff;}
.header .head .nave ul li b{ width:0; height:1px; display:block; position:absolute; left:0; bottom:25px; background:linear-gradient(to right,#1495ff,#6e2da8); overflow:hidden; transition:.5s;}
.header .head .nave ul li:hover b,.header .head .nave ul li.current b{ width:100%;}
.header .head .nave .yu{ display:block; height:20px; padding:30px 0; margin-left:3vw; position:relative; float:left;}
.header .head .nave .yu dt{ display:block; height:20px; cursor:pointer;}
.header .head .nave .yu dd{ display:none; position:absolute; left:-15px; top:80px; overflow:hidden;}
.header .head .nave .yu dd b{ width:20px; height:2px; position:absolute; left:15px; top:-1px; display:block; background:linear-gradient(to right,#1495ff,#6e2da8);}
.header .head .nave .yu dd p{ display:block; background-color:rgba(0,0,0,0.7); width:60px; padding:10px 15px; margin-top:1px;}
.header .head .nave .yu dd a{ display:block; font-size:14px; line-height:24px; height:24px; color:#fff; overflow:hidden;}
.header .head .nave .yu dd a:hover{ color:#1495ff;}
.header .head .nave .yu:hover dd{ display:block;}
.header .head .nave .btn01{ font-size:14px; width:130px; text-align:center; height:30px; line-height:30px; color:#fff; background:linear-gradient(to right,#1495ff,#6e2da8); border-radius:30px; float:left; margin:25px 2vw; margin-right:1vw; transition:.5s; cursor:pointer;}
.header .head .nave .btn01:hover{ background:linear-gradient(to right,#1495ff,#1495ff);}
.header .head .nave .btn02{ font-size:14px; width:130px; text-align:center; height:28px; line-height:28px; color:#fff; border:1px solid #1495ff; border-radius:30px; float:left; margin:25px 0; transition:.5s; cursor:pointer;}
.header .head .nave .btn02:hover{ background-color:#1495ff;}
.main_box{ width:100%;}
.main_box .page{ width:100%; min-height:100vh; box-sizing:border-box; position:relative;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.header{ width:100%; position:fixed; left:0; top:0; z-index:99; height:71px;}
.header.cur{ background-color:rgba(0,0,0,0.7);}
.header .clear{ width:100%; height:1px; position:absolute; left:0; bottom:0; background-color:rgba(255,255,255,0.5); z-index:0;}
.header .head{ width:94%; margin:auto; height:70px; position:relative; z-index:9;}
.header .head .logo{ height:40px; padding:15px 0; float:left;}
.header .head .logo img{ height:40px; display:block;}
.header .head .logo img.img01{ display:none;}
.header .head .nave{ float:right; height:80px}
.header .head .nave ul{ display:block; float:left;}
.header .head .nave ul li{ position:relative; cursor:pointer; margin-left:1.8vw; display:block; float:left; height:70px; font-size:14px; line-height:70px; color:#fff;}
.header .head .nave ul li b{ width:0; height:1px; display:block; position:absolute; left:0; bottom:20px; background:linear-gradient(to right,#1495ff,#6e2da8); overflow:hidden; transition:.5s;}
.header .head .nave ul li:hover b,.header .head .nave ul li.current b{ width:100%;}
.header .head .nave .yu{ display:block; height:20px; padding:25px 0; margin-left:2.5vw; position:relative; float:left;}
.header .head .nave .yu dt{ display:block; height:20px; cursor:pointer;}
.header .head .nave .yu dd{ display:none; position:absolute; left:-15px; top:70px; overflow:hidden;}
.header .head .nave .yu dd b{ width:20px; height:2px; position:absolute; left:15px; top:-1px; display:block; background:linear-gradient(to right,#1495ff,#6e2da8);}
.header .head .nave .yu dd p{ display:block; background-color:rgba(0,0,0,0.7); width:60px; padding:10px 15px; margin-top:1px;}
.header .head .nave .yu dd a{ display:block; font-size:14px; line-height:24px; height:24px; color:#fff; overflow:hidden;}
.header .head .nave .yu dd a:hover{ color:#1495ff;}
.header .head .nave .yu:hover dd{ display:block;}
.header .head .nave .btn01{ font-size:14px; width:130px; text-align:center; height:26px; line-height:26px; color:#fff; background:linear-gradient(to right,#1495ff,#6e2da8); border-radius:30px; float:left; margin:22px 1.8vw; margin-right:1.5vw; transition:.5s; cursor:pointer;}
.header .head .nave .btn01:hover{ background:linear-gradient(to right,#1495ff,#1495ff);}
.header .head .nave .btn02{ font-size:14px; width:130px; text-align:center; height:24px; line-height:24px; color:#fff; border:1px solid #1495ff; border-radius:30px; float:left; margin:22px 0; transition:.5s; cursor:pointer;}
.header .head .nave .btn02:hover{ background-color:#1495ff;}
.main_box{ width:100%;}
.main_box .page{ width:100%; min-height:100vh; box-sizing:border-box; position:relative;}
}
@media only screen and (max-width:1023px){
.header{ width:100%; position:fixed; left:0; top:0; z-index:99; height:61px;}
.header.cur{ background-color:rgba(0,0,0,0.7);}
.header .clear{ width:100%; height:1px; position:absolute; left:0; top:60px; background-color:rgba(255,255,255,0.5); z-index:0;}
.header .head{ width:94%; margin:auto; height:60px; position:relative; z-index:9;}
.header .head .logo{ height:40px; padding:10px 0; float:left;}
.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:0; top:19px;}
.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{ display:none;}
.header .head .nave{ width:94%; padding:60px 3%;}
.header .head .nave ul{ display:block; overflow:hidden; margin-top:3vw;}
.header .head .nave ul li{ display:block; font-size:16px; line-height:36px; color:#fff;}
.header .head .nave ul li b{ width:0; height:2px; margin-top:17px; float:left; display:block; background:linear-gradient(to right,#1495ff,#6e2da8); overflow:hidden; transition:.5s;}
.header .head .nave ul li:hover b,.header .head .nave ul li.current b{ width:40px; margin-right:10px;}
.header .head .nave .yu{ width:100%;}
.header .head .nave .yu dt{ display:none;}
.header .head .nave .yu dd{ display:block; overflow:hidden;}
.header .head .nave .yu dd a{ display:block; float:left; width:48%; height:36px; line-height:34px; border-radius:36px; border:1px solid #fff; text-align:center; font-size:14px; box-sizing:border-box; margin-right:4%; margin-top:15px; color:#fff;}
.header .head .nave .yu dd a:last-child{ margin-right:0;}
.header .head .nave .yu dd a:hover{ background-color:#1495ff; border:1px solid #1495ff;}
.header .head .nave .yu dd a:last-child:hover{ background-color:#6e2da8; border:1px solid #6e2da8;}
.header .head .nave .btn01{ font-size:16px; padding:0 20px; height:38px; line-height:36px; color:#fff; background:linear-gradient(to right,#1495ff,#6e2da8); border-radius:38px; margin-top:15px; transition:.5s; width:100%; box-sizing:border-box; display:block; text-align:center; cursor:pointer;}
.header .head .nave .btn01:hover{ background:linear-gradient(to right,#1495ff,#1495ff);}
.header .head .nave .btn02{ font-size:16px; padding:0 15px; height:38px; line-height:36px; color:#fff; border:1px solid #1495ff; border-radius:38px; transition:.5s; margin-top:15px; width:100%; box-sizing:border-box; display:block; text-align:center; cursor:pointer;}
.header .head .nave .btn02:hover{ background-color:#1495ff;}
.header.open-menu .head .nave{ display:block;}
.header.open-menu{ height:100vh; background-color:rgba(0,0,0,0.9) !important; overflow:auto;}

.main_box{ width:100%;}
.main_box .page{ width:100%; position:relative;}
}

/*注册*/
@media screen and (min-width:1280px){
.sign{ width:100%; height:100vh; position:fixed; left:0; top:0; background-color:#fff; z-index:999; display:none; overflow:auto;}
.sign .cont{ width:900px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:0;}
.sign .tab_menu{ width:200px; float:left;}
.sign .tab_menu li{ width:100%; display:block; position:relative; font-size:18px; line-height:38px; margin-bottom:30px; cursor:pointer;}
.sign .tab_menu li b{ width:40px; height:2px; display:block; background-color:#fff; overflow:hidden;}
.sign .tab_menu li.cur{ color:#1495ff;}
.sign .tab_menu li.cur b{ background-color:#1495ff;}
.sign .tabox{ width:calc(100% - 200px); float:right; overflow:hidden;}
.sign .box{ width:100%;}
.sign .box form>div{ width:100%; margin:auto; display:flex; align-items:center; margin-bottom:30px; position:relative;}
.sign .box form>div label{ display:block; width:180px; padding-right:20px; height:38px; line-height:38px; font-size:18px; text-align:right; color:#333;}
.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 #1495ff !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{ 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 200px 0; display:block; color:#fff; background:#1495ff; cursor:pointer; font-size:18px; border-radius:5px;}
.sign .box .submit:hover{ background:linear-gradient(to right,#1495ff,#6e2da8);}
.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;}
.sign .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.sign{ width:100%; height:100vh; position:fixed; left:0; top:0; background-color:#fff; z-index:999; display:none; overflow:auto;}
.sign .cont{ width:94%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:0;}
.sign .tab_menu{ width:200px; float:left;}
.sign .tab_menu li{ width:100%; display:block; position:relative; font-size:18px; line-height:38px; margin-bottom:30px; cursor:pointer;}
.sign .tab_menu li b{ width:40px; height:2px; display:block; background-color:#fff; overflow:hidden;}
.sign .tab_menu li.cur{ color:#1495ff;}
.sign .tab_menu li.cur b{ background-color:#1495ff;}
.sign .tabox{ width:calc(100% - 200px); float:right; overflow:hidden;}
.sign .box{ width:100%;}
.sign .box form>div{ width:100%; margin:auto; display:flex; align-items:center; margin-bottom:30px; position:relative;}
.sign .box form>div label{ display:block; width:180px; padding-right:20px; height:38px; line-height:38px; font-size:18px; text-align:right; color:#333;}
.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 #1495ff !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{ 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 200px 0; display:block; color:#fff; background:#1495ff; cursor:pointer; font-size:18px; border-radius:5px;}
.sign .box .submit:hover{ background:linear-gradient(to right,#1495ff,#6e2da8);}
.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;}
.sign .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}
@media only screen and (max-width:1023px){
.sign{ width:100%; height:100vh; position:fixed; left:0; top:0; background-color:#fff; z-index:999; display:none; overflow:auto;}
.sign .tab_menu{ width:94%; margin:auto; padding-top:70px; position:relative; z-index:0;}
.sign .tab_menu li{ width:50%; display:block; text-align:center; position:relative; float:left; font-size:18px; line-height:38px;}
.sign .tab_menu li b{ width:40px; height:2px; display:block; margin:auto; background-color:#fff; overflow:hidden;}
.sign .tab_menu li.cur{ color:#1495ff;}
.sign .tab_menu li.cur b{ background-color:#1495ff;}
.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:#333;}
.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 #1495ff !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:40px; line-height:40px; text-align:center; margin:15px 90px 0; display:block; color:#fff; background:#1495ff; cursor:pointer; font-size:14px; border-radius:5px;}
.sign .box .submit:hover{ background:linear-gradient(to right,#1495ff,#6e2da8);}
.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;}
.sign .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}

/*底部浮动*/
@media screen and (min-width:1280px){
.dfd{ width:100%; height:80px; position:fixed; left:0; bottom:0; z-index:99; background-color:rgba(0,0,0,0.9);}
.dfd .box{ width:80%; min-width:1200px; margin:auto;}
.dfd .box .left{ float:left; display:block; margin:10px 0;}
.dfd .box .left dt{ height:60px; width:60px; float:left; display:block; text-align:center; background-color:#6e2da8;}
.dfd .box .left dd{ height:60px; width:60px; float:left; display:block; text-align:center; margin-left:1vw; background-color:#1495ff;}
.dfd .box .left span{ display:block; font-size:30px; line-height:34px; color:#fff; margin-top:5px;}
.dfd .box .left a{ display:block; font-size:12px; line-height:16px; color:#fff;}
.dfd .box .right{ float:right;}
.dfd .box .right a{ font-size:14px; width:130px; text-align:center; height:36px; line-height:34px; color:#fff; border:1px solid #fff; border-radius:5px; float:left; transition:.5s; cursor:pointer; margin:22px 0; box-sizing:border-box; margin-left:1vw;}
.dfd .box .right a:hover{ border:none; line-height:36px; background:linear-gradient(to right,#1495ff,#6e2da8);}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.dfd{ width:100%; height:70px; position:fixed; left:0; bottom:0; z-index:99; background-color:rgba(0,0,0,0.9);}
.dfd .box{ width:94%; margin:auto;}
.dfd .box .left{ float:left; display:block; margin:8px 0;}
.dfd .box .left dt{ height:54px; width:54px; float:left; display:block; text-align:center; background-color:#6e2da8;}
.dfd .box .left dd{ height:54px; width:54px; float:left; display:block; text-align:center; margin-left:1vw; background-color:#1495ff;}
.dfd .box .left span{ display:block; font-size:30px; line-height:34px; color:#fff; margin-top:2px;}
.dfd .box .left a{ display:block; font-size:12px; line-height:16px; color:#fff;}
.dfd .box .right{ float:right;}
.dfd .box .right a{ font-size:14px; width:130px; text-align:center; height:32px; line-height:30px; color:#fff; border:1px solid #fff; border-radius:5px; float:left; transition:.5s; cursor:pointer; margin:19px 0; box-sizing:border-box; margin-left:1vw;}
.dfd .box .right a:hover{ border:none; line-height:32px; background:linear-gradient(to right,#1495ff,#6e2da8);}	
}
@media only screen and (max-width:1023px){
.dfd{ width:100%; height:60px; position:fixed; left:0; bottom:0; z-index:99; background-color:rgba(0,0,0,0.9);}
.dfd .box{ width:94%; margin:auto;}
.dfd .box .left{ float:left; display:block; margin:5px 0;}
.dfd .box .left dt{ height:50px; width:50px; float:left; display:block; text-align:center; background-color:#6e2da8;}
.dfd .box .left dd{ height:50px; width:50px; float:left; display:block; text-align:center; margin-left:1vw; background-color:#1495ff;}
.dfd .box .left span{ display:block; font-size:24px; line-height:28px; color:#fff; margin-top:3px;}
.dfd .box .left a{ display:block; font-size:12px; line-height:16px; color:#fff;}
.dfd .box .right{ float:right; width:100px; padding-top:2px;}
.dfd .box .right a{ font-size:12px; width:100px; text-align:center; height:25px; line-height:23px; color:#fff; border:1px solid #fff; border-radius:5px; float:left; transition:.5s; cursor:pointer; margin-top:2px; box-sizing:border-box;}
.dfd .box .right a:hover{ border:none; line-height:24px; background:linear-gradient(to right,#1495ff,#6e2da8);}	
}

/*右侧浮动*/
@media screen and (min-width:1280px){
.rfd{ position:fixed; right:0; top:50%; background-color:#121212; padding:30px 22px; z-index:990; transform:translateY(-50%); transition:all 0.3s;}
.rfd a{ display:block; width:24px; margin-bottom:1vw;}
.rfd a img{ display:block; width:100%;}
.rfd a img.img02{ display:none;}
.rfd a:hover .img01{ display:none;} 
.rfd a:hover .img02{ display:block;} 
.rfd div{ width:24px; height:40px; cursor:pointer;}
.rfd div img{ height:40px; margin:auto; display:block;}
.rfd div:hover{ transform:scale(1.05, 1.05);}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.rfd{ position:fixed; right:0; top:50%; background-color:#121212; padding:20px 15px; z-index:990; transform:translateY(-50%); transition:all 0.3s;}
.rfd a{ display:block; width:24px; margin-bottom:1vw;}
.rfd a img{ display:block; width:100%;}
.rfd a img.img02{ display:none;}
.rfd a:hover .img01{ display:none;} 
.rfd a:hover .img02{ display:block;} 
.rfd div{ width:24px; height:40px; cursor:pointer;}
.rfd div img{ height:40px; margin:auto; display:block;}
.rfd div:hover{ transform:scale(1.05, 1.05);}
}
@media only screen and (max-width:1023px){
.rfd{ display:none;}
}

/*home*/
@media screen and (min-width:1280px){
.page1{ height:100vh;}
.page1 .swiper-container{ width:100%; height:100%; overflow:hidden; background-color:#0a0a18;}
.page1 .swiper-container .swiper-slide{ width:100%; height:100%; display:block; overflow:hidden; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:0;}
.page1 .swiper-container .swiper-slide .box{ width:80%; min-width:1200px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); display:flex; align-items:center;}
.page1 .swiper-container .swiper-slide .box .left{ width:50%; margin-right:3%;}
.page1 .swiper-container .swiper-slide .box .left .b01{ color:#fff; font-size:54px; line-height:74px; font-weight:bold;}
.page1 .swiper-container .swiper-slide .box .left .b02{ margin:2vw 0; width:30%; height:2px; background:linear-gradient(to right,#1495ff,#6e2da8);}
.page1 .swiper-container .swiper-slide .box .left .b03{ color:#fff; font-size:30px; line-height:50px;}
.page1 .swiper-container .swiper-slide .box .left .click{ color:#fff; font-size:18px; line-height:38px; margin-top:2.5vw;}
.page1 .swiper-container .swiper-slide .box .left .click a{ display:block; float:left; color:#fff; padding-right:10px; transition:.5s; cursor:pointer;}
.page1 .swiper-container .swiper-slide .box .left .click img{ cursor:pointer;}
.page1 .swiper-container .swiper-slide .box .left .click:hover a{ color:#1495ff;}
.page1 .swiper-container .swiper-slide .box .right{ width:47%;}
.page1 .swiper-container .swiper-slide .box .right img{ max-width:100%; float:right; max-height:calc(100vh - 200px);}
.page1 .swi{ width:80%; min-width:1200px; position:absolute; bottom:100px; left:50%; transform:translateX(-50%); z-index:9;}
.page1 .swi .swiper-pagination{ display:block; float:left; font-size:16px; color:#fff; line-height:30px;}
.page1 .swi .swiper-pagination span.swiper-pagination-current,.page1 .swi .swiper-pagination a{ font-size:28px; color:#fff;}
.page1 .swi .swiper-button-prev{ width:8px; height:14px; cursor:pointer; float:left; margin:8px 2.5vw; margin-right:2vw; background-image:url(../images/left_11.png); background-position:center; background-repeat:no-repeat;}
.page1 .swi .swiper-button-next{ width:8px; height:14px; cursor:pointer; float:left; margin:8px 0; background-image:url(../images/right_13.png); background-position:center; background-repeat:no-repeat;}
.page1 .swi .swiper-button-prev:hover{ background-image:url(../images/left01_11.png);}
.page1 .swi .swiper-button-next:hover{ background-image:url(../images/right01_13.png);}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page1{ height:100vh;}
.page1 .swiper-container{ width:100%; height:100%; overflow:hidden; background-color:#0a0a18;}
.page1 .swiper-container .swiper-slide{ width:100%; height:100%; display:block; overflow:hidden; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:0;}
.page1 .swiper-container .swiper-slide .box{ width:94%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); display:flex; align-items:center;}
.page1 .swiper-container .swiper-slide .box .left{ width:50%; margin-right:3%;}
.page1 .swiper-container .swiper-slide .box .left .b01{ color:#fff; font-size:34px; line-height:54px; font-weight:bold;}
.page1 .swiper-container .swiper-slide .box .left .b02{ margin:2vw 0; width:30%; height:2px; background:linear-gradient(to right,#1495ff,#6e2da8);}
.page1 .swiper-container .swiper-slide .box .left .b03{ color:#fff; font-size:24px; line-height:44px;}
.page1 .swiper-container .swiper-slide .box .left .click{ color:#fff; font-size:16px; line-height:36px; margin-top:2.5vw;}
.page1 .swiper-container .swiper-slide .box .left .click a{ display:block; float:left; color:#fff; padding-right:10px; transition:.5s; cursor:pointer;}
.page1 .swiper-container .swiper-slide .box .left .click img{ cursor:pointer;}
.page1 .swiper-container .swiper-slide .box .left .click:hover a{ color:#1495ff;}
.page1 .swiper-container .swiper-slide .box .right{ width:47%;}
.page1 .swiper-container .swiper-slide .box .right img{ max-width:100%; float:right; max-height:calc(100vh - 200px);}
.page1 .swi{ width:94%; position:absolute; bottom:85px; left:50%; transform:translateX(-50%); z-index:9;}
.page1 .swi .swiper-pagination{ display:block; float:left; font-size:14px; color:#fff; line-height:30px;}
.page1 .swi .swiper-pagination span.swiper-pagination-current,.page1 .swi .swiper-pagination a{ font-size:24px; color:#fff;}
.page1 .swi .swiper-button-prev{ width:8px; height:14px; cursor:pointer; float:left; margin:8px 2.5vw; margin-right:2vw; background-image:url(../images/left_11.png); background-position:center; background-repeat:no-repeat;}
.page1 .swi .swiper-button-next{ width:8px; height:14px; cursor:pointer; float:left; margin:8px 0; background-image:url(../images/right_13.png); background-position:center; background-repeat:no-repeat;}
.page1 .swi .swiper-button-prev:hover{ background-image:url(../images/left01_11.png);}
.page1 .swi .swiper-button-next:hover{ background-image:url(../images/right01_13.png);}
}
@media only screen and (max-width:1023px){
.page1{ height:100vh;}
.page1 .swiper-container{ width:100%; height:100%; overflow:hidden; background-color:#0a0a18;}
.page1 .swiper-container .swiper-slide{ width:100%; display:block; overflow:hidden; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:0;}
.page1 .swiper-container .swiper-slide .box{ width:94%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.page1 .swiper-container .swiper-slide .box .left{ width:100%;}
.page1 .swiper-container .swiper-slide .box .left .b01{ color:#fff; font-size:24px; line-height:34px; font-weight:bold;}
.page1 .swiper-container .swiper-slide .box .left .b02{ margin:5vw 0; width:30%; height:2px; background:linear-gradient(to right,#1495ff,#6e2da8);}
.page1 .swiper-container .swiper-slide .box .left .b03{ color:#fff; font-size:20px; line-height:30px;}
.page1 .swiper-container .swiper-slide .box .left .click{ color:#fff; font-size:14px; line-height:24px; margin-top:7vw;}
.page1 .swiper-container .swiper-slide .box .left .click a{ display:block; float:left; color:#fff; padding-right:10px; transition:.5s; cursor:pointer;}
.page1 .swiper-container .swiper-slide .box .left .click img{ cursor:pointer;}
.page1 .swiper-container .swiper-slide .box .left .click:hover a{ color:#1495ff;}
.page1 .swiper-container .swiper-slide .box .right{ width:100%; margin-top:10vw;}
.page1 .swiper-container .swiper-slide .box .right img{ max-width:100%; display:block; margin:auto;}
.page1 .swi{ width:94%; position:absolute; bottom:65px; left:50%; transform:translateX(-50%); z-index:9;}
.page1 .swi .swiper-pagination{ display:block; float:left; font-size:14px; color:#fff; line-height:30px;}
.page1 .swi .swiper-pagination span.swiper-pagination-current,.page1 .swi .swiper-pagination a{ font-size:24px; color:#fff;}
.page1 .swi .swiper-button-prev{ width:8px; height:14px; cursor:pointer; float:left; margin:8px 7vw; margin-right:5vw; background-image:url(../images/left_11.png); background-position:center; background-repeat:no-repeat;}
.page1 .swi .swiper-button-next{ width:8px; height:14px; cursor:pointer; float:left; margin:8px 0; background-image:url(../images/right_13.png); background-position:center; background-repeat:no-repeat;}
.page1 .swi .swiper-button-prev:hover{ background-image:url(../images/left01_11.png);}
.page1 .swi .swiper-button-next:hover{ background-image:url(../images/right01_13.png);}
}

/*What*/
@media screen and (min-width:1280px){
.page2{ background-position:center; background-repeat:no-repeat; background-size:100% auto;}
.page2 .box{ width:80%; padding:100px 0; min-width:1200px; margin:auto;}
.page2 .box .title{ font-size:44px; font-weight:bold; text-align:center;}
.page2 .box .wen{ font-size:16px; width:72%; margin:auto; text-align:center; margin-top:0.5vw;}
.page2 .box .list{ width:100%; margin-top:2vw; display:flex;}
.page2 .box .list li{ width:22.75%; box-shadow:0 5px 10px rgba(0,0,0,0.1); display:block; background-color:#f9f9f9; overflow:hidden; text-align:center; border-radius:20px; margin-left:3%; padding:3vw 0; box-sizing:border-box;}
.page2 .box .list li:nth-child(4n+1){ margin-left:0;}
.page2 .box .list li:hover{ box-shadow:0 5px 10px rgba(20,149,255,0.7);}
.page2 .box .list li strong{ display:block; overflow:hidden;}
.page2 .box .list li strong img{ display:block; height:100px; margin:auto;}
.page2 .box .list li b{ width:88%; font-size:20px; display:block; line-height:30px; height:60px; margin:1vw auto; position:relative;}
.page2 .box .list li b a{ width:100%; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.page2 .box .list li p{ width:88%; font-size:14px; display:block; margin:auto;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page2{ background-position:center; background-repeat:no-repeat; background-size:100% auto;}
.page2 .box{ width:94%; padding:90px 0; margin:auto;}
.page2 .box .title{ font-size:34px; font-weight:bold; text-align:center;}
.page2 .box .wen{ font-size:14px; width:100%; margin:auto; text-align:center; margin-top:0.5vw;}
.page2 .box .list{ width:100%; margin-top:2vw; display:flex;}
.page2 .box .list li{ width:22.75%; box-shadow:0 5px 10px rgba(0,0,0,0.1); display:block; background-color:#f9f9f9; overflow:hidden; text-align:center; border-radius:10px; margin-left:3%; padding:2.5vw 0; box-sizing:border-box;}
.page2 .box .list li:nth-child(4n+1){ margin-left:0;}
.page2 .box .list li:hover{ box-shadow:0 5px 10px rgba(20,149,255,0.7);}
.page2 .box .list li strong{ display:block; overflow:hidden;}
.page2 .box .list li strong img{ display:block; height:70px; margin:auto;}
.page2 .box .list li b{ width:88%; font-size:18px; display:block; line-height:28px; height:56px; margin:1vw auto; position:relative;}
.page2 .box .list li b a{ width:100%; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.page2 .box .list li p{ width:88%; font-size:14px; display:block; margin:auto;}
}
@media only screen and (max-width:1023px){
.page2{ background-position:center; background-repeat:no-repeat; background-size:100% auto;}
.page2 .box{ width:94%; padding:80px 3%;}
.page2 .box .title{ font-size:24px; font-weight:bold; text-align:center;}
.page2 .box .wen{ font-size:14px; width:100%; margin:auto; text-align:center; margin-top:0.5vw;}
.page2 .box .list{ width:100%;}
.page2 .box .list li{ width:100%; box-shadow:0 5px 10px rgba(0,0,0,0.1); display:block; background-color:#f9f9f9; overflow:hidden; text-align:center; border-radius:5px; margin-top:5vw; padding:5vw 0; box-sizing:border-box;}
.page2 .box .list li:nth-child(4n+1){ margin-left:0;}
.page2 .box .list li:hover{ box-shadow:0 5px 10px rgba(20,149,255,0.7);}
.page2 .box .list li strong{ display:block; overflow:hidden;}
.page2 .box .list li strong img{ display:block; height:50px; margin:auto;}
.page2 .box .list li b{ width:88%; font-size:16px; display:block; margin:3vw auto; position:relative;}
.page2 .box .list li p{ width:88%; font-size:14px; display:block; margin:auto;}
}

/*who*/
@media screen and (min-width:1280px){
.page3{ background-position:right bottom; background-repeat:no-repeat; background-size:cover;}
.page3 .box{ width:80%; min-width:1200px; padding:100px 0; margin:auto;}
.page3 .box .title{ font-size:44px; font-weight:bold; text-align:center; color:#fff;}
.page3 .box .list{ width:100%; display:flex; justify-content:center; flex-wrap:wrap;}
.page3 .box .list li{ width:31.58%; margin-top:2vw; box-sizing:border-box; border:1px solid #2d333f; background-color:#12192c; text-align:center; border-radius:7px; padding:1.5vw 0;}
.page3 .box .list li span{ width:87.5%; margin:auto; display:block; color:#fff; font-size:24px; color:#fff;}
.page3 .box .list li p{ width:87.5%; margin:.5vw auto; line-height:24px; height:96px; display:block; color:#fff; font-size:14px; color:#fff;}
.page3 .box .list li b{ width:87.5%; margin:auto; display:block; font-size:44px; color:#fff;}
.page3 .box .list li:nth-child(2){ margin-left:2.63%;}
.page3 .box .list li:nth-child(3){ margin-left:2.63%;}
.page3 .box .list li:nth-child(5){ margin-left:2.63%;}
.page3 .box .list li:nth-child(1):hover span{ color:#1395ff;}
.page3 .box .list li:nth-child(2):hover span{ color:#2d78e6;}
.page3 .box .list li:nth-child(3):hover span{ color:#3e63d5;}
.page3 .box .list li:nth-child(4):hover span{ color:#5150c5;}
.page3 .box .list li:nth-child(5):hover span{ color:#6e2ca8;}
.page3 .box .list li:nth-child(1) b{ color:#1395ff;}
.page3 .box .list li:nth-child(2) b{ color:#2d78e6;}
.page3 .box .list li:nth-child(3) b{ color:#3e63d5;}
.page3 .box .list li:nth-child(4) b{ color:#5150c5;}
.page3 .box .list li:nth-child(5) b{ color:#6e2ca8;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page3{ background-position:right bottom; background-repeat:no-repeat; background-size:cover;}
.page3 .box{ width:94%; padding:90px 0; margin:auto;}
.page3 .box .title{ font-size:34px; font-weight:bold; text-align:center; color:#fff;}
.page3 .box .list{ width:100%; display:flex; justify-content:center; flex-wrap:wrap;}
.page3 .box .list li{ width:32%; margin-top:1.5vw; box-sizing:border-box; border:1px solid #2d333f; background-color:#12192c; text-align:center; border-radius:10px; padding:1.5vw 0;}
.page3 .box .list li span{ width:90%; margin:auto; display:block; color:#fff; font-size:20px; color:#fff;}
.page3 .box .list li p{ width:90%; margin:.5vw auto; display:block; line-height:24px; height:120px; color:#fff; font-size:14px; color:#fff;}
.page3 .box .list li b{ width:90%; margin:auto; display:block; font-size:34px; color:#fff;}
.page3 .box .list li:nth-child(2){ margin-left:2%;}
.page3 .box .list li:nth-child(3){ margin-left:2%;}
.page3 .box .list li:nth-child(5){ margin-left:2%;}
.page3 .box .list li:nth-child(1):hover span{ color:#1395ff;}
.page3 .box .list li:nth-child(2):hover span{ color:#2d78e6;}
.page3 .box .list li:nth-child(3):hover span{ color:#3e63d5;}
.page3 .box .list li:nth-child(4):hover span{ color:#5150c5;}
.page3 .box .list li:nth-child(5):hover span{ color:#6e2ca8;}
.page3 .box .list li:nth-child(1) b{ color:#1395ff;}
.page3 .box .list li:nth-child(2) b{ color:#2d78e6;}
.page3 .box .list li:nth-child(3) b{ color:#3e63d5;}
.page3 .box .list li:nth-child(4) b{ color:#5150c5;}
.page3 .box .list li:nth-child(5) b{ color:#6e2ca8;}
}
@media only screen and (max-width:1023px){
.page3{ background-position:right bottom; background-repeat:no-repeat; background-size:cover;}
.page3 .box{ width:94%; padding:80px 3%;}
.page3 .box .title{ font-size:24px; font-weight:bold; text-align:center; color:#fff;}
.page3 .box .list{ width:100%;}
.page3 .box .list li{ width:100%; margin-top:5vw; box-sizing:border-box; border:1px solid #2d333f; background-color:#12192c; text-align:center; border-radius:5px; padding:3vw 0;}
.page3 .box .list li span{ width:90%; margin:auto; display:block; color:#fff; font-size:18px; color:#fff;}
.page3 .box .list li p{ width:90%; margin:.5vw auto; display:block; color:#fff; font-size:14px; color:#fff;}
.page3 .box .list li b{ width:90%; margin:auto; display:block; font-size:30px; color:#fff;}
.page3 .box .list li:nth-child(1):hover span{ color:#1395ff;}
.page3 .box .list li:nth-child(2):hover span{ color:#2d78e6;}
.page3 .box .list li:nth-child(3):hover span{ color:#3e63d5;}
.page3 .box .list li:nth-child(4):hover span{ color:#5150c5;}
.page3 .box .list li:nth-child(5):hover span{ color:#6e2ca8;}
.page3 .box .list li:nth-child(1) b{ color:#1395ff;}
.page3 .box .list li:nth-child(2) b{ color:#2d78e6;}
.page3 .box .list li:nth-child(3) b{ color:#3e63d5;}
.page3 .box .list li:nth-child(4) b{ color:#5150c5;}
.page3 .box .list li:nth-child(5) b{ color:#6e2ca8;}
}

/*Why*/
@media screen and (min-width:1280px){
.page4 .box{ width:80%; min-width:1200px; margin:auto; height:100vh; position:relative; z-index:3;}
.page4 .box .left{ width:42%; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.page4 .box .title{ font-size:44px; font-weight:bold;}
.page4 .box .line{ width:18.75%; height:2px; margin-top:1vw; background:linear-gradient(to right,#1495ff,#6e2da8);}
.page4 .box .list{ width:100%; display:block; padding-top:0.5vw;}
.page4 .box .list li{ display:block; margin-top:1.5vw; overflow:hidden;}
.page4 .box .list li strong{ display:block; overflow:hidden;}
.page4 .box .list li strong img{ display:block; height:50px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.page4 .box .list li:hover img{ -webkit-transform:rotateY(-360deg);}
.page4 .box .list li span{ font-size:20px; display:block; margin-top:0.5vw;}
.page4 .box .list li p{ font-size:14px; display:block; margin-top:0.3vw;}
.page4 .box .right{ width:48%; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.page4 .box .right li{ display:block; padding:2vw 0; margin-left:15%; width:35%; position:relative; float:left; overflow:hidden;}
.page4 .box .right li b{ display:block; border-radius:100%; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); background:linear-gradient(to right,#1495ff,#6e2da8); width:3vw; height:3vw;}
.page4 .box .right li b img{ height:1.8vw; display:block; margin:0.6vw auto; -webkit-transition:1s linear; transition:1s ease-in;}
.page4 .box .right li:hover b img{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.page4 .box .right li p{ display:table; float:right; width:73%; padding-left:15%; border-radius:100%; height:20vh; border:1px dashed #fff; vertical-align:middle;}
.page4 .box .right li p a{ display:table-cell; vertical-align:middle; overflow:hidden;}
.page4 .box .right li p a strong{ display:block; font-size:32px;}
.page4 .box .right li p a span{ display:block; font-size:16px; color:#fff; text-transform:uppercase;}
.page4 .box .right li:nth-child(1) strong{ color:#1395ff;}
.page4 .box .right li:nth-child(2) strong{ color:#2d78e6;}
.page4 .box .right li:nth-child(3) strong{ color:#5150c5;}
.page4 .box .right li:nth-child(4) strong{ color:#6e2ca8;}
.page4 .lbg{ width:50%; height:100%; position:absolute; left:0; top:0; background-color:#fff; background-position:top left; background-repeat:no-repeat; background-size:100% auto; z-index:0;}
.page4 .rbg{ width:50%; height:100%; position:absolute; right:0; top:0; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:0;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page4 .box{ width:94%; margin:auto; height:100vh; position:relative; z-index:3;}
.page4 .box .left{ width:47%; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.page4 .box .title{ font-size:34px; font-weight:bold;}
.page4 .box .line{ width:18.75%; height:2px; margin-top:2vw; background:linear-gradient(to right,#1495ff,#6e2da8);}
.page4 .box .list{ width:100%; display:block; padding-top:0.5vw;}
.page4 .box .list li{ display:block; margin-top:2vw; overflow:hidden;}
.page4 .box .list li strong{ display:block; overflow:hidden;}
.page4 .box .list li strong img{ display:block; height:40px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.page4 .box .list li:hover img{ -webkit-transform:rotateY(-360deg);}
.page4 .box .list li span{ font-size:18px; display:block; margin-top:1vw;}
.page4 .box .list li p{ font-size:14px; display:block; margin-top:0.3vw;}
.page4 .box .right{ width:50%; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.page4 .box .right li{ display:block; padding:2vw 0; margin-left:6%; width:44%; position:relative; float:left; overflow:hidden;}
.page4 .box .right li b{ display:block; border-radius:100%; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); background:linear-gradient(to right,#1495ff,#6e2da8); width:5vw; height:5vw;}
.page4 .box .right li b img{ height:3vw; display:block; margin:1vw auto; -webkit-transition:1s linear; transition:1s ease-in;}
.page4 .box .right li:hover b img{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.page4 .box .right li p{ display:table; float:right; width:68%; padding-left:20%; border-radius:100%; height:18vw; border:1px dashed #fff; vertical-align:middle;}
.page4 .box .right li p a{ display:table-cell; vertical-align:middle; overflow:hidden;}
.page4 .box .right li p a strong{ display:block; font-size:28px;}
.page4 .box .right li p a span{ display:block; font-size:14px; color:#fff; text-transform:uppercase;}
.page4 .box .right li:nth-child(1) strong{ color:#1395ff;}
.page4 .box .right li:nth-child(2) strong{ color:#2d78e6;}
.page4 .box .right li:nth-child(3) strong{ color:#5150c5;}
.page4 .box .right li:nth-child(4) strong{ color:#6e2ca8;}
.page4 .lbg{ width:50%; height:100%; position:absolute; left:0; top:0; background-color:#fff; background-position:top left; background-repeat:no-repeat; background-size:100% auto; z-index:0;}
.page4 .rbg{ width:50%; height:100%; position:absolute; right:0; top:0; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:0;}
}
@media only screen and (max-width:1023px){
.page4{}
.page4 .box{ width:100%; margin:auto; position:relative; z-index:3;}
.page4 .box .left{ width:94%; padding:80px 3%; padding-bottom:30px; background-image:url(../images/page041_19.jpg); background-size:100% auto; background-repeat:no-repeat; background-color:#fff;}
.page4 .box .title{ font-size:24px; font-weight:bold;}
.page4 .box .line{ width:25%; height:2px; margin-top:3vw; background:linear-gradient(to right,#1495ff,#6e2da8);}
.page4 .box .list{ width:100%; display:block; padding-top:1vw;}
.page4 .box .list li{ display:block; margin-top:15px; overflow:hidden;}
.page4 .box .list li strong{ display:block; overflow:hidden;}
.page4 .box .list li strong img{ display:block; height:30px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.page4 .box .list li:hover img{ -webkit-transform:rotateY(-360deg);}
.page4 .box .list li span{ font-size:16px; display:block; margin-top:2vw;}
.page4 .box .list li p{ font-size:14px; display:block; margin-top:0.5vw;}
.page4 .box .right{ width:100%; padding-bottom:80px; padding-top:15px;}
.page4 .box .right li{ display:block; margin-top:15px; margin-left:3%; width:45.5%; position:relative; float:left; overflow:hidden;}
.page4 .box .right li b{ display:block; border-radius:100%; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); background:linear-gradient(to right,#1495ff,#6e2da8); width:10vw; height:10vw;}
.page4 .box .right li b img{ height:6vw; display:block; margin:2vw auto; -webkit-transition:1s linear; transition:1s ease-in;}
.page4 .box .right li:hover b img{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.page4 .box .right li p{ display:table; float:right; width:68%; padding-left:20%; border-radius:100%; height:20vw; border:1px dashed #fff; vertical-align:middle;}
.page4 .box .right li p a{ display:table-cell; vertical-align:middle; overflow:hidden;}
.page4 .box .right li p a strong{ display:block; font-size:24px;}
.page4 .box .right li p a span{ display:block; font-size:14px; color:#fff; text-transform:uppercase;}
.page4 .box .right li:nth-child(1) strong{ color:#1395ff;}
.page4 .box .right li:nth-child(2) strong{ color:#2d78e6;}
.page4 .box .right li:nth-child(3) strong{ color:#5150c5;}
.page4 .box .right li:nth-child(4) strong{ color:#6e2ca8;}
.page4 .rbg{ width:100%; height:50%; position:absolute; bottom:0; left:0; background-color:#fff; background-position:right bottom; background-repeat:no-repeat; background-size:100% auto; z-index:0;}
}

/*Speakers*/
@media screen and (min-width:1280px){
.page5{ background-position:center; background-repeat:no-repeat; background-size:cover;}
.page5 .box{ width:80%; min-width:1200px; padding:100px 0; margin:auto;}
.page5 .box .title{ font-size:44px; font-weight:bold; text-align:center;}
.page5 .box .wen{ font-size:16px; width:72%; margin:auto; text-align:center; margin-top:0.5vw;}
.page5 .box .swiper-container{ width:100%; margin-top:2vw;}
.page5 .box .swiper-container .swiper-slide{ display:block; overflow:hidden;}
.page5 .box .swiper-container .swiper-slide strong{ width:100%; max-width:320px; display:block; margin:auto; border-radius:100%; overflow:hidden;}
.page5 .box .swiper-container .swiper-slide strong img{ width:100%; display:block;}
.page5 .box .swiper-container .swiper-slide span{ display:block; text-align:center; margin-top:2vw; font-size:20px;}
.page5 .box .swiper-container .swiper-slide p{ display:block; text-align:center; margin-top:1vw; font-size:16px;}
.page5 .box .swiper-container .swiper-slide:hover span{ color:#1495ff;}
.page5 .box .swiper-container .swiper-pagination{ width:100%; margin-top:2vw; text-align:center;}
.page5 .box .swiper-container .swiper-pagination span{ display:inline-block; width:10px; height:10px; border-radius:10px; background-color:#999; margin:0 5px; overflow:hidden;}
.page5 .box .swiper-container .swiper-pagination span.swiper-pagination-bullet-active{ width:7%; background:linear-gradient(to right,#1495ff,#6e2da8);}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page5{ background-position:center; background-repeat:no-repeat; background-size:cover;}
.page5 .box{ width:94%; padding:90px 0; margin:auto;}
.page5 .box .title{ font-size:34px; font-weight:bold; text-align:center;}
.page5 .box .wen{ font-size:14px; width:100%; margin:auto; text-align:center; margin-top:0.5vw;}
.page5 .box .swiper-container{ width:100%; margin-top:3vw;}
.page5 .box .swiper-container .swiper-slide{ display:block; overflow:hidden;}
.page5 .box .swiper-container .swiper-slide strong{ width:100%; max-width:260px; display:block; margin:auto; border-radius:100%; overflow:hidden;}
.page5 .box .swiper-container .swiper-slide strong img{ width:100%; display:block;}
.page5 .box .swiper-container .swiper-slide span{ display:block; text-align:center; margin-top:2vw; font-size:18px;}
.page5 .box .swiper-container .swiper-slide p{ display:block; text-align:center; margin-top:1vw; font-size:14px;}
.page5 .box .swiper-container .swiper-slide:hover span{ color:#1495ff;}
.page5 .box .swiper-container .swiper-pagination{ width:100%; margin-top:3vw; text-align:center;}
.page5 .box .swiper-container .swiper-pagination span{ display:inline-block; width:10px; height:10px; border-radius:10px; background-color:#999; margin:0 5px; overflow:hidden;}
.page5 .box .swiper-container .swiper-pagination span.swiper-pagination-bullet-active{ width:7%; background:linear-gradient(to right,#1495ff,#6e2da8);}
}
@media only screen and (max-width:1023px){
.page5{ background-position:center; background-repeat:no-repeat; background-size:cover;}
.page5 .box{ width:94%; padding:80px 3%;}
.page5 .box .title{ font-size:24px; font-weight:bold; text-align:center;}
.page5 .box .wen{ font-size:14px; width:100%; margin:auto; text-align:center; margin-top:0.5vw;}
.page5 .box .swiper-container{ width:100%; margin-top:4vw;}
.page5 .box .swiper-container .swiper-slide{ display:block; overflow:hidden;}
.page5 .box .swiper-container .swiper-slide strong{ width:100%; max-width:200px; display:block; margin:auto; border-radius:100%; overflow:hidden;}
.page5 .box .swiper-container .swiper-slide strong img{ width:100%; display:block;}
.page5 .box .swiper-container .swiper-slide span{ display:block; text-align:center; margin-top:3vw; font-size:18px;}
.page5 .box .swiper-container .swiper-slide p{ display:block; text-align:center; margin-top:2vw; margin-bottom:4vw; font-size:14px;}
.page5 .box .swiper-container .swiper-slide:hover span{ color:#1495ff;}
.page5 .box .swiper-container .swiper-pagination{ width:100%; text-align:center;}
.page5 .box .swiper-container .swiper-pagination span{ display:inline-block; width:10px; height:10px; border-radius:10px; background-color:#999; margin:0 5px; overflow:hidden;}
.page5 .box .swiper-container .swiper-pagination span.swiper-pagination-bullet-active{ width:40px; background:linear-gradient(to right,#1495ff,#6e2da8);}
}

/*Exhibition */
@media screen and (min-width:1280px){
.page6{ height:100vh; background-position:center; background-repeat:no-repeat; background-size:cover;}
.page6 .box{ width:80%; min-width:1200px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); display:flex; align-items:center;}
.page6 .box .left{ width:42%; margin-right:8%;}
.page6 .box .left .title{ color:#fff; font-size:44px; font-weight:bold;}
.page6 .box .line{ width:18.75%; height:2px; margin-top:1vw; background:linear-gradient(to right,#1495ff,#6e2da8);}
.page6 .box .wen{ font-size:16px; margin-top:3vw; color:#fff;}
.page6 .box .swi{ margin-top:5vw;}
.page6 .box .swi .swiper-button-prev{ width:40px; height:40px; float:left; border-radius:100%; background-image:url(../images/prev.png);}
.page6 .box .swi .swiper-button-prev:hover{ background-image:url(../images/prevh.png);}
.page6 .box .swi .swiper-button-next{ width:40px; height:40px; float:left; border-radius:100%; background-image:url(../images/next.png); margin-left:7.8125%;}
.page6 .box .swi .swiper-button-next:hover{ background-image:url(../images/nexth.png);}
.page6 .box .right{ width:50%;}
.page6 .box .right strong{ width:100%; display:block; overflow:hidden; border-radius:20px;}
.page6 .box .right strong img{ width:100%; display:block;}
.page6 .box .right span{ display:block; color:#fff; text-align:right; margin-top:3vw; font-size:16px;}
.page6 .box .right p{ display:block; color:#fff; text-align:right; margin-top:1vw; font-size:20px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page6{ height:100vh; background-position:center; background-repeat:no-repeat; background-size:cover;}
.page6 .box{ width:94%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); display:flex; align-items:center;}
.page6 .box .left{ width:47%; margin-right:3%;}
.page6 .box .left .title{ color:#fff; font-size:34px; font-weight:bold;}
.page6 .box .line{ width:18.75%; height:2px; margin-top:2vw; background:linear-gradient(to right,#1495ff,#6e2da8);}
.page6 .box .wen{ font-size:14px; margin-top:3vw; color:#fff;}
.page6 .box .swi{ margin-top:5vw;}
.page6 .box .swi .swiper-button-prev{ width:40px; height:40px; float:left; border-radius:100%; background-image:url(../images/prev.png);}
.page6 .box .swi .swiper-button-prev:hover{ background-image:url(../images/prevh.png);}
.page6 .box .swi .swiper-button-next{ width:40px; height:40px; float:left; border-radius:100%; background-image:url(../images/next.png); margin-left:7.8125%;}
.page6 .box .swi .swiper-button-next:hover{ background-image:url(../images/nexth.png);}
.page6 .box .right{ width:50%;}
.page6 .box .right strong{ width:100%; display:block; overflow:hidden; border-radius:15px;}
.page6 .box .right strong img{ width:100%; display:block;}
.page6 .box .right span{ display:block; color:#fff; text-align:right; margin-top:2vw; font-size:14px;}
.page6 .box .right p{ display:block; color:#fff; text-align:right; margin-top:1vw; font-size:18px;}
}
@media only screen and (max-width:1023px){
.page6{ background-position:center; background-repeat:no-repeat; background-size:cover;}
.page6 .box{ width:94%; padding:80px 3%;}
.page6 .box .left{ width:100%;}
.page6 .box .left .title{ color:#fff; font-size:24px; font-weight:bold;}
.page6 .box .line{ width:25%; height:2px; margin-top:3vw; background:linear-gradient(to right,#1495ff,#6e2da8);}
.page6 .box .wen{ font-size:14px; margin-top:5vw; color:#fff;}
.page6 .box .swi{ margin-top:5vw;}
.page6 .box .swi .swiper-button-prev{ width:30px; height:30px; float:left; border-radius:100%; background-image:url(../images/prev.png); background-size:100% 100%;}
.page6 .box .swi .swiper-button-prev:hover{ background-image:url(../images/prevh.png);}
.page6 .box .swi .swiper-button-next{ width:30px; height:30px; float:left; border-radius:100%; background-image:url(../images/next.png); margin-left:7.8125%; background-size:100% 100%;}
.page6 .box .swi .swiper-button-next:hover{ background-image:url(../images/nexth.png);}
.page6 .box .right{ width:100%; margin-top:8vw;}
.page6 .box .right strong{ width:100%; display:block; overflow:hidden; border-radius:10px;}
.page6 .box .right strong img{ width:100%; display:block;}
.page6 .box .right span{ display:block; color:#fff; text-align:right; margin-top:3vw; font-size:14px;}
.page6 .box .right p{ display:block; color:#fff; text-align:right; margin-top:2vw; font-size:16px;}
}

/*Agenda*/
@media screen and (min-width:1280px){
.page7 .box{ width:80%; min-width:1200px; margin:auto; height:100vh; position:relative; z-index:3;}
.page7 .box .left{ width:34%; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.page7 .box .title{ font-size:44px; font-weight:bold;}
.page7 .box .line{ width:18.75%; height:2px; margin-top:1vw; background:linear-gradient(to right,#1495ff,#6e2da8);}
.page7 .box .tab_menu{ padding-top:0.5vw;}
.page7 .box .tab_menu li{ display:block; margin-top:2vw; overflow:hidden; cursor:pointer;}
.page7 .box .tab_menu li span{ display:block; font-size:20px;}
.page7 .box .tab_menu li p{ display:block; font-size:14px; margin-top:0.5vw;}
.page7 .box .tab_menu li.cur span{ color:#1495ff;}
.page7 .box .right{ width:48%; height:60%; overflow:auto; position:absolute; top:50%; right:0; transform:translateY(-50%); background-image:none !important;}
.page7 .box .right::-webkit-scrollbar{ width:5px; height:1px;}
.page7 .box .right::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#1495ff;}
.page7 .box .right::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}
.page7 .box .right .cont{ margin-top:-3vw;}
.page7 .box .right .cont .bt{ margin-top:3vw; padding:7px 0; padding-left:20px;}
.page7 .box .right .cont .bt.b01{ border-left:15px solid #1495ff;}
.page7 .box .right .cont .bt.b02{ border-left:15px solid #6e2da8;}
.page7 .box .right .cont .bt span{ display:block; color:#fff; font-size:14px;}
.page7 .box .right .cont .bt p{ display:block; color:#fff; font-size:18px;}
.page7 .box .right .cont .wen{ margin-top:1.5vw; color:#fff; font-size:14px;}
.page7 .lbg{ width:43.75%; height:100%; position:absolute; left:0; top:0; background-color:#fff; background-position:bottom right; background-repeat:no-repeat; background-size:100% auto; z-index:0;}
.page7 .rbg{ width:56.25%; height:100%; position:absolute; right:0; top:0; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:0;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page7 .box{ width:94%; margin:auto; height:100vh; position:relative; z-index:3;}
.page7 .box .left{ width:40%; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.page7 .box .title{ font-size:34px; font-weight:bold;}
.page7 .box .line{ width:18.75%; height:2px; margin-top:2vw; background:linear-gradient(to right,#1495ff,#6e2da8);}
.page7 .box .tab_menu{ padding-top:0.5vw;}
.page7 .box .tab_menu li{ display:block; margin-top:2vw; overflow:hidden; cursor:pointer;}
.page7 .box .tab_menu li span{ display:block; font-size:18px;}
.page7 .box .tab_menu li p{ display:block; font-size:14px; margin-top:0.5vw;}
.page7 .box .tab_menu li.cur span{ color:#1495ff;}
.page7 .box .right{ width:53%; height:60%; overflow:auto; position:absolute; top:50%; right:0; transform:translateY(-50%); background-image:none !important;}
.page7 .box .right::-webkit-scrollbar{ width:5px; height:1px;}
.page7 .box .right::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#1495ff;}
.page7 .box .right::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}
.page7 .box .right .cont{ margin-top:-3vw;}
.page7 .box .right .cont .bt{ margin-top:3vw; padding:5px 0; padding-left:15px;}
.page7 .box .right .cont .bt.b01{ border-left:10px solid #1495ff;}
.page7 .box .right .cont .bt.b02{ border-left:10px solid #6e2da8;}
.page7 .box .right .cont .bt span{ display:block; color:#fff; font-size:14px;}
.page7 .box .right .cont .bt p{ display:block; color:#fff; font-size:16px;}
.page7 .box .right .cont .wen{ margin-top:1vw; color:#fff; font-size:14px;}

.page7 .lbg{ width:43.75%; height:100%; position:absolute; left:0; top:0; background-color:#fff; background-position:bottom right; background-repeat:no-repeat; background-size:100% auto; z-index:0;}
.page7 .rbg{ width:56.25%; height:100%; position:absolute; right:0; top:0; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:0;}
}
@media only screen and (max-width:1023px){
.page7 .box{ width:100%; margin:auto; position:relative; z-index:3;}
.page7 .box .left{ width:100%; padding:80px 3%; box-sizing:border-box; padding-bottom:30px; background-image:url(../images/page071_30.jpg); background-size:100% auto; background-repeat:no-repeat; background-position:left bottom; background-color:#fff;}
.page7 .box .left::-webkit-scrollbar{ width:5px; height:1px;}
.page7 .box .left::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#1495ff;}
.page7 .box .left::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}
.page7 .box .title{ font-size:24px; font-weight:bold;}
.page7 .box .line{ width:25%; height:2px; margin-top:3vw; background:linear-gradient(to right,#1495ff,#6e2da8);}
.page7 .box .tab_menu{ padding-top:0.5vw;}
.page7 .box .tab_menu li{ display:block; margin-top:3vw; overflow:hidden; cursor:pointer;}
.page7 .box .tab_menu li span{ display:block; font-size:16px;}
.page7 .box .tab_menu li p{ display:block; font-size:14px;}
.page7 .box .tab_menu li.cur span{ color:#1495ff;}
.page7 .box .right{ width:100%; height:50vh; overflow:auto; padding:30px 3%; padding-bottom:0; box-sizing:border-box; background-color:#fff; background-position:right bottom; background-repeat:no-repeat; background-size:cover;}
.page7 .box .right::-webkit-scrollbar{ width:5px; height:1px;}
.page7 .box .right::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#1495ff;}
.page7 .box .right::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}
.page7 .box .right .cont{ margin-top:-3vw; margin-bottom:80px;}
.page7 .box .right .cont .bt{ margin-top:3vw; padding:5px 0; padding-left:10px;}
.page7 .box .right .cont .bt.b01{ border-left:5px solid #1495ff;}
.page7 .box .right .cont .bt.b02{ border-left:5px solid #6e2da8;}
.page7 .box .right .cont .bt span{ display:block; color:#fff; font-size:14px;}
.page7 .box .right .cont .bt p{ display:block; color:#fff; font-size:16px;}
.page7 .box .right .cont .wen{ margin-top:1vw; color:#fff; font-size:14px;}
}

/*Strategic partner*/
@media screen and (min-width:1280px){
.page8 .box{ width:80%; min-width:1200px; margin:auto; height:100vh; position:relative; z-index:3;}
.page8 .box .left{ width:42%; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.page8 .box .title{ font-size:44px; font-weight:bold; color:#fff;}
.page8 .box .line{ width:18.75%; height:2px; margin-top:1vw; background:linear-gradient(to right,#1495ff,#6e2da8);}
.page8 .box .wen{ font-size:16px; margin-top:3vw; color:#fff;}
.page8 .box .yy{ position:relative; cursor:pointer; margin-top:5vw; display:inline-block; padding-right:12px;}
.page8 .box .yy p{ display:block; height:38px; line-height:38px; border:1px dashed #fff; padding-left:15px; padding-right:20px; font-size:14px; color:#fff;}
.page8 .box .yy b{ display:block; width:24px; position:absolute; right:0; top:50%; margin-top:-12px;}
.page8 .box .yy b img{ width:100%; display:block;}
.page8 .box .yy:hover p{ background:linear-gradient(to right,#1495ff,#6e2da8);}
.page8 .box .right{ width:42%; position:absolute; top:50%; right:0; transform:translateY(-50%); background-image:none !important;}
.page8 .box .right img{ width:100%; display:block;}

.page8 .lbg{ width:50%; height:100%; position:absolute; left:0; top:0; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:0;}
.page8 .rbg{ width:50%; height:100%; position:absolute; right:0; top:0; background-color:#fff; background-position:bottom right; background-repeat:no-repeat; background-size:100% auto; z-index:0;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page8 .box{ width:94%; margin:auto; height:100vh; position:relative; z-index:3;}
.page8 .box .left{ width:47%; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.page8 .box .title{ font-size:34px; font-weight:bold; color:#fff;}
.page8 .box .line{ width:18.75%; height:2px; margin-top:2vw; background:linear-gradient(to right,#1495ff,#6e2da8);}
.page8 .box .wen{ font-size:16px; margin-top:3vw; color:#fff;}
.page8 .box .yy{ position:relative; cursor:pointer; margin-top:5vw; display:inline-block; padding-right:12px;}
.page8 .box .yy p{ display:block; height:38px; line-height:38px; border:1px dashed #fff; padding-left:15px; padding-right:20px; font-size:14px; color:#fff;}
.page8 .box .yy b{ display:block; width:24px; position:absolute; right:0; top:50%; margin-top:-12px;}
.page8 .box .yy b img{ width:100%; display:block;}
.page8 .box .yy:hover p{ background:linear-gradient(to right,#1495ff,#6e2da8);}
.page8 .box .right{ width:47%; position:absolute; top:50%; right:0; transform:translateY(-50%); background-image:none !important;}
.page8 .box .right img{ width:100%; display:block;}

.page8 .lbg{ width:50%; height:100%; position:absolute; left:0; top:0; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:0;}
.page8 .rbg{ width:50%; height:100%; position:absolute; right:0; top:0; background-color:#fff; background-position:bottom right; background-repeat:no-repeat; background-size:100% auto; z-index:0;}
}
@media only screen and (max-width:1023px){
.page8 .box{ width:100%; height:100%; margin:auto; position:relative; z-index:3;}
.page8 .box .left{ width:100%; padding:80px 3%; box-sizing:border-box; padding-bottom:30px; background-image:url(../images/page081_32.jpg); background-size:cover; background-repeat:no-repeat;}
.page8 .box .title{ font-size:24px; font-weight:bold; color:#fff;}
.page8 .box .line{ width:25%; height:2px; margin-top:3vw; background:linear-gradient(to right,#1495ff,#6e2da8);}
.page8 .box .wen{ font-size:14px; margin-top:5vw; color:#fff;}
.page8 .box .yy{ position:relative; cursor:pointer; margin-top:5vw; display:inline-block; padding-right:12px;}
.page8 .box .yy p{ display:block; height:34px; line-height:34px; border:1px dashed #fff; padding-left:10px; padding-right:15px; font-size:14px; color:#fff;}
.page8 .box .yy b{ display:block; width:24px; position:absolute; right:0; top:50%; margin-top:-12px;}
.page8 .box .yy b img{ width:100%; display:block;}
.page8 .box .yy:hover p{ background:linear-gradient(to right,#1495ff,#6e2da8);}
.page8 .box .right{ width:100%; padding:30px 3%; padding-bottom:80px; box-sizing:border-box; background-color:#fff; background-position:right bottom; background-repeat:no-repeat; background-size:cover;}
.page8 .box .right img{ width:94%; display:block;}
}

/*Strategic partner*/
@media screen and (min-width:1280px){
.page9{ background-position:left top; background-repeat:no-repeat; background-size:cover;}
.page9 .box{ width:80%; min-width:1200px; padding:100px 0; margin:auto; text-align:center;}
.page9 .box .title{ font-size:44px; font-weight:bold;}
.page9 .box .cont{ margin-top:1vw;}
.page9 .box .cont .bt{ font-size:24px;}
.page9 .box .cont .list{ display:block; text-align:center;}
.page9 .box .cont .list li{ width:8.75vw; height:8.75vw; display:inline-block; margin:1vw; margin-bottom:0; padding:1px; background:linear-gradient(to right,#1495ff,#6e2da8);}
.page9 .box .cont .list li a{ width:8.75vw; height:8.75vw; display:flex; align-items:center; background-color:#fff; overflow:hidden;}
.page9 .box .cont .list li a img{ width:100%; display:block;}
.page9 .box .yy{ position:relative; cursor:pointer; margin-top:2vw; display:inline-block; padding-right:12px;}
.page9 .box .yy p{ display:block; height:38px; line-height:38px; border:1px dashed #cacaca; padding-left:15px; padding-right:20px; font-size:14px; color:#333;}
.page9 .box .yy b{ display:block; width:24px; position:absolute; right:0; top:50%; margin-top:-12px;}
.page9 .box .yy b img{ width:100%; display:block;}
.page9 .box .yy:hover p{ background:linear-gradient(to right,#1495ff,#6e2da8); border:1px dashed #fff; color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page9{ background-position:left top; background-repeat:no-repeat; background-size:cover;}
.page9 .box{ width:94%; padding:90px 0; margin:auto; text-align:center;}
.page9 .box .title{ font-size:34px; font-weight:bold;}
.page9 .box .cont{ margin-top:2vw;}
.page9 .box .cont .bt{ font-size:20px;}
.page9 .box .cont .list{ display:block; text-align:center;}
.page9 .box .cont .list li{ width:10vw; height:10vw; display:inline-block; margin:2vw 1vw; margin-bottom:0; padding:1px; background:linear-gradient(to right,#1495ff,#6e2da8);}
.page9 .box .cont .list li a{ width:10vw; height:10vw; display:flex; align-items:center; background-color:#fff; overflow:hidden;}
.page9 .box .cont .list li a img{ width:100%; display:block;}
.page9 .box .yy{ position:relative; cursor:pointer; margin-top:5vw; display:inline-block; padding-right:12px;}
.page9 .box .yy p{ display:block; height:38px; line-height:38px; border:1px dashed #cacaca; padding-left:15px; padding-right:20px; font-size:14px; color:#333;}
.page9 .box .yy b{ display:block; width:24px; position:absolute; right:0; top:50%; margin-top:-12px;}
.page9 .box .yy b img{ width:100%; display:block;}
.page9 .box .yy:hover p{ background:linear-gradient(to right,#1495ff,#6e2da8); border:1px dashed #fff; color:#fff;}
}
@media only screen and (max-width:1023px){
.page9{ background-position:left top; background-repeat:no-repeat; background-size:cover;}
.page9 .box{ width:100%; padding:80px 0; text-align:center;}
.page9 .box .title{ font-size:24px; font-weight:bold;}
.page9 .box .cont{ margin-top:3vw;}
.page9 .box .cont .bt{ font-size:16px;}
.page9 .box .cont .list{ display:block; text-align:center;}
.page9 .box .cont .list li{ width:20vw; height:20vw; display:inline-block; margin:3vw 1vw; margin-bottom:0; padding:1px; background:linear-gradient(to right,#1495ff,#6e2da8);}
.page9 .box .cont .list li a{ width:20vw; height:20vw; display:flex; align-items:center; background-color:#fff; overflow:hidden;}
.page9 .box .cont .list li a img{ width:100%; display:block;}
.page9 .box .yy{ position:relative; cursor:pointer; margin-top:5vw; display:inline-block; padding-right:12px;}
.page9 .box .yy p{ display:block; height:34px; line-height:34px; border:1px dashed #cacaca; padding-left:10px; padding-right:15px; font-size:14px; color:#333;}
.page9 .box .yy b{ display:block; width:24px; position:absolute; right:0; top:50%; margin-top:-12px;}
.page9 .box .yy b img{ width:100%; display:block;}
.page9 .box .yy:hover p{ background:linear-gradient(to right,#1495ff,#6e2da8); border:1px dashed #fff; color:#fff;}
}

/*Plan*/
@media screen and (min-width:1280px){
.page10 .box{ width:80%; min-width:1200px; margin:auto; height:100vh; position:relative; z-index:3;}
.page10 .box .left{ width:42%; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.page10 .box .title{ font-size:44px; font-weight:bold; color:#fff;}
.page10 .box .line{ width:18.75%; height:2px; margin-top:1vw; background:linear-gradient(to right,#1495ff,#6e2da8);}
.page10 .box .wen{ font-size:16px; margin-top:3vw; color:#fff;}
.page10 .box .yy{ position:relative; cursor:pointer; margin-top:5vw; display:inline-block; padding-right:12px;}
.page10 .box .yy p{ display:block; height:38px; line-height:38px; border:1px dashed #fff; padding-left:15px; padding-right:20px; font-size:14px; color:#fff;}
.page10 .box .yy b{ display:block; width:24px; position:absolute; right:0; top:50%; margin-top:-12px;}
.page10 .box .yy b img{ width:100%; display:block;}
.page10 .box .yy:hover p{ background:linear-gradient(to right,#1495ff,#6e2da8);}
/**
.page10 .right{ width:50%; max-height:100%; position:absolute; top:50%; right:0; transform:translateY(-50%); z-index:5;}
.page10 .right img{ width:100%; display:block;}
 */
.page10 .right{ width:50%; height:100%; position:absolute; top:0; right:0; z-index:5;}
.page10 .right img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.page10 .lbg{ width:50%; height:100%; position:absolute; left:0; top:0; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:0;}

.bigimg{  position:fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); display:none; z-index:9999; border:10px 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:60px;}
.mask>img:hover{cursor:pointer}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page10 .box{ width:94%; margin:auto; height:100vh; position:relative; z-index:3;}
.page10 .box .left{ width:47%; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.page10 .box .title{ font-size:34px; font-weight:bold; color:#fff;}
.page10 .box .line{ width:18.75%; height:2px; margin-top:2vw; background:linear-gradient(to right,#1495ff,#6e2da8);}
.page10 .box .wen{ font-size:16px; margin-top:3vw; color:#fff;}
.page10 .box .yy{ position:relative; cursor:pointer; margin-top:5vw; display:inline-block; padding-right:12px;}
.page10 .box .yy p{ display:block; height:38px; line-height:38px; border:1px dashed #fff; padding-left:15px; padding-right:20px; font-size:14px; color:#fff;}
.page10 .box .yy b{ display:block; width:24px; position:absolute; right:0; top:50%; margin-top:-12px;}
.page10 .box .yy b img{ width:100%; display:block;}
.page10 .box .yy:hover p{ background:linear-gradient(to right,#1495ff,#6e2da8);}
.page10 .right{ width:50%; max-height:100%; position:absolute; top:50%; right:0; transform:translateY(-50%); z-index:5;}
.page10 .right img{ width:100%; display:block;}
.page10 .lbg{ width:50%; height:100%; position:absolute; left:0; top:0; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:0;}

.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 .box{ width:100%; height:100%; margin:auto; position:relative; z-index:3;}
.page10 .box .left{ width:100%; padding:80px 3%; box-sizing:border-box; padding-bottom:30px; background-image:url(../images/page081_32.jpg); background-size:cover; background-repeat:no-repeat;}
.page10 .box .title{ font-size:24px; font-weight:bold; color:#fff;}
.page10 .box .line{ width:25%; height:2px; margin-top:3vw; background:linear-gradient(to right,#1495ff,#6e2da8);}
.page10 .box .wen{ font-size:14px; margin-top:5vw; color:#fff;}
.page10 .box .yy{ position:relative; cursor:pointer; margin-top:5vw; display:inline-block; padding-right:12px;}
.page10 .box .yy p{ display:block; height:34px; line-height:34px; border:1px dashed #fff; padding-left:10px; padding-right:15px; font-size:14px; color:#fff;}
.page10 .box .yy b{ display:block; width:24px; position:absolute; right:0; top:50%; margin-top:-12px;}
.page10 .box .yy b img{ width:100%; display:block;}
.page10 .box .yy:hover p{ background:linear-gradient(to right,#1495ff,#6e2da8);}
.page10 .right{ width:100%; box-sizing:border-box; background-color:#fff; z-index:5;}
.page10 .right img{ width:100%; display:block;}
.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}
}

/*Plan*/
@media screen and (min-width:1280px){
.page11 .box{ width:80%; min-width:1200px; margin:auto; height:100vh; position:relative; z-index:3;}
.page11 .box .left{ width:40.78%; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.page11 .box .title{ font-size:44px; font-weight:bold; color:#fff;}
.page11 .box .line{ width:18.75%; height:2px; margin-top:1vw; background:linear-gradient(to right,#1495ff,#6e2da8);}
.page11 .box .bt{ font-size:20px; margin-top:3vw; color:#fff;}
.page11 .box .wen{ font-size:16px; margin-top:1vw; color:#fff;}
.page11 .box .yy{ position:relative; cursor:pointer; margin-top:5vw; display:inline-block; padding-right:12px;}
.page11 .box .yy p{ display:block; height:38px; line-height:38px; border:1px dashed #fff; padding-left:15px; padding-right:20px; font-size:14px; color:#fff;}
.page11 .box .yy b{ display:block; width:24px; position:absolute; right:0; top:50%; margin-top:-12px;}
.page11 .box .yy b img{ width:100%; display:block;}
.page11 .box .yy:hover p{ background:linear-gradient(to right,#1495ff,#6e2da8);}
.page11 .right{ width:50%; height:100%; position:absolute; top:50%; left:0; transform:translateY(-50%); background-size:cover; background-position:center;}
.page11 .lbg{ width:50%; height:100%; position:absolute; right:0; top:0; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:0;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page11 .box{ width:94%; margin:auto; height:100vh; position:relative; z-index:3;}
.page11 .box .left{ width:47%; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.page11 .box .title{ font-size:34px; font-weight:bold; color:#fff;}
.page11 .box .line{ width:18.75%; height:2px; margin-top:2vw; background:linear-gradient(to right,#1495ff,#6e2da8);}
.page11 .box .bt{ font-size:18px; margin-top:3vw; color:#fff;}
.page11 .box .wen{ font-size:16px; margin-top:1vw; color:#fff;}
.page11 .box .yy{ position:relative; cursor:pointer; margin-top:5vw; display:inline-block; padding-right:12px;}
.page11 .box .yy p{ display:block; height:38px; line-height:38px; border:1px dashed #fff; padding-left:15px; padding-right:20px; font-size:14px; color:#fff;}
.page11 .box .yy b{ display:block; width:24px; position:absolute; right:0; top:50%; margin-top:-12px;}
.page11 .box .yy b img{ width:100%; display:block;}
.page11 .box .yy:hover p{ background:linear-gradient(to right,#1495ff,#6e2da8);}
.page11 .right{ width:50%; height:100%; position:absolute; top:50%; left:0; transform:translateY(-50%); background-size:cover; background-position:center;}
.page11 .lbg{ width:50%; height:100%; position:absolute; right:0; top:0; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:0;}
}
@media only screen and (max-width:1023px){
.page11 .box{ width:100%; margin:auto; position:relative; z-index:3;}
.page11 .box .left{ width:100%; padding:80px 3%; box-sizing:border-box; padding-bottom:30px; background-image:url(../images/page081_32.jpg); background-size:cover; background-repeat:no-repeat;}
.page11 .box .title{ font-size:24px; font-weight:bold; color:#fff;}
.page11 .box .line{ width:25%; height:2px; margin-top:3vw; background:linear-gradient(to right,#1495ff,#6e2da8);}
.page11 .box .bt{ font-size:16px; margin-top:5vw; color:#fff;}
.page11 .box .wen{ font-size:14px; margin-top:2vw; color:#fff;}
.page11 .box .yy{ position:relative; cursor:pointer; margin-top:5vw; display:inline-block; padding-right:12px;}
.page11 .box .yy p{ display:block; height:34px; line-height:34px; border:1px dashed #fff; padding-left:10px; padding-right:15px; font-size:14px; color:#fff;}
.page11 .box .yy b{ display:block; width:24px; position:absolute; right:0; top:50%; margin-top:-12px;}
.page11 .box .yy b img{ width:100%; display:block;}
.page11 .box .yy:hover p{ background:linear-gradient(to right,#1495ff,#6e2da8);}
.page11 .right{ width:100%; background-size:cover; background-position:center;}
.page11 .right img{ width:94%; display:block;}
}

/*map*/
@media screen and (min-width:1280px){
.page12 #map{ width:100%; height:100vh; position:relative;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page12 #map{ width:100%; height:100vh; position:relative;}
}
@media only screen and (max-width:1023px){
.page12 #map{ width:100%; height:50vh; position:relative;}
}

/*Meet Our Team*/
@media screen and (min-width:1280px){
.page13{ background-position:center; background-repeat:no-repeat; background-size:cover;}
.page13 .box{ width:80%; min-width:1200px; padding:100px 0; margin:auto;}
.page13 .box .title{ font-size:44px; font-weight:bold; text-align:center;}
.page13 .box .wen{ font-size:16px; width:72%; margin:auto; text-align:center; margin-top:0.5vw;}
.page13 .box .swiper-container{ width:100%; margin-top:3vw;}
.page13 .box .swiper-container .swiper-slide{ display:block; overflow:hidden; background-color:#fff; border-radius:15px; border:1px solid #cacaca; box-sizing:border-box; padding:3vw 0;}
.page13 .box .swiper-container .swiper-slide strong{ display:block; border-radius:100%; width:140px; height:140px; overflow:hidden; margin:auto;}
.page13 .box .swiper-container .swiper-slide strong img{ width:100%; display:block;}
.page13 .box .swiper-container .swiper-slide span{ display:block; text-align:center; width:88%; margin:auto; margin-top:1.5vw; font-size:20px;}
.page13 .box .swiper-container .swiper-slide p{ display:block; width:88%; margin:auto; margin-top:0.5vw; font-size:16px; padding-left:25px; box-sizing:border-box; background-position:left center; background-repeat:no-repeat;}
.page13 .box .swiper-container .swiper-slide b{ display:block; width:100%; text-align:center; padding-top:1vw;}
.page13 .box .swiper-container .swiper-slide b a{ width:30px; display:inline-block; margin:0 5px; margin-top:0.5vw;}
.page13 .box .swiper-container .swiper-slide b a img{ width:100%; display:block;}
.page13 .box .swiper-container .swiper-slide:hover{ border:1px solid #1495ff;}
.page13 .box .swiper-container .swiper-slide:hover span{ color:#1495ff;}
.page13 .box .swiper-container .swiper-pagination{ width:100%; margin-top:3vw; text-align:center;}
.page13 .box .swiper-container .swiper-pagination span{ display:inline-block; width:10px; height:10px; border-radius:10px; background-color:#999; margin:0 5px; overflow:hidden;}
.page13 .box .swiper-container .swiper-pagination span.swiper-pagination-bullet-active{ width:7%; background:linear-gradient(to right,#1495ff,#6e2da8);}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page13{ background-position:center; background-repeat:no-repeat; background-size:cover;}
.page13 .box{ width:94%; padding:90px 0; margin:auto;}
.page13 .box .title{ font-size:34px; font-weight:bold; text-align:center;}
.page13 .box .wen{ font-size:14px; width:100%; margin:auto; text-align:center; margin-top:0.5vw;}
.page13 .box .swiper-container{ width:100%; margin-top:3vw;}
.page13 .box .swiper-container .swiper-slide{ display:block; overflow:hidden; background-color:#fff; border-radius:10px; border:1px solid #cacaca; box-sizing:border-box; padding:3vw 0;}
.page13 .box .swiper-container .swiper-slide strong{ display:block; border-radius:100%; width:120px; height:120px; overflow:hidden; margin:auto;}
.page13 .box .swiper-container .swiper-slide strong img{ width:100%; display:block;}
.page13 .box .swiper-container .swiper-slide span{ display:block; text-align:center; width:88%; margin:auto; margin-top:1.5vw; font-size:18px;}
.page13 .box .swiper-container .swiper-slide p{ display:block; width:88%; margin:auto; margin-top:0.5vw; font-size:14px; padding-left:25px; box-sizing:border-box; background-position:left center; background-repeat:no-repeat;}
.page13 .box .swiper-container .swiper-slide b{ display:block; width:100%; text-align:center; padding-top:1vw;}
.page13 .box .swiper-container .swiper-slide b a{ width:35px; display:inline-block; margin:0 5px; margin-top:0.5vw;}
.page13 .box .swiper-container .swiper-slide b a img{ width:100%; display:block;}
.page13 .box .swiper-container .swiper-slide:hover{ border:1px solid #1495ff;}
.page13 .box .swiper-container .swiper-slide:hover span{ color:#1495ff;}
.page13 .box .swiper-container .swiper-pagination{ width:100%; margin-top:3vw; text-align:center;}
.page13 .box .swiper-container .swiper-pagination span{ display:inline-block; width:10px; height:10px; border-radius:10px; background-color:#999; margin:0 5px; overflow:hidden;}
.page13 .box .swiper-container .swiper-pagination span.swiper-pagination-bullet-active{ width:7%; background:linear-gradient(to right,#1495ff,#6e2da8);}
}
@media only screen and (max-width:1023px){
.page13{ background-position:center; background-repeat:no-repeat; background-size:cover;}
.page13 .box{ width:94%; padding:80px 3%;}
.page13 .box .title{ font-size:24px; font-weight:bold; text-align:center;}
.page13 .box .wen{ font-size:14px; width:100%; margin:auto; text-align:center; margin-top:0.5vw;}
.page13 .box .swiper-container{ width:100%; margin-top:4vw;}
.page13 .box .swiper-container .swiper-slide{ display:block; overflow:hidden; background-color:#fff; border-radius:5px; border:1px solid #cacaca; box-sizing:border-box; padding:5vw 0; margin-bottom:15px;}
.page13 .box .swiper-container .swiper-slide strong{ display:block; border-radius:100%; width:70px; height:70px; overflow:hidden; margin:auto;}
.page13 .box .swiper-container .swiper-slide strong img{ width:100%; display:block;}
.page13 .box .swiper-container .swiper-slide span{ display:block; text-align:center; width:88%; margin:auto; margin-top:3vw; font-size:16px;}
.page13 .box .swiper-container .swiper-slide p{ display:block; width:88%; margin:auto; margin-top:1vw; font-size:14px; padding-left:25px; box-sizing:border-box; background-position:left center; background-repeat:no-repeat;}
.page13 .box .swiper-container .swiper-slide b{ display:block; width:100%; text-align:center; padding-top:2vw;}
.page13 .box .swiper-container .swiper-slide b a{ width:20px; display:inline-block; margin:0 5px; margin-top:0.5vw;}
.page13 .box .swiper-container .swiper-slide b a img{ width:100%; display:block;}
.page13 .box .swiper-container .swiper-slide:hover{ border:1px solid #1495ff;}
.page13 .box .swiper-container .swiper-slide:hover span{ color:#1495ff;}
.page13 .box .swiper-container .swiper-pagination{ width:100%; text-align:center;}
.page13 .box .swiper-container .swiper-pagination span{ display:inline-block; width:10px; height:10px; border-radius:10px; background-color:#999; margin:0 5px; overflow:hidden;}
.page13 .box .swiper-container .swiper-pagination span.swiper-pagination-bullet-active{ width:40px; background:linear-gradient(to right,#1495ff,#6e2da8);}
}

/*footer*/
@media screen and (min-width:1280px){
.footer{ width:100%; min-height:0 !important; padding:2vw 0; background-position:center; background-repeat:no-repeat; background-size:cover;}
.footer>p{ width:100%; height:80px;}
.footer .box{ width:80%; min-width:1200px; margin:auto; display:flex; align-items:center;}
.footer .box .left{ width:74%; display:block;}
.footer .box .left .bt{ display:block; color:#fff; font-size:20px;}
.footer .box .left .wen{ display:block; color:#fff; font-size:16px; margin-top:1vw;}
.footer .box .left .bq{ display:block; color:#fff; font-size:14px; margin-top:0.5vw;}
.footer .box .left .bq span{ margin-right:3vw; color:#aaa;}
.footer .box .left .bq a{ color:#aaa;}
.footer .box .right{ width:26%; display:block;}
.footer .box .right strong{ height:80px; display:block; width:100%; float:right;}
.footer .box .right strong img{ height:80px; float:right; display:block;}
.footer .box .right span{ display:block; float:right; padding-top:1.5vw;}
.footer .box .right span a{ width:16px; height:16px; display:block; float:left; margin-left:20px; margin-top:0.5vw;}
.footer .box .right span a img{ width:100%;}
.footer .box .right span a img.img01{ display:block;}
.footer .box .right span a img.img02{ display:none;}
.footer .box .right span a:hover img.img01{ display:none;}
.footer .box .right span a:hover img.img02{ display:block;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.footer{ width:100%; min-height:0 !important; padding:2vw 0; background-position:center; background-repeat:no-repeat; background-size:cover;}
.footer>p{ width:100%; height:70px;}
.footer .box{ width:94%; margin:auto; display:flex; align-items:center;}
.footer .box .left{ width:74%; display:block;}
.footer .box .left .bt{ display:block; color:#fff; font-size:18px;}
.footer .box .left .wen{ display:block; color:#fff; font-size:14px; margin-top:1vw;}
.footer .box .left .bq{ display:block; color:#fff; font-size:12px; margin-top:0.5vw;}
.footer .box .left .bq span{ margin-right:3vw; color:#aaa;}
.footer .box .left .bq a{ color:#aaa;}
.footer .box .right{ width:26%; display:block;}
.footer .box .right strong{ height:60px; display:block; width:100%; float:right;}
.footer .box .right strong img{ height:60px; float:right; display:block;}
.footer .box .right span{ display:block; float:right; padding-top:1.5vw;}
.footer .box .right span a{ width:16px; height:16px; display:block; float:left; margin-left:15px; margin-top:0.5vw;}
.footer .box .right span a img{ width:100%;}
.footer .box .right span a img.img01{ display:block;}
.footer .box .right span a img.img02{ display:none;}
.footer .box .right span a:hover img.img01{ display:none;}
.footer .box .right span a:hover img.img02{ display:block;}
}
@media only screen and (max-width:1023px){
.footer{ width:100%; padding:3vw 0; background-position:center; background-repeat:no-repeat; background-size:cover;}
.footer>p{ width:100%; height:60px;}
.footer .box{ width:94%; margin:auto;}
.footer .box .left{ width:100%; display:block;}
.footer .box .left .bt{ display:block; color:#fff; font-size:16px;}
.footer .box .left .wen{ display:block; color:#fff; font-size:14px; margin-top:2vw;}
.footer .box .left .bq{ display:block; color:#fff; font-size:12px; margin-top:1vw;}
.footer .box .left .bq span{ margin-right:3vw; color:#aaa;}
.footer .box .left .bq a{ color:#aaa;}
.footer .box .right{ width:100%; display:block;}
.footer .box .right strong{ height:40px; display:none; width:100%;}
.footer .box .right strong img{ height:40px; display:block;}
.footer .box .right span{ display:block; padding-top:2vw;}
.footer .box .right span a{ width:16px; height:16px; display:block; float:left; margin-right:10px; margin-top:1vw;}
.footer .box .right span a img{ width:100%;}
.footer .box .right span a img.img01{ display:block;}
.footer .box .right span a img.img02{ display:none;}
.footer .box .right span a:hover img.img01{ display:none;}
.footer .box .right span a:hover img.img02{ display:block;}
}

/*弹出框*/
@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: #1495ff; color: #FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #6e2da8; 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:#1495ff; font-variant:normal;}
.xcConfirm .popBox .sgBtn:nth-child(2){ color:#333;}
}