body,

.main {

    min-width: 1280px;

    min-height: 680px;

    width: 100%;

    height: 100%;

    position: relative;

    font-family: '方正兰亭黑简体';

}



.bg{

    background: url(../img/ditu.png) no-repeat bottom/100%;

}

.mediacy {

    width: 1024px;

    margin: 0 auto;

    position: relative;

}



.bg_header {

    width: 100%;

}



.header {

    overflow: hidden;

    width: 1024px;

    margin: 0 auto;

}



.logo {

    float: left;

    margin-top: 6px;

}



.banner img {

    display: block;

    width: 100%;

}



.nav {

    float: right;

    overflow: hidden;

    /* background: url(../img/nav.bg.png) no-repeat center/100% 100%; */

    text-align: center;

}



.nav li {

    float: left;

}



.nav>li>a{

    color: #323232;

    text-align: center;

    display: block;

    font-size: 16px;

    padding: 20px 15px;

}



.nav>li>.active{

    color: #ffffff;

    background: #f89c33;

}

.nav>li>a:hover{

    color: #ffffff;

    background: #f89c33;

}



.content{

    border: 1px solid #ffffff;

    border-radius: 24px;

    background-color: #ffffff;

}

.biaoti{

    text-align: center;

}



.font-16{

    font-size: 18px;

}

.font-16-2{

    font-size: 16px;

    text-indent: 2em;

    line-height: 30px;

    text-align: justify;

}

.font-16-2 span{

    color: #df7a08;

    font-weight: bold;

}



.bold{

    font-weight: bold;

}

.introduce {

    display: flex;

}

.just {

    justify-content: center;

}

.dispaly {

    display: block;

}

.kuan{

    width: 100%;

    text-align: center;

    margin-bottom: 56px;

}

.copyright{

    text-align: center;

    color: #ffffff;

    padding: 15px 0;

    background: #f89c33;

    margin-top: 150px;

}

.width{

    width: 100%;

    text-align: center;

}

.vertical{

    vertical-align: middle;

}



.top-1{

    margin-top: 5px;

}

.top-2{

    margin-top: 20px;

}

.top-3{

    margin-top: 30px;

}

.top-4{

    margin-top: 40px;

}

.top-5{

    margin-top: 50px;

}

.left-2{

    margin-left: 20px;

}

.left-3{

    margin-left: 30px;

}

.left-6_5{

    margin-left: 65px;

}

.left-4{

    margin-left: 40px;

}

.top-8{

    margin-top: 80px;

}

.left-1{

    margin-left: 10px;

}

.left-6{

    margin-left: 60px;

}

.left-8{

    margin-left: 81px;

}

.bottom-5{

    margin-bottom: 50px;

}

.right-2{

    margin-right: 20px;

}

.right-3{

    margin-right: 30px;

}

.right_1{

    margin-right: 10px;

}

.bottom-10{

    margin-bottom: 100px;

}

.right-8{

    margin-right: 80px;

}

.center{

    text-align: center;

}