.index {
    width: 100%;
    height: auto;
}

.index_box {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.header_tap {
    width: 100%;
    height: 66px;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
}

.logo_img {
    width: 13%;
    height: 66px;
    float: left;
    margin-right: 10px;
    cursor: pointer;
}

.logo_img2 {
    width: 6%;
    height: 60px;
    float: left;
    margin-top: 5px;
    cursor: pointer;
}

.header_ico {
    width: 20%;
    height: 54px;
    float: right;
}

.header_ico_img {
    width: 10%;
    height: 24px;
    float: left;
    margin-left: 10px;
    margin-top: 14px
}

/* banner */
.banner {
    width: 100%;
    height: auto;
    position: relative;
}

.swiper-container {
    width: 100%;
    height: 700px;
}

.banner_img {
    width: 100%;
    height: 100%;
}

.ico_index_next {
    width: 4%;
    height: auto;
    position: absolute;
    top: 30%;
    right: 22%;
    z-index: 100000;

}


/* 导航框 */

.tabber {
    width: 100%;
    height: 60px;
    z-index: 10000;
    position: absolute;
    top: 0;
}

.tabber_box {
    width: 70%;
    height: 60px;
    margin: 0 auto;

}

.tabber_box_btn {
    width: 40%;
    height: 60px;
    float: right;
}

.tabber_box_btn_span {
    width: 25%;
    height: 60px;
    float: left;
    text-align: center;

}

.tabber_box_btn_span_p {
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 60px;
    color: rgba(102, 102, 102, 1);
    opacity: 1;
    padding: 5px;

}


.up {
    font-size: 18px;
    font-family: Source Han Sans CN;
    line-height: 60px;
    opacity: 1;
    padding: 21px;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    border-bottom: 3px solid rgba(203, 146, 126, 1);
    cursor: pointer;
}

/* 内容 */
.index_sec {
    width: 100%;
    height: auto;
}

.index_box_tap {
    width: 355px;
    height: 40px;
    margin: 0 auto;
    margin-top: 80px
}

.index_box_tap_xian {
    width: 100px;
    height: 0px;
    border: 1px solid rgba(34, 34, 34, 1);
    opacity: 1;
    float: left;
    margin-top: 18px
}

.index_box_tap_name {
    font-size: 26px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 40px;
    color: rgba(34, 34, 34, 1);
    opacity: 1;
    float: left;
    margin-left: 23px;
    margin-right: 23px;
}

.index_box_tap1 {
    width: 128px;
    height: 50px;
    margin: 0 auto;
    margin-top: 22px;
    text-align: center
}

.index_box_tap1 p {
    font-size: 18px;
    font-family: Source Han Serif CN;
    font-weight: bold;
    line-height: 24px;
    color: rgba(34, 34, 34, 1);
    letter-spacing: 4px;
    opacity: 1;
}

.index_box_xian_tap {
    width: 50px;
    height: 0px;
    display: block;
    margin: 0 auto;
    margin-top: 23px;
    border: 2px solid rgba(203, 146, 126, 1);
    opacity: 1;
}


.index_img_tap {
    width: 368px;
    height: auto;
    margin: 0 auto;
    margin-top: 57px
}

.index_box_name {
    width: 100%;
    height: 20px;
    display: block;
    margin: 0 auto;
    margin-top: 22px;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    line-height: 26px;
    color: rgba(51, 51, 51, 1);
    opacity: 1;
    text-align: center;
}

.index_box_span {
    width: 776px;
    height: 68px;
    margin: 0 auto;
    margin-top: 23px;
    text-align: center
}

.index_box_span p {
    font-size: 16px;
    font-family: SimHei;
    font-weight: 400;
    line-height: 26px;
    color: rgba(51, 51, 51, 1);
    opacity: 1;
    text-align: center
}


.img {
    width: 100%;
    height: 100%;
}



/* index_box1 */
.index_box1 {
    width: 1075px;
    height: 453px;
    margin: 0 auto;
    margin-top: 90px;
}

.index_box1_img {
    width: 356px;
    height: 453px;
    float: left;
    overflow: hidden;
    transition: all 0.3s;
}

.index_box1_img:hover .img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transition: all 0.3s;
}



