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

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

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

/*header*/
@media screen and (min-width:1280px){
.header{ width:100%; position:fixed; left:0; top:0; z-index:99; height:80px; border-bottom:1px solid rgba(255,255,255,.3); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.cur{ background-color:rgba(0,0,0,0.7); border-bottom:none; height:70px;}
.header .head{ width:98%; min-width:1200px; margin:auto; height:100%; position:relative; z-index:9; display:flex; align-items:center;}
.header .head .logo{ width:10%;}
.header .head .logo img{ height:50px; display:block;}
.header .head .logo img.img02{ display:none; height:40px;}
.header.cur .head .logo img.img01{ display:none;}
.header.cur .head .logo img.img02{ display:block;}
.header .head .nave{ flex:1; height:30px; display:flex;}
.header .head .nave ul{ display:flex; flex:1; justify-content:center;}
.header .head .nave ul li{ position:relative; cursor:pointer; margin-right:2vw; display:block; float:left; height:30px; font-size:16px; line-height:30px; color:#fff;}
.header .head .nave ul li b{ width:0; height:1px; display:block; position:absolute; left:0; bottom:0; background:linear-gradient(to right,#fa0405,#ff3031); 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:30px; margin-left:3vw; position:relative;}
.header .head .nave .yu p{ display:block; overflow:hidden; float:left;}
.header .head .nave .yu p a{ display:block; font-size:14px; line-height:30px; height:30px; color:#fff; overflow:hidden; float:left; margin-right:1vw;}
.header .head .nave .yu p a:hover{ color:#fa0405;}
.header .head .nave .yu b{ display:block; float:left; width:1px; height:12px; background-color:#fff; margin:9px 0; opacity:.5; overflow:hidden;}
.header .head .nave .btn01{ font-size:14px; height:30px; line-height:30px; color:#fff; margin-left:1vw; transition:.5s; cursor:pointer;}
.header .head .nave .btn01:hover{ color:#fa0405;}
.header .head .nave .btn02{ font-size:14px; width:130px; text-align:center; height:30px; line-height:30px; color:#fff; background:linear-gradient(to right,#fa0405,#ff3031); border-radius:30px; margin-left:1vw; transition:.5s; cursor:pointer;}
.header .head .nave .btn02:hover{ background:linear-gradient(to right,#29752b,#29752b);}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.header{ width:100%; position:fixed; left:0; top:0; z-index:99; height:70px; border-bottom:1px solid rgba(255,255,255,.3); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.cur{ background-color:rgba(0,0,0,0.7); border-bottom:none; height:60px;}
.header .head{ width:100%; margin:auto; height:100%; position:relative; z-index:9; display:flex; align-items:center;}
.header .head .logo{ margin-right:1.5vw;}
.header .head .logo img{ height:40px; display:block;}
.header .head .logo img.img01{ display:none;}
.header .head .nave{ flex:1; height:30px; display:flex;}
.header .head .nave ul{ display:flex; flex:1; justify-content:center;}
.header .head .nave ul li{ position:relative; cursor:pointer; margin:0 0.6vw; display:block; float:left; height:30px; font-size:14px; line-height:30px; color:#fff;}
.header .head .nave ul li b{ width:0; height:1px; display:block; position:absolute; left:0; bottom:0; background:linear-gradient(to right,#fa0405,#ff3031); 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:30px; margin-left:1.5vw; position:relative;}
.header .head .nave .yu p{ display:block; overflow:hidden; float:left;}
.header .head .nave .yu p a{ display:block; font-size:14px; line-height:30px; height:30px; color:#fff; overflow:hidden; float:left; margin-right:1vw;}
.header .head .nave .yu p a:hover{ color:#fa0405;}
.header .head .nave .yu b{ display:block; float:left; width:1px; height:12px; background-color:#fff; margin:9px 0; opacity:.5; overflow:hidden;}
.header .head .nave .btn01{ font-size:14px; height:30px; line-height:30px; color:#fff; margin-left:1vw; transition:.5s; cursor:pointer;}
.header .head .nave .btn01:hover{ color:#fa0405;}
.header .head .nave .btn02{ font-size:14px; width:110px; text-align:center; height:26px; line-height:26px; color:#fff; background:linear-gradient(to right,#fa0405,#ff3031); border-radius:30px; margin-left:1vw; transition:.5s; cursor:pointer; margin-top:2px;}
.header .head .nave .btn02:hover{ background:linear-gradient(to right,#29752b,#29752b);}
}
@media only screen and (max-width:1023px){
.header{ width:100%; position:fixed; left:0; top:0; z-index:99; height:60px; border-bottom:1px solid rgba(255,255,255,.3);}
.header.cur{ background-color:rgba(0,0,0,0.7); border-bottom:none;}
.header .head{ width:100%; height:60px; position:relative; z-index:9;}
.header .head .logo{ height:40px; position:absolute; left:3%; top:10px;}
.header .head .logo img{ height:40px; display:block;}
.header .head .logo img.img01{ display:none;}
.header .header__show-menu{ width:24px; background-color:transparent; height:22px; position:absolute; right:3%; top:19px;}
.header .header__show-menu::after{ content:""; display:block; width:100%; height:2px; position:absolute; background:#fff; bottom:0; left:0; transition:all 0.3s;}
.header .header__show-menu::before{ content:""; display:block; width:100%; height:2px; position:absolute; background:#fff; top:0; left:0; transition:all 0.3s;}
.header .header__show-menu span{ display:block; height:2px; width:100%; background:#fff; position:absolute; left:0; top:50%; margin-top:-1px;}
.header .header__show-menu.on span{ opacity:0;}
.header .header__show-menu.on::after{ transform:rotate(-45deg); top:50%;}
.header .header__show-menu.on::before{ transform:rotate(45deg); top:50%;}
.header .head .nave{ width:100%; height:60px; overflow:hidden;}
.header .head .nave ul{ width:94%; height:calc(100vh - 131px); padding:0 3%; display:flex; flex-direction:column; justify-content:center; align-items:center; overflow:hidden; margin-top:60px; border-top:1px solid rgba(255,255,255,.3);}
.header .head .nave ul li{ display:block; font-size:16px; line-height:36px; margin:1vw 0; color:#fff; text-align:center; position:relative;}
.header .head .nave ul li b{ width:0; height:2px; position:absolute; left:50%; transform:translateX(-50%); bottom:0; display:block; background:linear-gradient(to right,#fa0405,#ff3031); overflow:hidden; transition:.5s;}
.header .head .nave ul li:hover b,.header .head .nave ul li.current b{ width:40px;}
.header .head .nave .yu{ width:100%; background:linear-gradient(to right,#fa0405,#ff3031); padding:17px 0;}
.header .head .nave .yu p{ display:block; overflow:hidden; width:100%;}
.header .head .nave .yu a{ display:block; float:left; width:28%; height:36px; line-height:34px; border-radius:36px; border:1px solid #fff; text-align:center; font-size:14px; box-sizing:border-box; margin-left:3%; color:#fff;}
.header .head .nave .yu a:last-child{ background-color:rgba(255,255,255,.3); border:1px solid rgba(255,255,255,.3);}
.header .head .nave .yu a:hover{ background-color:#fff; border:1px solid #fff; color:#fa0405;}
.header .head .nave .btn01{ font-size:14px; height:26px; line-height:26px; color:#fff; transition:.5s; cursor:pointer; position:absolute; right:3%; margin-right:150px; top:17px;}
.header .head .nave .btn01:hover{ color:#fa0405;}
.header .head .nave .btn02{ font-size:14px; width:110px; text-align:center; height:26px; line-height:26px; color:#fff; background:linear-gradient(to right,#fa0405,#ff3031); border-radius:30px; transition:.5s; cursor:pointer; position:absolute; right:3%; margin-right:34px; top:17px;}
.header .head .nave .btn02:hover{ background:linear-gradient(to right,#29752b,#29752b);}
.header.open-menu .nave{ height:100vh; background-color:rgba(0,0,0,0.9) !important;}
}

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

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

/*home*/
@media screen and (min-width:1280px){
.page{ width:100%; min-height:100%; display:flex; justify-content:center; align-items:center; position:relative;}
.page1{ height:100%;}
.page1 .swiper-container{ width:100%; height:100%; overflow:hidden;}
.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:70%;}
.page1 .swiper-container .swiper-slide .box .left .b01{ width:90%; color:#fff; font-size:54px; line-height:74px; font-weight:bold;}
.page1 .swiper-container .swiper-slide .box .left .b02{ margin:2vw 0; width:250px; height:2px; background:linear-gradient(to right,#fa0405,#ff3031);}
.page1 .swiper-container .swiper-slide .box .left .b03{ color:#fff; font-size:30px; line-height:50px;}
.page1 .swiper-container .swiper-slide .box .left .click{ margin-top:2.5vw;}
.page1 .swiper-container .swiper-slide .box .left .click a{ float:left; padding:0 30px; color:#fff; font-size:18px; line-height:40px; height:40px; border-radius:40px; transition:.5s; cursor:pointer; display:flex; align-items:center; border:1px solid #fff;}
.page1 .swiper-container .swiper-slide .box .left .click b{ display:block; width:8px; height:8px; background:#fff; transform:rotate(45deg); margin-left:15px;}
.page1 .swiper-container .swiper-slide .box .left .click strong{ display:block; width:8px; height:8px; background:#fff; transform:rotate(45deg); margin-left:10px; opacity:.5;}
.page1 .swiper-container .swiper-slide .box .left .click a:hover{ background-color:#fa0405; border:1px solid #fa0405;}
.page1 .swiper-pagination{ width:100%; position:absolute; left:0; bottom:30px; display:flex; justify-content:center; z-index:9;}
.page1 .swiper-pagination span{ width:14px; height:14px; display:block; margin:0 10px; border-radius:100%; background-color:rgba(255,255,255,.7); overflow:hidden;}
.page1 .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fa0405;}
.page1 .swi{ width:40px; position:absolute; top:50%; right:10%; transform:translateY(-50%); z-index:9;}
.page1 .swi .swiper-button-white{ width:40px; height:40px; background-color:rgba(255,255,255,.3); border-radius:100%; overflow:hidden; cursor:pointer; background-position:center; background-repeat:no-repeat;}
.page1 .swi .swiper-button-prev{ background-image:url(../images/left_11.png);}
.page1 .swi .swiper-button-next{ margin-top:1vw; background-image:url(../images/right_13.png);}
.page1 .swi .swiper-button-white:hover{ background-color:#fa0405;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page{ width:100%; min-height:100%; display:flex; justify-content:center; align-items:center; position:relative;}
.page1{ height:100%;}
.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:70%; margin-right:3%;}
.page1 .swiper-container .swiper-slide .box .left .b01{ width:90%; color:#fff; font-size:34px; line-height:54px; font-weight:bold;}
.page1 .swiper-container .swiper-slide .box .left .b02{ margin:2vw 0; width:200px; height:2px; background:linear-gradient(to right,#fa0405,#ff3031);}
.page1 .swiper-container .swiper-slide .box .left .b03{ color:#fff; font-size:24px; line-height:44px;}
.page1 .swiper-container .swiper-slide .box .left .click{ margin-top:2.5vw;}
.page1 .swiper-container .swiper-slide .box .left .click a{ float:left; padding:0 25px; color:#fff; font-size:16px; line-height:36px; height:36px; border-radius:40px; transition:.5s; cursor:pointer; display:flex; align-items:center; border:1px solid #fff;}
.page1 .swiper-container .swiper-slide .box .left .click b{ display:block; width:6px; height:6px; background:#fff; transform:rotate(45deg); margin-left:10px;}
.page1 .swiper-container .swiper-slide .box .left .click strong{ display:block; width:6px; height:6px; background:#fff; transform:rotate(45deg); margin-left:5px; opacity:.5;}
.page1 .swiper-container .swiper-slide .box .left .click a:hover{ background-color:#fa0405; border:1px solid #fa0405;}
.page1 .swiper-pagination{ width:100%; position:absolute; left:0; bottom:20px; display:flex; justify-content:center; z-index:9;}
.page1 .swiper-pagination span{ width:12px; height:12px; display:block; margin:0 7px; border-radius:100%; background-color:rgba(255,255,255,.7); overflow:hidden;}
.page1 .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fa0405;}
.page1 .swi{ width:40px; position:absolute; top:50%; right:3%; transform:translateY(-50%); z-index:9;}
.page1 .swi .swiper-button-white{ width:40px; height:40px; background-color:rgba(255,255,255,.3); border-radius:100%; overflow:hidden; cursor:pointer; background-position:center; background-repeat:no-repeat;}
.page1 .swi .swiper-button-prev{ background-image:url(../images/left_11.png);}
.page1 .swi .swiper-button-next{ margin-top:1.5vw; background-image:url(../images/right_13.png);}
.page1 .swi .swiper-button-white:hover{ background-color:#fa0405;}
}
@media only screen and (max-width:1023px){
.page{ width:100%; min-height:100%; display:flex; justify-content:center; align-items:center; position:relative;}
.page1{ height:100%;}
.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:10px 0; width:150px; height:2px; background:linear-gradient(to right,#fa0405,#ff3031);}
.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:15px;}
.page1 .swiper-container .swiper-slide .box .left .click a{ float:left; padding:0 20px; color:#fff; font-size:14px; line-height:32px; height:32px; border-radius:40px; transition:.5s; cursor:pointer; display:flex; align-items:center; border:1px solid #fff;}
.page1 .swiper-container .swiper-slide .box .left .click b{ display:block; width:6px; height:6px; background:#fff; transform:rotate(45deg); margin-left:10px;}
.page1 .swiper-container .swiper-slide .box .left .click strong{ display:block; width:6px; height:6px; background:#fff; transform:rotate(45deg); margin-left:5px; opacity:.5;}
.page1 .swiper-container .swiper-slide .box .left .click a:hover{ background-color:#fa0405; border:1px solid #fa0405;}
.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 .swiper-pagination{ width:100%; position:absolute; left:0; bottom:15px; display:flex; justify-content:center; z-index:9;}
.page1 .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; border-radius:100%; background-color:rgba(255,255,255,.7); overflow:hidden;}
.page1 .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fa0405;}
.page1 .swi{ width:40px; position:absolute; right:3%; bottom:30px; z-index:9;}
.page1 .swi .swiper-button-white{ width:40px; height:40px; background-color:rgba(255,255,255,.3); border-radius:100%; overflow:hidden; cursor:pointer; background-position:center; background-repeat:no-repeat;}
.page1 .swi .swiper-button-prev{ background-image:url(../images/left_11.png);}
.page1 .swi .swiper-button-next{ margin-top:15px; background-image:url(../images/right_13.png);}
.page1 .swi .swiper-button-white:hover{ background-color:#fa0405;}
}

/*What*/
@media screen and (min-width:1280px){
.page2{ background-position:center; background-repeat:no-repeat; background-size:cover;}
.page2 .box{ width:80%; padding:100px 0; min-width:1200px; margin:auto;}
.page2 .box .list{ width:100%; margin-top:-2vw; display:flex; flex-wrap:wrap;}
.page2 .box .list dt{ width:48.5%; display:block; margin-top:2vw;}
.page2 .box .list dt .title{ font-size:44px; line-height:54px; font-weight:bold; color:#fff;}
.page2 .box .list dt .wen{ font-size:16px; line-height:26px; color:#999; margin-top:1vw;}
.page2 .box .list dd{ width:31.33%; display:block; background-color:#1d1e22; overflow:hidden; margin-left:3%; position:relative; padding:3vw; box-sizing:border-box; margin-top:2vw; border-radius:15px;}
.page2 .box .list dd:nth-child(2){ margin-left:20.16%;}
.page2 .box .list dd:nth-child(3){ margin-left:0;}
.page2 .box .list dd span{ display:block; color:#333; font-size:50px; line-height:1;}
.page2 .box .list dd strong{ display:block; overflow:hidden; position:absolute; right:3vw; top:3vw; z-index:1;}
.page2 .box .list dd strong img{ display:block; height:80px;}
.page2 .box .list dd b{ font-size:22px; line-height:32px; display:block; color:#fff; text-transform:uppercase; margin-top:2vw; width:140px;}
.page2 .box .list dd p{ display:block; position:absolute; left:0; top:100%; padding:2vw 3vw; width:100%; height:100%; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; font-size:16px; line-height:26px; color:#fff; background:linear-gradient(to right,#fa0405,#ff3031); z-index:3; overflow:auto;}
.page2 .box .list dd:hover p{ top:0;}
}
.page2 .box .list dd p::-webkit-scrollbar{ width:5px; height:1px;}
.page2 .box .list dd p::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#333;}
.page2 .box .list dd p::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0);}
@media screen and (min-width:1024px) and (max-width:1279px){
.page2{ background-position:center; background-repeat:no-repeat; background-size:cover;}
.page2 .box{ width:94%; padding:90px 0; margin:auto;}
.page2 .box .list{ width:100%; margin-top:-2vw; display:flex; flex-wrap:wrap;}
.page2 .box .list dt{ width:65.67%; display:block; margin-top:2vw;}
.page2 .box .list dt .title{ font-size:34px; line-height:44px; font-weight:bold; color:#fff;}
.page2 .box .list dt .wen{ font-size:16px; line-height:26px; color:#999; margin-top:1vw;}
.page2 .box .list dd{ width:31.33%; display:block; background-color:#1d1e22; overflow:hidden; margin-left:3%; position:relative; padding:3vw; box-sizing:border-box; margin-top:2vw; border-radius:10px;}
.page2 .box .list dd:nth-child(3){ margin-left:0;}
.page2 .box .list dd span{ display:block; color:#333; font-size:40px; line-height:1;}
.page2 .box .list dd strong{ display:block; overflow:hidden; position:absolute; right:3vw; top:3vw; z-index:1;}
.page2 .box .list dd strong img{ display:block; height:60px;}
.page2 .box .list dd b{ font-size:20px; line-height:30px; display:block; color:#fff; text-transform:uppercase; margin-top:2vw; width:130px;}
.page2 .box .list dd p{ display:block; position:absolute; left:0; top:100%; padding:2vw 3vw; width:100%; height:100%; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; font-size:16px; line-height:26px; color:#fff; background:linear-gradient(to right,#fa0405,#ff3031); z-index:3; overflow:auto;}
.page2 .box .list dd:hover p{ top:0;}
}
@media only screen and (max-width:1023px){
.page2{ background-position:center; background-repeat:no-repeat; background-size:cover;}
.page2 .box{ width:94%; padding:80px 3%;}
.page2 .box .list{ width:100%; display:flex; flex-wrap:wrap;}
.page2 .box .list dt{ width:100%; text-align:center; display:block;}
.page2 .box .list dt .title{ font-size:24px; line-height:34px; font-weight:bold; color:#fff;}
.page2 .box .list dt .wen{ font-size:14px; line-height:24px; color:#999; margin-top:5px;}
.page2 .box .list dd{ width:100%; display:block; background-color:#1d1e22; overflow:hidden; position:relative; padding:15px; box-sizing:border-box; margin-top:15px; border-radius:5px;}
.page2 .box .list dd:nth-child(3){ margin-left:0;}
.page2 .box .list dd span{ display:block; color:#333; font-size:30px; line-height:1;}
.page2 .box .list dd strong{ display:block; overflow:hidden; position:absolute; right:15px; top:15px; z-index:1;}
.page2 .box .list dd strong img{ display:block; height:40px;}
.page2 .box .list dd b{ font-size:18px; line-height:28px; display:block; color:#fff; text-transform:uppercase; margin-top:15px; width:120px;}
.page2 .box .list dd p{ display:block; position:absolute; left:0; top:100%; padding:10px 15px; width:100%; height:100%; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; font-size:14px; line-height:24px; color:#fff; background:linear-gradient(to right,#fa0405,#ff3031); z-index:3; overflow:auto;}
.page2 .box .list dd:hover p{ top:0;}
}

/*who*/
@media screen and (min-width:1280px){
.page3{ background-color:#f2f2f2;}
.page3 .bg{ width:25%; height:100%; position:absolute; left:0; top:0; background-color:#fff; z-index:1;}
.page3 .box{ width:80%; padding:100px 0; min-width:1200px; margin:auto; position:relative; z-index:3;}
.page3 .box .title{ font-size:44px; font-weight:bold; color:#333; line-height:54px; position:absolute; right:0; top:100px; width:55%;}
.page3 .box .left{ width:40%; float:left;}
.page3 .box .left img{ width:100%; display:block;}
.page3 .box .right{ width:55%; float:right; padding-top:54px;}
.page3 .box .right .list{ display:block;}
.page3 .box .right .list li{ display:block; margin-top:1.5vw; padding:1vw; background-color:#fff; overflow:hidden; box-sizing:border-box; border-radius:15px;}
.page3 .box .right .list li span{ display:block; font-size:22px; line-height:32px; color:#fa0405; font-weight:bold; padding-left:35px; background-image:url(../images/dui.png); background-position:0 9px; background-repeat:no-repeat;}
.page3 .box .right .list li span b{ display:block; float:right; font-size:18px; color:#999; cursor:pointer; width:20px; text-align:center;}
.page3 .box .right .list li span em{ display:block; font-style:normal;}
.page3 .box .right .list li span i{ display:none; font-style:normal; color:#fa0405;}
.page3 .box .right .list li.cur b em{ display:none;}
.page3 .box .right .list li.cur b i{ display:block;}
.page3 .box .right .list li p{ font-size:16px; line-height:26px; color:#333; margin-top:.2vw; display:none;}
.page3 .box .right .list li.cur p{ display:block;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page3{ background-color:#f2f2f2;}
.page3 .bg{ width:20%; height:100%; position:absolute; left:0; top:0; background-color:#fff; z-index:1;}
.page3 .box{ width:94%; padding:90px 0; margin:auto; position:relative; z-index:3;}
.page3 .box .title{ font-size:34px; font-weight:bold; color:#333; line-height:44px; position:absolute; right:0; top:90px; width:50%;}
.page3 .box .left{ width:45%; float:left;}
.page3 .box .left img{ width:100%; display:block;}
.page3 .box .right{ width:50%; float:right; padding-top:44px;}
.page3 .box .right .list{ display:block;}
.page3 .box .right .list li{ display:block; margin-top:1.5vw; padding:1vw 1.5vw; background-color:#fff; overflow:hidden; box-sizing:border-box; border-radius:10px;}
.page3 .box .right .list li span{ font-size:20px; line-height:30px; color:#fa0405; font-weight:bold; display:block; padding-left:30px; background-image:url(../images/dui.png); background-position:0 8px; background-repeat:no-repeat;}
.page3 .box .right .list li span b{ display:block; float:right; font-size:18px; color:#999; cursor:pointer; width:20px; text-align:center;}
.page3 .box .right .list li span em{ display:block; font-style:normal;}
.page3 .box .right .list li span i{ display:none; font-style:normal; color:#fa0405;}
.page3 .box .right .list li.cur b em{ display:none;}
.page3 .box .right .list li.cur b i{ display:block;}
.page3 .box .right .list li p{ font-size:16px; line-height:26px; color:#333; margin-top:.5vw; display:none;}
.page3 .box .right .list li.cur p{ display:block;}
}
@media only screen and (max-width:1023px){
.page3{ background-color:#f2f2f2;}
.page3 .bg{ width:100%; height:40%; position:absolute; left:0; top:0; background-color:#fff; z-index:1;}
.page3 .box{ width:94%; padding:80px 3%; position:relative; z-index:3;}
.page3 .box .title{ font-size:24px; line-height:34px; font-weight:bold; color:#333; text-align:center;}
.page3 .box .left{ width:100%; float:left; margin-top:15px;}
.page3 .box .left img{ width:100%; display:block;}
.page3 .box .right{ width:100%; float:right;}
.page3 .box .right .list{ display:block;}
.page3 .box .right .list li{ display:block; margin-top:15px; padding:10px 15px; background-color:#fff; overflow:hidden; box-sizing:border-box; border-radius:5px;}
.page3 .box .right .list li span{ font-size:18px; line-height:28px; color:#fa0405; font-weight:bold; display:block; padding-left:25px; background-image:url(../images/dui.png); background-position:0 8px; background-repeat:no-repeat; background-size:14px auto;}
.page3 .box .right .list li span b{ display:block; float:right; font-size:18px; color:#999; cursor:pointer; width:20px; text-align:center;}
.page3 .box .right .list li span em{ display:block; font-style:normal;}
.page3 .box .right .list li span i{ display:none; font-style:normal; color:#fa0405;}
.page3 .box .right .list li.cur b em{ display:none;}
.page3 .box .right .list li.cur b i{ display:block;}
.page3 .box .right .list li p{ font-size:14px; line-height:24px; color:#333; margin-top:5px; display:none;}
.page3 .box .right .list li.cur p{ display:block;}
}

/*Why*/
@media screen and (min-width:1280px){
.page4{ height:100%;}
.page4 .box{ width:80%; min-width:1200px; margin:auto; height:100%; position:relative; z-index:3;}
.page4 .box .right{ width:100%; height:calc(55% - 190px); padding-top:90px; display:flex; align-items:center;}
.page4 .box .right li{ display:block; width:25%; overflow:hidden; text-align:center;}
.page4 .box .right li strong{ display:block; color:#fff; font-size:60px; line-height:70px;}
.page4 .box .right li span{ display:block; color:#999; font-size:22px; line-height:32px; margin-top:1vw;}
.page4 .box .left{ width:100%; height:calc(45% + 100px); position:relative;}
.page4 .box .left .line{ width:calc(30% - 15px); float:left; background:linear-gradient(to right,#fa0405,#ff3031); height:100px; border-top-left-radius:15px; border-top-right-radius:15px;}
.page4 .box .left .line b{ margin-top:100px; display:block; width:0; height:0; border-right:20px solid transparent; border-top:20px solid #fa0405;}
.page4 .box .title{ width:65%; float:right; font-size:44px; height:54px; line-height:54px; padding-top:3vw; font-weight:bold; position:relative; z-index:9;}
.page4 .box .bg{ width:100vw; position:absolute; left:30%; top:0; height:100px; background-color:#fff; z-index:1; border-top-left-radius:15px;}
.page4 .box .list{ display:flex; flex-wrap:wrap; width:100%; float:left;}
.page4 .box .list li{ display:block; width:31.33%; margin-left:3%; overflow:hidden; margin-top:4vw; text-align:center;}
.page4 .box .list li:nth-child(3n+1){ margin-left:0;}
.page4 .box .list li strong{ display:block; overflow:hidden; width:120px; height:120px; margin:auto; border-radius:100%; background:#f2f2f2;}
.page4 .box .list li strong img{ display:block; height:50px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s; margin:35px auto;}
.page4 .box .list li:hover img{ -webkit-transform:rotateY(-360deg);}
.page4 .box .list li span{ font-size:22px; line-height:32px; display:block; font-weight:bold; color:#fa0405; margin-top:1vw;}
.page4 .box .list li p{ font-size:16px; line-height:26px; display:block; margin-top:.5vw;}
.page4 .lbg{ width:100%; height:55%; position:absolute; left:0; top:0; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:0;}
.page4 .rbg{ width:100%; height:45%; position:absolute; left:0; bottom:0; background-position:bottom center; background-repeat:no-repeat; background-size:100% auto; z-index:0;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page4{ height:100%;}
.page4 .box{ width:94%; margin:auto; height:100%; position:relative; z-index:3;}
.page4 .box .right{ width:100%; height:calc(55% - 150px); padding-top:70px; display:flex; align-items:center;}
.page4 .box .right li{ display:block; width:25%; overflow:hidden; text-align:center;}
.page4 .box .right li strong{ display:block; color:#fff; font-size:50px; line-height:60px;}
.page4 .box .right li span{ display:block; color:#999; font-size:20px; line-height:30px; margin-top:1vw;}
.page4 .box .left{ width:100%; height:calc(45% + 80px); position:relative;}
.page4 .box .left .line{ width:calc(30% - 15px); float:left; background:linear-gradient(to right,#fa0405,#ff3031); height:80px; border-top-left-radius:10px; border-top-right-radius:10px;}
.page4 .box .left .line b{ margin-top:80px; display:block; width:0; height:0; border-right:20px solid transparent; border-top:20px solid #fa0405;}
.page4 .box .title{ width:65%; float:right; font-size:34px; height:44px; line-height:54px; padding-top:3vw; font-weight:bold; position:relative; z-index:9;}
.page4 .box .bg{ width:100vw; position:absolute; left:30%; top:0; height:80px; background-color:#fff; z-index:1; border-top-left-radius:10px;}
.page4 .box .list{ display:flex; flex-wrap:wrap; width:100%; float:left;}
.page4 .box .list li{ display:block; width:31.33%; margin-left:3%; overflow:hidden; margin-top:5vw; text-align:center;}
.page4 .box .list li:nth-child(3n+1){ margin-left:0;}
.page4 .box .list li strong{ display:block; overflow:hidden; width:100px; height:100px; margin:auto; border-radius:100%; background:#f2f2f2;}
.page4 .box .list li strong img{ display:block; height:40px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s; margin:30px auto;}
.page4 .box .list li:hover img{ -webkit-transform:rotateY(-360deg);}
.page4 .box .list li span{ font-size:20px; line-height:30px; display:block; font-weight:bold; color:#fa0405; margin-top:1vw;}
.page4 .box .list li p{ font-size:16px; line-height:26px; display:block; margin-top:.5vw;}
.page4 .lbg{ width:100%; height:55%; position:absolute; left:0; top:0; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:0;}
.page4 .rbg{ width:100%; height:45%; position:absolute; left:0; bottom:0; background-position:bottom center; background-repeat:no-repeat; background-size:100% auto; z-index:0;}
}
@media only screen and (max-width:1023px){
.page4 .box{ width:94%; margin:auto; height:100%; position:relative; z-index:3;}
.page4 .box .right{ width:100%; padding-top:90px; padding-bottom:30px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap;}
.page4 .box .right li{ display:block; width:50%; overflow:hidden; text-align:center; margin:5px 0;}
.page4 .box .right li strong{ display:block; color:#fff; font-size:40px; line-height:50px;}
.page4 .box .right li span{ display:block; color:#999; font-size:18px; line-height:28px; margin-top:5px;}
.page4 .box .left{ width:100%; height:calc(100% - 306px); position:relative;}
.page4 .box .left .line{ width:calc(10% - 10px); float:left; background:linear-gradient(to right,#fa0405,#ff3031); height:60px; border-top-left-radius:5px; border-top-right-radius:5px;}
.page4 .box .left .line b{ margin-top:60px; display:block; width:0; height:0; border-right:10px solid transparent; border-top:10px solid #fa0405;}
.page4 .box .title{ width:85%; float:right; font-size:24px; height:34px; line-height:54px; padding-top:3vw; font-weight:bold; position:relative; z-index:9;}
.page4 .box .bg{ width:100vw; position:absolute; left:10%; top:0; height:60px; background-color:#fff; z-index:1; border-top-left-radius:5px;}
.page4 .box .list{ display:block; width:100%; float:left; padding-bottom:75px;}
.page4 .box .list li{ display:block; width:100%; overflow:hidden; margin-top:15px; text-align:center;}
.page4 .box .list li strong{ display:block; overflow:hidden; width:80px; height:80px; margin:auto; border-radius:100%; background:#f2f2f2;}
.page4 .box .list li strong img{ display:block; height:30px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s; margin:25px auto;}
.page4 .box .list li:hover img{ -webkit-transform:rotateY(-360deg);}
.page4 .box .list li span{ font-size:18px; line-height:28px; display:block; font-weight:bold; color:#fa0405; margin-top:7px;}
.page4 .box .list li p{ font-size:14px; line-height:24px; display:block;}
.page4 .lbg{ width:100%; height:366px; position:absolute; left:0; top:0; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:0;}
.page4 .rbg{ width:100%; height:calc(100% - 366px); position:absolute; left:0; bottom:0; background-position:bottom center; 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; line-height:54px; font-weight:bold; text-align:center; color:#fff;}
.page5 .box .wen{ font-size:16px; line-height:26px; width:72%; margin:auto; text-align:center; margin-top:1vw; color:#999;}
.page5 .box .swiper-container{ padding:0 40px; box-sizing:border-box; width:100%; margin-top:2vw; position:relative;}
.page5 .box .swiper-container .swiper-wrapper{ height:100%; align-items:center;}
.page5 .box .swiper-container .swiper-slide{ width:33.33%; display:block; overflow:hidden; display:flex;}
.page5 .box .swiper-container .swiper-slide a{ width:250px; display:block; margin:auto; overflow:hidden;}
.page5 .box .swiper-container .swiper-slide.swiper-slide-active a{ width:350px;}
.page5 .box .swiper-container .swiper-slide strong{ width:100%; 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:1.5vw; font-size:20px; line-height:30px; color:#fff;}
.page5 .box .swiper-container .swiper-slide p{ display:block; text-align:center; margin-top:.5vw; font-size:16px; line-height:26px; color:#999;}
.page5 .box .swiper-container .swiper-slide:hover span{ color:#fa0405;}
.page5 .box .swiper-container .swiper-slide b{ width:40px; height:40px; display:block; background-color:#333; margin:auto; margin-top:1.5vw; background-image:url(../images/moer.png); background-position:center; background-repeat:no-repeat; border-radius:100%; overflow:hidden; cursor:pointer;}
.page5 .box .swiper-container .swiper-slide b:hover{ background-color:#fa0405; background-image:url(../images/moer.png);}
.page5 .box .swiper-button-white{ width:40px; height:40px; background-color:rgba(255,255,255,.3); border-radius:100%; overflow:hidden; cursor:pointer; background-position:center; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-10px;}
.page5 .box .swiper-button-prev{ background-image:url(../images/left_11.png); left:0;}
.page5 .box .swiper-button-next{ background-image:url(../images/right_13.png); right:0;}
.page5 .box .swiper-button-white:hover{ background-color:#fa0405;}
.page5 .box .swi{ margin-top:3vw; display:flex; justify-content:center;}
.page5 .box .swi a{ float:left; padding:0 30px; color:#fff; font-size:18px; line-height:40px; height:40px; border-radius:40px; transition:.5s; cursor:pointer; display:flex; align-items:center; border:1px solid #fff;}
.page5 .box .swi b{ display:block; width:8px; height:8px; background:#fff; transform:rotate(45deg); margin-left:15px;}
.page5 .box .swi strong{ display:block; width:8px; height:8px; background:#fff; transform:rotate(45deg); margin-left:10px; opacity:.5;}
.page5 .box .swi a:hover{ background-color:#fa0405; border:1px solid #fa0405;}
}
@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; line-height:44px; font-weight:bold; text-align:center; color:#fff;}
.page5 .box .wen{ font-size:16px; line-height:26px; text-align:center; margin-top:1vw; color:#999;}
.page5 .box .swiper-container{ width:100%; margin-top:2vw; position:relative;}
.page5 .box .swiper-container .swiper-wrapper{ height:100%; align-items:center;}
.page5 .box .swiper-container .swiper-slide{ width:33.33%; display:block; overflow:hidden; display:flex;}
.page5 .box .swiper-container .swiper-slide a{ width:180px; display:block; margin:auto; overflow:hidden;}
.page5 .box .swiper-container .swiper-slide.swiper-slide-active a{ width:300px;}
.page5 .box .swiper-container .swiper-slide strong{ width:100%; 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:1.5vw; font-size:18px; line-height:28px; color:#fff;}
.page5 .box .swiper-container .swiper-slide p{ display:block; text-align:center; margin-top:.5vw; font-size:16px; line-height:26px; color:#999;}
.page5 .box .swiper-container .swiper-slide:hover span{ color:#fa0405;}
.page5 .box .swiper-container .swiper-slide b{ width:40px; height:40px; display:block; background-color:#333; margin:auto; margin-top:2vw; background-image:url(../images/moer.png); background-position:center; background-repeat:no-repeat; border-radius:100%; overflow:hidden; cursor:pointer;}
.page5 .box .swiper-container .swiper-slide b:hover{ background-color:#fa0405; background-image:url(../images/moer.png);}
.page5 .box .swiper-button-white{ width:40px; height:40px; background-color:rgba(255,255,255,.3); border-radius:100%; overflow:hidden; cursor:pointer; background-position:center; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-10px;}
.page5 .box .swiper-button-prev{ background-image:url(../images/left_11.png); left:0;}
.page5 .box .swiper-button-next{ background-image:url(../images/right_13.png); right:0;}
.page5 .box .swiper-button-white:hover{ background-color:#fa0405;}
.page5 .box .swi{ margin-top:3vw; display:flex; justify-content:center;}
.page5 .box .swi a{ float:left; padding:0 25px; color:#fff; font-size:16px; line-height:36px; height:36px; border-radius:40px; transition:.5s; cursor:pointer; display:flex; align-items:center; border:1px solid #fff;}
.page5 .box .swi b{ display:block; width:6px; height:6px; background:#fff; transform:rotate(45deg); margin-left:10px;}
.page5 .box .swi strong{ display:block; width:6px; height:6px; background:#fff; transform:rotate(45deg); margin-left:5px; opacity:.5;}
.page5 .box .swi a:hover{ background-color:#fa0405; border:1px solid #fa0405;}
}
@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; line-height:34px; color:#fff; font-weight:bold; text-align:center;}
.page5 .box .wen{ font-size:14px; line-height:24px; color:#999; width:100%; margin:auto; text-align:center; margin-top:5px;}
.page5 .box .swiper-container{ width:100%; margin-top:15px; position:relative;}
.page5 .box .swiper-container .swiper-wrapper{ height:100%; align-items:center;}
.page5 .box .swiper-container .swiper-slide{ width:280px; display:block; overflow:hidden; display:flex;}
.page5 .box .swiper-container .swiper-slide a{ width:230px; display:block; margin:auto; overflow:hidden;}
.page5 .box .swiper-container .swiper-slide.swiper-slide-active a{ width:100%;}
.page5 .box .swiper-container .swiper-slide strong{ width:100%; 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:10px; font-size:18px; line-height:28px; color:#fff;}
.page5 .box .swiper-container .swiper-slide p{ display:block; text-align:center; margin-top:5px; font-size:14px; line-height:24px; color:#999;}
.page5 .box .swiper-container .swiper-slide:hover span{ color:#fa0405;}
.page5 .box .swiper-container .swiper-slide b{ width:40px; height:40px; display:block; background-color:#333; margin:auto; margin-top:10px; background-image:url(../images/moer.png); background-position:center; background-repeat:no-repeat; border-radius:100%; overflow:hidden; cursor:pointer;}
.page5 .box .swiper-container .swiper-slide b:hover{ background-color:#fa0405; background-image:url(../images/moer.png);}
.page5 .box .swiper-button-white{ width:40px; height:40px; background-color:rgba(255,255,255,.3); border-radius:100%; overflow:hidden; cursor:pointer; background-position:center; background-repeat:no-repeat; position:absolute; top:240px;}
.page5 .box .swiper-button-prev{ background-image:url(../images/left_11.png); left:20px;}
.page5 .box .swiper-button-next{ background-image:url(../images/right_13.png); right:20px;}
.page5 .box .swiper-button-white:hover{ background-color:#fa0405;}
.page5 .box .swi{ margin-top:20px; display:flex; justify-content:center;}
.page5 .box .swi a{ float:left; padding:0 20px; color:#fff; font-size:14px; line-height:32px; height:32px; border-radius:40px; transition:.5s; cursor:pointer; display:flex; align-items:center; border:1px solid #fff;}
.page5 .box .swi b{ display:block; width:6px; height:6px; background:#fff; transform:rotate(45deg); margin-left:10px;}
.page5 .box .swi strong{ display:block; width:6px; height:6px; background:#fff; transform:rotate(45deg); margin-left:5px; opacity:.5;}
.page5 .box .swi a:hover{ background-color:#fa0405; border:1px solid #fa0405;}
}

/*Exhibition */
@media screen and (min-width:1280px){
.page6{ height:100%; background-position:left top; background-repeat:no-repeat; background-size:auto 100%;}
.page6 .box{ width:80%; height:40%; min-width:1200px; margin:auto; position:relative; z-index:1;}
.page6 .box .title{ width:45%; color:#333; font-size:44px; line-height:54px; font-weight:bold;}
.page6 .box .wen{ width:45%; font-size:16px; line-height:26px; margin-top:1vw; color:#666;}
.page6 .box .swi{ margin-top:3vw;}
.page6 .box .swi .swiper-button-white{ width:40px; height:40px; background-color:#333; border-radius:100%; overflow:hidden; cursor:pointer; background-position:center; background-repeat:no-repeat; float:left; margin-right:20px;}
.page6 .box .swi .swiper-button-prev{ background-image:url(../images/left_11.png);}
.page6 .box .swi .swiper-button-next{ background-image:url(../images/right_13.png);}
.page6 .box .swi .swiper-button-white:hover{ background-color:#fa0405;}
.page6 .right{ width:50%; height:70%; position:absolute; right:0; bottom:0; border-top-left-radius:150px;}
.page6 .right .swiper-container{ width:100%; height:100%;}
.page6 .right .swiper-slide{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.page6 .right .swiper-slide a{ display:block; width:50%; position:absolute; background-color:rgba(255,255,255,.7); left:3%; bottom:100px; padding:2vw; border-left:5px solid #fa0405;}
.page6 .right .swiper-slide a span{ display:block; font-size:22px; line-height:32px; font-weight:bold; color:#fa0405;}
.page6 .right .swiper-slide a p{ display:block; font-size:16px; line-height:26px; margin-top:.5vw;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page6{ height:100%; background-position:left top; background-repeat:no-repeat; background-size:auto 100%;}
.page6 .box{ width:94%; height:60%; margin:auto; position:relative; z-index:1;}
.page6 .box .title{ width:45%; color:#333; font-size:34px; line-height:44px; font-weight:bold;}
.page6 .box .wen{ width:45%; font-size:16px; line-height:26px; margin-top:1vw; color:#666;}
.page6 .box .swi{ margin-top:3vw;}
.page6 .box .swi .swiper-button-white{ width:40px; height:40px; background-color:#333; border-radius:100%; overflow:hidden; cursor:pointer; background-position:center; background-repeat:no-repeat; float:left; margin-right:20px;}
.page6 .box .swi .swiper-button-prev{ background-image:url(../images/left_11.png);}
.page6 .box .swi .swiper-button-next{ background-image:url(../images/right_13.png);}
.page6 .box .swi .swiper-button-white:hover{ background-color:#fa0405;}
.page6 .right{ width:50%; height:80%; position:absolute; right:0; bottom:0; border-top-left-radius:100px;}
.page6 .right .swiper-container{ width:100%; height:100%;}
.page6 .right .swiper-slide{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.page6 .right .swiper-slide a{ display:block; width:50%; position:absolute; background-color:rgba(255,255,255,.7); left:3%; bottom:90px; padding:2vw; border-left:5px solid #fa0405;}
.page6 .right .swiper-slide a span{ display:block; font-size:20px; line-height:30px; font-weight:bold; color:#fa0405;}
.page6 .right .swiper-slide a p{ display:block; font-size:16px; line-height:26px; margin-top:.5vw;}
}
@media only screen and (max-width:1023px){
.page6{ height:100%; display:block; background-position:10% bottom; background-repeat:no-repeat; background-size:auto 100%;}
.page6 .box{ width:94%; height:calc(100% - 80.625vw); padding:80px 0; box-sizing:border-box; margin:auto; position:relative; z-index:1;}
.page6 .box .title{ width:100%; color:#333; font-size:24px; line-height:34px; font-weight:bold;}
.page6 .box .wen{ width:100%; font-size:14px; line-height:24px; margin-top:5px; color:#666;}
.page6 .box .swi{ margin-top:15px;}
.page6 .box .swi .swiper-button-white{ width:40px; height:40px; background-color:#333; border-radius:100%; overflow:hidden; cursor:pointer; background-position:center; background-repeat:no-repeat; float:left; margin-right:15px;}
.page6 .box .swi .swiper-button-prev{ background-image:url(../images/left_11.png);}
.page6 .box .swi .swiper-button-next{ background-image:url(../images/right_13.png);}
.page6 .box .swi .swiper-button-white:hover{ background-color:#fa0405;}
.page6 .right{ width:90%; height:80.625vw; position:absolute; right:0; bottom:0; border-top-left-radius:50px;}
.page6 .right .swiper-container{ width:100%; height:100%;}
.page6 .right .swiper-slide{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.page6 .right .swiper-slide a{ display:block; width:70%; position:absolute; background-color:rgba(255,255,255,.7); left:15px; bottom:80px; padding:10px 15px; border-left:2px solid #fa0405;}
.page6 .right .swiper-slide a span{ display:block; font-size:18px; line-height:28px; font-weight:bold; color:#fa0405;}
.page6 .right .swiper-slide a p{ display:block; font-size:14px; line-height:24px; margin-top:5px;}
}

/*Agenda*/
@media screen and (min-width:1280px){
.page7{ height:100%; background-color:#262625;}
.page7 .lbg{ width:50%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; position:absolute; left:0; top:0; z-index:1;}
.page7 .box{ width:80%; min-width:1200px; margin:auto; height:100%; position:relative; z-index:3;}
.page7 .box .right{ width:45%; float:right; padding:100px 0; height:100%; overflow:auto; box-sizing:border-box;}
.page7 .box .title{ font-size:44px; line-height:54px; color:#fff; font-weight:bold;}
.page7 .box .tab_menu{ width:100%; display:block; overflow:hidden; margin-top:1vw;}
.page7 .box .tab_menu li{ float:left; display:block; margin-right:3%; overflow:hidden; cursor:pointer; font-size:22px; line-height:32px; color:#fff;}
.page7 .box .tab_menu li.cur{ color:#fa0405;}
.page7 .box .tab_menu li span{ display:block;}
.page7 .box .tab_menu li b{ display:block; width:50px; height:2px;  background:linear-gradient(to right,#fa0405,#ff3031); margin:.5vw auto;}
.page7 .box .tab{ display:block; overflow:hidden;}
.page7 .box .tab li{ display:block; font-size:16px; line-height:26px; color:#999;}
.page7 .box .right .cont{ width:100%; padding-top:1vw; overflow:hidden;}
.page7 .box .right .cont .bt{ margin-top:.5vw; padding-left:20px;}
.page7 .box .right .cont .bt.b01{ border-left:5px solid #fa0405;}
.page7 .box .right .cont .bt.b02{ border-left:5px solid #29752b;}
.page7 .box .right .cont .bt span{ display:block; color:#fff; font-size:14px; line-height:24px;}
.page7 .box .right .cont .bt p{ display:block; color:#fff; font-size:20px; line-height:30px;}
.page7 .box .right .cont .wen{ margin-top:.5vw; color:#fff; font-size:14px; line-height:24px;}
.page7 .box .right::-webkit-scrollbar{ width:0; height:1px;}
.page7 .box .right::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#fa0405;}
.page7 .box .righ::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page7{ height:100%; background-color:#262625;}
.page7 .lbg{ width:50%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; position:absolute; left:0; top:0; z-index:1;}
.page7 .box{ width:100%; margin:auto; height:100%; position:relative; z-index:3;}
.page7 .box .right{ width:47%; float:right; padding:90px 3%; height:100%; overflow:auto; box-sizing:border-box;}
.page7 .box .title{ font-size:34px; line-height:44px; color:#fff; font-weight:bold;}
.page7 .box .tab_menu{ width:100%; display:block; overflow:hidden; margin-top:1vw;}
.page7 .box .tab_menu li{ float:left; display:block; margin-right:3%; overflow:hidden; cursor:pointer; font-size:20px; line-height:30px; color:#fff;}
.page7 .box .tab_menu li.cur{ color:#fa0405;}
.page7 .box .tab_menu li span{ display:block;}
.page7 .box .tab_menu li b{ display:block; width:40px; height:2px;  background:linear-gradient(to right,#fa0405,#ff3031); margin:.5vw auto;}
.page7 .box .tab{ display:block; overflow:hidden;}
.page7 .box .tab li{ display:block; font-size:16px; line-height:26px; color:#999;}
.page7 .box .right .cont{ width:100%; padding-top:1vw; overflow:hidden;}
.page7 .box .right .cont .bt{ margin-top:.5vw; padding-left:20px;}
.page7 .box .right .cont .bt.b01{ border-left:5px solid #fa0405;}
.page7 .box .right .cont .bt.b02{ border-left:5px solid #29752b;}
.page7 .box .right .cont .bt span{ display:block; color:#fff; font-size:14px; line-height:24px;}
.page7 .box .right .cont .bt p{ display:block; color:#fff; font-size:18px; line-height:28px;}
.page7 .box .right .cont .wen{ margin-top:.5vw; color:#fff; font-size:14px; line-height:24px;}
.page7 .box .right::-webkit-scrollbar{ width:5px; height:1px;}
.page7 .box .right::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#fa0405;}
.page7 .box .righ::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}
}
@media only screen and (max-width:1023px){
.page7{ background-color:#262625; display:block;}
.page7 .lbg{ width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; position:absolute; left:0; top:0; z-index:1;}
.page7 .box{ width:100%; position:relative; z-index:3; background-color:rgba(0,0,0,.9)}
.page7 .box .right{ width:94%; padding:80px 3%;}
.page7 .box .title{ font-size:24px; line-height:34px; color:#fff; font-weight:bold; text-align:center;}
.page7 .box .tab_menu{ width:100%; display:block; overflow:hidden; margin-top:5px; text-align:center;}
.page7 .box .tab_menu li{ display:inline-block; margin:0 5px; overflow:hidden; cursor:pointer; font-size:18px; line-height:28px; color:#fff;}
.page7 .box .tab_menu li.cur{ color:#fa0405;}
.page7 .box .tab_menu li span{ display:block;}
.page7 .box .tab_menu li b{ display:block; width:30px; height:2px; background:linear-gradient(to right,#fa0405,#ff3031); margin:5px auto;}
.page7 .box .tab{ display:block; overflow:hidden;}
.page7 .box .tab li{ display:block; font-size:14px; line-height:24px; color:#999;}
.page7 .box .right .cont{ width:100%; padding-top:5px; overflow:hidden;}
.page7 .box .right .cont .bt{ margin-top:10px; padding-left:10px;}
.page7 .box .right .cont .bt.b01{ border-left:5px solid #fa0405;}
.page7 .box .right .cont .bt.b02{ border-left:5px solid #29752b;}
.page7 .box .right .cont .bt span{ display:block; color:#fff; font-size:14px; line-height:24px;}
.page7 .box .right .cont .bt p{ display:block; color:#fff; font-size:16px; line-height:26px;}
.page7 .box .right .cont .wen{ margin-top:5px; color:#fff; font-size:14px; line-height:24px;}
}

/*Strategic partner*/
@media screen and (min-width:1280px){
.page8 .box{ width:80%; min-width:1200px; margin:auto; position:relative; z-index:3;}
.page8 .box .tu{ width:100%;}
.page8 .box .tu img{ height:120px; display:block; margin:auto;}
.page8 .box .title{ font-size:44px; line-height:54px; font-weight:bold; color:#fff; text-align:center; margin-top:3vw;}
.page8 .box .wen{ width:72%; margin:auto; font-size:18px; line-height:38px; margin-top:2vw; color:#fff; text-align:center;}
.page8 .box .yy{ margin-top:5vw; display:flex; justify-content:center;}
.page8 .box .yy a{ float:left; padding:0 30px; color:#fff; font-size:18px; line-height:40px; height:40px; border-radius:40px; transition:.5s; cursor:pointer; display:flex; align-items:center; border:1px solid #fff;}
.page8 .box .yy b{ display:block; width:8px; height:8px; background:#fff; transform:rotate(45deg); margin-left:15px;}
.page8 .box .yy strong{ display:block; width:8px; height:8px; background:#fff; transform:rotate(45deg); margin-left:10px; opacity:.5;}
.page8 .box .yy a:hover{ background-color:#fa0405; border:1px solid #fa0405;}
.page8 .lbg{ width:100%; height:100%; position:absolute; left:0; top:0; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:0;}
.page8 .lbg b{ width:100%; height:100%; display:block; background-color:#000; opacity:.7;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page8 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.page8 .box .tu{ width:100%;}
.page8 .box .tu img{ height:100px; display:block; margin:auto;}
.page8 .box .title{ font-size:34px; line-height:44px; font-weight:bold; color:#fff; text-align:center; margin-top:3vw;}
.page8 .box .wen{ width:80%; margin:auto; font-size:16px; line-height:36px; margin-top:2vw; color:#fff; text-align:center;}
.page8 .box .yy{ margin-top:5vw; display:flex; justify-content:center;}
.page8 .box .yy a{ float:left; padding:0 25px; color:#fff; font-size:16px; line-height:36px; height:36px; border-radius:40px; transition:.5s; cursor:pointer; display:flex; align-items:center; border:1px solid #fff;}
.page8 .box .yy b{ display:block; width:6px; height:6px; background:#fff; transform:rotate(45deg); margin-left:10px;}
.page8 .box .yy strong{ display:block; width:6px; height:6px; background:#fff; transform:rotate(45deg); margin-left:5px; opacity:.5;}
.page8 .box .yy a:hover{ background-color:#fa0405; border:1px solid #fa0405;}
.page8 .lbg{ width:100%; height:100%; position:absolute; left:0; top:0; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:0;}
.page8 .lbg b{ width:100%; height:100%; display:block; background-color:#000; opacity:.7;}
}
@media only screen and (max-width:1023px){
.page8 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.page8 .box .tu{ width:100%;}
.page8 .box .tu img{ height:60px; display:block; margin:auto;}
.page8 .box .title{ font-size:24px; line-height:34px; font-weight:bold; color:#fff; text-align:center; margin-top:25px;}
.page8 .box .wen{ width:100%; font-size:14px; line-height:30px; margin-top:10px; color:#fff; text-align:center;}
.page8 .box .yy{ margin-top:25px; display:flex; justify-content:center;}
.page8 .box .yy a{ float:left; padding:0 20px; color:#fff; font-size:14px; line-height:32px; height:32px; border-radius:40px; transition:.5s; cursor:pointer; display:flex; align-items:center; border:1px solid #fff;}
.page8 .box .yy b{ display:block; width:6px; height:6px; background:#fff; transform:rotate(45deg); margin-left:10px;}
.page8 .box .yy strong{ display:block; width:6px; height:6px; background:#fff; transform:rotate(45deg); margin-left:5px; opacity:.5;}
.page8 .box .yy a:hover{ background-color:#fa0405; border:1px solid #fa0405;}
.page8 .lbg{ width:100%; height:100%; position:absolute; left:0; top:0; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:0;}
.page8 .lbg b{ width:100%; height:100%; display:block; background-color:#000; opacity:.7;}
}

/*Strategic partner*/
@media screen and (min-width:1280px){
.page9{ display:block; padding-top:100px; padding-bottom:100px; background-color:#fff;}
.page9 .title{ font-size:44px; line-height:54px; font-weight:bold; color:#333; text-align:center;}
.page9 .bg{ width:100%; height:142px; background-color:#f2f2f2; position:absolute; left:0; bottom:0; z-index:1;}
.page9 .box{ width:100%; padding:100px 0; background-color:#fff; position:relative; z-index:3;}
.page9 .box:nth-child(2n+1){ background-color:#f2f2f2;}
.page9 .box:nth-child(2){ padding-top:50px;}
.page9 .box .bt{ font-size:30px; line-height:40px; font-weight:bold; color:#333; text-align:center;}
.page9 .box .list{ width:80%; min-width:1200px; margin:auto; padding-top:1vw; text-align:center; display:flex; justify-content:center; flex-wrap:wrap; align-items:flex-start;}
.page9 .box .list li{ width:8.75vw; height:8.75vw; display:block; margin:1vw; margin-bottom:0;}
.page9 .box .list li a{ width:8.75vw; height:8.75vw; display:flex; align-items:center; background-color:#fff; overflow:hidden;}
.page9 .box .list li a img{ width:100%; display:block;}
.page9 .yy{ display:flex; justify-content:center; margin-top:-30px; position:relative; z-index:4;}
.page9 .yy a{ float:left; padding:0 30px; color:#333; font-size:18px; line-height:40px; height:40px; border-radius:40px; transition:.5s; cursor:pointer; display:flex; align-items:center; border:1px solid #999;}
.page9 .yy b{ display:block; width:8px; height:8px; background:#999; transform:rotate(45deg); margin-left:15px;}
.page9 .yy strong{ display:block; width:8px; height:8px; background:#999; transform:rotate(45deg); margin-left:10px; opacity:.5;}
.page9 .yy a:hover{ background-color:#fa0405; border:1px solid #fa0405; color:#fff;}
.page9 .yy a:hover strong,.page9 .yy a:hover b{ background:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page9{ display:block; padding-top:90px; padding-bottom:90px; background-color:#fff;}
.page9 .title{ font-size:34px; line-height:44px; font-weight:bold; color:#333; text-align:center;}
.page9 .bg{ width:100%; height:132px; background-color:#f2f2f2; position:absolute; left:0; bottom:0; z-index:1;}
.page9 .box{ width:100%; padding:90px 0; background-color:#fff; position:relative; z-index:3;}
.page9 .box:nth-child(2n+1){ background-color:#f2f2f2;}
.page9 .box:nth-child(2){ padding-top:40px;}
.page9 .box .bt{ font-size:24px; line-height:24px; font-weight:bold; color:#333; text-align:center;}
.page9 .box .list{ width:94%; margin:auto; padding-top:1vw; text-align:center; display:flex; justify-content:center; flex-wrap:wrap; align-items:flex-start;}
.page9 .box .list li{ width:10vw; height:10vw; display:block; margin:1vw; margin-bottom:0;}
.page9 .box .list li a{ width:10vw; height:10vw; display:flex; align-items:center; background-color:#fff; overflow:hidden;}
.page9 .box .list li a img{ width:100%; display:block;}
.page9 .yy{ display:flex; justify-content:center; margin-top:-40px; position:relative; z-index:4;}
.page9 .yy a{ float:left; padding:0 25px; color:#333; font-size:16px; line-height:36px; height:36px; border-radius:40px; transition:.5s; cursor:pointer; display:flex; align-items:center; border:1px solid #999;}
.page9 .yy b{ display:block; width:6px; height:6px; background:#999; transform:rotate(45deg); margin-left:10px;}
.page9 .yy strong{ display:block; width:6px; height:6px; background:#999; transform:rotate(45deg); margin-left:5px; opacity:.5;}
.page9 .yy a:hover{ background-color:#fa0405; border:1px solid #fa0405; color:#fff;}
.page9 .yy a:hover strong,.page9 .yy a:hover b{ background:#fff;}
}
@media only screen and (max-width:1023px){
.page9{ display:block; padding-top:80px; padding-bottom:80px; background-color:#fff;}
.page9 .title{ font-size:24px; line-height:34px; font-weight:bold; color:#333; text-align:center;}
.page9 .bg{ width:100%; height:114px; background-color:#f2f2f2; position:absolute; left:0; bottom:0; z-index:1;}
.page9 .box{ width:100%; padding:80px 0; background-color:#fff; position:relative; z-index:3;}
.page9 .box:nth-child(2n+1){ background-color:#f2f2f2;}
.page9 .box:nth-child(2){ padding-top:30px;}
.page9 .box .bt{ font-size:18px; line-height:28px; font-weight:bold; color:#333; text-align:center;}
.page9 .box .list{ display:block; text-align:center; display:flex; justify-content:center; flex-wrap:wrap; align-items:flex-start;}
.page9 .box .list li{ width:20vw; height:20vw; display:block; margin:15px 1vw; margin-bottom:0;}
.page9 .box .list li a{ width:20vw; height:20vw; display:flex; align-items:center; background-color:#fff; overflow:hidden;}
.page9 .box .list li a img{ width:100%; display:block;}
.page9 .yy{ display:flex; justify-content:center; margin-top:-50px; position:relative; z-index:4;}
.page9 .yy a{ float:left; padding:0 20px; color:#333; font-size:14px; line-height:32px; height:32px; border-radius:40px; transition:.5s; cursor:pointer; display:flex; align-items:center; border:1px solid #999;}
.page9 .yy b{ display:block; width:6px; height:6px; background:#999; transform:rotate(45deg); margin-left:10px;}
.page9 .yy strong{ display:block; width:6px; height:6px; background:#999; transform:rotate(45deg); margin-left:5px; opacity:.5;}
.page9 .yy a:hover{ background-color:#fa0405; border:1px solid #fa0405; color:#fff;}
.page9 .yy a:hover strong,.page9 .yy a:hover b{ background:#fff;}
}

/*Plan*/
@media screen and (min-width:1280px){
.page10{ height:100%; background-position:top center; background-repeat:no-repeat; background-size:100% auto;}
.page10 .right{ width:100%; height:100%; position:relative; z-index:1; display:flex; align-items:center; justify-content:flex-end;}
.page10 .right img{ max-width:70%; max-height:100%; display:block; float:right}
.page10 .box{ width:25%; position:absolute; left:5%; bottom:100px; z-index:3;}
.page10 .box .title{ font-size:44px; line-height:54px; font-weight:bold;}
.page10 .box .wen{ font-size:16px; line-height:26px; color:#666; margin-top:1vw;}
.page10 .yy{ margin-top:2vw;}
.page10 .yy a{ float:left; padding:0 30px; color:#333; font-size:18px; line-height:40px; height:40px; border-radius:40px; transition:.5s; cursor:pointer; display:flex; align-items:center; border:1px solid #999;}
.page10 .yy b{ display:block; width:8px; height:8px; background:#999; transform:rotate(45deg); margin-left:15px;}
.page10 .yy strong{ display:block; width:8px; height:8px; background:#999; transform:rotate(45deg); margin-left:10px; opacity:.5;}
.page10 .yy a:hover{ background-color:#fa0405; border:1px solid #fa0405; color:#fff;}
.page10 .yy a:hover strong,.page9 .yy a:hover b{ background:#fff;}

.bigimg{ position:fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); display:none; z-index:9999;}
.mask{ position:fixed; left:0; top:0; right:0; bottom:0; background-color:#000; opacity:0.7; filter:Alpha(opacity=50); z-index:9991; transition:all 1s; display:none}
.mask:hover{ cursor:zoom-out}
.mask>img{ position:fixed; right:10px; top:10px; width:60px;}
.mask>img:hover{cursor:pointer}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page10{ height:100%; background-position:top center; background-repeat:no-repeat; background-size:100% auto;}
.page10 .right{ width:100%; height:100%; position:relative; z-index:1; display:flex; align-items:center; justify-content:flex-end;}
.page10 .right img{ max-width:70%; max-height:100%; display:block; float:right}
.page10 .box{ width:27%; position:absolute; left:3%; bottom:100px; z-index:3;}
.page10 .box .title{ font-size:34px; line-height:44px; font-weight:bold;}
.page10 .box .wen{ font-size:16px; line-height:26px; color:#666; margin-top:1vw;}
.page10 .yy{ margin-top:2vw;}
.page10 .yy a{ float:left; padding:0 25px; color:#333; font-size:16px; line-height:36px; height:36px; border-radius:40px; transition:.5s; cursor:pointer; display:flex; align-items:center; border:1px solid #999;}
.page10 .yy b{ display:block; width:6px; height:6px; background:#999; transform:rotate(45deg); margin-left:10px;}
.page10 .yy strong{ display:block; width:6px; height:6px; background:#999; transform:rotate(45deg); margin-left:5px; opacity:.5;}
.page10 .yy a:hover{ background-color:#fa0405; border:1px solid #fa0405; color:#fff;}
.page10 .yy a:hover strong,.page9 .yy a:hover b{ background:#fff;}

.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{ display:block; min-height:0; background-position:top center; background-repeat:no-repeat; background-size:100% auto;}
.page10 .right{ width:100%; position:relative; z-index:1;}
.page10 .right img{ width:100%; display:block;}
.page10 .box{  width:100%; padding:40px 3%;}
.page10 .box .title{ font-size:24px; line-height:34px; font-weight:bold; text-align:center;}
.page10 .box .wen{ font-size:14px; line-height:24px; color:#666; margin-top:5px; text-align:center;}
.page10 .yy{ display:flex; justify-content:center; margin-top:15px;}
.page10 .yy a{ float:left; padding:0 20px; color:#333; font-size:14px; line-height:32px; height:32px; border-radius:40px; transition:.5s; cursor:pointer; display:flex; align-items:center; border:1px solid #999;}
.page10 .yy b{ display:block; width:6px; height:6px; background:#999; transform:rotate(45deg); margin-left:10px;}
.page10 .yy strong{ display:block; width:6px; height:6px; background:#999; transform:rotate(45deg); margin-left:5px; opacity:.5;}
.page10 .yy a:hover{ background-color:#fa0405; border:1px solid #fa0405; color:#fff;}
.page10 .yy a:hover strong,.page9 .yy a:hover b{ background:#fff;}


.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{ height:100%; display:block;}
.page11 .box{ width:80%; min-width:1200px; margin:auto; height:70%; position:absolute; left:50%; bottom:0; transform:translateX(-50%); z-index:3;}
.page11 .box .left{ width:45%; position:absolute; left:0; top:25%; z-index:3;}
.page11 .box .left .title{ font-size:44px; line-height:54px; font-weight:bold; color:#fff;}
.page11 .box .left .wen{ width:60%; font-size:18px; line-height:28px; margin-top:2vw; color:#999;}
.page11 .box .right{ width:40%; height:100%; border-top-right-radius:150px; background-size:cover; background-repeat:no-repeat; background-size:cover; margin:auto;}
.page11 .box .bt{ width:25%; position:absolute; right:0; bottom:100px; z-index:3; font-size:18px; line-height:28px; color:#fff;}
.page11 .box .yy{ margin-top:3vw;}
.page11 .box .yy a{ float:left; padding:0 30px; color:#fff; font-size:18px; line-height:40px; height:40px; border-radius:40px; transition:.5s; cursor:pointer; display:flex; align-items:center; border:1px solid #fff;}
.page11 .box .yy b{ display:block; width:8px; height:8px; background:#fff; transform:rotate(45deg); margin-left:15px;}
.page11 .box .yy strong{ display:block; width:8px; height:8px; background:#fff; transform:rotate(45deg); margin-left:10px; opacity:.5;}
.page11 .box .yy a:hover{ background-color:#fa0405; border:1px solid #fa0405;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.page11{ height:100%; display:block;}
.page11 .box{ width:94%; height:80%; position:absolute; left:3%; bottom:0; z-index:3;}
.page11 .box .left{ width:50%; position:absolute; left:0; top:25%; z-index:3;}
.page11 .box .left .title{ font-size:34px; line-height:44px; font-weight:bold; color:#fff;}
.page11 .box .left .wen{ width:60%; font-size:16px; line-height:26px; margin-top:2vw; color:#999;}
.page11 .box .right{ width:40%; height:100%; border-top-right-radius:100px; background-size:cover; background-repeat:no-repeat; background-size:cover; margin-left:35%;}
.page11 .box .bt{ width:22%; position:absolute; right:0; bottom:90px; z-index:3; font-size:16px; line-height:26px; color:#fff;}
.page11 .box .yy{ margin-top:3vw;}
.page11 .box .yy a{ float:left; padding:0 25px; color:#fff; font-size:16px; line-height:36px; height:36px; border-radius:40px; transition:.5s; cursor:pointer; display:flex; align-items:center; border:1px solid #fff;}
.page11 .box .yy b{ display:block; width:6px; height:6px; background:#fff; transform:rotate(45deg); margin-left:10px;}
.page11 .box .yy strong{ display:block; width:6px; height:6px; background:#fff; transform:rotate(45deg); margin-left:5px; opacity:.5;}
.page11 .box .yy a:hover{ background-color:#fa0405; border:1px solid #fa0405;}
}
@media only screen and (max-width:1023px){
.page11{ display:block; min-height:0;}
.page11 .box{ width:94%; margin:auto; z-index:3; padding-top:80px; position:relative;}
.page11 .box .left{ width:100%; z-index:3;}
.page11 .box .left .title{ font-size:24px; line-height:34px; font-weight:bold; color:#fff; text-align:center;}
.page11 .box .left .wen{ font-size:14px; line-height:24px; margin-top:5px; color:#999; text-align:center;}
.page11 .box .right{ width:100%; height:105.75vw; border-top-right-radius:50px; background-size:cover; background-repeat:no-repeat; background-size:cover; margin-top:10px;}
.page11 .box .bt{ width:100%; margin-top:35px; font-size:14px; line-height:24px; color:#fff;}
.page11 .box .yy{ margin-top:25px; display:flex; justify-content:center;}
.page11 .box .yy a{ float:left; padding:0 20px; color:#fff; font-size:14px; line-height:32px; height:32px; border-radius:40px; transition:.5s; cursor:pointer; display:flex; align-items:center; border:1px solid #fff;}
.page11 .box .yy b{ display:block; width:6px; height:6px; background:#fff; transform:rotate(45deg); margin-left:10px;}
.page11 .box .yy strong{ display:block; width:6px; height:6px; background:#fff; transform:rotate(45deg); margin-left:5px; opacity:.5;}
.page11 .box .yy a:hover{ background-color:#fa0405; border:1px solid #fa0405;}
}

/*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{ min-height:0;}
.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{ padding:100px 5%; margin:auto;}
.page13 .box .title{ font-size:44px; line-height:54px; font-weight:bold; text-align:center;}
.page13 .box .wen{ font-size:16px; line-height:26px; color:#666; width:72%; margin:auto; text-align:center; margin-top:1vw;}
.page13 .box .swiper-container{ width:100%; margin-top:3vw;}
.page13 .box .swiper-container .swiper-slide{ display:block; overflow:hidden; width:17.5%; margin-right:3%;}
.page13 .box .swiper-container .swiper-slide strong{ display:block; width:100%; height:15.75vw; overflow:hidden; position:relative; border-radius:10px;}
.page13 .box .swiper-container .swiper-slide strong>img{ width:100%; display:block;}
.page13 .box .swiper-container .swiper-slide strong b{ position:absolute; left:0; bottom:1vw; display:flex; justify-content:center; width:100%; opacity:0;}
.page13 .box .swiper-container .swiper-slide strong b a{ width:40px; height:40px; border-radius:100%; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); margin:0 5px;}
.page13 .box .swiper-container .swiper-slide strong b a img{ height:20px; margin:10px auto; display:block;}
.page13 .box .swiper-container .swiper-slide strong:hover b{ opacity:1; box-shadow:0 0 10px rgba(250,4,5,.1);}
.page13 .box .swiper-container .swiper-slide span{ display:block; text-align:center; font-size:22px; line-height:32px; margin-top:1vw; font-weight:bold;}
.page13 .box .swiper-container .swiper-slide p{ display:block; text-align:center; font-size:16px; line-height:26px; color:#666; margin-top:.5vw;}
.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,#fa0405,#ff3031);}
}
@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; line-height:44px; font-weight:bold; text-align:center;}
.page13 .box .wen{ font-size:16px; line-height:26px; color:#666; width:100%; margin:auto; text-align:center; margin-top:1vw;}
.page13 .box .swiper-container{ width:100%; margin-top:3vw;}
.page13 .box .swiper-container .swiper-slide{ display:block; overflow:hidden; width:23.5%; margin-right:2%;}
.page13 .box .swiper-container .swiper-slide strong{ display:block; width:100%; height:22.09vw; overflow:hidden; position:relative; border-radius:10px;}
.page13 .box .swiper-container .swiper-slide strong>img{ width:100%; display:block;}
.page13 .box .swiper-container .swiper-slide strong b{ position:absolute; left:0; bottom:1vw; display:flex; justify-content:center; width:100%; opacity:0;}
.page13 .box .swiper-container .swiper-slide strong b a{ width:30px; height:30px; border-radius:100%; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); margin:0 5px;}
.page13 .box .swiper-container .swiper-slide strong b a img{ height:16px; margin:7px auto; display:block;}
.page13 .box .swiper-container .swiper-slide strong:hover b{ opacity:1; box-shadow:0 0 10px rgba(250,4,5,.1);}
.page13 .box .swiper-container .swiper-slide span{ display:block; text-align:center; font-size:20px; line-height:30px; margin-top:1vw; font-weight:bold;}
.page13 .box .swiper-container .swiper-slide p{ display:block; text-align:center; font-size:16px; line-height:26px; color:#666; margin-top:.5vw;}
.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,#fa0405,#ff3031);}
}
@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; line-height:34px; font-weight:bold; text-align:center;}
.page13 .box .wen{ font-size:14px; line-height:24px; color:#666; width:100%; margin:auto; text-align:center; margin-top:5px;}
.page13 .box .swiper-container{ width:100%; margin-top:15px;}
.page13 .box .swiper-container .swiper-slide{ display:block; overflow:hidden; width:48.5%; margin-right:3%;}
.page13 .box .swiper-container .swiper-slide strong{ display:block; width:100%; height:45.59vw; overflow:hidden; position:relative; border-radius:10px;}
.page13 .box .swiper-container .swiper-slide strong>img{ width:100%; display:block;}
.page13 .box .swiper-container .swiper-slide strong b{ position:absolute; left:0; bottom:1vw; display:flex; justify-content:center; width:100%; opacity:0;}
.page13 .box .swiper-container .swiper-slide strong b a{ width:24px; height:24px; border-radius:100%; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); margin:0 2px;}
.page13 .box .swiper-container .swiper-slide strong b a img{ height:10px; margin:7px auto; display:block;}
.page13 .box .swiper-container .swiper-slide strong:hover b{ opacity:1; box-shadow:0 0 10px rgba(250,4,5,.1);}
.page13 .box .swiper-container .swiper-slide span{ display:block; text-align:center; font-size:18px; line-height:28px; margin-top:10px; font-weight:bold;}
.page13 .box .swiper-container .swiper-slide p{ display:block; text-align:center; font-size:14px; line-height:24px; color:#666; margin-top:5px;}
.page13 .box .swiper-container .swiper-pagination{ width:100%; text-align:center; margin-top:15px;}
.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,#fa0405,#ff3031);}
}

@media only screen and (max-width:640px){
.page13 .box .swiper-container .swiper-slide{ width:100%;}
.page13 .box .swiper-container .swiper-slide strong{ width:80%; margin:auto; height:75.2vw;}
}*/
@media screen and (min-width:1280px){
.page13{ background-position:center; background-repeat:no-repeat; background-size:cover;}
.page13 .box{ padding:100px 5%; margin:auto; width:90%;}
.page13 .box .title{ font-size:44px; line-height:54px; font-weight:bold; text-align:center;}
.page13 .box .wen{ font-size:16px; line-height:26px; color:#666; width:72%; margin:auto; text-align:center; margin-top:1vw;}
.page13 .box .swiper-container{ width:100%; margin-top:3vw;}
.page13 .box .swiper-container .swiper-slide{ height:auto; text-align:center; overflow:hidden; width:17.6%; background-color:#fff; border-radius:10px; margin-right:3%; padding:70px 0; box-sizing:border-box; position:relative;}
.page13 .box .swiper-container .swiper-slide .t01{ height:30px; position:absolute; right:30px; top:30px; z-index:1;}
.page13 .box .swiper-container .swiper-slide .t01 img{ display:block; height:30px;}
.page13 .box .swiper-container .swiper-slide .t02{ height:80px;}
.page13 .box .swiper-container .swiper-slide .t02 img{ display:block; height:80px; margin:auto;}
.page13 .box .swiper-container .swiper-slide .t03{ width:70%; max-width:200px; margin:auto; height:4px; border-radius:4px; margin-top:30px; background:linear-gradient(to right,#fa0405,#ff3031);}
.page13 .box .swiper-container .swiper-slide .t04{ text-align:center; font-size:22px; line-height:32px; font-weight:bold; margin-top:55px;}
.page13 .box .swiper-container .swiper-slide .t05{ text-align:center; font-size:16px; line-height:26px; padding-top:5px;}
.page13 .box .swiper-container .swiper-slide .t05 p{ display:block; margin-top:5px;}
.page13 .box .swiper-container .swiper-slide .t06{ display:block; text-align:center; margin-top:30px;}
.page13 .box .swiper-container .swiper-slide .t06 a{ display:inline-block; margin:0 10px;}
.page13 .box .swiper-container .swiper-slide .t06 a img{ display:block; height:20px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.page13 .box .swiper-container .swiper-slide .t06 a:hover img{ -webkit-transform:rotateY(-360deg);}
.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,#fa0405,#ff3031);}
}
@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; line-height:44px; font-weight:bold; text-align:center;}
.page13 .box .wen{ font-size:16px; line-height:26px; color:#666; width:100%; margin:auto; text-align:center; margin-top:1vw;}
.page13 .box .swiper-container{ width:100%; margin-top:3vw;}
.page13 .box .swiper-container .swiper-slide{ height:auto; text-align:center; overflow:hidden; width:23.5%; background-color:#fff; border-radius:10px; margin-right:2%; padding:60px 0; box-sizing:border-box; position:relative;}
.page13 .box .swiper-container .swiper-slide .t01{ height:30px; position:absolute; right:25px; top:25px; z-index:1;}
.page13 .box .swiper-container .swiper-slide .t01 img{ display:block; height:30px;}
.page13 .box .swiper-container .swiper-slide .t02{ height:60px;}
.page13 .box .swiper-container .swiper-slide .t02 img{ display:block; height:60px; margin:auto;}
.page13 .box .swiper-container .swiper-slide .t03{ width:70%; max-width:200px; margin:auto; height:4px; border-radius:4px; margin-top:20px; background:linear-gradient(to right,#fa0405,#ff3031);}
.page13 .box .swiper-container .swiper-slide .t04{ text-align:center; font-size:20px; line-height:30px; font-weight:bold; margin-top:45px;}
.page13 .box .swiper-container .swiper-slide .t05{ text-align:center; font-size:16px; line-height:26px; padding-top:5px;}
.page13 .box .swiper-container .swiper-slide .t05 p{ display:block; margin-top:5px;}
.page13 .box .swiper-container .swiper-slide .t06{ display:block; text-align:center; margin-top:25px;}
.page13 .box .swiper-container .swiper-slide .t06 a{ display:inline-block; margin:0 10px;}
.page13 .box .swiper-container .swiper-slide .t06 a img{ display:block; height:20px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.page13 .box .swiper-container .swiper-slide .t06 a:hover img{ -webkit-transform:rotateY(-360deg);}
.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,#fa0405,#ff3031);}
}
@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; line-height:34px; font-weight:bold; text-align:center;}
.page13 .box .wen{ font-size:14px; line-height:24px; color:#666; width:100%; margin:auto; text-align:center; margin-top:5px;}
.page13 .box .swiper-container{ width:100%; margin-top:15px;}
.page13 .box .swiper-container .swiper-slide{ height:auto; text-align:center; overflow:hidden; width:48.5%; background-color:#fff; border-radius:10px; margin-right:3%; padding:50px 0; box-sizing:border-box; position:relative;}
.page13 .box .swiper-container .swiper-slide .t01{ height:30px; position:absolute; right:30px; top:30px; z-index:1;}
.page13 .box .swiper-container .swiper-slide .t01 img{ display:block; height:30px;}
.page13 .box .swiper-container .swiper-slide .t02{ height:60px;}
.page13 .box .swiper-container .swiper-slide .t02 img{ display:block; height:60px; margin:auto;}
.page13 .box .swiper-container .swiper-slide .t03{ width:70%; max-width:200px; margin:auto; height:4px; border-radius:4px; margin-top:30px; background:linear-gradient(to right,#fa0405,#ff3031);}
.page13 .box .swiper-container .swiper-slide .t04{ text-align:center; font-size:18px; line-height:28px; font-weight:bold; margin-top:35px;}
.page13 .box .swiper-container .swiper-slide .t05{ text-align:center; font-size:14px; line-height:24px; padding-top:5px;}
.page13 .box .swiper-container .swiper-slide .t05 p{ display:block; margin-top:5px;}
.page13 .box .swiper-container .swiper-slide .t06{ display:block; text-align:center; margin-top:20px;}
.page13 .box .swiper-container .swiper-slide .t06 a{ display:inline-block; margin:0 10px;}
.page13 .box .swiper-container .swiper-slide .t06 a img{ display:block; height:20px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.page13 .box .swiper-container .swiper-slide .t06 a:hover img{ -webkit-transform:rotateY(-360deg);}
.page13 .box .swiper-container .swiper-pagination{ width:100%; text-align:center; margin-top:15px;}
.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,#fa0405,#ff3031);}
}

@media only screen and (max-width:640px){
.page13 .box .swiper-container .swiper-slide{ width:94%; margin:0 3%;}
}

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

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

/*speaker*/
@media screen and (min-width:1280px){
.speak{ background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
.speak .box{ width:80%; min-width:1200px; padding:100px 0; margin:auto; padding-bottom:70px;}
.speak .box .title{ font-size:44px; line-height:54px; font-weight:bold; text-align:center; color:#fff;}
.speak .box .wen{ font-size:16px; line-height:26px; color:#999; width:72%; margin:auto; text-align:center; margin-top:1vw;}
.speak .box .list{ width:100%; display:block;}
.speak .box .list li{ width:22.75%; margin-top:2vw; float:left; margin-left:3%; display:block; overflow:hidden;}
.speak .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.speak .box .list li strong{ width:100%; max-width:320px; display:block; margin:auto; border-radius:100%; overflow:hidden;}
.speak .box .list li strong img{ width:100%; display:block;}
.speak .box .list li span{ display:block; text-align:center; margin-top:1vw; font-size:22px; line-height:32px; color:#fff;}
.speak .box .list li p{ display:block; text-align:center; margin-top:.5vw; font-size:16px; line-height:26px; color:#999;}
.speak .box .list li:hover span{ color:#fa0405;}
.speak .box .list li b{ width:40px; height:40px; display:block; background-color:#333; margin:auto; margin-top:1vw; background-image:url(../images/moer.png); background-position:center; background-repeat:no-repeat; border-radius:100%; overflow:hidden; cursor:pointer;}
.speak .box .list li b:hover{ background-color:#fa0405;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.speak{ background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
.speak .box{ width:94%; padding:90px 0; margin:auto; padding-bottom:50px;}
.speak .box .title{ font-size:34px; line-height:44px; color:#fff; font-weight:bold; text-align:center;}
.speak .box .wen{ font-size:16px; line-height:26px; color:#999; width:100%; margin:auto; text-align:center; margin-top:1vw;}
.speak .box .list{ width:100%; display:block;}
.speak .box .list li{ width:31.33%; margin-top:3vw; float:left; margin-left:3%; display:block; overflow:hidden;}
.speak .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.speak .box .list li strong{ width:100%; max-width:260px; display:block; margin:auto; border-radius:100%; overflow:hidden;}
.speak .box .list li strong img{ width:100%; display:block;}
.speak .box .list li span{ display:block; text-align:center; margin-top:1vw; font-size:20px; line-height:30px; color:#fff;}
.speak .box .list li p{ display:block; text-align:center; margin-top:.5vw; font-size:16px; line-height:26px; color:#999;}
.speak .box .list li:hover span{ color:#fa0405;}
.speak .box .list li b{ width:40px; height:40px; display:block; background-color:#333; margin:auto; margin-top:1vw; background-image:url(../images/moer.png); background-position:center; background-repeat:no-repeat; border-radius:100%; overflow:hidden; cursor:pointer;}
.speak .box .list li b:hover{ background-color:#fa0405;}
}
@media only screen and (max-width:1023px){
.speak{ background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
.speak .box{ width:94%; padding:80px 3%; padding-bottom:30px;}
.speak .box .title{ font-size:24px; line-height:34px; color:#fff; font-weight:bold; text-align:center;}
.speak .box .wen{ font-size:14px; line-height:24px; color:#999; width:100%; margin:auto; text-align:center; margin-top:5px;}
.speak .box .list{ width:100%; margin-top:-5px; display:block;}
.speak .box .list li{ width:48.5%; margin-top:20px; float:left; margin-left:3%; display:block; overflow:hidden;}
.speak .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.speak .box .list li strong{ width:100%; max-width:200px; display:block; margin:auto; border-radius:100%; overflow:hidden;}
.speak .box .list li strong img{ width:100%; display:block;}
.speak .box .list li span{ display:block; text-align:center; margin-top:8px; font-size:18px; line-height:28px; color:#fff;}
.speak .box .list li p{ display:block; text-align:center; font-size:14px; line-height:24px; color:#999;}
.speak .box .list li:hover span{ color:#fa0405;}
.speak .box .list li b{ width:34px; height:34px; display:block; background-color:#333; margin:auto; margin-top:7px; background-image:url(../images/moer.png); background-position:center; background-repeat:no-repeat; border-radius:100%; overflow:hidden; cursor:pointer; background-size:6px auto;}
.speak .box .list li b:hover{ background-color:#fa0405;}
}

@media screen and (min-width:1280px){
#speak{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; background-color:rgba(0,0,0,0.7); display:none;}
#speak .box{ width:400px; padding:30px; padding-top:35px; box-sizing:border-box; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); background-color:#fff; border-radius:10px; max-height:calc(100% - 180px); overflow:auto;}
#speak .close{ position:absolute; right:15px; top:15px; -webkit-transition:1s linear; transition:1s ease-in; z-index:9;}
#speak .close img{ display:block; cursor:pointer;}
#speak .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
#speak .left{ width:130px; height:130px; border-radius:100%; margin:auto;}
#speak .left img{ width:100%; display:block;}
#speak .right{ width:100%;}
#speak .right .s01{ text-align:center; font-size:22px; line-height:32px; font-weight:bold; margin-top:15px; color:#fa0405;}
#speak .right .s02{ font-size:16px; text-align:center; color:#666; margin-top:5px;}
#speak .right .s03{ font-size:14px; text-align:center; margin-top:10px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
#speak{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; background-color:rgba(0,0,0,0.7); display:none;}
#speak .box{ width:400px; padding:25px; padding-top:30px; box-sizing:border-box; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); background-color:#fff; border-radius:10px; max-height:80vh; overflow:auto;}
#speak .close{ position:absolute; right:15px; top:15px; -webkit-transition:1s linear; transition:1s ease-in; z-index:9;}
#speak .close img{ display:block; cursor:pointer;}
#speak .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
#speak .left{ width:130px; height:130px; border-radius:100%; margin:auto;}
#speak .left img{ width:100%; display:block;}
#speak .right{ width:100%;}
#speak .right .s01{ text-align:center; font-size:20px; line-height:30px; font-weight:bold; margin-top:15px; color:#fa0405;}
#speak .right .s02{ font-size:16px; text-align:center; color:#666; margin-top:5px;}
#speak .right .s03{ font-size:14px; text-align:center; margin-top:10px;}
}
@media only screen and (max-width:1023px){
#speak{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; background-color:rgba(0,0,0,0.7); display:none;}
#speak .box{ width:94%; padding:15px; padding-top:20px; box-sizing:border-box; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); background-color:#fff; border-radius:5px; max-height:calc(100% - 150px); overflow:auto;}
#speak .close{ position:absolute; right:15px; top:15px; -webkit-transition:1s linear; transition:1s ease-in; z-index:9;}
#speak .close img{ display:block; cursor:pointer;}
#speak .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
#speak .left{ width:130px; height:130px; border-radius:100%; margin:auto;}
#speak .left img{ width:100%; display:block;}
#speak .right{ width:100%;}
#speak .right .s01{ text-align:center; font-size:18px; line-height:28px; font-weight:bold; margin-top:10px; color:#fa0405;}
#speak .right .s02{ font-size:16px; text-align:center; color:#666;}
#speak .right .s03{ font-size:14px; text-align:center; margin-top:5px;}
}