a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
.fl{float:left}
.fr{float:right}
.clrfix{zoom:1}
.clrfix:after{clear:both;display:block;height:0;visibility:hidden;content:".";font-size:0}
.hide{display:none}
.hidden{visibility:hidden}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
*,body,html{font-family:'Microsoft YaHei','Microsoft JhengHei',STHeiti,MingLiu}
html{height:100%}
body{height:100%;background-color:#161823;position:relative;}
a{text-decoration:none}
.header{height:100px;line-height:100px;overflow:hidden;position:relative;z-index:3}
.header .logo-warpper{display:inline-block;float:left;padding-left:50px}
.header .logo-warpper .logo{display:block;width:50px;height:50px;margin:25px 0;background-size:50px 50px}
.header .name-warpper{display:inline-block;float:left;padding-left:16px}
.header .name-warpper .app-name{color:#fff;font-size:18px}
.header .name-warpper .app-slogen{color:#fff;font-size:14px;opacity:.89}
.header .nav-warpper{display:inline-block;float:right}
.header .nav-warpper a{display:inline;font-size:16px;color:#fff;opacity:.8;margin:0 6px}
.header .nav-warpper a.active{opacity:1}
.header .nav-warpper span{font-size:16px;color:#fff;opacity:.8}
.container{width:1200px;margin:0 auto;overflow:hidden}
.footer{background-color:#0e0f1a}
.footer .infomation{padding-top:64px;padding-bottom:20px;font-size:12px;color:#fff;text-align:center;line-height:2}
.footer .infomation p{opacity:.3}
.footer .infomation a{color:#fff}
.footer .infomation .Icon-box{padding-top:5px}
.footer .infomation .Icon-box a{display:inline-block;text-decoration:none;height:20px;line-height:20px}
.footer .infomation .Icon-box a span{opacity:.3}
.footer .infomation .Icon-box img{vertical-align:middle;margin-right:1px;margin-bottom:3px}
.main-content-block{min-height:100%;margin-top:-100px}
.main-content-block::before{content:"";display:block;height:100px}
.text-warpper{font-size:16px;color:#fff;line-height:1.7;margin:34px 0 64px;padding:0 50px}
.text-warpper h1{font-size:26px;text-align:left;margin:0 0 60px}
.text-warpper h2{font-size:20px;line-height:2;opacity:.6}
.text-warpper h3{font-size:16px;line-height:2;opacity:.6}
.text-warpper p{margin:0;opacity:.6}
.text-warpper .sub-item{text-indent:2em}
.text-warpper .special{opacity:1;font-weight:700}
.text-warpper .entress{opacity:1}
.text-warpper .address{color:#fff;opacity:1}
.error-warpper{text-align:center}
.error-warpper .error-status{margin:20px auto;width:30%;display:block}
.error-warpper .error-desc{opacity:.6;margin:30px auto 0;width:502px;display:block;font-size:16px}
.error-warpper .btn-index{margin:40px auto 0;position:relative;height:55px;width:16%;border-radius:4px;background-color:#fc0156;color:#fff;line-height:55px}
/*!web:page/index/index.less*/.container,body,html{width:100%;height:100%}
.bgCover{background-position:center;background-repeat:no-repeat;background-size:cover}
.boxShadow{box-shadow:1px 1px 7px 2px rgba(0,0,0,.54)}
.textShadow{text-shadow:0 1px 2px rgba(0,0,0,.4)}
.claerFloat::after{content:'';display:block;clear:both}
.container{position:relative}
.container .video-bg{width:100%;height:100%}
.container .video-bg .video-tvc{height:100%;width:100%;object-fit:cover}
.container .content{width:100%;height:100%;position:absolute;top:0;z-index:100;left:0}
.container .content .header{height:auto;line-height:75px;overflow:inherit}
.container .content .header-left{margin-left:20px;margin-top:10px;float:left;height:55px}
.container .content .header-left>a{display:-webkit-box;display:-webkit-flex;display:flex;height:100%;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.container .content .header-left>img{width:90px}
.container .content .header-right{float:right;margin-right:50px;font-size:16px;font-weight:500}
.container .content .header-right .header-links{list-style:none;line-height:75px}
.container .content .header-right .header-links-item{line-height:55px;height:55px;display:inline-block;vertical-align:middle;margin-left:25px}
.container .content .header-right .header-links-item.hover{position:relative}
.container .content .header-right .header-links-item.hover a{cursor:pointer}
.container .content .header-right .header-links-item.hover .menu{display:none;width:96px;height:96px;padding:8px 0;box-sizing:border-box;box-shadow:0 0 8px rgba(0,0,0,.16),0 0 2px rgba(0,0,0,.12);border-radius:4px}
.container .content .header-right .header-links-item.hover .menu>a{width:100%;height:40px;font-size:15px;line-height:40px;text-align:center;display:block;color:rgba(0,0,0,.9)}
.container .content .header-right .header-links-item.hover .menu>a:hover{background:rgba(51,51,51,.1)}
.container .content .header-right .header-links-item.hover:hover .menu{position:absolute;top:51px;left:-9px;background:#fff;display:block}
.container .content .header-right .header-links-item>a{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);vertical-align:middle}
.container .content .header-right .header-links-item>img{position:relative;left:-4px;vertical-align:middle}
.container .content .middle{width:100%;position:absolute;top:45%;transform:translateY(-50%);text-align:center}
.container .content .middle .slogan{float:right;width:100%;margin-bottom:20px}
.container .content .middle .slogan>img{width:500px}
.container .content .middle .btn-list{width:100%}
.container .content .middle .btn-list .btn-primary{display:inline-block;background:#ffffff7d;border-radius:3px;margin-left:10px;width:142px;height:51px;border:1px solid #0604047d;-webkit-transition:.15s opacity;transition:.15s opacity;-webkit-transition-delay:.15s;transition-delay:.15s;background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:1px 1px 7px 2px rgba(0,0,0,.54);color:#000000a3;letter-spacing:0;font-size:20px;line-height:50px;text-indent:0;text-align:center;float:none;cursor:default}
.container .content .middle .btn-list .btn-hover:hover{opacity:.5}
.container .content .middle .btn-list .btn-link{opacity:1;-webkit-transition:.15s all;transition:.15s all}
.container .content .middle .btn-list .btn-link-hide{opacity:0}
.container .content .footer{font-size:14px;width: calc(100% - 40px);background:0 0;text-align:center;position:absolute;bottom:10px;padding: 0px 20px;}
.container .content .footer .nav-warpper{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);margin-bottom:16px}
.container .content .footer .nav-warpper>a{padding:0 5px;color:#fff}
.container .content .footer .feedback-info{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.container .content .footer .feedback-info>p{line-height:25px}
.container .content .footer .feedback-info .Icon-box{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.container .content .footer .feedback-info a{color:#fff}
.hide{display:none!important}
.content-bg{width:100%;height:100%;background:url(08_1.png) 50%;z-index:90;position:absolute;position:absolute;top:0;left:0;opacity:.6}

@media screen and (max-width:600px){
    .container .content .header-left{ }
    .container .content .header-right{ display:none; }
    .container .content .header-left>a{ display:block;}
    .container .content .middle .slogan>img{ width:80%;}
}