.index_box1_right {
    width: 714px;
    height: 453px;
    float: left;
}


.index_box1_right_up {
    width: 100%;
    height: 226px;
}

.box1_right_up1 {
    width: 357px;
    height: 226px;
    background: rgba(46, 42, 43, 1);
    opacity: 1;
    float: left;
    transition: all 0.3s;
}

.box1_right_up1:hover {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transition: all 0.5s;
}




.box1_right_up1_span {
    width: 80%;
    height: 180px;
    margin: 0 auto;
    margin-top: 26px;
}




.right_up1_tap {
    width: 100%;
    height: 23px;
    display: block;
    text-align: left;
    font-size: 16px;
    font-family: Source Han Serif CN;
    font-weight: bold;
    line-height: 24px;
    color: rgba(255, 255, 255, 1);
    opacity: 0.55;
}


.right_up1_name {
    width: 100%;
    height: 24px;
    display: block;
    text-align: left;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 24px;
    color: rgba(255, 255, 255, 1);
    opacity: 1;
    margin-top: 12px;
}

.right_up1_lod {
    width: 100%;
    height: 14px;
    display: block;
    text-align: left;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 14px;
    color: rgba(255, 255, 255, 1);
    opacity: 0.9;
    margin-top: 44px;
}



.right_up1_span {
    width: 100%;
    height: 30px;
    display: block;
    text-align: left;
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: rgba(255, 255, 255, 1);
    opacity: 0.7;
    margin-top: 11px;
}


.box1_right_up2 {
    width: 357px;
    height: 226px;
    float: left;
    transition: all 0.3s;
    overflow: hidden;
}

.box1_right_up2:hover .img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transition: all 0.3s;
}




