figure {
    margin: 0;
}

.b {
    max-width: 100%;
    height: auto;
}

.pr{
    position: relative;
}

.m {
    width: 1200px;
    margin: 0 auto;
    min-height: 100px;
}

.m_row {
    display: flex;
    justify-content: space-between;
}

.mb2 {
    margin-bottom: 20px;
}

.mb4 {
    margin-bottom: 40px;
}

.mb6 {
    margin-bottom: 60px;
}

.banner {
    background: url(../images/banner.jpg) no-repeat;
    background-size: cover;
    height: 800px;
    background-position: center;
}

.banner_a {
    width: 1200px;
    height: 800px;
    display: flex;
}

/* btn */
.btn {
    display: flex;
    justify-content: center;
}

.btn a {
    padding: 25px 0;
    border-radius: 8px;
    margin: 0 auto;
    font-size: 36px;
    background-color: #fdca68;
    color: #705d39;
    text-align: center;
    line-height: 30px;
    background: linear-gradient(to bottom,#fcd894,#fec454);
}

.btn a:hover {
    color: #705d39;
}

.m2_btn a {
    width: 610px;
}

.m3_btn a {
    width: 460px;
}

.m1,
.m3,
.m5,
.m7 {
    background-color: #181934;
}

.m2,
.m4,
.m6 {
    background-color: #1d1f55;
}


.m1 {
    padding: 100px 0 80px;
}

.m2,
.m3,
.m4 {
    padding: 80px 0;
}

.m5 {
    padding: 80px 0 75px;
}

.m6 {
    padding: 80px 0 165px;
}

.m2{
    background: url(../images/m2_bg.jpg) no-repeat;
    background-size: cover;
}

.m4{
    background: url(../images/m4_bg.jpg) no-repeat;
    background-size: cover;
}

.m6{
    background: url(../images/m6_bg.jpg) no-repeat;
    background-size: cover;
}

.m1-video{
    position: absolute;
    right: 0;
    top: 200px;
}
.m1_cont {
    position: absolute;
    right: 0;
    bottom: 10px;
    width: 508px;
    box-sizing: border-box;
}

.m1_cont_p1 {
    font-size: 30px;
    line-height: 1.2;
    text-align: center;
    color: #dac69f;
    margin-bottom: 15px;
}

.m1_cont_p2{
    font-size: 20px;
    line-height: 30px;
    color: #d5d6f5; 
    margin-bottom: 10px;  
    padding: 0 5px;
}
.m1_cont .btn a{padding-left:40px; padding-right: 40px; font-size: 30px;}

.m1_cont_p2:last-child{
}

.m1_color{
    color: #dac69f;
}

.m2_p {
    font-size: 20px;
    line-height: 30px;
    text-indent: 2em;
    color: #d5d6f5;
    margin: 50px 0 40px;
}

.m2_c figure {
    flex: 1;
    margin: 0 20px 20px 0;
    background-color: #141646;
}

.m2_c figure:last-child {
    margin-right: 0;
}

.m2_c_p {
    margin: 40px 20px 0;
    text-indent: 0;
}

.m3_slide {
    width: 100%;
}

.m3_slide .hd {
    position: relative;
    width: 660px;
}

/* .m3_slide .hd ul {
    position: absolute;
} */

.m3_slide .hd ul li {
    cursor: pointer;
    position: absolute;
    width: 165px;
    height: 191px;
}

.m3_t1 {
    left: 28px;
    top: 282px;
}

.m3_t2 {
    top: 486px;
    left: 146px;
}

.m3_t3 {
    left: 378px;
    top: 486px;
}

.m3_t4 {
    left: 491px;
    top: 282px;
}

.m3_t5 {
    top: 76px;
    left: 378px;
}

.m3_t6 {
    top: 76px;
    left: 146px;
}

/* 
.m3_slide .hd ul li.on {
    height: 30px;
    background: #fff;
    border: 1px solid #ddd;
    border-bottom: 2px solid #fff;
} */

.m3_slide .bd ul {
    width: 540px;
    height: 550px;
    margin-top: 115px;
}

.m3_slide .bd li {
    display: block;
    background-color: #24266b;
    padding: 15px 20px;
    height: 520px;
}

.m3_slide_p {
    margin: 40px 0 0;
}

.m4_c {
    margin-bottom: 30px
}

.m4_c figure {
    background-color: #141646;
    margin-right: 40px;
    padding: 20px;
    flex: 1
}

.m4_c figure:last-child {
    margin-right: 0;
}

.m4_c_p {
    margin: 30px 0 35px;
}

.m5_slide {
    width: 400px;
}

.m5_title2 {
    margin: 100px 0 60px;
}

.m5_btn {
    display: flex;
    width: 1200px;
    margin: 0 auto;
}

.m5_btn a {
    flex: 1;
    text-align: center;
}

.m6_slide {
    width: 1200px;
}

.m6_slide .hd {
    margin-bottom: 10px;
    position: relative;
}

.m6_slide .hd ul {
    display: flex;
}

.m6_slide .hd ul li {
    flex: 1;
    padding: 20px 0;
    cursor: pointer;
    background: #2c2f79;
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    border-right: 2px solid #1d1f55;
}

.m6_slide .hd ul li:last-child {
    border-right: 0;
}

.m6_slide .hd ul li.on {
    color: #2c2f79;
    background: #f0dfbe;
}

.m6_slide .bd ul {
    zoom: 1;
}

.m6_slide .bd li {
    display: block;
    height: 533px;
}

.m6_3_p {
    font-size: 20px;
    line-height: 30px;
    background-color: #5d5e71;
    color: #fff;
    padding: 15px 20px;
}

.m5-tab{margin: 0 0 30px 0;}
.m5-tab .hd {margin: 0 0 20px 0;}
.m5-tab .hd ul li{float: left;width: 170px;height: 80px;text-align: center; font-size: 30px; line-height: 80px; color: #fff; background: #1d1f55; border-left: 1px solid #000; cursor: pointer;}
.m5-tab .hd ul li.first{border:none; width: 174px;}
.m5-tab .hd ul li.on{ color: #2c2f79; background: #f0debd; background: linear-gradient(#f7e7c7,#e5d3af,#d5c098)}
.m5-tab .bdbox{position: relative; padding: 20px; height: 650px; overflow: hidden; background: #1d1f55;}
.m5-tab .bd .con{height: 650px;}
.m5-tab dl{margin-bottom: 15px; height: 274px;;}
.m5-tab dl dt{float: left;width: 770px;}
.m5-tab dl dd{float: right;width: 340px;height: 234px;padding: 20px; background: #141646;}
.m5-tab dl dd p{margin: 0 0 20px 0; font-size: 28px;line-height: 42px; color: #fff;}
.m5-tab dl dd .btn a{width: 100%; padding: 20px 0; font-size: 28px;}
.m5-tab .pic{height: 361px;}