/* 顶部 */
.banner {
	width: 100%;
	height: 100vh;
	position: relative;
}


/* 顶部导航栏 */
.banner .nav {
    width: 100%;
    background: url(../images/nav_01.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
}

.banner .nav .logo_01 {
    width: 15vw;
    height: 4.5833vw;
    margin-left: 2.7604vw;
    margin-top: 3.125vw;
    float: left;
}

.banner .nav .pc_nav {
    width: auto;
    float: left;
    margin-left: 5vw;
    margin-top: 2.9167vw;
}

.banner .nav .pc_nav li {
    width: 8.7891vw;
    text-align: center;
    position: relative;
}

.banner .nav .pc_nav li a {
    display: block;
}

.banner .nav .pc_nav li a span {
    font-size: 1.25vw;
    font-weight: bold;
    color: #FFFFFF;
}

.banner .nav .pc_nav li a .xia {
    margin-top: -0.5208vw;
    margin-left: 0.1042vw;
}

.banner .nav .pc_nav .li2 .xia {
    display: none;
}

.banner .nav .pc_nav .li6 .xia {
    display: none;
}

.banner .nav .pc_home {
    width: 1.875vw;
    height: 1.6667vw;
    float: left;
    margin-top: 3.125vw;
    margin-left: 3vw;
    cursor: pointer;
}

.banner .nav .pc_home img {
    width: 100%;
    height: 100%;
}

.banner .nav .pc_nav li:hover span{
    color: #cba579;
}

.banner .nav .pc_nav .li1:hover .xia {
    display: none;
}

.banner .nav .pc_nav .li3:hover .xia {
    display: none;
}

.banner .nav .pc_nav .li4:hover .xia {
    display: none;
}

.banner .nav .pc_nav .li5:hover .xia {
    display: none;
}

.banner .nav .pc_nav .li7:hover .xia {
    display: none;
}

.banner .nav .pc_nav .li8:hover .xia {
    display: none;
}

.banner .nav .pc_nav li .pc_nav2 {
    position: absolute;
    z-index: 1010;
    width: 100%;
    background-color: #fff;
    display: none;
}

.banner .nav .pc_nav li .pc_nav2 li {
    width: 100%;
    line-height: 2.0833vw;
}

.banner .nav .pc_nav li .pc_nav2 li a {
    display: block;
}

.banner .nav .pc_nav li .pc_nav2 li a span {
    font-weight: 400;
    font-size: 1.0417vw;
    color: #cba579;
}

.banner .nav .pc_nav li .pc_nav2 li a:hover {
    background-color: #cba579;
}

.banner .nav .pc_nav li .pc_nav2 li a:hover span {
    color: #fff;
}


/* 顶部下拉导航栏 */
.nav_02 {
    top: 0;
    left: 0;
    width: 100%;
    height: 1080px;
    background: url(../images/4.png) no-repeat no-repeat;
    background-size: 100% 100%;
    z-index: 9999;
    display: none;
    position: fixed;
}

.nav_02 .nav_xia {
    width: 100%;
    background: url(../images/nav_01.png) no-repeat center center;
    background-size: 100% 100%;
}

.nav_02 .z_logo {
    width: 15vw;
    height: 4.5833vw;
    display: block;
    margin-left: 1.5625vw;
    margin-top: 3.125vw;
    float: left;
}

.nav_02 .z_logo img {
    width: 100%;
    height: 100%;
}

.nav_02 .pc_nav_02 {
    width: auto;
    float: left;
    margin-left: 3.125vw;
    margin-top: 2.9167vw;
}

.nav_02 .pc_nav_02 li {
    width: 8.7891vw;
    text-align: center;
    position: relative;
}

.nav_02 .pc_nav_02 li a {
    display: block;
}

.nav_02 .pc_nav_02 li a p {
    font-size: 1.25vw;
    font-weight: bold;
    color: #FFFFFF;
}

.nav_02 .pc_nav_02 li .xia {
    margin-top: -0.5208vw;
    margin-left: 0.1042vw;
}

.nav_02 .pc_nav_02 .li2 .xia {
    display: none;
}

.nav_02 .pc_nav_02 .li4 .xia {
    display: none;
}

.nav_02 .pc_nav_02 .li7 .xia {
    display: none;
}

.nav_02 .pc_nav_02 .li8 .xia {
    display: none;
}

.nav_02 .x1 {
    float: left;
    margin-top: 3.4375vw;
    margin-left: 3vw;
    cursor: pointer;
}

.nav_02 .pc_nav_02 li a:hover p{
    color: #cba579;
}

.nav_02 .pc_nav_02 li .pc_nav2 {
    width: 100%;
}

.nav_02 .pc_nav_02 li .pc_nav2 li {
    width: 100%;
    line-height: 2.6042vw;
}

.nav_02 .pc_nav_02 li .pc_nav2 li a {
    display: block;
}

.nav_02 .pc_nav_02 li .pc_nav2 li a p {
    font-weight: 400;
    font-size: 1.0417vw;
    color: #fff;
}

.nav_02 .pc_nav_02 li .pc_nav2 li a:hover p {
    color: #cba579;
}


/* phone导航栏 */
.nav_02 .nav_phone {
    display: none;
}




/* 顶部轮播图 */
.device {
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper-wrapper {
	width: 100%;
    height: 100%;
}
 
.swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
}

.swiper-wrapper .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

.banner .device .swiper-container .swiper-slide .describe {
    width: 46.25%;
    margin-left: 2.708%;
    padding-top: 40.4375vw;
}

.banner .device .swiper-container .swiper-slide .describe .title {
    line-height: 3.3854vw;
    font-size: 2.5vw;
    font-weight: bold;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.banner .device .swiper-container .swiper-slide .describe .subtitle {
    font-size: 0.9375vw;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 1.0417vw;
}

.banner .device .swiper-container .swiper-slide .describe .ellipsis {
    font-size: 0.9375vw;
    font-weight: bold;
    color: #FFFFFF;
}

.device .arrow-left {
    width: 86px!important;
    height: 86px!important;
    margin-top: -57px;
    background: url(../images/prev2.png) no-repeat left top;
    left: 0;
    position: absolute;
    z-index: 99;
	opacity: .7;
}

.banner .w {
    width: 94.5%;
    top: 50%;
	margin:0 auto;
}

.device .arrow-right {
    width: 86px!important;
    height: 86px!important;
    background: url(../images/next2.png) no-repeat left bottom;
    position: absolute;
    margin-top: -57px;
    right: 0;
    z-index: 99;
	opacity: .7;
}
.device .arrow-left:hover ,.device .arrow-right:hover{
	opacity: 1;
	}

.swiper-container {
    height: 100%;
    width: 100%;
}

.content-slide {
    padding: 20px;
    color: #fff;
}

.pagination {
    position: absolute;
    right: 0;
    text-align: center;
    bottom: 51px;
    /* width: 100%; */
    z-index: 999;
}

.swiper-active-switch {
    background:#ffaa00!important;
}

.swiper-pagination-switch {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #d7e1e2;
    margin: 0 15px;
    cursor: pointer;
}

.swiper-active-switch {
    background: #fff;
}




/*手机顶部轮播图 */
.device_s {
    width: 100%;
    height: 100%;
    position: relative;
}

.device_s .swiper-wrapper {
    height: 100%;
}
 
.device_s .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
}

.device_s .swiper-wrapper .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

.banner .device_s .swiper-container .swiper-slide .describe {
    width: 46.25%;
    margin-left: 2.708%;
    padding-top: 40.4375vw;
}

.banner .device_s .swiper-container .swiper-slide .describe .title {
    line-height: 3.3854vw;
    font-size: 2.5vw;
    font-weight: bold;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.banner .device_s  .swiper-container .swiper-slide .describe .subtitle {
    font-size: 0.9375vw;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 1.0417vw;
}

.banner .device_s  .swiper-container .swiper-slide .describe .ellipsis {
    font-size: 0.9375vw;
    font-weight: bold;
    color: #FFFFFF;
}

.device_s  .arrow-left {
    width: 86px!important;
    height: 86px!important;
    margin-top: -57px;
    background: url(../images/prev2.png) no-repeat left top;
    left: 0;
    position: absolute;
    z-index: 99;
}

.banner .device_s  .w {
    width: 94.5%;
    top: 50%;
}

.device_s .device .arrow-right {
    width: 86px!important;
    height: 86px!important;
    background: url(../images/next2.png) no-repeat left bottom;
    position: absolute;
    margin-top: -57px;
    right: 0;
    z-index: 99;
}

.device_s .swiper-container {
    height: 100%;
    width: 100%;
}

.device_s .content-slide {
    padding: 20px;
    color: #fff;
}

.device_s #pagination_s {
    position: absolute;
    right: 0;
    text-align: center;
    bottom: 51px;
    /* width: 100%; */
    z-index: 999;
}

.device_s .swiper-active-switch {
    background:#ffaa00!important;
}

.device_s .swiper-pagination-switch {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #d7e1e2;
    margin: 0 15px;
    cursor: pointer;
}

.device_s .swiper-active-switch {
    background: #fff;
}


.device_s {
    display: none;
}




/* phone导航栏 */
.nav1 {
    display: none;
}

@media screen and (max-width: 1170px) {
    /* 顶部 */
    .banner {
        height: 24vh;
    }


    /* 顶部导航栏 */
    .banner .nav {
        background: url(./nav_02.png) no-repeat center center;
        background-size: 100% 100%;
        height: 18.5938vw;
    }

    .banner .nav .pc_nav {
        display: none;
    }

    .banner .nav .logo_01 {
        width: 35.8974vw;
        height: 11.1111vw;
    }

    .banner .nav .pc_home {
        width: 4.5299vw;
        height: 4.0171vw;
        float: right;
        margin-left: 0;
        margin-right: 6.1667vw;
    }



    /* 顶部下拉导航栏 */
    .nav_02 .z_logo {
        width: 35.8974vw;
        height: 11.1111vw;
    }

    .nav_02 .nav_xia {
        width: 100%;
        height: 18.5938vw;
        background: url(./nav_02.png) no-repeat center center;
        background-size: 100% 100%;
    }

    .nav_02 .pc_nav_02 {
        display: none;
    }

    .nav_02 .x1 {
        width: 4.7009vw;
        height: 4.6154vw;
        float: right;
        margin-left: 0;
        margin-top: 3.125vw;
        margin-right: 6.1667vw;
    }

    .nav_02 .x1 img {
        width: 100%;
        height: 100%;
    }


    /* phone导航栏 */
    .nav_02 {
        height: auto;
        position: absolute;
    }

    .nav_02 .nav_phone {
        display: block;
        width: 100%;
        margin-top: 51.2821vw;
        background: #746D87;
        padding-top: 2.9915vw;
        padding-left: 4.273%;
        padding-right: 3.418%;
    }

    .nav_02 .nav_phone li {
        width: 100%;
    }

    .nav_02 .nav_phone li .left {
        float: left;
        width: 90%;
        line-height: 13.1624vw;
        display: block;
        border-bottom: 2px solid #B9B6C3;
    }

    .nav_02 .nav_phone li .left p {
        font-size: 5.1282vw;
        font-weight: bold;
        color: #fff;
    }

    .nav_02 .nav_phone li .right {
        float: right;
        width: 10%;
        line-height: 13.1624vw;
        text-align: right;
        display: block;
        border-bottom: 2px solid #B9B6C3;
    }

    .nav_02 .nav_phone .li2 .left {
        width: 100%;
    }

    .nav_02 .nav_phone .li2 .right {
        display: none;
    }

    .nav_02 .nav_phone .li6 .left {
        width: 100%;
    }

    .nav_02 .nav_phone .li6 .right {
        display: none;
    }

    .nav_02 .nav_phone li .right .phone_xia img {
        width: 4.7863vw;
        height: 2.735vw;
    }

    .nav_02 .nav_phone li .nav_phone02 {
        width: 100%;
        display: none;
    }

    .nav_02 .nav_phone li .nav_phone02 li {
        width: 100%;
    }

    .nav_02 .nav_phone li .nav_phone02 li a {
        display: block;
        width: 100%;
        line-height: 13.1624vw;
        border-bottom: 2px solid #B9B6C3;
    }

    .nav_02 .nav_phone li .nav_phone02 li a p {
        font-size: 4.1026vw;
        color: #d1ab7a;
    }

    .nav_02 .nav_phone .sousuo_03 {
        position: relative;
        width: 100%;
        margin-bottom: 8.547vw;
    }

    .nav_02 .nav_phone .sousuo_03 .sousuo_04 {
        width: 80%;
        height: 9.2vw;
        padding-right: 1.5625vw;
        padding-left: 0.520833vw;
        margin-top: 4.2735vw;
        font-size: 5vw;
    }

    .nav_02 .nav_phone .sousuo_03 .sousuo_05 {
        width: 20%;
        height: 9.2vw;
        margin-top: 4.2735vw;
        background-color: #fff;
        background-size: 100%;
        border-left: 2px solid #fff;
    }

    .nav_02 .nav_phone .sousuo_03 .search_02 {
        position: absolute;
        width: 5.0171vw;
        height: 4.7607vw;
        right: 3.0769vw;
        top: 5.3846vw;
    }

    .nav_02 .nav_phone .sousuo_03 .search_02 img {
        width: 100%;
        height: 100%;
    }


    /* 顶部轮播图 */
    .device {
        display: none;
    }

    .device .arrow-left {
        display: none;
    }

    .device .arrow-right {
        display: none;
    }

    .banner .device .swiper-container .swiper-slide .describe {
        width: 57.25%;
        margin-left: 6.3248vw;
        padding-top: 100vw;
    }

    .banner .device .swiper-container .swiper-slide .describe .title {
        line-height: 15.3854vw;
        font-size: 14.1026vw;
        font-weight: bold;
        color: #d1ab7a;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .banner .device .swiper-container .swiper-slide .describe .subtitle {
        display: none;
    }

    .banner .device .swiper-container .swiper-slide .describe .ellipsis {
        display: none;
    }

    .pagination {
        width: 100%;
        bottom: 6.4103vw;
    }

    .swiper-pagination-switch {
        width: 1.7094vw;
        height: 1.7094vw;
        margin: 0 1.2821vw;
    }

    

    /* 手机顶部轮播图 */
    .device_s {
        display: block;
        position: relative;
    }

    .device_s .arrow-left {
        display: none;
    }

    .device_s .arrow-right {
        display: none;
    }

    .banner .device_s .swiper-container .swiper-slide {
        width: 100%;
        height: 100%;
    }

    .banner .device_s .swiper-container .swiper-slide .describe {
        width: 57.25%;
        margin-left: 6.3248vw;
        padding-top: 127vw;
		display:none;
    }

    .banner .device_s .swiper-container .swiper-slide .describe .title {
        line-height: 15.3854vw;
        font-size: 14.1026vw;
        font-weight: bold;
        color: #d1ab7a;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .banner .device_s .swiper-container .swiper-slide .describe .subtitle {
        display: none;
    }

    .banner .device_s .swiper-container .swiper-slide .describe .ellipsis {
        display: none;
    }

    .device_s  #pagination_s {
        width: 100%;
        bottom: 6.4103vw;
    }

    .device_s .swiper-pagination-switch {
        width: 1.7094vw;
        height: 1.7094vw;
        margin: 0 1.2821vw;
    }
}


@media screen and (max-width: 550px) {
    .nav_02 .nav_phone .sousuo_03 .search_02 {
        top: 6.3846vw;
    }
}