@charset "UTF-8";
@import url(https://at.alicdn.com/t/font_2786274_kzb698wdv7.css);
html { width: 100%; height: 100%; font: 12px/22px "Microsoft Yahei", Tahoma, Verdana, Arial, sans-serif, "Times New Roman"; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

body { width: 100%; height: 100%; margin: 0; margin: 0 auto !important; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; color: #333; text-decoration: none; -webkit-tap-highlight-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; -webkit-transition: box-shadow 0.3s ease-in-out !important; -moz-transition: box-shadow 0.3s ease-in-out !important; }

input:focus { outline: none; -webkit-box-shadow: 0px 0px 3px 0px #ff9a00 !important; box-shadow: 0px 0px 3px 0px #ff9a00 !important; border-color: #ff9a00; }

input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

textarea { overflow: auto; -webkit-transition: box-shadow 0.30s ease-in-out; -moz-transition: box-shadow 0.30s ease-in-out; }

textarea:focus { outline: none; -webkit-box-shadow: 0px 0px 3px 0px #ff9a00; box-shadow: 0px 0px 3px 0px #ff9a00; border-color: #ff9a00; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

ul, ol, dl { list-style: none; display: block; padding: 0; margin: 0; }

em, i { font-style: normal; }

img { border: 0; }

p { margin: 0; }

dt, dd { margin: 0; padding: 0; }

/*浮动、间距、溢位隐藏*/
.fl { float: left; }

.fr { float: right; }

.tl { text-align: left; }

.tr { text-align: right; }

.tc { text-align: center; }

.dbk { display: block; }

.dik { display: inline-block; }

.ofl { overflow: hidden; }

.hide { display: none; }

.mga { margin: 0 auto; }

.space { font-style: normal; padding: 0 10px; }

.space2 { font-style: normal; padding: 0 5px; }

.txt-line { text-decoration: underline; }

/*元素分隔*/
.blank0 { clear: both; width: 100%; height: 1px; }

.blank1 { height: 1px; clear: both; }

.blank2 { height: 2px; clear: both; }

.blank5 { height: 5px; clear: both; }

.blank10 { height: 10px; clear: both; }

.blank15 { height: 15px; clear: both; }

.blank20 { height: 20px; clear: both; }

.blank25 { height: 25px; clear: both; }

.blank30 { height: 30px; clear: both; }

.blank35 { height: 35px; clear: both; }

.blank40 { height: 40px; clear: both; }

.blank50 { height: 50px; clear: both; }

.blank60 { height: 60px; clear: both; }

.blank70 { height: 68px; clear: both; }

/*margin set*/
.mg0 { margin: 0 !important; }

/*margin-right*/
.mr5 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr25 { margin-right: 25px !important; }

.mr30 { margin-right: 30px !important; }

.mr35 { margin-right: 35px !important; }

.mr40 { margin-right: 40px !important; }

.mr45 { margin-right: 45px !important; }

.mr50 { margin-right: 50px !important; }

/*margin-left*/
.ml-3 { margin-left: -3px !important; }

.ml5 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

.ml35 { margin-left: 35px !important; }

.ml40 { margin-left: 40px !important; }

.ml45 { margin-left: 45px !important; }

.ml50 { margin-left: 50px !important; }

/*margin-top*/
.mt1 { margin-top: 1px !important; }

.mt5 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mt50 { margin-top: 50px !important; }

/*margin-bottom*/
.mb1 { margin-bottom: 1px !important; }

.mb5 { margin-bottom: 5px !important; }

.mb6 { margin-bottom: 6px !important; }

.mb7 { margin-bottom: 7px !important; }

.mb8 { margin-bottom: 8px !important; }

.mb9 { margin-bottom: 9px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb45 { margin-bottom: 45px !important; }

.mb50 { margin-bottom: 50px !important; }

/*padding set*/
.pd0 { padding: 0 !important; }

.pdt0 { padding-top: 0 !important; }

.pdb0 { padding-bottom: 0 !important; }

/*padding-top*/
.pt5 { padding-top: 5px !important; }

.pt10 { padding-top: 10px !important; }

.pt15 { padding-top: 15px !important; }

.pt20 { padding-top: 20px !important; }

.pt25 { padding-top: 25px !important; }

.pt30 { padding-top: 30px !important; }

.pt35 { padding-top: 35px !important; }

.pt40 { padding-top: 40px !important; }

.pt45 { padding-top: 45px !important; }

.pt50 { padding-top: 50px !important; }

/*padding-bottom*/
.pb5 { padding-bottom: 5px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb25 { padding-bottom: 25px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb35 { padding-bottom: 35px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb45 { padding-bottom: 45px !important; }

.pb50 { padding-bottom: 50px !important; }

/*padding-left*/
.pl5 { padding-left: 5px !important; }

.pl10 { padding-left: 10px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl25 { padding-left: 25px !important; }

.pl30 { padding-left: 30px !important; }

.pl35 { padding-left: 35px !important; }

.pl40 { padding-left: 40px !important; }

.pl45 { padding-left: 45px !important; }

.pl50 { padding-left: 50px !important; }

/*padding-right*/
.pr5 { padding-right: 5px !important; }

.pr10 { padding-right: 10px !important; }

.pr15 { padding-right: 15px !important; }

.pr20 { padding-right: 20px !important; }

.pr25 { padding-right: 25px !important; }

.pr30 { padding-right: 30px !important; }

.pr35 { padding-right: 35px !important; }

.pr40 { padding-right: 40px !important; }

.pr45 { padding-right: 45px !important; }

.pr50 { padding-right: 50px !important; }

/*定位设置*/
.posa { position: absolute; }

.posr { position: relative; }

.posf { position: fixed; }

/*清除浮动*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { display: inline-5le; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */
/*input文本框点击消失颜色*/
:-moz-placeholder { color: #c2c2c2; }

::-moz-placeholder { color: #c2c2c2; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #c2c2c2; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #c2c2c2; }

.txt { -webkit-appearance: none; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid #dcdfe6; -webkit-box-sizing: border-box; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; height: 40px; line-height: 40px; outline: none; padding: 0 12px; -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; }

.sim-check { width: 16px; height: 16px; position: relative; display: inline-block; vertical-align: middle; top: -2px; }

.sim-check .check, .sim-check .radio { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; opacity: 0; cursor: pointer; }

.sim-check .check + em, .sim-check .radio + em { display: inline-block; width: 16px; height: 16px; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; border-radius: 3px; position: absolute; left: 0; top: 0; z-index: 1; }

.sim-check .radio + em { border-radius: 100%; }

.sim-check .check:checked + em, .sim-check .radio:checked + em { background: #ffb400; border-color: #ffb400; }

.sim-check .check:checked + em:after, .sim-check .radio:checked + em:after { -webkit-box-sizing: content-box; box-sizing: content-box; content: ""; border: 1px solid #fff; border-left: 0; border-top: 0; height: 7px; left: 5px; position: absolute; top: 2px; -webkit-transform: rotate(45deg) scaleY(1); transform: rotate(45deg) scaleY(1); width: 3px; -webkit-transition: -webkit-transform .15s ease-in .05s; transition: -webkit-transform .15s ease-in .05s; transition: transform .15s ease-in .05s; transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s; -webkit-transform-origin: center; transform-origin: center; z-index: 1; }

/*弹窗背景*/
.popbg { width: 100%; height: 100%; position: fixed; left: 0; top: 0; opacity: 0.7; -webkit-opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70); z-index: 100; background: #000; }

.iconmid { position: relative; vertical-align: middle; top: -2px; }

.iconmid2 { position: relative; vertical-align: middle; top: o; }

/*字体设置*/
.fwb { font-weight: bold !important; }

.fwnormal { font-weight: normal !important; }

.ft12 { font-size: 12px !important; }

.ft13 { font-size: 13px !important; }

.ft14 { font-size: 14px !important; }

.ft15 { font-size: 15px !important; }

.ft16 { font-size: 16px !important; }

.ft17 { font-size: 17px !important; }

.ft18 { font-size: 18px !important; }

.ft19 { font-size: 19px !important; }

.ft20 { font-size: 20px !important; }

.ft22 { font-size: 22px !important; }

.ft24 { font-size: 24px !important; }

.ft28 { font-size: 28px !important; }

.ft30 { font-size: 30px !important; }

.ft32 { font-size: 32px !important; }

.ft34 { font-size: 34px !important; }

.ft36 { font-size: 36px !important; }

.ft40 { font-size: 40px !important; }

/*文字颜色*/
.vi-orange { color: #ff6600; }

.vi-gray1 { color: #333; }

.vi-gray2 { color: #666; }

.vi-gray3 { color: #999; }

.vi-red { color: #ff2a2a; }

.vi-yellow { color: #ffcc00; }

.vi-blue { color: #0066cc; }

.button { display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: #fff; border: 1px solid #dcdfe6; color: #606266; -webkit-appearance: none; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; margin: 0; -webkit-transition: 0.1s; transition: 0.1s; font-weight: 500; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 12px 20px; font-size: 14px; border-radius: 4px; }

.button.arrowbtn { border-radius: 30px; }

.bw100 { width: 100%; }

.button-medium { padding: 10px 20px; font-size: 14px; border-radius: 4px; }

.button-small { padding: 9px 15px; font-size: 12px; border-radius: 3px; }

.button-mini { padding: 7px 15px; font-size: 12px; border-radius: 3px; }

.button-yellow { background: #f7c614; border-color: #f7c614; color: #fff; }

.button-orange { background: #ffa525; border-color: #ffa525; color: #fff; }

.button-green { background-image: -webkit-gradient(linear, left bottom, left top, from(#11ec9b), to(#45b370)); background-image: linear-gradient(0deg, #11ec9b 0%, #45b370 100%); border-color: #27b874; color: #fff; }

.button-green2 { background: #1cc46f; border-color: #27b874; color: #fff; }

html, body { width: 100%; }

.home-slide .swiper { width: 100%; height: 70vh; }

.home-slide .swiper-slide { text-align: center; font-size: 18px; background: #fff; position: relative; }

.home-slide .swiper-slide .container { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; color: #fff; }

.home-slide .swiper-slide .container p { line-height: 30px; padding-top: 20px; }

.home-slide .swiper-slide img { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.header { width: 1440px; height: 126px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.header .logo b { display: none; }

.header .menu { display: none; }

.header nav { display: -webkit-box; display: -ms-flexbox; display: flex; }

.header nav .item { font-size: 16px; display: block; position: relative; width: 100px; text-align: center; }

.header nav .item.current:before { display: block; content: ''; width: 50%; height: 4px; border-radius: 3px; position: absolute; left: 50%; margin-left: -25%; bottom: -6px; background: #000; background-image: -webkit-gradient(linear, left top, right top, from(#fbac65), to(#ff7377)); background-image: linear-gradient(90deg, #fbac65 0%, #ff7377 100%); }

.header nav .item:first-of-type:before { width: 20%; margin-left: -10%; }

.header.home-header { position: absolute; z-index: 999; left: 50%; margin-left: -670px; }

.header.home-header nav .item { color: #fff; }

.modtitle { font-size: 30px; text-align: center; position: relative; padding: 30px 0; font-weight: bold; line-height: 38px; }

.modtitle:before { display: block; content: ''; width: 60px; height: 4px; border-radius: 3px; position: absolute; left: 50%; margin-left: -30px; bottom: 18px; background: #000; background-image: -webkit-gradient(linear, left top, right top, from(#fbac65), to(#ff7377)); background-image: linear-gradient(90deg, #fbac65 0%, #ff7377 100%); }

.cmptit { width: 100%; text-align: center; height: 120px; background: url(../../images/bg/xinchaoyun.png) no-repeat center center; }

.modart { line-height: 28px; padding: 50px 0; }

.homedata { width: 1440px; margin: 0 auto; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; padding: 30px 0 60px 0; }

.homedata .item .num { font-size: 72px; color: #ff7576; background-image: -webkit-gradient(linear, left top, right top, from(#fbab65), to(#ff7477)); background-image: linear-gradient(90deg, #fbab65, #ff7477); background-clip: text; -webkit-background-clip: text; color: transparent; /*需要文字透明*/ line-height: 1; }

.homedata .item .tit { font-size: 16px; font-weight: bold; padding-top: 10px; }

.imgview { width: 100%; height: 580px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.imgview img { background-position: center center; background-size: cover; background-repeat: no-repeat; }

.imgview .left { width: 50%; }

.imgview .left .ltop { height: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; }

.imgview .left .ltop img { width: 50%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; }

.imgview .left .lbottom { width: 100%; height: 50%; background: #2c466e; color: #fff; }

.imgview .right { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; }

.imgview .right .rl { width: 50%; height: 100%; }

.imgview .right .rl img { width: 100%; height: 100%; }

.imgview .right .rr { width: 50%; }

.imgview .right .rr img { display: block; width: 100%; height: 50%; }

.case { width: 100%; text-align: center; margin: 0 auto; background: #f8f2ed; padding: 80px 0; }

.case .caselist { width: 1440px; margin: 0 auto; padding-top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }

.case .caselist .item { width: 384px; height: 332px; background: #fff; border-radius: 30px; }

.case .caselist .item .iconfont { font-size: 100px; width: 100px; height: 100px; line-height: 100px; color: #ff9056; margin: 60px auto 20px auto; }

.case .caselist .item .tit { font-size: 22px; }

.case .caselist .item .desc { color: #999; padding-top: 20px; font-size: 16px; }

.hezuo { padding-bottom: 100px; }

.hezuo .hzlist { width: 1440px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }

.foot { padding: 60px 0; background: url(../images/bg/footbg.png) no-repeat center bottom #2c3748; color: #fff; font-stretch: 14px; }

.foot .tel { font-weight: bold; }

.foot .foot-nav { padding: 20px 0; }

.foot .foot-nav .item { color: #fff; padding: 0 25px; }

.foot .icp { color: #798fb1; }

.page-title { width: 100%; height: 150px; background: url(../images/bg/pagetit.png) no-repeat center bottom; background-size: cover; }

.page-title.business-tit { background: url(../images/bg/pagetit2.png) no-repeat center bottom; background-size: cover; }

.page-title.league-tit { background: url(../images/bg/pagetit3.png) no-repeat center bottom; background-size: cover; }

.page-title .words { font-size: 42px; font-weight: bold; line-height: 150px; color: #fff; width: 1440px; margin: 0 auto; }

.business { width: 1440px; margin: 0 auto; }

.business .item { display: -webkit-box; display: -ms-flexbox; display: flex; }

.business .item .img { margin-right: 80px; width: 560px; height: 370px; }

.business .item .img img { width: 560px; height: 370px; display: block; }

.business .item .desc { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.business .item .desc .dtit { position: relative; font-size: 30px; padding-left: 20px; line-height: 1; }

.business .item .desc .dtit::before { display: block; content: ''; width: 4px; height: 20px; background: #5c68e6; position: absolute; left: 0; top: 50%; margin-top: -10px; }

.business .item .desc .p { font-size: 18px; color: #8c8c8c; line-height: 28px; padding-top: 20px; }

.download { background: url(../images/bg/dwbg.png) no-repeat; background-position: center center; background-size: cover; padding: 100px 0; }

.contact-form { width: 860px; margin: 0 auto; }

.contact-form .item { padding-bottom: 20px; }

.contact-form .item .txt { background: #e9e9e9; height: 56px; line-height: 56px; font-size: 16px; }

.contact-form .item .txt.area { height: 100px; }

.contact-form .item .button { padding-top: 20px; padding-bottom: 20px; font-size: 16px; }

.contact-form .item:first-of-type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.contact-form .item:first-of-type .txt { width: 32%; }

.league img { display: block; margin: 0 auto; }

.menubg { display: none; }

@media (max-width: 768px) { body { overflow: auto; }
  .menubg { display: none; content: ''; width: 100%; height: 100%; background: #000; opacity: .6; position: fixed; left: 0; top: 0; z-index: 800; }
  .home-slide { width: 100%; }
  .home-slide .swiper { height: 100vh; }
  .home-slide .swiper .container { width: 86%; }
  .home-slide .swiper .container h1 { font-size: 24px; line-height: 28px; padding-bottom: 0px; }
  .home-slide .swiper .container p { font-size: 14px; }
  .header, .homedata, .hezuo .hzlist, .case .caselist { width: 100%; }
  .header { background: rgba(0, 0, 0, 0.6); position: fixed !important; top: 0 !important; left: 0 !important; margin: 0 !important; height: 58px; line-height: 58px; padding: 0 15px; z-index: 999; }
  .header .logo { width: 100px; font-size: 24px; color: #fff; font-weight: bold; }
  .header .logo img { width: 100%; }
  .header .menu { display: block; color: #fff; font-size: 28px; width: 60px; }
  .header nav { display: none; background: #fff; color: #000; width: 100%; position: fixed; left: 0; bottom: 0; border-radius: 15px 15px 0 0; padding: 10px 0; z-index: 999; }
  .header nav .item { color: #333 !important; display: block; width: 100%; border-bottom: 1px solid #f5f4f4; line-height: 42px; }
  .header nav .item:last-of-type { border: 0; }
  .header nav .item::before { width: 60px !important; margin-left: -30px !important; bottom: 3px !important; }
  .lmod { margin-top: 20px !important; }
  .lmod.page-about { margin-top: 0 !important; }
  .cmptit { background-size: 180% auto; }
  .modtitle { font-size: 18px; line-height: 20px; }
  .modart { font-size: 14px !important; padding: 15px; }
  .homedata { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 0; }
  .homedata .item { width: 40%; margin: 15px; }
  .homedata .item .num { font-size: 40px; }
  .case { padding: 20px 0 !important; }
  .case .caselist { display: block; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .case .caselist .item { overflow: hidden; width: 100%; margin-bottom: 20px; }
  .hezuo { padding-top: 0 !important; padding-bottom: 30px; }
  .hezuo .modtitle { margin-bottom: 20px !important; }
  .hezuo .hzlist { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .hezuo .hzlist .item { width: 30%; height: 50px; position: relative; border: 1px solid #e1e1e1; border-radius: 5px; overflow: hidden; margin: 0 1%; margin-bottom: 10px; }
  .hezuo .hzlist .item img { display: block; max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .foot { padding: 20px 0; }
  .foot img { width: 42px; }
  .foot .foot-nav { display: none; }
  .foot .icp { padding: 0 30px; }
  .lmod.page-about { padding: 30px 0; }
  .page-title { padding-top: 58px; height: 72px; line-height: 72px; }
  .page-title .words { font-size: 22px; line-height: 72px; padding-left: 15px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .download { padding-top: 0; }
  .download img { width: 100%; }
  .business .item { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .business .item .img { width: 100%; height: auto; margin: 0 !important; }
  .business .item .img img { width: 100%; height: auto; }
  .business .item .desc { width: 100%; }
  .business .item .desc .p { font-size: 12px; line-height: 20px; padding: 10px; background: #f5f5f5; }
  .modtitle.bustitle { padding-top: 0; }
  .league img { width: 100%; }
  .contact-form { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; }
  .imgview { height: 390px; }
  .imgview .left { width: 100%; }
  .imgview .left .lbottom .art { width: 100% !important; padding: 20px !important; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .imgview .right { display: none; } }