html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-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:.67em 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:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-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;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-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}fieldset{border:1px solid silver;margin:0 2px;padding:.35em.625em.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@charset"utf-8";html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,hr,table,th,td,form,fieldset,input,button,textarea,figure,img{margin:0;padding:0}a,span{text-decoration:none;display:inline-block}a:link{text-decoration:none}a:visited{text-decoration:none}a:hover{text-decoration:none}a:active{text-decoration:none}a,button{-webkit-tap-highlight-color:rgba(0,0,0,0)}button{border:none;background:transparent}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left;font-weight:normal}html,body,fieldset,img,iframe{border:0}i,em{font-style:normal}li{list-style:none}body,textarea,input,button,select,keygen,legend{outline:0}img{border:none}input{appearance:none;-webkit-appearance:none}ul,li,h1,h2,h3,h4,h5,p,dl,dd{margin:0;padding:0;list-style:none;font-weight:normal}body{font:12px/1.5"Microsoft YaHei","微软雅黑",helvetica,arial,verdana,tahoma,sans-serif;color:#fff;background:#fff}input{font-family:"Microsoft YaHei","微软雅黑",helvetica,arial,verdana,tahoma,sans-serif;list-style:none;-webkit-list-style:none;-webkit-appearance:none;-webkit-appearance:pus-button}

.wrap-outer{ left:0; right:0; bottom:0; top:0; position:absolute; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align:center; z-index:0 }
.wrap-inner{ position:relative; width:100%; max-width:1024px; margin:0 auto; min-height:100%; text-align:center; background:#fff; color: #333 }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #999;
}

.boxflex{ display:-webkit-box; display:-moz-box; display:box; display:flex }
.boxflex-1{ -webkit-box-flex:1; -moz-box-flex:1; box-flex:1; flex:1; display:block }
input{ background:none; border:none; display:block }

.img-100{ width: 100%; vertical-align: bottom}
.img-92{ width:92%; padding:0 4% }

.head-video-wrap{ width: 100%; background:#2e5db9; height:14.39rem; padding:0.64rem 0.36rem; box-sizing: border-box}
.head-video-wrap .head-video-player{ height:13.04rem; background:#000 }
.head-video-wrap .head-video-player a{ display: block }
.head-video-wrap .head-video-player .head-video{ width: 100%; height: 13.04rem; vertical-align: bottom; display: none}
.head-video-wrap .menu-list{ width:5.61rem; margin-left:0.36rem }
.head-video-wrap .menu-list .one-menu{ background:#3c85e9; color:#fff; font-size:0.86rem; line-height: 1.89rem; height: 1.89rem; margin-bottom: 0.36rem }

.su8-video{ width: 100%; background:#fff; height: 15rem }
.su8-video img{ width: 100%; height: 100%}

.part-title{ padding:2.14rem 0 1.43rem }
.part-title img{ height: 3.32rem }

.brand .txts{ padding:28px 2rem 0; color:#7f7f7f; font-size:12px; line-height: 18px; text-align: left}
.brand .txts p{ margin-bottom: 28px }
.brand .bottom-title{ color:#2e5db9; font-weight: bold; font-size:14px; padding:0.36rem 0 1.29rem }

.advantage.part1{ background: url("../images/advantage-bg-1.jpg") no-repeat 0 0; background-size: 100% auto}
.advantage.part2{ background: url("../images/advantage-bg-2.jpg") no-repeat 0 0; background-size: 100% auto; padding-top:1.64rem}
.advantage-list .advtg-one{ padding-bottom:1.64rem}
.advantage-list .round{ background: #bb2721; line-height:73px; height: 73px; width: 73px; border-radius: 73px; color:#fff; font-size:17px; font-weight: bolder; display: inline-block}
.advantage-list .advtg-title{ color:#2e5db9; font-size:15px; font-weight: bold; padding:6px 0 5px }
.advantage-list p{ color:#7f7f7f }

.su8 .part-title-2{ color:#bb2721; font-size:18px; }
.su8 .txts{ padding:10px 4% 20px; color:#7f7f7f; text-align: left }
.su8 .part-title-3{ padding:37px 0 10px; font-size: 18px; font-weight: bolder; color:#2e5db9 }
.su8 .su8-video{ margin-bottom: 30px}

.join{ padding:5.11rem 4% 2.68rem; background: url("../images/join-bg.jpg") no-repeat 0 0 #000; background-size:100% auto}
.join-video{ width: 100%; height: 15rem; background:#000; margin-bottom: 15px }
.join-video img{ width: 100%; height: 100%; }
.join .txts{ color:#000; font-size:11px; background:rgba(255,255,255, .7); padding:10px; }
.join .txts b{ color:#bb2721; font-size:15px }
.join .hot-line{ font-size:1.18rem; color:#fff; font-weight: bolder; padding:1.4rem 0 0.36rem }
.join .btn-join{ background:#bb2721; border-radius: 0.36rem; color:#fff; font-size:0.93rem; line-height: 2.57rem; height:2.57rem; display:block; vertical-align: middle}
.join .btn-join .arrow{ background:url("../images/arrow.png") no-repeat 0 center; background-size:1.64rem; width: 1.64rem; height: 1.64rem; display: inline-block; vertical-align: middle; margin-left:0.5rem}

.follow-us{ background: #2e5db9; color:#fff; padding:37px 0.5rem 33px;  }
.follow-us .title-1{ font-size: 18px; font-weight: bolder; }
.follow-us .qrcode-list{ padding-top:46px }
.follow-us .qrcode-list li{ padding:0 11px }
.follow-us .qrcode-list .qrcode-img{ width: 100%; padding-bottom:10px}