html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
}
a:active,a:visited,a:link{
    color:white;
    text-decoration: none;
}
a:hover{
    color: #ffa933;
}

.website-container{

}
.nav-box{
    background: #8462F6;
    width: 100%;
    overflow: hidden;
}
.nav{
    width: 1180px;
    margin: 0 auto;
    height:80px;
    background: #8462F6;
}
.nav>img{
    width: 193px;
    height:24px;
    float: left;
    margin-top:28px;
}
.nav .right{
    font-size: 14px;
    color:#FFFFFF;
    margin-top:20px;
    float: right;
}
.nav .right span{
    display: inline-block;
    margin-right:60px;
    cursor:pointer;
}
.nav .right span:hover{
    color: #ffa933;
}
.nav .right .btn{
    display: inline-block;
    cursor:pointer;
    width: 110px;
    height:40px;
    text-align: center;
    line-height: 40px;
    text-decoration: none!important;
    border:1px solid white;
    border-radius: 4px;
}
.nav-box .content{
    height:670px;
    width: 1180px;
    margin: 0 auto;
    overflow: hidden;
    background: #8462F6;
    background: url("../images/top_bg.png") no-repeat 100px 434px;
    background-size: 980px 236px;
    text-align: center;
}
.nav-box .content .p1{
    font-size: 48px;
    color:white;
    margin:120px 0 32px;
}
.nav-box .content .p2{
    font-size: 18px;
    color:#FFFFFF;
    margin-bottom:64px;
}
.nav-box .content .btn{
    width: 180px;
    height:48px;
    background: #ECC526;
    border-radius: 4px;
    text-align: center;
    line-height: 48px;
    color:white;
    margin:0 auto;
}


.des-box{
    width: 100%;
    background: white;
}
.des-top{
    width: 1180px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}
.title-box .title{
    font-size:48px;
    color:#313033;
    margin:120px 0 32px;
}
.title-box .subtitle{
    font-size: 18px;
    color:#626066;
    margin-bottom:64px;
}
.des-top .content{
}
.des-top .content .object{
    width: 380px;
    height:420px;
    box-sizing: border-box;
    padding:24px 48px;
    float: left;
}
.des-top .content .object:nth-child(2) {
    margin: 0 20px;
}
.des-top .content .object>img{
    width: 160px;
    height:160px;
}
.des-top .content .object .person{
    font-size: 24px;
    color:#313033;
    margin:48px 0 24px;
}
.des-top .content .object .detail{
    font-size: 16px;
    color:#626066;
}


.des-center{
    width: 1180px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}
.des-center .content .type{
    width: 580px;
    height:160px;
    box-sizing: border-box;
    padding:24px;
    float: left;
    display: flex;
}
.des-center .content .type:nth-child(1){
    margin-right:20px;
}
.des-center .content .type>img{
    width: 112px;
    height:112px;
    margin-right:24px;
    float: left;
}
.des-center .content .object{
    float: left;
    width: 372px;
}
.des-center .content .object .person{
    font-size: 24px;
    color:#313033;
    float: left;
    margin:4px 0 24px;
}
.des-center .content .object .detail{
    font-size: 16px;
    color:#626066;
    float: left;
    text-align: left;
}


.des-bottom{
    width: 1180px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    margin-bottom:220px;
}
.des-bottom .content{
    margin-top:180px;
}
.des-bottom .content table{
    float: left;
    width: 280px;
    margin-left:100px;
}
.des-bottom .content table .th{
    background: #E6E6E6;
}
.des-bottom .content table .tr{
    height:48px;
}
.des-bottom .content table .tr td{
    width: 140px;
    border:1px solid #E6E6E6;
    border-bottom:none;
    border-right:none;
    font-size: 16px;
    color:#939099;
}.des-bottom .content table .tr:nth-last-child(1) td{
    border-bottom:1px solid #e6e6e6;
 }
.des-bottom .content table .tr td:nth-child(2){
    border-right:1px solid #e6e6e6;
}

.des-bottom .content>img{
    width: 66px;
    height:40px;
    margin:0 34px 0 120px;
    float: left;
    margin-top:148px;
}
.des-bottom .content .echarts-box{
    width: 580px;
    height:456px;
    float: right;
    overflow: hidden;
    margin-top:-60px;
}


.type-box{

}
.type-box .top-container{
    background: #F4F4F4;
    height:675px;
    overflow: hidden;
    margin-bottom:120px;
}
.type-box .type-top{
    width: 1180px;
    margin: 0 auto;
    overflow: hidden;
    margin-top:104px;
}
.type-box .type-top>.img-box{
    width: 580px;
    height:480px;
    float: left;
    margin-right:20px;
    box-sizing: border-box;
    padding:46px 65px;
}
.type-box .type-top>.img-box img{
    width: 450px;
    height:342px;
}
.type-box .type-top .detail{
    float: left;
    width: 580px;
    height:435px;
}
.type-box .type-top .detail .title{
    font-size: 48px;
    color:#313033;
    margin:96px 0 48px;
}
.type-box .type-top .detail .line{
    width: 128px;
    height:4px;
    background: #E6E6E6;
    margin-bottom:48px;
}
.type-box .type-top .detail .subtitle{
    font-size: 18px;
    color:#626066;
}

