@charset "utf-8";
/* CSS Document */
* { word-wrap: break-word; }
*, *:before, *:after { box-sizing: border-box; outline: none; }
html { overflow-x: hidden; }
html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset { margin: 0; padding: 0; font-weight: normal; -webkit-tap-highlight-color: transparent; }
ul, ol, dl { list-style-type: none; }
html, body { *position: static; color: #000; background: #fff; width: 100%; height: auto; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; border: 0; }
input, button { overflow: visible; vertical-align: middle; outline: none; }
body, th, td, button, input, select, textarea { font-size: 14px; font-family:"AlbbPHT-3-R","Microsoft Yahei",arial,tahoma,Verdana,sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
a { text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-transition: all .3s ease; transition: all .3s ease; color: #000; }
a:hover, a:focus, a:active { text-decoration: none; outline: none; }
a.ie6:hover { zoom: 1; }
b, i { font-weight: normal; font-style: normal; }
sub, sup { vertical-align: baseline; }
button, input[type="button"], input[type="submit"] { line-height: normal !important; }
img { max-width: 100%; border: 0; object-fit: cover; display: block; -webkit-user-drag: none; margin: 0 auto }
a * { -webkit-transition: all .4s ease; transition: all .4s ease; }
input, textarea { border: 0; background: none; outline: none; resize: none; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input[type="text"], input[type="tel"], input[type="button"], input[type="submit"], input[type="reset"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius: 0; -webkit-tap-highlight-color: transparent; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #bbb; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bbb; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bbb; }
::-webkit-scrollbar { width: 4px; height: 4px; background-color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
::-webkit-scrollbar-thumb { background-color: #c8c8c8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
a {color: #000;text-decoration: none;}
a:hover {color: #165dff;}
ul {margin: 0;list-style: none;padding: 0;}
video {display: block;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
.fl{float: left}
.fr{float: right}
.contenter {max-width: 1594px; margin: 0 auto}
.contenter_cp {max-width: 1450px; margin: 0 auto}
.p52 {padding: 52px 0}
.p110 {padding: 110px 0}

/*font*/
@font-face { font-family: "AlbbPHT-3-R"; src: url("../font/AlibabaPuHuiTi-3-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "AlbbPHT-3-SB"; src: url("../font/AlibabaPuHuiTi-3-SemiBold.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "AlbbPHT-3-EB"; src: url("../font/AlibabaPuHuiTi-3-ExtraBold.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "Barlow-Regular"; src: url("../font/Barlow-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
/*icon*/
@font-face {font-family: "iconfont"; src: url('../font/iconfont.ttf?t=1718613176113') format('truetype');}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-home:before {content: "\e612";}
.icon-shipin:before {content: "\e650";}
.icon-jiahao:before {content: "\e626";}
.icon-jianhao:before {content: "\e603";}
.icon-ruanjian:before {content: "\e689";}
.icon-diannao-mianxing:before {content: "\e6a0";}
.icon-diannao:before {content: "\e646";}
.icon-xunhuan:before {content: "\e637";}
.icon-zuzhijiagou:before {content: "\e61d";}
.icon-arrow-down:before {content: "\e655";}
.icon-arrow-left:before {content: "\e656";}
.icon-arrow-right:before {content: "\e657";}
.icon-arrow-up:before {content: "\e658";}
.icon-jiantou_you:before {content: "\e613";}

/*按钮*/
a.button_a { width: 152px; height: 58px; line-height: 58px; color: #ffffff; font-size: 16px; display: block; background: linear-gradient(to right,#3283ff,#7b61ff); border-radius: 58px;}
a.button_a span {width: 60%; display: block; float: left; text-align: right;}
a.button_a i {width: 35%; float: right; height: 58px; font-size: 24px; margin-left: 5px; vertical-align: middle;}
a.button_a:hover {background: linear-gradient(to right,#7b61ff,#3283ff);}

/*header*/
.header {width:  100%; height: 62px; position: fixed; top: 0; z-index: 100; transition:all .3s}
.header-white {background: #ffffff;}
.logo {width: 10%; height: 52px; padding-top: 10px; margin-left: 5%;}
.logo img {margin: 0;}
.menu {width: 80%;}
.menu ul li {float: left;padding: 0 4.2%; height: 62px; line-height: 62px;}
.menu ul li a {color: #86909c; font-size: 14px;}
.menu ul li a:hover,.menu ul li.on a {color: #165dff}
.menu .menushow {width: 25px;height: 21px;position: relative; margin: auto;transition: 0.3s; float: right; margin-top: 20px; display: none;cursor: pointer}
.menu .menushow .bar {height: 2px;width: 100%;display: block;position: absolute;left: 0;background: #1A52EE !important;transition: top 0.2s ease,transform 0.2s ease-out;}
.menu .menushow .bar:nth-of-type(2) {top:9px;}
.menu .menushow .bar:nth-of-type(3) {bottom: 0px;}
.menu .menushow.active .bar:nth-of-type(1) {top: 9px;transform: rotate(45deg);}
.menu .menushow.active .bar:nth-of-type(2) {display: none}
.menu .menushow.active .bar:nth-of-type(3) {top: 9px;transform: rotate(-45deg);}

.submenu {width: 100%; position: relative;}
.submenu:before { content: ""; width: 30%; height: 100%; background: rgba(242, 242, 242, 0.98); position: absolute; left: 0; top: 0; }
.submenu:after { content: ""; width: 70%; height: 100%; background: rgba(250, 250, 250, 1); position: absolute; right: 0; top: 0; }
.submenu .submenuitem {display: none; padding: 4% 0;}
.submenu .left {width: 25.5%;text-align: right;float: left;position: relative;z-index: 1;}
.submenu .left h2 {font-size: 28px; font-weight: normal;}
.submenu .left p {font-size: 40px; font-weight: 300; color: rgba(51, 51, 51, 0.19); margin-top: 10px}
.submenu .right {width: 70%;padding-left: 4%;float: right;position: relative;z-index: 1;}
.submenu .right .snav {width:30%; height: auto;overflow: hidden;float: left;}
.submenu .right .snav a {font-size: 16px;line-height: 36px; display: block;}
.submenu .right .img {width: 70%;max-width: 480px;float: left;}

.menumobile {width: 100%; position: fixed;left: 0; top: 62px; background:rgba(0,0,0,.4); border-top: 1px solid; border-image: linear-gradient(to right,#023eff,#b422ff) 1;display: none; height: 100%; z-index: 100}
.menumobile dl dt {font-size: 16px;padding: 15px;border-bottom: 1px solid #eee;color: #000;position: relative; background: #FFFFFF;}
.menumobile dl dt i {float: right; cursor: pointer}
.menumobile dl dd {border-bottom: 1px solid #eee; display: none;background: #FFFFFF;}
.menumobile dl dd a {display: block; padding: 15px 30px; border-bottom: 1px dashed #eee}

.footer {padding:45px 0; background: #122545}
.footer ul li {min-height: 240px; width: 38%; float: left; border-right: 1px solid #24344d;color: #bcc1c7; padding-left: 3% }
.footer ul li:last-child {width: 24%; border:none; text-align: center; font-size: 16px; color: #FFFFFF}
.footer ul li h2 {font-size: 18px; color: #FFFFFF;}
.footer .cplist { padding-top: 18px;}
.footer .cplist a {width: 47%;height: 32px; display: block; float: left; color: #bcc1c7; margin-top: 8px; margin-right: 6%;}
.footer .cplist a:nth-child(even) {margin-right: 0px;}
.footer .lxwm a {font-size:45px; font-family: Arial, "sans-serif"; font-weight: bold; color: #ffffff; margin-top: 10px; display: block}
.footer .lxwm p {padding-top: 32px;}
.footer .lxwm p span {display: block; height: 32px;margin-top: 8px;}
.footer ul li img {width: 150px; margin-top: 40px;}