.index_box1_right_down {
    width: 100%;
    height: 227px;
    background: url(../image/index_box1_img3.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.box1_right_down_right {
    width: 370px;
    height: 227px;
    float: right;
    margin-right: 41px
}


.box1_right_down_right:hover .down_right_name {
    color: rgba(203, 146, 126, 1);
    transition: all 0.4s;
}

.box1_right_down_right:hover .down_right_xian {
    border: 1px solid rgba(203, 146, 126, 1);
    transition: all 0.4s;
}





.down_right_name {
    width: 100%;
    height: 18px;
    display: block;
    text-align: left;
    font-size: 18px;
    font-family: SimHei;
    font-weight: 400;
    line-height: 24px;
    color: rgba(255, 255, 255, 1);
    opacity: 1;
    margin-top: 39px;
    transition: all 0.4s;
}

.down_right_xian {
    width: 40px;
    height: 0px;
    border: 1px solid rgba(255, 255, 255, 1);
    opacity: 1;
    margin-top: 15px;
}

.down_right_span {
    width: 100%;
    height: 36px;
    display: block;
    text-align: left;
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 300;
    line-height: 24px;
    color: rgba(255, 255, 255, 1);
    opacity: 0.7;
    margin-top: 12px;
}





/* index_box2 */

.index_box2 {
    width: 100%;
    height: 860px;
    margin: 0 auto;
    margin-top: 100px;
}


.index_box2_sec {
    width: 1100px;
    height: 860px;
    margin: 0 auto;
}


.index_box2_sec_list {
    width: 83%;
    height: 430px;
    margin: 0 auto;
}

.sec_list_img {
    width: 453px;
    ;
    height: 430px;
    float: left;
    overflow: hidden;
}


.img {
    transition: all 0.8s;
}


.sec_list_img:hover .img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transition: all 0.5s;
}



.sec_list_span {
    width: 453px;
    height: 430px;
    float: left;
}


.list_span_dome {
    width: 89%;
    height: 400px;
    margin: 0 auto;
    margin-top: 15px;
}


.list_span_dome_name {
    width: 100%;
    height: 46px;
    display: block;
    text-align: left;
    font-size: 32px;
    font-family: Source Han Serif CN;
    font-weight: bold;
    line-height: 24px;
    color: rgba(51, 51, 51, 1);
    letter-spacing: 3px;
    opacity: 1;
    margin-top: 58px;
}


.list_span_dome_xian {
    width: 50px;
    height: 0px;
    border: 2px solid rgba(203, 146, 126, 1);
    opacity: 1;
    margin-top: 24px;
}


.list_span_dome_span {
    width: 100%;
    height: 100px;
    display: block;
    text-align: left;
    font-size: 18px;
    font-family: SimHei;
    font-weight: 400;
    line-height: 30px;
    color: rgba(34, 34, 34, 1);
    opacity: 1;
    margin-top: 26px;
}


.list_span_dome_btn {
    width: 134px;
    height: 32px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(188, 188, 188, 1);
    opacity: 1;
    margin-top: 30px;
    font-size: 10px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    color: rgba(34, 34, 34, 1);
    letter-spacing: 2px;
    opacity: 1;
    transition: all 0.4s;
}

.list_span_dome_btn:hover {
    color: rgba(255, 255, 255, 1);
    background: rgba(203, 146, 126, 1);
    transition: all 0.8s;
}




/* index_box3 */
.index_box3 {
    width: 100%;
    height: 329px;
    margin-top: 146px;
    background: url(../image/index_banner2.png);
    background-size: 100% 100%;
    padding-top: 144px;
}


.index_box3_name {
    width: 100%;
    height: 24px;
    display: block;
    text-align: center;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 300;
    line-height: 24px;
    color: rgba(255, 255, 255, 1);
    opacity: 1;
}

.index_box3_span {
    width: 100%;
    height: 16px;
    display: block;
    font-size: 16px;
    text-align: center;
    padding-top: 6px;
    font-family: Source Han Sans CN;
    font-weight: 300;
    line-height: 24px;
    color: rgba(255, 255, 255, 1);
    letter-spacing: 3px;
    opacity: 1;
}


/* index_box4 */
.index_box4_sec {
    width: 100%;
    height: 800px;
}


.index_box4_tap {
    width: 96%;
    height: 260px;
    margin-top: 53px;
    margin: 0 auto;
    position: relative;
    padding-top: 59px;
}

.index_box4_tap_span {
    width: 612px;
    height: 34px;
    display: block;
    /* margin: 0 auto; */
    text-align: left;
    font-size: 18px;
    font-family: SimHei;
    font-weight: 400;
    line-height: 34px;
    color: rgba(51, 51, 51, 1);
    opacity: 1;
    margin-left: 95px;
}


.index_box4_xian {
    width: 50px;
    height: 0px;
    border: 2px solid rgba(203, 146, 126, 1);
    opacity: 1;
    display: block;
    /* margin: 0 auto; */
    margin-top: 35px;
    margin-left: 95px;
}


.index_box4_img {
    width: 220px;
    height: 220px;
    position: absolute;
    right: 153px;
    top: 26px;
}


.index_box4_down {
    width: 1000px;
    height: 401px;
    margin: 0 auto;
    position: relative;
}

.box4_down_left {
    width: 474px;
    height: 401px;
    background: rgba(46, 42, 43, 1);
    opacity: 1;
    float: left;
}

.box4_down_right {
    width: 523px;
    height: 401px;
    float: left;
    background: url(../image/index_box4_img2.png);
    background-size: 100% 100%;
}

.box4_down_left_name {
    width: 224px;
    height: 30px;
    display: block;
    font-size: 20px;
    font-family: Source Han Serif CN;
    font-weight: bold;
    line-height: 30px;
    color: rgba(255, 255, 255, 1);
    letter-spacing: 2px;
    opacity: 0.7;
    margin-top: 65px;
    margin-left: 57px;
}

.box4_down_left_names {
    width: 224px;
    height: 30px;
    display: block;
    font-size: 20px;
    font-family: Source Han Serif CN;
    font-weight: bold;
    line-height: 30px;
    color: rgba(255, 255, 255, 1);
    letter-spacing: 2px;
    opacity: 0.7;
    margin-top: 5px;
    margin-left: 57px;
}




.box4_down_left_xian {
    width: 50px;
    height: 0px;
    border: 2px solid rgba(203, 146, 126, 1);
    opacity: 1;
    margin-top: 26px;
    margin-left: 57px;
}


.top {
    margin-top: 43px;
}


.box4_down_left_spans {
    width: 304px;
    height: 30px;
    display: block;
    text-align: left;
    margin-left: 57px;
    font-size: 16px;
    font-family: SimHei;
    font-weight: 400;
    line-height: 30px;
    color: rgba(255, 255, 255, 1);
    opacity: 0.9;
}


.box4_down_right_btn {
    width: 188px;
    height: 41px;
    background: rgba(68, 62, 64, 1);
    opacity: 1;
    border-radius: 21px 0px 0px 21px;
    float: right;
    margin-top: 321px;
    transition: all 0.8s;
}


.box4_down_right_btn:hover .right_btn_p {
    background: rgba(203, 146, 126, 1);
    border-radius: 21px 0px 0px 21px;
    color: #ffffff;
    transition: all 0.8s;
}


.right_btn_p {
    font-size: 12px;
    font-family: Source Han Serif CN;
    font-weight: bold;
    line-height: 41px;
    color: rgba(203, 146, 126, 1);
    letter-spacing: 2px;
    opacity: 0.7;
    text-align: center;
}


.box4_disbox {
    width: 270px;
    height: 270px;
    background: url(../image/index_box4_bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 60px;
    left: 350px;
}

.box4_disbox_img {
    width: 110px;
    height: 110px;
    display: block;
    margin: 0 auto;
    margin-top: 74px;
}






/* index_box5 */
.index_box5 {
    width: 100%;
    height: 200px;
    margin: 0 auto;
}

.index_box5_img {
    width: 350px;
    height: 123px;
    display: block;
    margin: 0 auto
}

/* index_box6 */
.index_box6 {
    width: 100%;
    height: 540px;
}

.index_box6_sec {
    width: 1000px;
    height: 540px;
    margin: 0 auto;
}



/* index_box7 */

.index_img_box6 {
    width: 87%;
    height: 1056px;
    margin: 0 auto;
    margin-top: 145px
}

.index_box6_sec_one {
    width: 100%;
    height: 134px;
}


.box6_sec_name {
    width: 126px;
    height: 62px;
    font-size: 26px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 36px;
    color: rgba(34, 34, 34, 1);
    opacity: 1;
    float: left;
    margin-top: 30px
}


.box6_sec_img1 {
    width: 134px;
    height: 134px;
    float: left;
    margin-left: 334px;
}


.box6_sec_img2 {
    width: 134px;
    height: 134px;
    float: left;
    margin-left: 134px;
}



.index_box6_sec_two {
    width: 100%;
    height: 268px;
}

.box6_sec_two_img {
    width: 330px;
    height: 268px;
    float: left;
}


.box6_sec_two_span {
    width: 401px;
    height: 268px;
    background: rgba(243, 243, 243, 1);
    opacity: 1;
    float: left;
}



.box6_sec_two_imgbox {
    width: 267px;
    height: 268px;
    float: left;
}

.box6_img3 {
    width: 100%;
    height: 100%;
}

.two_span_box6 {
    width: 308px;
    height: 240px;
    margin: 0 auto;
    margin-top: 15px;
}


.span_box6_name {
    width: 100%;
    height: 20px;
    display: block;
    text-align: left;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 20px;
    color: rgba(34, 34, 34, 1);
    opacity: 1;
    margin-bottom: 20px;
    margin-top: 28px;
}

.span_box6_p {
    width: 100%;
    height: 24px;
    display: block;
    text-align: left;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 24px;
    color: rgba(135, 135, 135, 1);
    opacity: 1;
    margin-bottom: 3px;
}


.span_box6_p2 {
    width: 100%;
    height: auto;
    display: block;
    text-align: left;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 24px;
    color: rgba(135, 135, 135, 1);
    opacity: 1;
    margin-top: 20px;
}

.two_imgbox_lits {
    width: 100%;
    height: 134px;
}


.imgbox_list_right {
    width: 134px;
    height: 134px;
    float: right;
}


.imgbox_list_left {
    width: 134px;
    height: 134px;
    float: left;
}

.box6_sec_three {
    width: 100%;
    height: 134px;
}


.box6_three_img {
    width: 134px;
    height: 134px;
    float: right;
    margin-right: 268px;
}


.box6_three_img1{
    width: 134px;
    height: 134px;
    float: right;
    margin-right: 136px;

}

/* index_box7 */
.index_box7 {
    width: 100%;
    height: 1100px;

    margin-top: 145px;
}


.index_box7_tap {
    width: 100%;
    height: 34px;
}


.index_box7_tap {
    width: 499.5px;
    height: 34px;
    display: block;
    margin: 0 auto;
}


.index_box7_sec {
    width: 1100px;
    height: 227px;
    margin: 0 auto;
    margin-top: 66px;
}

.index_box7_sec_list {
    width: 300px;
    height: 227px;
    float: left;
    margin-left: 58px;
}


.index_box7_sec2 {
    width: 1045px;
    height: 586px;
    margin: 0 auto;
    margin-top: 143px;
}





.index_box7_imgname {
    width: 19px;
    height: 586px;
    float: left;
}

.box7_imgname_tap {
    width: 19px;
    height: 419px;
    margin-top: 83px;
}


.index_box7_img1 {
    width: 433px;
    height: 586px;
    float: left;
    margin-left: 26px;
}

.index_box7_img2 {
    width: 517px;
    height: 586px;
    float: left;
    margin-left: 48px
}

.index_box7_img2_up {
    width: 517px;
    height: 209px;
}

.box7_img2_up_tp {
    width: 100%;
    height: 10px;
}


.box7_img2_up_xian {
    width: 60px;
    height: 8px;
    opacity: 1;
    float: right;
}

.box7_img2_up_name {
    width: 100%;
    height: 100px;
    margin-top: 100px;
    position: relative;
}

.img2_up_name_p {
    width: 159px;
    height: 53px;
    display: block;
    font-size: 20px;
    font-family: Source Han Serif CN;
    font-weight: bold;
    line-height: 24px;
    color: rgba(78, 78, 78, 1);
    opacity: 1;
    margin-left: 17px;
}

.img2_up_name_span {
    width: 80%;
    height: 244px;
    display: block;
    text-align: left;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 300;
    line-height: 24px;
    color: rgba(153, 153, 153, 1);
    opacity: 1;
    margin-left: 17px;
}

.img2_up_name_xian {
    width: 0px;
    height: 38px;
    border: 1px solid rgba(151, 151, 151, 1);
    opacity: 1;
    position: absolute;
    top: 35px;
}



.index_box7_img2_down {
    width: 517px;
    height: 377px;
}









.footer {
    width: 100%;
    height: 67px;
    background: rgba(51, 51, 51, 1);
    margin-top: 108px;
}

.footer_box {
    width: 1200px;
    height: 67px;
    margin: 0 auto;
}

.footer_box_p {
    width: 100%;
    height: 30px;
    display: block;
    text-align: center;
    font-size: 16px;
    font-family: SimHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    opacity: 1;
    padding-top: 10px
}

.footer_box_p1 {
    width: 100%;
    height: 20px;
    display: block;
    text-align: center;
    font-size: 16px;
    font-family: SimHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    opacity: 1;
}

.swiper-container {
    --swiper-pagination-color: #ffffff;
    /* 两种都可以 */
}

.ico_index_to {
    width: 4%;
    height: auto;
    position: absolute;
    top: 30%;
    left: 22%;
    z-index: 100000;
}

.up_left {
    margin-left: 45px;
}

.up_right {
    margin-right: 45px;
}


.swiper-slide {
    width: 100%;
    height: auto;
    position: relative;
}

.banner_span {
    width: 1200px;
    height: 620px;
    margin: 0 auto;
    /* position: absolute;
    top: 40px;
    left: 380px; */
}

.banner_span_img {
    width: 613px;
    height: 458px;
    display: block;
    margin: 0 auto;
    margin-top: 120px;
}

.banner_span_img2 {
    width: 1107px;
    height: 497px;
    display: block;
    margin: 0 auto;
    margin-top: 50px;
}

.burl {
    background: url(../image/banner_img.jpg)
}

.bur2 {
    background: url(../image/banner_img2.jpg)
}

.bur3 {
    background: url(../image/banner_img3.jpg)
}