.type-box .type-center{
    width: 1180px;
    margin: 0 auto;
    overflow: hidden;
}
.type-box .type-center img{
    float: right;
    width: 580px;
    height:480px;
    margin-left:20px;
}
.type-box .type-center .detail{
    width: 580px;
    height:480px;
    float: left;
}
.type-box .type-center .detail .title{
    margin-top:180px;
    font-size: 48px;
    margin-bottom:32px;
    color:#313033;
}
.type-box .type-center .detail .subtitle{
    font-size: 18px;
    color:#626066;
    margin-bottom:24px;
    line-height: 24px;
}

.type-box .type-bottom img{
    float: left;
    margin-left:0;
    margin-right:20px;
}
.type-box .type-bottom .detail{
    float: left;
}
.type-box .type-bottom .detail .title{
    margin-top:120px;
}

.company-box{
    width: 1180px;
    margin: 0 auto;
    margin-top:160px;
    overflow: hidden;
    margin-bottom:160px;
}
.company-box p{
    font-size: 48px;
    color:#313033;
    margin-bottom:44px;
}
.company-box .img-box img{
    width: 180px;
    height:100px;
    float: left;
    margin-right:20px;
    margin-top:20px;
}
.company-box .img-box img:nth-child(6){
    margin-right: 0;
}
.contact{
    background: #F4F4F4;
    height:578px;
}
.contact .content{
    width: 1180px;
    margin:0 auto;
    overflow: hidden;
    text-align: center;
}
.contact .content .title{
    font-size: 48px;
    margin:120px 0 32px;
    color:#313033;
}
.contact .content .subtitle{
    font-size:18px;
    color:#626066;
    margin-bottom:48px;
}
.contact .content .form{
    overflow: hidden;
}
.contact .content .form input{
    width: 48%;
    height:48px;
    box-sizing: border-box;
    padding:0 20px;
    background: white;
    color:#313033;
    font-size: 16px;
    display: block;
    float: left;
    outline: none;
    border:1px solid #E6E6E6;
    border-radius: 4px;
}
.contact .content .form input:nth-child(2){
    float: right;
}
.form .textarea{
    width: 100%;
    resize: none;
    outline: none;
    box-sizing: border-box;
    background: white;
    color:#313033;
    font-size: 16px;
    border:1px solid #E6E6E6;
    padding:12px;
    margin-top:20px;
    border-radius: 4px;
}
.contact .content .btn{
    width: 180px;
    height:48px;
    margin:0 auto;
    margin-top:64px;
    border-radius: 4px;
    font-size: 18px;
    color:white;
    background: #8462F6;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
}

.footer{
    background: #7B7980;
    height:360px;
}
.footer .top{
    border-bottom:1px solid rgba(255,255,255,.2);
    height:280px;
    box-sizing: border-box;
}
.footer .top{
    overflow: hidden;
}

.footer .top .content{
    width: 1180px;
    margin:0 auto;
    margin-top:60px;
}
.footer .top .content .four1{
    width: 380px;
    float: left;
}
.footer .top .content .four1>img{
    width: 193px;
    height:24px;
    margin-bottom:36px;
}
.footer .top .content .four1>p{
    font-size: 14px;
    color:#C4C0CC;
    line-height: 22px;
    margin-bottom:36px;
}
.footer .top .content .four1 .img-box .img{
    width: 40px;
    height:40px;
    position: relative;
    float: left;
    border-radius: 50%;
}
.footer .top .content .four1 .img-box .img>img{
    width: 40px;
    height:40px;
    border-radius: 50%;
}
.footer .top .content .four1 .img-box .img>img:hover + div{
    display: block;
}
.img .wx{
    width: 136px;
    height:136px;
    box-sizing: border-box;
    background: white;
    position: absolute;
    left:0;
    bottom: 50px;
    display: none;
    overflow: hidden;
}
.img .wx>img{
    width: 136px;
    height:136px;
}
.img .weibo{

}
.img .qq{
    height:32px;
    box-sizing: border-box;
    line-height: 32px;
    background: white;
    text-align: center;
    position: absolute;
    padding:0 12px;
    width: 190px;
    left:0;
    border-radius: 4px;
    display: none;
    bottom: 50px;
    font-size: 14px;
    color:black;
    overflow: hidden;
}
.footer .top .content .four1 .img-box .img:nth-child(2){
    margin:0 10px;
}
.footer .top .content .four2{
    color:#C4C0CC;
    margin-left:120px;
    float: right;
}
.footer .top .content .four2 .title{
    font-size: 20px;
    margin-bottom:34px;
}
.footer .top .content .four2 .li{
    font-size: 14px;
    margin-bottom:13px;
}
.footer .bottom p{
    width: 1180px;
    margin:0 auto;
    font-size: 14px;
    color:#C4C0CC;
    text-align: center;
    line-height: 80px;
    height:80px;
}