@charset "utf-8";

a, a:hover {
    text-decoration: inherit;
    color: inherit;
}

:root {
    --common-padding: 8.3%;
    --common-time-fuc: cubic-bezier(0.19, 1, 0.22, 1);
    --main-color: #deb86f;
}

img {
    max-width: 100%;
}

body,
html {
    overflow-x: hidden;
    background-color: #fff;
    min-height: 100vh;
    color: #747474;
    font-family: 'Microsoft JhengHei'
}

/*html {
    overflow: -moz-hidden-unscrollable;
}

body::-webkit-scrollbar {
    display: none;
}

body {
    -ms-overflow-style: none;
	width: calc(100vw + 18px);
	overflow-y: auto;
}*/
.transitioncover.active .loadr {
    opacity: 0;
    visibility: hidden;
}

.loadr {
    position: absolute;
    top: 50vh;
    left: 50%;
    height: 130px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 156px;
}

.m-d{
    position: absolute;
    width: 30px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 30px;
    left: 50%;
    margin-left: -15px;
    bottom: 20px;
}

.m-d::before{
    content: "";
    position: absolute;
    width: 2px;
    height: 10px;
    left: 50%;
    margin-left: -1px;
    top: 5px;
    background-color: #fff;
    animation: md 1s infinite alternate;
    transform-origin: center top;
}

@keyframes md {
    0%{
        transform: translateY(0) translate3d(0,0,0) scaleY(.5);
    }
    100%{
        transform: translateY(12px) translate3d(0,0,0) scaleY(1.3);
    }
}

.loadr .cccc {
    position: absolute;
    left: 50%;
    top: 0;
    right: 0;
    -webkit-animation: sdd 1s infinite;
    animation: sdd 1s infinite;
    -webkit-transform: rotate(0deg) translateX(-50%);
    -ms-transform: rotate(0deg) translateX(-50%);
    transform: rotate(0deg) translateX(-50%);
    -webkit-transform-origin: 0 center;
    -ms-transform-origin: 0 center;
    transform-origin: 0 center;
}

.loadr .loadingbar {
    position: relative;
    margin: 0 auto;
    margin-bottom: 20px;
    height: 78px;
    /* animation: rr 1s infinite alternate;
  transform: rotateY(-10deg); */
}

.ewm-cover{
    position: fixed;
    z-index: 10;
    background-color: rgba(0,0,0,.9);
    width: 100vw;
    height: 100vh;
    display: flex;
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    transition: opacity .5s var(--common-time-fuc);
}

.ewm-cover::before{
    content: '点击任意地方关闭弹窗';
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    bottom: 50px;
    font-size: 12px;
    opacity: .5;
}

.ewm-cover.active{
    opacity: 1!important;
    pointer-events: all!important;
}

.ewm-cover img{
    width: 150px;
    height: 150px;
    display: block;
    background-color: #fff;
    margin-bottom: 10px;
}
.ewm-cover .item{
    margin: 0 25px;
}


@-webkit-keyframes sdd {
    0% {
        -webkit-transform: rotate(0deg) translateX(-50%);
        transform: rotate(0deg) translateX(-50%);
    }
    100% {
        -webkit-transform: rotate(360deg) translateX(-50%);
        transform: rotate(360deg) translateX(-50%);
    }
}

@keyframes sdd {
    0% {
        -webkit-transform: rotate(0deg) translateX(-50%);
        transform: rotate(0deg) translateX(-50%);
    }
    100% {
        -webkit-transform: rotate(360deg) translateX(-50%);
        transform: rotate(360deg) translateX(-50%);
    }
}

@-webkit-keyframes rr {
    0% {
        -webkit-transform: rotateY(-10deg);
        transform: rotateY(-10deg);
    }
    100% {
        -webkit-transform: rotateY(40deg);
        transform: rotateY(40deg);
    }
}

@keyframes rr {
    0% {
        -webkit-transform: rotateY(-10deg);
        transform: rotateY(-10deg);
    }
    100% {
        -webkit-transform: rotateY(40deg);
        transform: rotateY(40deg);
    }
}

textarea {
    resize: none;
}

.w767 {
    display: none;
}

.gl .third .swiper-container .control {
    z-index: 3;
}

.bu .first .item- {
    width: 45%;
    vertical-align: top;
}

.bu .first .item- + .item- {
    margin-left: 5%;
}

.Sixth ul li a .img-box {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.Sixth .swiper-slide {
    width: 520px;
}

#main {
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.mobile,
.w768 {
    display: none;
}

.transition,
.parallax {
    will-change: transform, opacity;
    -webkit-transition: opacity 1.5s,
    -webkit-transform 1.5s;
    transition: opacity 1.5s,
    -webkit-transform 1.5s;
    -o-transition: transform 1.5s,
    opacity 1.5s;
    transition: transform 1.5s,
    opacity 1.5s;
    transition: transform 1.5s,
    opacity 1.5s,
    -webkit-transform 1.5s;

    transition-timing-function: var(--common-time-fuc);
    -webkit-transition-timing-function: var(--common-time-fuc);
}

@font-face {
    font-family: 'iconfont';  /* project id 632727 */
    src: url('../fonts/font_632727_4ilb759od1a.eot');
    src: url('../fonts/font_632727_4ilb759od1a.eot') format('embedded-opentype'),
    url('../fonts/font_632727_4ilb759od1a.woff2') format('woff2'),
    url('../fonts/font_632727_4ilb759od1a.woff') format('woff'),
    url('../fonts/font_632727_4ilb759od1a.ttf') format('truetype'),
    url('../fonts/font_632727_4ilb759od1a.svg#iconfont') format('svg');
}

.wow {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: var(--common-time-fuc);
    animation-timing-function: var(--common-time-fuc);
}

.qj {
    position: absolute;
    right: 5%;
    bottom: 20px;
    color: #fff;
    padding: 8px 20px;
    background-color: #454545;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
}

a[title="站长统计"] {
    display: none;
}

.qj span {
    font-size: 20px;
    margin-right: 5px;
    line-height: 20px;
    vertical-align: middle;
}

@font-face {
    font-family: "SnellBT";
    src: url("../fonts/fonteditor.eot");
    src: url("../fonts/fonteditor.eot") format("embedded-opentype"),
    url("../fonts/fonteditor.woff") format("woff"),
    url("../fonts/fonteditor.ttf") format("truetype"),
    url("../fonts/fonteditor.svg#iconfont") format("svg");
}

.menu-cover .list- a.active {
    color: #deb86e;
}

.iconfont {
    font-family: "iconfont";
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.header .menu {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.header .links {
    display: flex;
    font-size: 17px;
    font-weight: 700;
    align-items: center;
}

.header .phone {
    height: 44px;
    border: 1px solid #fff;
    border-radius: 45px;
    padding: 0 14px 0 10px;
    margin-right: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}

.header .phone .iconfont {
    font-weight: 400;
    font-size: 26px;
    padding-right: 5px;
}

.header .links .item {
    margin-right: 70px;
    position: relative;
}

.header .links .item a{
    display: block;
    position: relative;
    z-index: 2;
}

.header .links .item.active:before{
    width: 120%;
    height: 8px;
    background-color: var(--main-color);
    position: absolute;
    content: '';
    left: -10%;
    bottom: -4px;
}

.menu-open .menu.bgg::after {
    display: none;
}

.gl .third .swiper-container .control {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 30px;
    top: 50%;
    margin-top: -20px;
    text-align: center;
    color: #000;
    font-size: 40px;
    line-height: 40px;
    cursor: pointer;
}

@-webkit-keyframes c {
    0% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: left;
        transform-origin: left;
    }

    40% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: left;
        transform-origin: left;
    }

    41% {
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    81% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: right;
        transform-origin: right;
    }

    82% {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
}

.gl .third .swiper-container .control.swiper-button-disabled {
    opacity: 0;
}

.vr {
    position: absolute;
    color: rgba(255, 255, 255, 0.6);
    bottom: 10px;
    right: 10px;
    z-index: 5;
    cursor: pointer;
    padding: 5px 18px;
    background-color: #252525;
    -webkit-transition: color 1s;
    -o-transition: color 1s;
    transition: color 1s;
    display: none;
}

.vr p {
    display: inline-block;
    vertical-align: middle;

}

.vr .iconfont {
    font-size: 30px;
    line-height: 1;
    margin-right: 5px;
}

@keyframes c {
    0% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: left;
        transform-origin: left;
    }

    40% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: left;
        transform-origin: left;
    }

    41% {
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    81% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: right;
        transform-origin: right;
    }

    82% {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
}

@-webkit-keyframes cl {
    0% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: right;
        transform-origin: right;
    }

    40% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: right;
        transform-origin: right;
    }

    41% {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    81% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: left;
        transform-origin: left;
    }

    82% {
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
}

@keyframes cl {
    0% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: right;
        transform-origin: right;
    }

    40% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: right;
        transform-origin: right;
    }

    41% {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    81% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: left;
        transform-origin: left;
    }

    82% {
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
}

.gl .third .swiper-container .control.right- {
    left: auto;
    right: 30px;
}

.gl .third .swiper-container .control.right-::before {
    left: auto;
    right: 0;
}

.gl .third .swiper-container .control.right-::after {
    left: auto;
    right: 0;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-animation: c 4s infinite;
    animation: c 4s infinite;
}

.gl .third .swiper-container .control::before {
    width: 7px;
    height: 7px;
    background-color: #000;
    left: 0;
    top: 0;
    position: absolute;
    display: none;
    content: "";
}

.gl .third .swiper-container .control::after {
    left: 0;
    top: 3px;
    width: 100%;
    height: 1px;
    background-color: #000;
    content: "";
    display: none;
    position: absolute;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-animation: cl 4s infinite;
    animation: cl 4s infinite;
}

.menu-cover .list- {
    position: absolute;
    top: 0;
    height: 100%;
    left: 50%;
    width: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.menu-cover .list-::before {
    width: 1px;
    height: 60%;
    left: 0;
    top: 20%;
    background-color: #dddddd;
    display: block;
    position: absolute;
    content: "";
}

.news_detailed .news_content {
    text-align: justify;
}

.Second .slogan p {
    font-size: 36px;
    color: var(--main-color);
    line-height: 1;
    margin-top: 24px;
    /*font-weight: 700;*/
}

.Second .slogan {
    margin-bottom: 35px;
}

.Second .info {
    font-size: 17px;
    line-height: 2;
    font-weight: 700;
    margin-bottom: 50px;
}

.m-cover {
    position: fixed;
    z-index: 8;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    display: none;
    cursor: pointer;
}

.menu-open .m-cover {
    display: block;
}

.news_detailed .news_content img {
    display: inline-block;
    max-width: 100%;
    height: auto !important;
}

.menu-cover .list- .me > a {
    color: #545454;
    display: block;
    width: 120px;
    text-align: right;
    margin-left: -150px;
    font-size: 19px;
    position: relative;
    height: 50px;
    line-height: 50px;
}

.menu-cover .list- .me.active > a {
    color: #deb86e;
}

.menu-cover .list- .me + .me {
    margin-top: 20px;
}

.menu-cover .list- .me {
    position: relative;
}

.menu-cover .list- .me ul {
    position: absolute;
    width: 180px;
    left: 0;
    top: 0;
    line-height: 40px;
    font-size: 16px;
    line-height: 30px;
    visibility: hidden;
    opacity: 0;
}

.menu-cover .list- .me ul li a {
    padding-left: 24px;
    line-height: 30px;
    display: block;
}

@media screen and (min-width: 1366px) {
    .menu-cover .list- .me > a:hover::after {
        width: 220px;
        height: 50px;
        left: 0;
        top: 0;
        position: absolute;
        content: "";
        display: block;
    }

    .vr:hover {
        color: #fff;
    }

    .menu-cover .list- .me > a:hover + ul, .menu-cover .list- .me ul:hover {
        visibility: visible;
        opacity: 1;
    }

    .menu-cover .list- .me > a:hover::before {
        background-color: #deb86e;
        height: 50px;
        top: 0;
        right: -30px;
        width: 4px;
        content: "";
        display: block;
        position: absolute;
    }

    .menu-cover .list- a:hover {
        color: #deb86e;
    }

    .menu-cover .list- a ul li:hover {
        color: #deb86e;
    }

    .menu-cover .list- a:hover ul {
        opacity: 1;
        visibility: visible;
    }

    .gallery .item li:hover {
        background-color: rgba(0, 0, 0, 0.61);
    }

    .gallery .item li:hover div {
        bottom: 188px;
        font-size: 20px;
    }

    .gallery .item li:hover div .iconfont {
        font-size: 40px;
    }

    .co .third li:hover .tran-box {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        background-color: #fff;
        border-color: var(--main-color);
    }

    .co .third li:hover .tran-box .title{
        color: var(--main-color);
    }


    .we .third .box ul li:hover .cover_ {
        height: 200px;
    }

    .we .third .box ul li:hover .cover_ {
        height: 215px;
    }

    .toast .box .close:hover {
        color: #000;
    }

    .we .third .box ul li:hover .tc {
        height: 462px;
    }

    .we .third .box ul li:hover .cover_ {
        height: 275px;
        background-color: #fff;
        color: #5d5d5d;
    }
}

.menu-cover .list- a + a {
    margin-top: 20px;
}

.menu-cover .list- a ul {
    position: absolute;
    font-size: 16px;
    color: #7c7c7c;
    left: 150px;
    width: 170px;
    top: 0;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    line-height: 1;
    z-index: 5;
}

.menu-cover .list- a ul li {
    line-height: 30px;
    padding-left: 30px;
}


/*导航*/
.wrapper{    width: 1200px;
    margin: 0 auto;}
.clearfix{zoom: 1;}
.clearfix:after{    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;}
.clearfix::before, .clearfix::after{    content: '';
    display: table;}
header{height: 95px;border-bottom: 3px solid #8cdc13;background: #fff;}
header .logo{display: block;width: 382px;height: 100%;line-height: 95px;float: left;}
header .logo img{display: inline-block;width: 70%;vertical-align: middle;}
header nav{float: right;height: 100%;}
header nav .n-list{float: left;position: relative;}
header nav .n-list .n-list-a{display: block;padding: 0 15px;font-family: 'Note Sans S';font-size: 18px;color: #2b2b2b;line-height: 95px;transition: .5s;}
header nav .n-list .drop-down{width: max-content;background: #82d618;position: absolute;top: 95px;left: 0;right: 0;z-index: 3;font-size: 16px;padding: 15px 20px;display: none;}
header nav .n-list .drop-down .drop-down-a{display: block;text-align: center;color: #fff;line-height: 40px;transition: .5s;}
header nav .n-list.active .n-list-a{color: #6daf0a;}
header nav .n-list:hover .n-list-a{color: #6daf0a;}
header nav .n-list .drop-down .drop-down-a:hover{background: #6daf0a;}

/*底部*/
footer{background: #161616;padding-top: 40px;}
footer .f-nav{float: left;margin-bottom: 30px;}
footer .f-nav .f-nav-list{float: left;margin-right: 75px;}
footer .f-nav .f-nav-list:last-child{margin-right: 0;}
footer .f-nav .f-nav-list p{font-size: 17px;color: rgba(255,255,255.5);margin-bottom: 10px;}
footer .f-nav .f-nav-list a{display: block;font-size: 14px;color: #fff;opacity: .2;line-height: 30px;}
footer .f-nav .f-nav-list a:hover{opacity: .5;}
footer .f-nav .f-nav-list .dz{font-size: 14px;color: #fff;opacity: .2;line-height: 30px;}
footer .wxcode{float: right;}
footer .wxcode img{display: block;width: 120px;}
footer .wxcode p{text-align: right;font-size: 14px;color: rgba(255,255,255,.2);}
footer .bq{font-size: 12px;color: rgba(255,255,255,.2);text-align: center;line-height: 40px;}









.header {
    color: #fff;
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    width: 100%;
    transition: all .35s var(--common-time-fuc);
}

.header .logo {
    position: relative;
}

.header .logo .active {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
}

.header .logo img {
    transition: all .35s var(--common-time-fuc);
}

.backTop{
    position: absolute;
    width: 55px;
    height: 55px;
    background-color: #fff;
    right: 50px;
    bottom: 80px;
    text-align: center;
    line-height: 55px;
    font-size: 28px;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(55,55,55,.3);
    font-weight: 700;
    transition: all .25s var(--common-time-fuc);
    transform: translateY(5vh) translate3d(0,0,0);
    opacity: 0;
    pointer-events: none;
}

.backTop.active{
    transform: translateY(0) translate3d(0,0,0);
    opacity: 1;
    pointer-events: all;
}

.backTop:hover{
    color: #fff;
    background-color: #222;
}

.header.active {
    color: #222;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(55, 55, 55, .15);
}

.header.active .phone {
    border-color: #222;
}

.header2{height:60px;position:fixed;background:#fff;border-bottom:1px solid rgba(255,255,255,.2);z-index:22;top:0px;width:100%;display: none;}
.header2 .main-wrap{height:60px;padding:0 3%;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1)}
.header2 .logo{width:220px;margin-top:0px;overflow:hidden;display: inline-block;}
.header2 .logo a{display:block}
.header2 .logo img{vertical-align:top;width: 100%;    height: 100%;}
.header2 .nav-btn{width:25px;height:16px;position:relative;cursor:pointer;margin-top:22px;float: right;    display: inline;}
.header2 .nav-btn.active{-webkit-animation:rotate .5s linear 0s;animation:rotate .5s linear 0s;background:0}
.header2 .nav-btn .line{display:block;width:100%;height:2px;border-radius:2px;background-color:#333;position:absolute;left:50%;margin-left:-15px;transition:all .3s;}
.header2 .nav-btn .line1{-webkit-transform-origin:4px 0;-ms-transform-origin:4px 0;transform-origin:4px 0}
.header2 .nav-btn .line1.act{transform: rotate(45deg);}
.header2 .nav-btn .line2.act{opacity: 0;}
.header2 .nav-btn .line3.act{transform: rotate(-45deg);}
.header2 .nav-btn.active .line1{top:0px}
/* .header2 .nav-btn.hover .line{background:#fff} */
.header2 .nav-btn .line2{top:7px}
.header2 .nav-btn .line3{bottom:0px;-webkit-transform-origin:1px center;-ms-transform-origin:1px center;transform-origin:1px center}
.header2 .caid{height:55px;line-height:55px;padding-right:10px;position:relative}
.header2 .sub-menu{width:100%;padding:0 3%;display:none;position:absolute;left:0px;top:70px;z-index:2;overflow-y:auto;    box-sizing: border-box;}
.search-bg{    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 20;
    background-color: #333;
    display: none;}
.header2 .sub-menu ul{width:100%;overflow-y:auto;height:calc(100vh - 55px - 1.5rem)}
.js-m-3{opacity:0;-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);transform:translate(30px,0);-webkit-transition:all .8s ease;transition:all .8s ease}
.js-m-3.animate{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.header2 .sub-menu li{border-bottom:1px solid #555;font-size:16px;padding:0 20px}
.header2 .sub-menu .tit{display:inline-block;text-decoration:none;width:80%;line-height:60px;color:#fff;position:relative;box-sizing:border-box}
.header2 .sub-menu .sub-tit.on{background-color:#e9e9e9}
.header2 .sub-menu .sec-list{line-height:40px;padding:10px 0%;display:none}
.header2 .sub-menu .jt{position:relative;display:inline-block;width:10%;height:60px;text-align:center;background:0;float:right}
.header2 .sub-menu .jt:after{content:'';display:block;width:26px;height:26px;background:url(../images/rbqbhf1-1agesympaaaaajlfatq816.png) no-repeat center;background-size:17px auto;position:absolute;right:3%;top:15px}
.header2 .sub-menu .jt.jtRote:after{background:url(../images/rbqbhv1-1y6ektxnaaaaailzzm0174.png) no-repeat center;background-size:20px auto}
.header2 .sub-menu .sec-list p{background:url(../images/rbqbhvzedjgefkuaaaaaagbohja006.png) no-repeat left center;background-size:3px auto;font-size:14px}
.header2 .sub-menu .sec-list a{padding-left:5%;color:#a0a0a0;display:block}
.header2 .sub-menu .sec-list a:active{color:#fff}
.header2 .mo_tel{font-size:16px;color:#fff;font-weight:bold;line-height:60px}
.header2 .mo_tel .iconfont{line-height:40px;height:40px;width:30px;display:inline-block}
.header2 .mo_tel .iconfont:before{content:'\e628';color:#fff;font-size:20px}
.header2 .mo_lan{line-height:60px}
.mobfoot{display: none;}
@media only screen and (max-width: 1200px){
.mobfoot{display: block;}
.header2{display: block;}
header{display: none;}
footer{display: none;}
#w_grid-1572242243834{margin-bottom: 60px;}
.mobfoot{position: fixed;bottom: 0;left: 0;width: 100%;height: 52px;background: #006536;z-index: 9;padding-top: 0;}
.mobfoot a{width: 33.33%;float: left;text-align: center;font-size: 12px;color: #fff;display: block;}
.mobfoot a img{height: 18px;margin: 8px auto 4px;}
.mobfoot{display: block;}

}
@media only screen and (max-width:768px){
.header2 .logo img{    width: 70% !important;
    margin-top: 10px !important;}
.ban_img{margin-top: 60px;}
}










.top .login,
.top-banner .login {
    position: absolute;
    z-index: 10;
    right: 47px;
    top: 47px;
    -webkit-animation-direction: 2s;
    animation-direction: 2s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    pointer-events: all;
}

.ani {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.iphone .ani {
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

.ani.active {
    -webkit-animation-play-state: running !important;
    animation-play-state: running !important;
}

.menu-cover .login {
    display: none;
}

.menu-open .header .menu {
    color: #deb86e;
}

.menu-open .header .menu .iconfont {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.top .login a,
.top-banner .login a,
.menu-cover .login a {
    display: block;
    color: #223842;
    background-color: #fff;
    line-height: 30px;
    width: 88px;
    text-align: center;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

.menu-cover .login a {
    color: #fff;
    background-color: #deb86e;
}

.top .logo,
.top-banner .logo,
.menu-cover .logo {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 45px;
    pointer-events: all;
    z-index: 10;
    cursor: pointer;
}

.menu-cover .logo {
    top: 20px;
}

.menu-cover .logo {
    display: none;
}

.top .logo img {
    width: 130px;
}

.logo img {
    width: 161px;
}

.transitioncover {
    width: 102%;
    height: 102%;
    position: absolute;
    z-index: 12;
    left: -1%;
    top: -1%;
    overflow: hidden;
    background-color: #00173f;
    -webkit-transition: width 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: width 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: width 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.slide .transitioncover.ss {
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

/* .transitioncover.ss{
	transition:width 1.5s 0.5s cubic-bezier(.645,.045,.355,1);
} */
.transitioncover.right {
    left: auto;
    right: 0;
}

.change {
    position: absolute;
    width: 102%;
    height: 120%;
    left: -10%;
    top: -10%;
    background-color: #fff;
    width: 0;
    z-index: 10;
}

.change.start {
    width: 120%;
    -webkit-transition: width 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: width 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: width 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.change.start.right {
    left: auto;
    right: -10%;
    -webkit-transition: all 0;
    -o-transition: all 0;
    transition: all 0;
}

.change.start.right.end {
    width: 0;
    -webkit-transition: width 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: width 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: width 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.transitioncover.active {
    width: 0;
}

.pag span.line {
    display: inline-block;
    width: 140px;
    height: 1px;
    background-color: #fff;
    vertical-align: super;
    position: relative;
    overflow: hidden;
    font-size: 0;
    -webkit-text-size-adjust: none;
}

.line .change {
    background-color: #deb86e;
}

.pag span {
    color: rgba(255, 255, 255, 0.6);
    margin-right: 10px;
}

.pag span.active {
    color: #fff;
}

.pag {
    font-size: 20px;
}

.header .now {
    position: absolute;
    bottom: 0;
    left: 40px;
    background-color: #deb86e;
    width: 62px;
    height: 20vh;
    text-align: center;
    line-height: 62px;
    padding-top: 10px;
    font-size: 28px;
    z-index: 1;
    pointer-events: all;
    -webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.menu-open .header .now {
    height: 0;
    overflow: hidden;
}

.header .now p {
    cursor: pointer;
    position: relative;
}

.header .now p::before {
    content: "";
    display: block;
    position: absolute;
    width: 90px;
    height: 90px;
    background-color: #fff;
    left: 62px;
    top: 50%;
    margin-top: -45px;
    background-image: url(../images/ewm1.jpg);
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center center;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: 2px 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 0 20px rgba(0, 0, 0, 0.1);
}

.header .now p:nth-child(2)::before {
    background-image: url(../images/ewm2.jpg);
}

.header .now p:hover {
    background-color: #fff;
    color: #deb86e;
}

.header .now p:hover::before {
    opacity: 1;
    visibility: visible;
}

.iScrollVerticalScrollbar {
    width: 19px;
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    z-index: 9;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: opacity 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: opacity 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.index .iScrollVerticalScrollbar {
    opacity: 0;
}

.index .iScrollVerticalScrollbar.active {
    opacity: 1;
}

.iScrollIndicator {
    background-color: var(--main-color);
    position: absolute;
    width: 12px;
    -webkit-transition: -webkit-transform 1.5s var(--common-time-fuc) !important;
    transition: -webkit-transform 1.5s var(--common-time-fuc) !important;
    -o-transition: transform 1.5s var(--common-time-fuc) !important;
    transition: transform 1.5s var(--common-time-fuc) !important;
    transition: transform 1.5s var(--common-time-fuc), -webkit-transform 1.5s var(--common-time-fuc) !important;
    transition: transform 1.5s var(--common-time-fuc),
    -webkit-transform 1.5s var(--common-time-fuc) !important;
    transition: transform 1.5s var(--common-time-fuc),
    -webkit-transform 1.5s var(--common-time-fuc) !important;
    top: 0;
    right: 2px;
    opacity: 0.7;
    cursor: pointer;
}

.top {
    position: relative;
    overflow: hidden;
    height: 100vh;
}

.top .img-box {
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.tex-cover {
    position: absolute;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

.img-parallax {
    overflow: hidden;
    height: 100vh;
    position: relative;
    background-color: #00173f;
}

.img-parallax video {
    display: block;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    object-position: center center;
    opacity: .85;
    pointer-events: none;
}

.parallax {
    position: relative;
}

.tex-cover svg {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
}

.tex-cover svg text {
    font-size: 138px;
    font-family: "PingFang SC", 'FangSong';
    font-weight: 400;
}

.welcome {
    position: absolute;
    width: 53%;
    min-height: 20vh;
    top: -webkit-calc(-20vh + 2px);
    top: calc(-20vh + 2px);
    right: 0;
    z-index: 18;
    padding-top: 30px;
    background-color: #fff;
}

.welcome .backfont {
    height: -webkit-calc(20vh - 30px);
    height: calc(20vh - 30px);
    position: relative;
    left: -16.7vh;
}

.welcome .hidden {
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    background-color: #fff;
    width: 100%;
}

.welcome .hidden img {
    height: -webkit-calc(20vh - 30px);
    height: calc(20vh - 30px);
    left: -16.7vh;
    position: relative;
}

.Second {
    position: relative;
    text-align: center;
    line-height: 1.8;
    background-image: url("../images/bg11.jpg");
    background-size: cover;
    background-position: center center;
    padding: 2.98% var(--common-padding) var(--common-padding);
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.Third {
    position: relative;
    max-height: 100vh;
    height: 800px;
    overflow: hidden;
}

.Third .tool-bar {
    position: absolute;
    width: 83.4%;
    left: var(--common-padding);
    background-color: rgba(255, 255, 255, .9);
    z-index: 2;
    bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    height: 76px;
    padding: 0 25px;
    box-sizing: border-box;
}

.Third .tool-bar .left,
.Third .tool-bar .right {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.Third .tool-bar .iconfont {
    font-size: 26px;
    color: var(--main-color);
}

.Third .tool-bar .name {
    font-size: 24px;
    font-weight: 700;
    color: #111111;
}

.Third .parallax {
    left: auto;
    margin-left: 0;
}

.Third .img-box {
    width: 100vw;
    position: relative;
    overflow: hidden;
    padding: 0 25px;
    box-sizing: border-box;
}

.Third .img-box img {
    width: 100%;
}

.Fourth {
    background-color: #fff;
    position: relative;
    padding: 6.25% var(--common-padding);
}

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

.Fourth .item {
    width: calc((100% - 40px) / 3);
}

.Fourth .item img {
    max-width: 100%;
}

.Fourth .item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.Fourth .item .img-box {
    position: relative;
    display: block;
}

.Fourth .item .text {
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    bottom: 25px;
}

.Fourth .item .text .cn {
    font-size: 30px;
}

.Fourth .item .text .en {
    letter-spacing: 2px;
}

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

.banner .swiper-container .swiper-slide {
    width: 50vw;
}

.banner {
    height: 44.64vw;
    position: relative;
}

.pag span i {
    font-style: normal;
}

.banner .imgbox {
    background-image: url(../images/b3.jpg);
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all ease-out 800ms;
    -o-transition: all ease-out 800ms;
    transition: all ease-out 800ms;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 50%;
}

.banner .control {
    position: absolute;
    left: 13.6vw;
    background-color: #deb86e;
    line-height: 74px;
    color: #fff;
    padding: 0 55px;
    z-index: 12;
    bottom: 0;
}

.change.black {
    background-color: #181818;
}

.banner .control .iconfont {
    font-size: 30px;
    vertical-align: sub;
    margin: 0 20px;
    cursor: pointer;
}

.slide-right {
    width: 72.25vw;
    right: 0;
    position: absolute;
    height: 100%;
    background-image: url(../images/1b.jpg);
    overflow: hidden;
}

.slide {
    position: relative;
    height: 100%;
}

.slide-left {
    z-index: 30;
}

.slide-left {
    left: 0;
    width: 31vw;
    height: 28.5vw;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url(../images/1.jpg);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-54%);
    -ms-transform: translateY(-54%);
    transform: translateY(-54%);
    overflow: hidden;
}

/* .slide-left::before{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .59)
} */
.slide-left .img-box {
    position: relative;
}

.banner .imgbox::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.banner .swiper-slide-prev .imgbox::before {
    opacity: 1;
}

.Fifth {
    padding-top: 105px;
    background-color: #fff;
}

.Fifth .title {
    width: 100%;
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    padding-bottom: 95px;
}

.gallery {
    position: relative;
}

.gallery .bg {
    position: relative;
}

.gallery .bg li {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 600ms;
    -o-transition: all 600ms;
    transition: all 600ms;
    left: 0;
    top: 0;
}

.gallery .bg li:first-of-type {
    position: relative;
}

.gallery .bg li.active {
    opacity: 1;
}

.Fourth .box_ {
    position: absolute;
    width: -webkit-calc(50vw - 12.34vw - 67px);
    width: calc(50vw - 12.34vw - 67px);
    right: -webkit-calc(12.34vw + 67px);
    right: calc(12.34vw + 67px);
    height: 50px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    top: 0;
}

.Fourth .box {
    position: absolute;
    width: -webkit-calc(8.05vw - 40px);
    width: calc(8.05vw - 40px);
    height: -webkit-calc(8.05vw - 40px);
    height: calc(8.05vw - 40px);
    top: 40px;
    left: 27.75vw;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    border-top: 1px solid #000;
    border-left: 1px solid #000;
}

.slide-right::before {
    width: 22.25vw;
    height: 39px;
    left: 0;
    top: 0;
    display: block;
    content: "";
    position: absolute;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

.box-s {
    position: absolute;
    width: -webkit-calc(8.05vw - 40px);
    width: calc(8.05vw - 40px);
    height: -webkit-calc(8.05vw - 40px);
    height: calc(8.05vw - 40px);
    top: 70px;
    left: 27.75vw;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.box-s::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 1px;
    height: 70px;
    background-color: #fff;
    top: -70px;
}

.box-s::after {
    content: "";
    display: block;
    position: absolute;
    left: -83px;
    width: 164px;
    height: 164px;
    border: 1px solid #fff;
    top: 0;
}

.box-s .text-box {
    width: 140px;
    height: 140px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    left: -70px;
    top: 80px;
    text-align: center;
    z-index: 5;
    color: #454545;
}

.Fifth .title {
    padding-left: 10vw;
    position: relative;
}

.footer .ewm p {
    text-align: center;
    color: #fff;
    margin-top: 10px;
}

.Sixth .en::after {
    left: auto;
    right: 0;
}

.Fifth .title::before {
    content: "";
    display: block;
    position: absolute;
    width: 105px;
    height: 794px;
    background-image: url(../images/line.png);
    left: -3px;
    top: 36px;
}

.box-s .text-box .en {
    font-size: 12px;
    line-height: 1.4;
    padding: 0 10px;
}

.box-s .text-box .cn {
    font-size: 18px;
}

.Fourth .info .content::before {
    width: 1px;
    content: "";
    display: block;
    position: absolute;
    height: 400px;
    background-color: #000;
    left: 50%;
    top: 50px;
}

.footer {
    position: relative;
}

.tex-cover .down {
    display: none;
}

.footer::before {
    content: "";
    display: none;
    position: absolute;
    height: 1px;
    left: 0;
    top: 100px;
    width: 100%;
    background-color: #fff;
    opacity: 0.2;
}

.up {
    position: absolute;
    right: 120px;
    top: 24px;
    cursor: pointer;
    background-color: #252525;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 8;
}

.up:hover {
    -webkit-transform: scale(0.92);
    -ms-transform: scale(0.92);
    transform: scale(0.92);
    background-color: #2d2828;
}

.gallery .item {
    position: absolute;
    left: 50%;
    width: 100%;
    max-width: 1400px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    z-index: 9;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
}

.gallery .item li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.41);
    height: 100%;
    position: relative;
    cursor: pointer;
}

.gallery .item li + li::before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    opacity: 0.3;
}

.gallery .item li div {
    position: absolute;
    width: 100%;
    bottom: 115px;
    line-height: 1;
    left: 0;
    font-size: 16px;
    -webkit-transition: all 600ms;
    -o-transition: all 600ms;
    transition: all 600ms;
}

.gallery .item li div .iconfont {
    font-size: 34px;
    margin-bottom: 18px;
}

.gallery .item li.active {
    background-color: rgba(0, 0, 0, 0.61);
}

.gallery .item li.active div {
    bottom: 188px;
    font-size: 20px;
}

.gallery .item li.active .iconfont {
    font-size: 40px;
}

.Fifth .content {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 70px;
    font-size: 16px;
    line-height: 1.8;
}

.Fifth .content .text-box {
    max-width: 50vw;
    position: relative;
    margin: 0 auto;
}

.Fifth .content .text-box p:last-of-type {
    text-align: justify;
}

.Fifth .content .text-box .tit {
    font-size: 24px;
    line-height: 1;
    padding-bottom: 15px;
    color: #000;
}

.Sixth {
    background-color: #fff;
    position: relative;
    padding-top: 20px;
    padding-bottom: 60px;
}

.Sixth .title {
    text-align: center;
    color: var(--main-color);
}

.Sixth .title .cn {
    font-size: 36px;
    letter-spacing: 1px;
    font-weight: 700;
}

.Sixth .title .en {
    font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.Sixth .swiper-container {
    padding: 40px 0 60px;
}

.Sixth .wrapper {
    padding: 55px 30px;
    background-color: #fff;
    height: 370px;
}

.Sixth .swiper-slide {
    box-shadow: 0 0 25px rgba(55, 55, 55, .1);
}

.Sixth ul {
    display: flex;
    flex-wrap: wrap;
}

.news-page.Sixth {
    padding: 5% var(--common-padding) 7%;
}

.Sixth ul li {
    width: calc((100% - 80px) / 3);
    margin-right: 40px;
}

.Sixth ul li:nth-child(3n) {
    margin-right: 0;
}

.Sixth ul li:nth-child(n + 4) {
    margin-top: 40px;
}

.Sixth.news-page .wrapper {
    padding: 25px;
    height: auto;
}

.Sixth.news-page .wrapper .time {
    margin-bottom: 10px;
}

.Sixth.news-page .more {
    margin-top: 25px;
}

.Sixth .time {
    font-size: 16px;
    color: var(--main-color);
    margin-bottom: 20px;
}

.Sixth .tit {
    font-size: 20px;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #111;
    font-weight: 700;
}

.Sixth .dis {
    height: 90px;
    line-height: 30px;
    overflow: hidden;
    color: #999999;
    text-align: justify;
    margin-top: 10px;
    font-size: 15px;
}

.title.common .cn {
    color: #deb86e;
    font-size: 50px;
    line-height: 1;
    margin-bottom: 10px;
}

.title.common {
    position: relative;
    z-index: 5;
}

.title.common .en {
    color: #deb86e;
    line-height: 1;
    text-transform: uppercase;
    display: block;
    height: 24px;
    margin-top: 10px;
    background-position: 6px 0;
    background-repeat: no-repeat;
}

.Sixth .more {
    color: var(--main-color);
    width: 36px;
    height: 36px;
    border: 1px solid var(--main-color);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-top: 55px;
    font-size: 20px;
}

.Sixth .img-box {
    background-position: center center;
    background-size: cover;
}

.pagination {
    justify-content: center;
    display: flex;
}

.pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid var(--main-color);
    box-sizing: border-box;
    background-color: transparent;
    margin: 0 10px;
    display: block;
    opacity: 1;
}

.pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--main-color);
}

.footer {
    height: 610px;
    border-top: 4px solid var(--main-color);
    padding-top: 85px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url("../images/footer-bg.png");
    color: var(--main-color);
}

.footer .tel {
    font-size: 36px;
    margin-top: 30px;
}

.footer .adder {
    font-size: 17px;
    font-weight: 700;
    margin-top: 5px;
}

.footer .nav {
    display: flex;
    margin-top: 55px;
    font-size: 17px;
    font-weight: 700;
    align-items: center;
}

.footer .nav p {
    width: 1px;
    height: 16px;
    background-color: var(--main-color);
    margin: 0 30px;
}

.footer .icons {
    display: flex;
    justify-content: center;
    margin: 30px 0 25px;
}

.footer .icons .icon {
    width: 36px;
    height: 36px;
    background-image: url("../images/icons.png");
    background-size: 400% auto;
    margin: 0 16px;
    cursor: pointer;
}

.footer .bottom {
    opacity: .6;
}

.footer .icons .icon:nth-child(2) {
    background-position: calc(100% / 3) 0;
}

.footer .icons .icon:nth-child(3) {
    background-position: calc(100% / 3 * 2) 0;
}

.footer .icons .icon:nth-child(4) {
    background-position: 100% 0;
}

.top-banner {
    height: 80vh;
    overflow: hidden;
    position: relative;
}

.top-banner::before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.38);
    left: 0;
    top: 0;
    z-index: 2;
}

.w1400 {
    position: relative;
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.gl .first {
    padding-top: 5.5%;
    position: relative;
    padding-bottom: var(--common-padding);
}

.inline-box > * {
    display: inline-block;
    font-size: 14px;
}

.inline-box {
    font-size: 0;
    -webkit-text-size-adjust: none;
}

.main-body {
    position: relative;
}

.common.title .t {
    font-size: 36px;
    color: #deb86e;
    line-height: 1;
    font-weight: 700;
    white-space: nowrap;
}

.common.title img {
    margin-left: 4px;
    display: block;
    margin-top: 8px;
}

.gl .first .common {
    margin-top: 45px;
    margin-bottom: 10px;
}

.gl .first .content {
    font-size: 16px;
    color: #747474;
    line-height: 2;
    text-align: justify;
    padding-top: 10px;
}

.gl .second {
    position: relative;
    background-color: #fafafa;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gl .second .right-text {
    width: 50%;
    padding-right: calc(50vw - 700px);
    box-sizing: border-box;
}

.gl .second .content {
    padding-top: 24px;
    color: #747474;
}

.gl .second .Zh {
    font-size: 16px;
    letter-spacing: 1px;
    word-break: break-all;
    line-height: 2;
    text-align: justify;
}

.gl .second .en {
    font-size: 12px;
    line-height: 2;
    opacity: 0.6;
    margin-top: 15px;
    word-break: break-all;
    letter-spacing: 1px;
}

.gl .second .select {
    color: #deb86e;
    padding-top: 34px;
}

.gl .second .select .fw {
    line-height: 32px;
    -webkit-border-radius: 32px;
    border-radius: 32px;
    background-color: #deb86e;
    color: #fff;
    font-size: 18px;
    padding-left: 30px;
    position: relative;
    padding-right: 15px;
    font-weight: 700;
}

.gl .second .select .fw span {
    float: right;
    font-size: 22px;
}

.gl .second .select ul li {
    margin-top: 22px;
    line-height: 26px;
    font-size: 16px;
}

.gl .second .select ul li .iconfont {
    font-size: 34px;
    width: 45px;
    display: inline-block;
    font-weight: 400;
}

.gl .second .select ul li .tit {
    font-size: 18px;
    font-weight: 700;
}

.gl .second .select ul li p:nth-child(2) {
    padding-left: 45px;
}

.gl .third {
    padding-top: 80px;
}

.gl .third .swiper-slide {
    width: 1400px;
    max-width: 72.91vw;
    text-align: right;
    height: 700px;
    opacity: 0.2;
    -webkit-transition: opacity 1s var(--common-time-fuc);
    -o-transition: opacity 1s var(--common-time-fuc);
    transition: opacity 1s var(--common-time-fuc);
}

.gl .third .swiper-slide.swiper-slide-active {
    opacity: 1;
}

.gl .third .swiper-slide .text_ {
    text-align: center;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 5% 25px 20px;
    pointer-events: none;
    background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.6));
}

.gl .third .swiper-slide::before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    background-color: #fff;
    display: none;
    left: 0;
    top: 0;
    -webkit-transition: width 1s 1s var(--common-time-fuc);
    -o-transition: width 1s 1s var(--common-time-fuc);
    transition: width 1s 1s var(--common-time-fuc);
}

.gl .third .swiper-slide.swiper-slide-active::before {
    width: 22.4%;
}

.gl .third .swiper-container {
    margin-top: 50px;
    max-height: 100%;
}

.gl .third .swiper-slide .img_ img {
    opacity: 0;
    display: inline-block;
}

.gl .third .text_ {
    position: absolute;
    z-index: 5;
    color: #fff;
}

.gl .third .text_::before {
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.6));
    background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.6));
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.6)));
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6));
    width: 100%;
    height: 20vh;
    left: 0;
    bottom: 0;
    content: "";
    display: none;
    position: absolute;
    z-index: -1;
}

.gl .third .swiper-slide .img_ {
    width: 100%;
    display: block;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
}

.gl .third .swiper-slide .text_ .ld {
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
}

.gl .third .swiper-slide .text_ .titile_ {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
}

.gl .third .swiper-slide .text_ .cont {
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    margin-top: 10px;
    padding-right: 52px;
    display: none;
}

.gl .third .swiper-slide.swiper-slide-prev,
.gl .third .swiper-slide.swiper-slide-next {
    cursor: pointer;
}

.gl .third .swiper-slide.swiper-slide-prev .text_,
.gl .third .swiper-slide.swiper-slide-next .text_ {
    opacity: 0;
}

.gl .third .swiper-slide.swiper-slide-prev:hover .img_,
.gl .third .swiper-slide.swiper-slide-next:hover .img_ {
    -webkit-filter: contrast(2);
    filter: contrast(2);
}

.gl .third .swiper-slide.swiper-slide-prev:hover,
.gl .third .swiper-slide.swiper-slide-next:hover {
    opacity: 0.7;
}

.gl .third .pag {
    position: absolute;
    z-index: 2;
    font-size: 24px;
    left: 50%;
    top: 60px;
    width: 100%;
    max-width: 1400px;
    -webkit-transform: translateX(-48%);
    -ms-transform: translateX(-48%);
    transform: translateX(-48%);
    bottom: auto;
    font-family: "SnellBT";
    line-height: 1;
    display: none;
}

.gl .third {
    position: relative;
    padding-top: var(--common-padding);
}

.gl .pag span {
    color: #595858;
    font-size: 36px;
    margin-right: 0;
    margin-left: 10px;
    line-height: 1;
}

.gl .pag span.swiper-pagination-current {
    font-size: 96px;
    display: inline-block;
    margin-right: 0;
    width: 26px;
    text-align: right;
}


.gl .fourth {
    padding-top: 6%;
    padding-bottom: 5%;
    background-image: url(../images/gl-f-bg.png);
    background-position: left 70%;
    background-repeat: no-repeat;
}

.gl .fourth > .w1400 {
    padding-left: 265px;
    padding-right: 70px;
}

.gl .fourth .list li {
    width: 25%;
    color: #454545;
    text-align: center;
    font-size: 16px;
    padding: 0 20px;
    vertical-align: top;
    margin-top: 60px;
}

.gl .fourth .list{
    padding-top: 20px;
}

.gl .fourth .list li .img_ {
    width: 57px;
    height: 57px;
    display: inline-block;
}

.gl .fourth .list li .tt {
    color: #000;
    font-size: 17px;
    font-weight: 700;
}

.gl .fourth .list li .iconfont {
    font-size: 44px;
}

.gl .fourth .list li .enn {
    font-size: 12px;
    color: #a6a6a6;
    text-transform: uppercase;
}

.gl .fifth .common {
    padding-bottom: 25px;
    margin-bottom: 60px;
    position: relative;
    padding-left: 40px;
}


.gl .fifth .left-item {
    width: 50%;
    max-width: 700px;
    vertical-align: middle;
}

.gl .fifth .left-item input {
    font-size: 16px;
    height: 45px;
    outline: none;
    border: none;
    vertical-align: bottom;
    max-width: 560px;
    width: -webkit-calc(100% - 75px);
    width: calc(100% - 75px);
    margin-left: 10px;
    border-bottom: 1px solid #dbdbdb;
    padding-left: 15px;
}

.gl .fifth .left-item label span {
    font-size: 18px;
    line-height: 45px;
    font-weight: 700;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.gl .fifth .left-item label {
    width: 100%;
    display: block;
    position: relative;
}

.gl .fifth .left-item label span.error {
    position: absolute;
    left: 62px;
    bottom: -40px;
    font-size: 14px;
    color: #ff0000;
    display: none;
}

.gl .fifth .left-item label.onerror span.error {
    display: block;
}

.gl .fifth .left-item label + label {
    margin-top: 60px;
}

.gl .fifth .left-item label:last-of-type{
    padding-top: 40px;
}

.gl .fifth .left-item textarea {
    vertical-align: top;
    margin-left: 10px;
    border: 1px solid #dbdbdb;
    outline: none;
    padding: 10px;
    font-family: inherit;
    background-color: #f7f7f7;
    font-size: 16px;
    height: 220px;
    max-width: 560px;
    width: -webkit-calc(100% - 75px);
    width: calc(100% - 75px);
}

.common.title.center{
    text-align: center;
}

.common.title .en{
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
}

.hgc .box1{
    padding-top: 5%;
}

.hgc .box1 .dis-cn{
    text-align: center;
    margin-bottom: 80px;
}

.hgc .box1 .hgc-img{
    background-color: #fafafa;
    padding: 0 calc(50vw - 700px);
}

.hgc .box2{
    padding-top: 5%;
}

.hgc .box2 .swiper-container{
    margin-top: 50px;
    margin-bottom: 40px;
}

.hgc .img-box{
    background-position: center center;
    background-size: cover;
}

.hgc .box2 .swiper-slide{
    width: auto;
}

.hgc .box3{
    padding-top: 5%;
}

.hgc .box3 .lists{
    margin-top: 50px;
}

.hgc .box3 .lists .row{
    display: flex;
    margin-bottom: 18px;
}

.hgc .box3 .lists .row .item:first-of-type{
    width: calc((100% - 36px) / 3);
    margin-right: 18px;
}

.hgc .box3 .lists .row .item{
    background-size: cover;
    background-position: center center;
}

.hgc .box3 .lists .row .item:last-of-type{
    width: calc((100% - 36px) / 3 * 2 + 18px);
}

.hgc .box3 .lists .row:nth-child(even){
    flex-direction: row-reverse;
}

.hgc .box3 .lists .row:nth-child(even) .item:first-of-type{
    margin-right: 0;
    margin-left: 18px;
}

.hgc .btn{
    display: block;
    width: 360px;
    line-height: 72px;
    background-color: var(--main-color);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin: 5% auto 4%;
}

.hgc .ewmm{
    margin: 0 auto 6%;
}

.gl .fifth .right-item {
    width: 50%;
    max-width: 700px;
    text-align: right;
    padding-right: 70px;
    vertical-align: middle;
}

.gl .fifth .right-item img {
    display: inline-block;
}

.gl .submit {
    width: 540px;
    line-height: 70px;
    color: #fff;
    background-color: #deb86e;
    text-align: center;
    font-size: 22px;
    margin-top: 64px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    position: relative;
    font-weight: 700;
}

.loadmore.disabled {
    background-color: #36342c !important;
}

.gl .submit:hover {
    background-color: #ecce95;
}

.pagename {
    position: absolute;
    border: none;
    width: auto;
    height: auto;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 5;
}

.pagename .box {
    position: relative;
    color: #fff;
    font-size: 60px;
    text-align: center;
    line-height: 1;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.pagename .box .en {
    margin-top: 20px;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.gl .fifth {
    margin-bottom: 6%;
    position: relative;
}


.gl .first .common {
    position: relative;
}


.ac .Sixth ul {
    display: block;
}

.ac .Sixth ul li:nth-child(n + 4) {
    margin-top: 88px;
}

.ac .Sixth ul li {
    margin-left: 68px;
}

.ac .Sixth ul li:nth-child(3n + 1) {
    margin-left: 0;
}

.ac .loadmore {
    position: relative;
    text-align: center;
    color: #fff;
    background-color: #deb86e;
    font-size: 18px;
    line-height: 60px;
    width: 382px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
    cursor: pointer;
}

.ac .Sixth {
    padding-bottom: 70px;
}

.top-banner.h100 {
    height: -webkit-calc(100vh + 100px);
    height: calc(100vh + 100px);
}

.co .first {
    position: relative;
    height: 100px;
    background-color: #fff;
}

.co .first::before {
    content: "";
    position: absolute;
    width: 50%;
    height: 110px;
    top: -100px;
    right: 0;
    background-color: #fff;
    display: block;
}

.co .second .img-box {
    width: 59.74%;
    overflow: hidden;
}

.co .second {
    position: relative;
    background-image: url(../images/contant-bg.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding-top: 6%;
}

.co .second .telphone {
    position: absolute;
    right: -webkit-calc(50vw - 680px);
    right: calc(50vw - 680px);
    bottom: 20%;
    line-height: 1;
    color: #454545;
    text-align: right;
}

.co .second .telphone .t_num {
    font-size: 42px;
    letter-spacing: 0;
}

.co .second .telphone .addr {
    font-size: 24px;
    margin-top: 30px;
    letter-spacing: 1px;
    font-weight: 700;
}

.co .second .telphone .addren {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 20px;
    color: #181818;
    letter-spacing: 0.5px;
}

.co .second .telphone .email {
    font-size: 20px;
    letter-spacing: 1.8px;
    font-weight: 700;
}

.co .third {
    padding-top: 5%;
    position: relative;
}


.co .third li {
    width: calc(50% - 30px);
    height: 178px;
    /*border: 1px solid rgba(174, 174, 174, 0.4);*/
    position: relative;
    vertical-align: top;
    cursor: pointer;
}

.co .third .tran-box {
    position: relative;
    width: 100%;
    height: 178px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    -webkit-transform: translate(8px, 8px);
    -ms-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
    padding: 23px;
    font-size: 16px;
    color: #747474;
    -webkit-transition: all 0.5s var(--common-time-fuc);
    -o-transition: all 0.5s var(--common-time-fuc);
    transition: all 0.5s var(--common-time-fuc);
}

.co .third ul {
    margin-top: 25px;
}

.co .third li:nth-child(2n) {
    margin-left: 45px;
}

.co .third li:nth-child(n + 3) {
    margin-top: 45px;
}

.co .third .tran-box .title {
    font-size: 20px;
    color: #4f4f4f;
    font-weight: 700;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.co .third .content {
    margin-top: 5px;
    max-height: 44px;
    overflow: hidden;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.co .third .more {
    color: #deb86e;
    position: absolute;
    width: -webkit-calc(100% - 46px);
    width: calc(100% - 46px);
    left: 23px;
    bottom: 23px;
    font-size: 14px;
}

.co .third {
    padding-bottom: 95px;
}

.co .third .more::after {
    content: "";
    display: block;
    position: absolute;
    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px);
    height: 1px;
    left: 50px;
    top: 50%;
    background-color: #deb86e;
}

.down {
    width: 40px;
    position: absolute;
    left: 50%;
    top: 90vh;
    margin-left: -20px;
    overflow: hidden;
    z-index: 4;
    text-align: center;
    color: #fff;
    font-size: 34px;
    height: 40px;
    cursor: pointer;
    line-height: 1;
    -webkit-animation: ll ease-in-out 0.5s infinite alternate;
    animation: ll ease-in-out 0.5s infinite alternate;
}

@-webkit-keyframes ll {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }
}

@keyframes ll {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }
}

.down::before {
    width: 7px;
    height: 7px;
    background-color: #fff;
    left: 0;
    bottom: 0;
    content: "";
    display: none;
    position: absolute;
}

.down::after {
    width: 1px;
    height: 152px;
    background-color: #fff;
    left: 3px;
    bottom: 0;
    content: "";
    display: none;
    position: absolute;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
}

@-webkit-keyframes scrollLoop {
    0% {
        -webit-transform: scale(1, 0);
        -webit-transform-origin: top;
    }

    40% {
        -webit-transform: scale(1, 1);
        -webit-transform-origin: top;
    }

    41% {
        -webit-transform-origin: bottom;
        -webit-transform: scale(1, 1);
    }

    81% {
        -webit-transform: scale(1, 0);
        -webit-transform-origin: bottom;
    }

    82% {
        -webit-transform-origin: top;
        -webit-transform: scale(1, 0);
    }
}

@keyframes scrollLoop {
    0% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
        -webkit-transform-origin: top;
        transform-origin: top;
    }

    40% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: top;
        transform-origin: top;
    }

    41% {
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    81% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
    }

    82% {
        -webkit-transform-origin: top;
        transform-origin: top;
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}

.we .first {
    position: relative;
    height: 100px;
    z-index: 3;
}

.we .first::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    max-width: 1400px;
    height: 200px;
    top: -88px;
    background-color: #fff;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url(../images/wedding-line.png);
    background-position: right top;
    background-repeat: no-repeat;
}

.we .first::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 302px;
    background-image: url(../images/wedding-line1.png);
    display: block;
    right: -4px;
    top: 56px;
}

.we .second .left-item {
    position: relative;
    z-index: 5;
    width: 46.56%;
    margin-right: 3.44%;
    vertical-align: middle;
}

.we .second .left-item img {
    width: 100%;
}

.we .second .right-item {
    width: 50%;
    max-width: 700px;
    padding-left: 50px;
    padding-right: 30px;
    vertical-align: middle;
}

.we .second {
    padding-bottom: 80px;
    position: relative;
}

.we{
    padding-top: 6.5%;
}

.we .second::before {
    content: "";
    display: block;
    position: absolute;
    width: 53vw;
    height: 38.8vw;
    background-color: #fafafa;
    top: 10%;
    left: 8%;
    z-index: -1;
}

.we .fifth .dis-cn{
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
}

.we .fifth .dis-cn +.common.title {
    margin-top: 80px;
}

.dis-cn {
    font-size: 17px;
    line-height: 2;
    margin-top: 30px;
    margin-bottom: 25px;
    color: #747474;
    letter-spacing: 0.8px;
    word-break: break-all;
    text-align: justify;
    font-weight: 700;
}

.dis-en {
    color: #747474;
    font-size: 13px;
    line-height: 2;
    opacity: 0.6;
    letter-spacing: 0.5px;
    word-break: break-all;
    text-align: justify;
}

.we .third {
    padding-top: 30px;
}

.we .third .box {
    margin-top: 50px;
    position: relative;
    z-index: 3;
}

.we .third .box ul {
    position: absolute;
    width: 100%;
    max-width: 1400px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    height: 100%;
    white-space: nowrap;
}

.we .third .box ul li {
    width: -webkit-calc(20% - 1px);
    width: calc(20% - 1px);
    margin-left: 1px;
    overflow: hidden;
    position: relative;
    height: 100%;
    color: #fff;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.3);
}

.we .third .box ul li .cover_ {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    bottom: 0;
    -webkit-transition: all 1s var(--common-time-fuc);
    -o-transition: all 1s var(--common-time-fuc);
    transition: all 1s var(--common-time-fuc);
}

.we .third .tc {
    position: absolute;
    z-index: 5;
    height: 0;
    top: 0;
    overflow: hidden;
    -webkit-transition: all 1s var(--common-time-fuc);
    -o-transition: all 1s var(--common-time-fuc);
    transition: all 1s var(--common-time-fuc);
}

.we .third .box ul li .cover_ .name {
    font-size: 18px;
    font-weight: 700;
}

.title.common.inline{
    display: flex;
    align-items: flex-end;
}

.title.common.inline img{
    margin-left: 15px;
}

.we .third .box ul li .cover_ .enname {
    font-size: 12px;
    color: #a6a6a6;
    text-transform: uppercase;
    line-height: 18px;
}

.we .third .common {
    padding-left: 25px;
}

.we .fourth {
    margin-top: 66px;
    padding-top: 95px;
    position: relative;
    padding-bottom: 80px;
}

.we .fourth::before {
    width: 92.7%;
    height: 38.8vw;
    display: block;
    position: absolute;
    background-color: #fafafa;
    left: 5%;
    top: 0;
    content: "";
    z-index: -1;
}

.we .fourth {
    text-align: right;
}

.we .fourth .right-item {
    width: 50%;
    overflow: hidden;
    vertical-align: middle;
}

.we .fourth .left-item {
    width: 620px;
    vertical-align: middle;
    text-align: left;
    margin-right: 45px;
    padding-right: 45px;
    position: relative;
    padding-bottom: 80px;
}

.we .fourth .right-item img {
    width: 100%;
}

.we .fourth .left-item::before {
    width: 100%;
    height: 7px;
    content: "";
    display: block;
    position: absolute;
    background-image: url(../images/wwline.png);
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
}

.bu .first {
    padding-top: 80px;
    padding-bottom: 90px;
    position: relative;
}

.bu .first .img-box::before {
    content: "";
    display: block;
    position: absolute;
    width: 7px;
    height: 62px;
    background-image: url(../images/b-line.png);
    left: 47px;
    top: -62px;
}

.bu .first .img-box {
    position: relative;
    display: none;
}

.bu .first .img-box::after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 20px;
    left: 50px;
    bottom: -20px;
    background-color: #000;
}

.bu .first .img-box .line- {
    position: absolute;
    z-index: 4;
    width: 1px;
    height: 100%;
    background-color: #fff;
    left: 50px;
    top: 0;
}

.bu .first .common {
    margin-top: 45px;
    margin-bottom: 20px;
    position: relative;
}

.bu .first .common::before {
    content: "";
    display: block;
    position: absolute;
    width: 676px;
    height: 460px;
    background-image: url(../images/b-f-line.png);
    right: -4px;
    top: 25px;
}

.bu .first .item- + .item- {
    margin-left: 5%;
}

.we .fifth .right-item {
    vertical-align: middle;
    width: 50%;
    padding-left: 48px;
    padding-right: 132px;
}

.we .fifth .left-item {
    position: relative;
    vertical-align: middle;
}

.we .fifth{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.we .fifth .left-item::before {
    width: 640px;
    height: 208px;
    background-color: #deb86e;
    position: absolute;
    bottom: -40px;
    content: "";
    display: block;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
}

.we .fifth {
    padding-bottom: 100px;
    position: relative;
    padding-top: 8%;
}

.bu .third {
    padding-left: 50px;
    padding-bottom: 150px;
    position: relative;
    padding-top: 32px;
}

.bu .third::before {
    content: "";
    display: block;
    position: absolute;
    width: 1079px;
    height: 7px;
    bottom: 100px;
    right: 0;
    background-image: url(../images/lacfooterline.png);
}

.bu .third .common {
    position: relative;
    margin-bottom: 40px;
}

.bu .third .common::before {
    content: "";
    display: block;
    position: absolute;
    width: 7px;
    height: 641px;
    left: -53px;
    top: 20px;
    background-image: url(../images/lacline.png);
}

.fo .first {
    height: 85px;
    background-color: #f6f6f6;
    width: -webkit-calc(50vw + 700px);
    width: calc(50vw + 700px);
    margin-left: auto;
    margin-right: 0;
    position: relative;
}

.fo .second {
    padding-top: 80px;
}

.fo .second .img-box {
    width: 867px;
    height: 422px;
    overflow: hidden;
}

.fo .second .left-item {
    position: relative;
    margin-right: 75px;
}

.fo .second .box {
    position: absolute;
    padding: 10px;
    width: 382px;
    height: 260px;
    overflow: hidden;
    left: -145px;
    bottom: -95px;
    background-color: #fff;
    display: none;
}

.fo .food-info .content {
    text-align: justify;
}

.fo .food-info {
    width: 410px;
    text-align: left;
    font-size: 16px;
    color: #747474;
    line-height: 1.7;
}

.fo .left-item {
    vertical-align: middle;
}

.fo .right-item {
    vertical-align: middle;
}

.fo .third {
    text-align: right;
    margin-top: 96px;
    position: relative;
    padding-top: 75px;
}

.fo .third .left-item {
    margin-right: 75px;
}

.fo .third .right-item .img-box {
    width: 867px;
    height: 422px;
    overflow: hidden;
}

.fo .third .right-item {
    position: relative;
}

.fo .third .right-item .box {
    position: absolute;
    width: 343px;
    height: 260px;
    border: 10px solid #fff;
    right: 40px;
    bottom: -164px;
    display: none;
}

.fo .fourth {
    margin-top: 155px;
    position: relative;
    padding-bottom: 100px;
}

.fo .fourth .left-item {
    margin-right: 40px;
    position: relative;
}

.fo .fourth .right-item {
    margin-top: 167px;
}

.fo .fourth .line {
    position: absolute;
    width: 675px;
    height: 7px;
    background-image: url(../images/foodline.jpg);
    left: 0;
    bottom: -93px;
}

.fo .second .bg-cover {
    width: 680px;
    height: 100%;
    background-color: #f6f6f6;
    position: absolute;
    left: -60px;
    bottom: -55px;
    z-index: -1;
}

.fo .third .bg-cover {
    width: 680px;
    height: 100%;
    background-color: #f6f6f6;
    position: absolute;
    right: -60px;
    bottom: -55px;
    z-index: -1;
}

.fo .food-info .title {
    font-size: 24px;
    color: #454545;
}

.menu-cover {
    position: fixed;
    width: 350px;
    height: 100vh;
    background-color: #fff;
    z-index: 8;

    -webkit-transform: translateX(-105%);

    -ms-transform: translateX(-105%);

    transform: translateX(-105%);
    -webkit-transition: all 1.5s var(--common-time-fuc);
    -o-transition: all 1.5s var(--common-time-fuc);
    transition: all 1.5s var(--common-time-fuc);
}

.menu-cover::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(../images/bbg.jpg);
    background-position: 18% 210%;
    background-repeat: no-repeat;
    opacity: 0.5;
}

.menu-open .menu-cover {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.toast {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.9);
    left: 0;
    top: 0;
    z-index: 30;
    opacity: 0;
    visibility: hidden;
}

.toast.active {
    opacity: 1;
    visibility: visible;
}

.toast .box {
    width: 800px;
    background-color: #fafafa;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 60vh;
    padding: 50px 50px 30px;
    font-size: 16px;
    line-height: 1.8;
    top: 20vh;
}

.toast .box .title {
    font-size: 24px;
    color: #000;
    text-align: center;
    margin-bottom: 15px;
}

.toast .box .num_o {
    margin-top: 25px;
    color: #ff0000;
}

.toast .box .close {
    position: absolute;
    font-size: 30px;
    right: 20px;
    top: 20px;
    line-height: 1;
    cursor: pointer;
}

.co .first {
    z-index: 2;
}

.toast_ {
    position: fixed;
    z-index: 99;
    left: 50%;
    bottom: 25%;
    white-space: nowrap;
    padding: 15px 25px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 14px;
    line-height: 1;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none;
}

.gl .third .swiper-slide .img_ img {
    width: 70%;
    display: none;
}

.toast .box::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 10px;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    display: block;
    z-index: -1;
    opacity: 0.5;
}

.toast .box .cenr {
    height: 340px;
    overflow-y: scroll;
    overflow-x: hidden;
}

@media screen and (max-width: 1600px) {

    .header .now {
        left: 32px;
    }

    .gl .second .right-text {
        padding-left: 10%;
    }

    .hgc .box1 .hgc-img{
        padding: 0 calc(50vw - 600px);
    }

    .w1400{
        max-width: 1200px;
    }

    .gl .fourth {
        background-position: -175px center;
    }

    .gl .fourth > .w1400 {
        padding-left: 200px;
    }

    .up {
        right: 50px;
    }

    .bu .third .img-box {
        height: 600px;
        overflow: hidden;
    }

    .Third {
        height: 650px;
    }
}

@media screen and (max-width: 1440px) {
    .w1400 {
        max-width: 1100px;
    }

    .gl .second {
        padding-bottom: 0;
    }

    .bu .first .common::before {
        width: 600px;
        background-position: right top;
    }

    .footer .tel{
        margin-top: 20px;
        font-size: 30px;
    }

    .Sixth ul li .border::after {
        height: 210px;
    }

    .gl .second .right-text {
        padding: 50px;
        height: 100%;
        top: 0;
    }

    .Sixth .swiper-slide{
        width: 400px;
    }

    .Sixth .wrapper{
        padding: 25px;
        height: 260px;
    }

    .Sixth .tit{
        font-size: 18px;
    }

    .Sixth .time{
        margin-bottom: 10px;
    }

    .Sixth .dis{
        line-height: 26px;
        margin-top: 5px;
        height: 78px;
        overflow: hidden;
    }

    .Sixth .more{
        margin-top: 30px;
    }

    .co .second .telphone .email {
        font-size: 16px;
    }

    .co .second .telphone {
        right: 90px;
    }

    .co .second .telphone .addr {
        font-size: 20px;
    }

    .co .second .telphone .t_num {
        font-size: 36px;
    }

    .gl .first {
        padding-left: 0;
    }

    .co .second .img-box {
        width: 55%;
    }

    .co .second .img-box img {
        width: 100%;
    }

    .co .third .tran-box {
        width: 100%;
    }

    .co .third li {
        width: 47%;
    }

    .gl .first::before {
        display: none;
    }

    .gl .fourth > .w1400 {
        padding-left: 0;
        padding-right: 0;
    }

    .gl .fourth .common::before {
        display: none;
    }

    .gl .fifth .right-item img {
        width: 100%;
    }

    .gl .third .swiper-slide {
        width: 1000px;
        height: 580px;
    }

    .gl .fifth .right-item {
        padding-right: 0;
    }

    .gl .submit::after {
        width: 270px;
        right: -330px;
    }

    .common.title .t{
        font-size: 28px;
    }

    .gl .fifth::before {
        display: none;
    }

    .we .fifth::after {
        bottom: 99px;
    }

    .gl .third {
        padding-top: 100px;
    }

    .gl .third .swiper-slide .img_ img {
        height: 650px;
    }

    .gl .fourth {
        background-image: none;
    }

    .gl .first > img {
        width: 100%;
    }

    .gl .submit {
        width: 340px;
    }

    .footer {
        height: 550px;
        padding-top: 55px;
    }

    .tex-cover svg text {
        font-size: 120px;
    }

    .gallery {
        height: 450px;
        overflow: hidden;
    }

    .Fifth .title::before {
        display: none;
    }

    .Fifth .title {
        padding-bottom: 60px;
    }

    .gallery .item li:hover div,
    .gallery .item li.active div {
        font-size: 16px;
    }

    .Fifth .content {
        padding-top: 50px;
    }

    .Fifth .content .text-box {
        max-width: 1000px;
    }

    .Sixth ul {
        max-width: 1200px;
    }


    .Sixth ul li img {
        width: 100%;
    }

    .Sixth ul li .border .wrapper {
        width: -webkit-calc(100% - 40px);
        width: calc(100% - 40px);
        left: 20px;
        height: 120px;
    }

    .Sixth ul li .border::before {
        height: 210px;
    }

    .Sixth ul li .border {
        width: -webkit-calc(100% - 2px);
        width: calc(100% - 2px);
        height: 160px;
    }

    .Sixth ul li .border::after {
        left: 0;
    }

    .Sixth ul li .border::before {
        left: -1px;
    }

    .Sixth .more::before {
        width: -webkit-calc(100% - 60px);
        width: calc(100% - 60px);
    }

    .title.common .cn,
    .Fourth .info .title .cn {
        font-size: 36px;
    }

    .title.common .en,
    .Fourth .info .title .en {
        height: 16px;
        -webkit-background-size: auto 100%;
        background-size: auto 100%;
    }

    .footer .content .footer-center ul + ul {
        margin-left: 20px;
    }

    .Sixth {
        padding-bottom: 120px;
    }

    .menu-cover {
        width: 350px;
    }

    .menu-cover .list- {
        left: 45%;
    }

    .footer .ewm {
        width: 100px;
    }

    .we .first::before {
        background-position: 120% top;
    }

    .we .first::after {
        height: 7px;
        background-position: 0 100%;
        top: 53px;
    }

    .we .second .right-item {
        width: 47%;
    }

    .we .third .box ul {
        width: 1200px;
    }

    .we .third .tc img {
        width: 100%;
    }

    .we .third .box {
        overflow: hidden;
        margin-top: 25px;
    }

    .we .fourth .left-item {
        width: 560px;
    }

    .fo .second .img-box,
    .fo .third .right-item .img-box {
        width: 700px;
    }

    .hgc .box2 .swiper-slide{
        width: 60vw;
    }

    .header .phone{
        height: 40px;
    }

    .fo .fourth .left-item {
        width: 540px;
        overflow: hidden;
        padding-bottom: 100px;
    }

    .fo .fourth .right-item {
        width: 540px;
        overflow: hidden;
    }

    .fo .fourth {
        text-align: center;
    }

    .fo .fourth .line {
        bottom: 10px;
    }

    .bu .first .img-box img {
        width: 100%;
    }

    .bu .first .img-box::before {
        top: -40px;
    }

    .bu .first {
        padding-top: 80px;
    }

    .we .fifth .left-item {
        width: 550px;
    }

    .we .fifth .left-item img {
        width: 100%;
    }

    .we .fifth .left-item::before {
        width: 550px;
        bottom: -50px;
    }

    .we .fifth .right-item {
        width: 580px;
        padding-left: 20px;
        padding-right: 30px;
    }

    .we .fifth::after {
        width: 620px;
    }

    .ac .Sixth ul li {
        margin-left: 30px;
    }

    .ac .Sixth ul li:nth-child(n + 4) {
        margin-top: 40px;
    }

    .up {
        top: 15px;
        right: 20px;
    }

    .gl .fourth .list li .img_ {
        width: 50px;
        height: 50px;
        -webkit-background-size: cover;
        background-size: cover;
        margin-bottom: 6px;
    }

    .down::after {
        height: 120px;
    }

    .bu .third .img-box {
        height: 500px;
        overflow: hidden;
    }

    .tex-cover svg text {
        font-size: 100px;
    }

    .header {
    }

    .top .logo img {
        width: 80px;
    }

    .top .logo {
        top: 25px;
    }

    .top .login,
    .top-banner .login {
        top: 25px;
        right: 25px;
    }

    .Third {
        height: 600px;
    }

    .bu .third::before {
        width: 100%;
        background-position: right center;
    }

    .Second .slogan{
        width: 400px;
    }

    .Sixth .title .cn{
        font-size: 30px;
    }

    .Fourth .item .text{
        font-size: 13px;
    }

    .Fourth .item .text .cn{
        font-size: 22px;
    }

    .we .second .right-item {
        padding-left: 0;
        padding-right: 80px;
    }

    .fo .second .left-item {
        width: 56%;
        margin-right: 70px;
    }

    .fo .third .left-item {
        margin-right: 70px;
    }

    .fo .third .right-item {
        width: 56%;
    }

    .we .fourth .left-item {
        padding-right: 0;
        padding-left: 45px;
    }

    .fo .second .left-item img,
    .fo .third .right-item img {
        width: 100%;
    }

    .fo .second .img-box,
    .fo .third .right-item .img-box {
        width: 100%;
        height: auto;
    }

    .fo .second .bg-cover,
    .fo .third .bg-cover {
        width: 100%;
    }

    .fo .fourth .left-item,
    .fo .fourth .right-item {
        width: 45%;
    }

    .fo .fourth .left-item img,
    .fo .fourth .right-item img {
        width: 100%;
    }

    .fo .fourth .left-item {
        margin-right: 5%;
    }

    .pagename img {
        height: 70px;
        position: relative;
        margin: 0 auto;
        display: block;
    }

    .pagename {
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin-top: -42px;
        width: 100%;
    }

    .top-banner{
        height: 70vh;
    }

    .gl .third .swiper-slide .text_ .titile_{
        font-size: 20px;
    }

    .Third .tool-bar .name{
        font-size: 20px;
    }

    .Third .tool-bar{
        height: 65px;
    }

    .Second .slogan p{
        font-size: 30px;
        margin-top: 20px;
    }

    .common.title .en{
        font-size: 15px;
        margin-top: 5px;
    }

    .we .fifth .left-item {
        width: 45%;
        padding: 0;
    }

    .we .fifth .left-item::before {
        display: none;
    }

    .we .fifth .right-item {
        width: 50%;
        margin-left: 5%;
    }

    .we .fifth::after {
        width: 50%;
    }

    .bu .first {
        padding-top: 40px;
    }

    .bu .first .common::before {
        height: 50px;
    }

    .bu .first .common::after {
        content: "";
        display: block;
        position: absolute;
        width: 7px;
        height: 7px;
        background-color: #deb86e;
        display: block;
        right: -4px;
        bottom: -20px;
    }

    .footer .content {
        width: 1100px;
    }

    .fo .second .left-item {
        margin-right: 4%;
    }

    .fo .second .right-item {
        width: 40%;
    }

    .fo .food-info {
        width: 100%;
    }

    .fo .third .left-item {
        width: 40%;
        margin-right: 4%;
    }

    .fo .third .right-item {
        width: 56%;
    }
}
.mobileImg{display:none}
@media screen and (max-width: 1024px) {
    .top-banner {
        height: 50vh;
    }

    .gl .third .swiper-slide {
        height: 460px;
    }

    .news_detailed .news_content img {
        max-width: 90%;
    }

    .top-banner.h100 {
        height: -webkit-calc(50vh + 100px);
        height: calc(50vh + 100px);
    }

    #main {
        height: auto;
        -webkit-overflow-scrolling: touch;
    }

    body,
    html {
        height: auto;
    }

    .header .now {
        display: none;
    }

    .menu-open {
        overflow: hidden;
        height: 100vh;
    }

    .top {
       height: auto;
    }

    .welcome {
        min-height: 140px;
        height: 140px;
        top: -138px;
    }

    .transitioncover{
        display: none;
    }

    .img-parallax video{
        height: 49vw;
    }

    .welcome .hidden img,
    .welcome .backfont {
        height: 110px;
    }

    .tex-cover,
    .top .img-box,
    .img-parallax {
        height: 100%;
    }
    .img-parallax .mobileImg {display: block; width: 100%;opacity: 0;}
    .img-parallax img {
        height: 100%;
        margin-left: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .welcome .backfont {
        left: -107px;
    }

    .welcome .hidden img {
        left: -107px;
    }

    .Fourth .info .content {
        padding: 0 50px 50px 50px;
    }

    .Fourth .info .content p {
        width: 100%;
    }

    .Fourth {
        padding-top: 100px;
    }

    .Third {
        height: auto;
    }

    .Third .img-box img {
        width: 100%;
        margin: 0;
        left: 0;
    }

    .banner {
        height: 60vw;
    }

    .slide-left {
        width: 35vw;
        height: 35vw;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: 8vw;
    }

    .box-s::after {
        width: 150px;
        height: 130px;
        left: -75px;
    }

    .box-s .text-box {
        width: 130px;
        height: 130px;
        left: -65px;
        top: 40px;
    }

    .slide-right {
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center center;
    }

    .gallery .item li div .iconfont {
        font-size: 24px;
    }

    .gallery .item li:hover div .iconfont,
    .gallery .item li.active .iconfont {
        font-size: 34px;
    }

    .Fifth .content {
        padding-left: 3vw;
        padding-right: 3vw;
    }

    .Sixth ul {
        width: 100%;
    }

    .Sixth ul li .border {
        width: 100%;
    }

    .Sixth ul li .border .wrapper {

        position: relative;

        bottom: auto;
    }

    .footer .content {
        width: 100%;
        padding-left: 3vw;
        padding-right: 3vw;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 70px;
    }

    .footer .content .footer-center {
        display: none;
    }

    .footer-logo {
        margin-right: 30vw;
    }

    .footer {
        height: auto;
        padding-bottom: 30px;
    }

    .menu-btn{
        display: block!important;
        position: relative;
        height: 35px;
        width: 35px;
    }

    .menu-btn span{
        background-color: #222;
        width: 100%;
        height: 3px;
        position: absolute;
        left: 0;
        top: 6px;
        transition: all .3s;
        transform: translateY(0) translate3d(0,0,0);
        z-index: 3;
    }

    .header.qwert .menu-btn span:nth-child(1){
        top: 16px;
        transform:  rotate(-45deg) translate3d(0,0,0);
        background-color: #fff;
        width: 23px;
        left: 6px;
    }

    .header.qwert{
        pointer-events: all;
    }

    .news-page.Sixth{
        padding: 30px 25px 50px;
    }

    .Sixth.news-page .more{
        display: none;
    }

    .first{
        padding-top: 30px!important;
        padding-bottom: 50px!important;
    }

    .Sixth ul li{
        width: calc((100% - 40px) / 3);
        margin-right: 20px;
    }

    .Sixth{
        padding-bottom: 50px;
    }

    .header.qwert .menu-btn span:nth-child(2){
        height: 35px;
        border-radius: 50%;
        transform: translateY(-17px) translate3d(0,0,0);
    }

    .header.qwert .menu-btn span:nth-child(3){
        top: 16px;
        width: 23px;
        left: 6px;
        transform: rotate(225deg) translate3d(0,0,0);
        background-color: #fff;
    }

    .menu-btn span:nth-child(2){
        top: 16px;
        z-index: 1;
    }

    .menu-btn span:nth-child(3){
        top: 26px;
    }

    .header{
        position: fixed;
        width: 100vw;
        height: 100vh;
        z-index: 30;
        pointer-events: none;
        padding: 0;
        transition: all .25s var(--common-time-fuc);
        background-color: rgba(0,0,0,0);
    }

    .header.qwert{
        background-color: rgba(0,0,0,.8);
    }

    #main{
        padding-top: 60px;
    }

    .Second .slogan{
        width: 300px;
    }

    .Third .tool-bar{
        height: 60px;
        width: calc(100% - 100px);
        left: 50px;
        bottom: 25px;
    }

    .Second .info p {
        display: inline;
    }

    .Second a{
        width: 140px;
        display: block;
    }

    .Fourth{
        padding: 25px;
    }

    .hgc .box1 .dis-cn{
        margin-bottom: 30px;
    }

    .dis-cn{
        padding: 0 25px;
        line-height: 1.8;
    }

    .header .menu{
        animation: none!important;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        padding: 0 20px;
        height: 60px;
        background-color: #fff;
        color: #222;
        align-items: center;
        pointer-events: all;
        transition: all .25s var(--common-time-fuc);
    }

    .header.qwert .menu{
        background-color: transparent;
    }

    .header.qwert .logo .active{
        opacity: 0;
    }

    .hgc .box1 .hgc-img{
        padding: 0 25px;
    }

    .header .links{
        position: absolute;
        height: 100vh;
        flex-direction: column;
        background-color: #fff;
        width: 50%;
        justify-content: center;
        right: 0;
        top: 0;
        transform: translateX(100%) translate3d(0,0,0);
        transition: all .25s var(--common-time-fuc);
    }

    .header.qwert .links{
        transform: translateX(0) translate3d(0,0,0);
    }


    .header .links .item.hide{
        display: block!important;
    }

    .header .links .item{
        margin-right: 0;
    }
    .header .links .item + .item{
        margin-top: 30px;
    }

    .header .phone{
        display: none;
    }

    .header .links .nav a{
        display: block;
    }

    .menu-cover .list- a ul {
        visibility: visible;
        opacity: 1;
    }

    .menu-cover .list- {
        width: 100%;
        left: 0;
        padding-left: 20%;
    }

    .header .logo img{
        opacity: 0;
        width: 120px;
    }


    .header .logo .active{
        opacity: 1;
    }

    .menu-cover .list- a {
        margin-left: 0;
        text-align: left;
        height: auto;
    }

    .menu-cover .list- a ul {
        position: relative;
        left: 0;
        width: auto;
        padding-left: 10px;
    }

    .w1400 {
        width: 100%;
        padding-left:25px;
        padding-right: 25px;
    }

    .gl .first {
        padding-left: 3vw;
        padding-top: 3vw;
    }

    .gl .second .right-text {
        position: relative;
        width: 100%;
        padding: 3vw;
        padding-bottom: 50px;
    }

    .hgc .box2 .swiper-slide{
        width: 80vw;
    }

    .gl .second .left_img {
        display: none;
    }

    html.mobile {
        display: block;
    }

    .gl .second .right-text .mobile {
        float: left;
        width: 50vw;
        margin-right: 20px;
    }

    .gl .second .content::after {
        content: "";
        display: table;
        clear: both;
    }

    .gl .second .select {
        clear: both;
    }

    .gl .third .swiper-slide .img_ img {
        height: 500px;
    }

    .gl .third .swiper-container .control {
        left: 15px;
    }

    .gl .third .swiper-container .control.right- {
        right: 15px;
    }

    .gl .fourth > .w1400 {
        padding-left: 3vw;
        padding-right: 3vw;
    }

    .gl .fourth .list li {
        width: 40%;
        text-align: left;
    }

    .gl .fourth .list li .img_ {
        float: left;
        margin-right: 30px;
    }

    .gl .fourth .list {
        text-align: center;
    }

    .gl .fourth .list li:nth-child(even) {
        margin-left: 5%;
    }

    .gl .fifth::before {
        right: 3vw;
        height: -webkit-calc(100% - 152px);
        height: calc(100% - 152px);
    }

    .gl .submit::after {
        width: 260px;
        right: -webkit-calc(-47vw + 170px);
        right: calc(-47vw + 170px);
    }

    .gl .fifth .right-item img {
        width: 100%;
    }

    .gl .fifth .right-item {
        padding-right: 40px;
    }

    .gl .fifth .common {
        margin-bottom: 40px;
    }

    .gl .submit {
        margin-top: 40px;
    }

    .gl .fifth .left-item {
        width: 45%;
        margin-right: 5%;
    }

    .we .first {
        display: none;
    }

    .we .second {
        padding-top: 60px;
    }

    .we .second .right-item .mobile {
        width: 45%;
        float: left;
        margin-right: 25px;
    }

    .we .second .right-item{
        padding: 0;
    }

    .we .third ul::before,
    .we .third .common::before {
        display: none;
    }

    .we .third .box ul {
        width: 100%;
    }


    .we .third ul::before {
        display: none;
    }

    .we .fourth {
        padding: 50px 3vw 60px;
        background-color: #fafafa;
    }

    .we .fourth .left-item {
        width: 48%;
        margin-right: 4%;
        padding-right: 0;
        padding-bottom: 30px;
    }

    .we .fourth .right-item {
        width: 48%;
    }

    .fo .first {
        display: none;
    }

    .fo .second {
        padding-top: 3vw;
    }

    .bu .first .common::before {
        width: -webkit-calc(100% - 425px);
        width: calc(100% - 425px);
        background-position: right top;
    }

    .we .fifth .left-item {
        display: none;
    }

    .we .fifth .right-item {
        width: 100%;
        padding: 0;
        margin-left: 0;
    }

    .we .fifth .tt-box {
        margin-top: 30px;
        overflow: hidden;
    }

    .gl .first{
        padding: 25px 25px 40px!important;
    }

    .tt-box .mobile {
        float: left;
        margin-right: 25px;
    }

    .gl .third{
        padding-top: 40px;
    }

    .gl .third .swiper-container{
        margin-top: 30px;
    }

    .we .fifth .tt-box .mobile {
        width: 45%;
    }

    .bu .third .common::before {
        display: none;
    }

    .bu .third {
        padding: 0 3vw 90px;
    }

    .bu .third::before {
        width: 94vw;
        right: 3vw;
        background-position: right center;
        bottom: 50px;
    }

    .ac .Sixth ul {
        margin-top: 5vw;
    }

    .menu-cover .list-::before {
        display: none;
    }

    .menu-cover .list- a:hover::before {
        display: none;
    }

    .menu-cover .list- {
        padding-left: 10%;
    }

    .menu-cover .list- .me > a {
        margin-left: 0;
        text-align: left;
    }

    .menu-cover .list- .me ul {
        display: block;
        opacity: 1;
        visibility: visible;
        position: relative;
    }

    .menu-cover .list- .me ul li a {
        padding-left: 0;
    }
}

@media screen and (max-width: 768px) {
    .menu-cover .list- a ul li {
        display: inline-block;
    }

    .gl .third .swiper-slide {
        height: 360px;
    }

    .Sixth ul li a .img-box{
        width: 30vw;
        flex-shrink: 0;
    }

    .Sixth.news-page .wrapper{
        padding: 10px 0 10px 20px;
    }

    .Sixth ul li:nth-child(n + 4){
        margin-top: 3vw;
    }

    .vr .iconfont {
        font-size: 20px;
    }

    .footer .bottom {
        position: relative;
    }

    .footer {
        height: auto;
    }

    .menu-cover {
        width: 350px;
    }

    .vr {
        bottom: auto;
        top: 10px;
        padding: 5px 10px;
    }

    .menu-cover .list- a ul {
        display: block;
        padding-left: 0;
    }

    .menu-cover .list- a {
        width: 100%;
    }

    .menu-cover .list- {
        text-align: center;
    }

    .menu-cover .list- a ul li + li {
        margin-left: 15px;
    }

    .tex-cover svg text {
        font-size: 76px;
    }

    .menu-cover .list- .me ul {
        display: none;
    }

    .Second {
        padding-left: 3vw;
        padding-right: 3vw;
        text-align: center;
    }

    .Third .box {
        display: none;
    }

    .Fourth .box_ {
        display: none;
    }

    .Fourth .info .content::before {
        display: none;
    }

    .Fourth .info {
        display: block;
    }

    .Fourth .info .content {
        width: 100%;
    }

    .Fourth .info .title {
        display: block;
    }

    .Fourth .info {
        padding: 0 3vw;
    }

    .Fourth .info .content {
        padding: 0;
        margin-top: 25px;
        margin-bottom: 35px;
    }

    .slide-right::before {
        display: none;
    }

    .slide-left {
        width: 1px;
        height: 1px;
    }

    .box-s::before,
    .box-s::after,
    .Fourth .box {
        display: none;
    }

    .slide-right {
        width: 100%;
    }

    .slide-left {
        z-index: 9;
        overflow: auto;
    }

    .gallery .change,
    .gallery .transitioncover {
        display: none;
    }

    .Fifth .title {
        padding-left: 3vw;
        padding-bottom: 30px;
    }

    .Fifth .content {
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 6;
        background-color: #fff;
        visibility: hidden;
    }

    .gallery .bg {
        display: none;
    }

    .gallery .item li {
        background-color: transparent;
        color: #36342c;
    }

    .gallery .item li:hover,
    .gallery .item li.active {
        background-color: transparent;
    }

    .gallery .item li div {
        position: relative;
        bottom: auto;
        font-size: 18px;
    }

    .gallery .item li:hover div,
    .gallery .item li.active div {
        bottom: auto;
        font-size: 18px;
    }

    .gallery .item li:hover div .iconfont,
    .gallery .item li.active .iconfont {
        font-size: 24px;
    }

    .gallery .item {
        display: block;
        font-size: 0;
        -webkit-text-size-adjust: none;
        height: auto;
        position: relative;
        left: 0;
        right: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .gallery .item li {
        display: inline-block;
        width: 50%;
        height: auto;
        text-align: left;
        padding-left: 12vw;
        margin-top: 40px;
    }

    .gallery .item li p {
        display: inline-block;
        vertical-align: middle;
    }

    .gallery .item li div .iconfont {
        margin-bottom: 0;
        display: inline-block;
        width: 30px;
    }

    .gallery {
        height: auto;
        padding-bottom: 50px;
    }

    .Sixth ul li:hover .border {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .Sixth ul li .border::before {
        display: none;
    }

    .Sixth ul li .border::after {
        display: none;
    }

    .Sixth .more::before {
    }

    .Fifth .content.active {
        visibility: visible;
    }

    .Sixth {
        padding-bottom: 80px;
    }

    .Sixth ul li {
        width: 100%;
    }

    .Sixth ul li + li {
        margin-top: 3vw;
    }

    .Sixth ul li a {
        display: block;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .Sixth ul {
        display: block;
    }


    .Sixth ul li .border {
        padding-left: 25px;
        padding-top: 15px;
        font-size: 14px;
        height: auto;
    }

    .main-body.transition {
        will-change: auto;
    }

    .Fifth .content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 30;
        height: 100vh;
    }



    .Sixth ul li{
        margin-right: 0;
    }

    .tex-cover {
        z-index: 5;
    }

    .top-banner {
        height: auto;
    }

    .top-banner > img {
        width: 100%;
        left: 0;
        margin-left: 0;
    }

    .top .logo,
    .top-banner .logo,
    .menu-cover .logo {
        top: 15px;
    }

    .logo img {
        width: 70px;
    }

    .pagename img {
        height: 70px;
    }


    .gl .first > img {
        display: none;
    }

    .w768 {
        display: block;
    }

    .gl .first .common::after {
        display: none;
    }

    .gl .first .common {
        margin-top: 0;
    }

    .gl .first {
        padding-top: 40px;
    }

    .common.title .t {
        font-size: 24px;
    }

    .common.title img {
        height: 12px;
        margin-top: 5px;
        margin-left: 0;
        display: inline-block;
    }


    .common.title .t {
        display: block;
    }

    .we .second .right-item .dis-cn{
        padding: 0;
        margin-top: 20px;
    }

    /*.gl .first .common {*/
    /*    margin-bottom: 40px;*/
    /*}*/

    .gl .first .w768 {
        margin-bottom: 15px;
    }


    .gl .second .right-text {
        padding-bottom: 40px;
        padding-top: 40px;
    }

    .gl .second .content {
        padding-top: 0;
    }

    .gl .third {
        padding-top: 30px;
    }

    .banquet{
        margin-top: 25px;
    }

    .gl .fifth{
        margin: 40px 0;
    }

    .gl .third .swiper-container {
        margin-top: 0;
    }

    .gl .third .swiper-slide .img_ img {
        height: 342px;
    }

    .gl .fourth {
        padding-top: 40px;
        margin-top: 40px;
        background-color: #fafafa;
    }

    .gl .fourth .list li .enn {
        display: none;
    }

    .gl .fourth .list li .img_ {
        width: 40px;
        height: 40px;
        float: none;
        margin-right: 0;
    }

    .gl .fourth .list li:nth-child(even) {
        margin-left: 0;
    }

    .gl .fourth .list li {
        width: 25%;
        margin-top: 30px;
        text-align: center;
    }

    .gl .fourth .list {
        text-align: left;
    }

    .gl .fourth .list li .tt {
        padding: 0 18px;
    }

    .gl .fifth::before {
        display: none;
    }

    .gl .submit::after {
        display: none;
    }

    .gl .fifth .right-item {
        display: none;
    }

    .gl .fifth .left-item {
        margin-right: 0;
        width: 100%;
    }

    .gl .fifth .left-item {
        max-width: 100%;
        text-align: center;
    }

    .gl .fifth .left-item label span.error {
        left: 120px;
    }

    .gl .fourth {
        padding-bottom: 40px;
    }

    .gl .fifth .common::before {
        display: none;
    }

    .gl .fifth .left-item label + label {
        margin-top: 45px;
    }

    .gl .submit {
        width: 280px;
        line-height: 60px;
        font-size: 18px;
        letter-spacing: 2px;
    }

    .gl .fifth {
        margin-bottom: 60px;
    }

    .gl .third .swiper-slide .text_ .titile_ {
        font-size: 20px;
    }

    .gl .fifth .left-item textarea {
        height: 140px;
    }

    .footer .content {
        display: block;
    }

    .footer .ewm {
        display: inline-block;
    }

    .footer-logo {
        margin-right: 0;
        text-align: center;
    }

    .footer .content {
        text-align: center;
        padding-top: 6vw;
    }

    .footer-logo img {
        display: inline-block;
    }

    .top-banner.h100 {
        height: auto;
    }

    .we .third .box ul {
        width: 190vw;
        max-width: unset;
        position: relative;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .we .third .box {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        width: 100vw;
        position: relative;
        padding: 3vw;
        margin-top: 0;
        padding-top: 0;
    }

    .we .third .box::-webkit-scrollbar {
        display: none;
    }

    .we .third .box ul li {
        width: 35vw;
        background-color: #fff;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.1);
        box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.1);
        overflow: hidden;
    }

    .we .third .box ul li + li {
        margin-left: 3vw;
    }

    .we .third .box > img {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        display: none;
    }

    .we .third .tc {
        position: relative;
        height: auto;
    }

    .we .third .box ul li .cover_ {
        height: auto;
        bottom: 0;
        top: auto;
        z-index: 6;
        background-color: #fff;
        color: #252525;
        padding: 3vw 0;
    }

    .we .second {
       padding: 5vw 0;
    }

    .we .fourth .right-item {
        display: none;
    }

    .we .third{
        padding-top: 0;
    }

    .we .third .title.common{
        margin-bottom: 3vw;
    }

    .we .fifth .dis-cn +.common.title{
        margin-top: 5vw;
    }

    .we{
        padding-top: 0;
    }

    .we .fourth {
        margin-top: 40px;
    }

    .we .fourth .left-item {
        width: 100%;
        margin-right: 0;
    }

    .we .fourth .left-item .w768 {
        width: 45%;
        float: left;
        margin-right: 25px;
    }

    .we .fourth .left-item::before {
        display: none;
    }

    .we .fourth {
        padding-bottom: 40px;
    }

    .fo .second .left-item,
    .fo .third .left-item {
        width: 100%;
        margin-right: 0;
    }

    .fo .second .right-item,
    .fo .third .right-item {
        width: 100%;
    }

    .fo .third {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .fo .food-info {
        margin-top: 20px;
    }

    .fo .third {
        margin-top: 0;
        padding-top: 40px;
    }

    .fo .fourth {
        margin-top: 40px;
        padding-bottom: 40px;
    }

    .fo .fourth .left-item,
    .fo .fourth .right-item {
        width: 100%;
        margin-right: 0;
        padding: 0;
    }

    .fo .fourth .line {
        display: none;
    }

    .fo .fourth .right-item {
        margin-top: 3vw;
    }

    .bu .first .common::before,
    .bu .first .common::after {
        display: none;
    }

    .bu .first .common {
        margin-top: 0;
        margin-bottom: 40px;
    }

    .bu .first .item- {
        width: 100%;
        margin: 0;
    }

    .bu .first .item- + .item- {
        margin-left: 0;
        margin-top: 30px;
    }

    .dis-cn {
        margin-bottom: 8px;
        margin-top: 25px;
    }

    .we .fifth::after {
        display: none;
    }

    .we .fifth {
        background-color: #fafafa;
        padding-bottom: 40px;
        padding-top: 40px;
    }

    .dis-cn p{
        display: inline;
    }

    .hgc .box2 .swiper-container{
        margin-top: 25px;
    }

    .hgc .box3 .lists{
        margin-top: 25px;
    }

    .bu .first {
        padding-bottom: 40px;
    }


    .bu .third {
        padding: 40px 3vw;
    }

    .bu .third .img-box {
        height: auto;
        margin-bottom: 3vw;
    }

    .bu .third::before {
        display: none;
    }

    .Sixth ul li + li,
    .ac .Sixth ul li {
        margin-left: 0;
    }

    .ac .Sixth {
        padding: 3vw 0;
        padding-bottom: 60px;
    }

    .ac .Sixth ul {
        margin-top: 0;
    }

    .ac .Sixth ul li:nth-child(n + 4) {
        margin-top: 3vw;
    }

    .co .first {
        display: none;
    }

    .co .second {
        padding: 40px 0;
    }

    .co .third {
        padding-left: 3vw;
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .co .third::before {
        display: none;
    }

    .co .second .img-box {
        width: 50%;
    }

    .co .second .telphone {
        width: 45%;
        right: 0;
        padding: 0 3vw;
    }

    .co .second .telphone .t_num {
        font-size: 24px;
    }

    .co .second .telphone .addr {
        font-size: 17px;
        margin-top: 15px;
    }

    .co .second .telphone .email {
        font-size: 16px;
    }

    .co .second .telphone .addren {
        line-height: 1.5;
    }

    .co .third li:nth-child(2n) {
        margin-left: 5%;
    }

    .toast .box {
        width: 100%;
        padding: 40px 3vw;
        height: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .toast .box .cenr {
        height: auto;
    }

    .toast .box::before {
        display: none;
    }

    .gl .fifth .common {
        padding-bottom: 0;
        padding-left: 0;
    }

    .we .third .box,
    .we .third .box ul li:hover .cover_,
    .we .third .box ul li:hover .tc {
        height: auto;
    }

    .Fifth .content .w768 {
        position: absolute;
        right: 3vw;
        top: 3vw;
        font-size: 20px;
    }

    .menu-cover::before {
        display: none;
    }

}

@media screen and (max-width: 767px) {
    .tex-cover svg text {
        font-size: 40px;
    }

    .footer-logo img {
        width: 160px;
    }

    .news_detailed .news_content img {
        max-width: 100%;
    }

    .Second .info {
        width: 100%;
    }

    .footer-logo .adderen {
        letter-spacing: 0.5px;
    }

    .footer-logo .adder {
        font-size: 15px;
    }

    .footer-logo {
        text-align: left;
    }

    .co .third {
        padding: 20px;
        border-top: 1px solid rgba(0, 0, 0, .1);
    }

    .co .second {
        background: none;
    }

    .we .second .right-item {
       padding: 0 20px;
        width: 100%;
    }

    .we .third {
        border-top: 1px solid rgba(0, 0, 0, .1);
        padding-bottom: 8vw;
    }



    .we .fourth .left-item {
        padding-left: 0;
    }

    .we .fourth {
        margin-top: 0;
        border-top: 1px solid rgba(0, 0, 0, .1);
        background-color: #fff;
        padding: 8vw 8vw 40px;
    }

    .news-page.Sixth{
        padding: 25px 20px;
    }

    .Sixth.news-page .wrapper{
        padding: 0 0 15px 0;
        width: calc(100% - 100px);
        margin-left: 15px;
        border-bottom: 1px solid #eee;
    }

    .we .second .left-item{
        display: none;
    }

    .Sixth .dis{
        height: 44px;
        font-size: 13px;
        line-height: 22px;
        margin-top: 0;
    }

    .Sixth .tit{
        font-size: 16px;
    }

    .Sixth ul li + li{
        margin-top: 15px;
    }

    .top-banner.h100 {
        height: 50vh;
    }

    .Sixth {
        border-top: 1px solid rgba(0, 0, 0, .1);
        background-color: #fff;
        padding-bottom: 50px;
    }

    .Sixth ul li .border .wrapper .tit {
        line-height: 1.5;
        font-size: 17px;
    }

    .Sixth .common.title {
        margin-bottom: 0;
    }

    .Sixth ul li .border .wrapper .dis {
        display: none;
    }

    .Sixth ul li .border .wrapper {
        height: auto;
    }

    .scrollx::-webkit-scrollbar {
        display: none;
    }

    .Sixth .scrollx {
        width: 100vw;
        position: relative;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .Fifth .content {
        padding-left: 8vw;
        padding-right: 8vw;
    }

    .Fourth .info {
        padding: 0 8vw;
    }

    .welcome {
        z-index: 2;
    }


    .Sixth ul li a .img-box{
        width: 85px;
        height: 85px;
        border-radius: 5px;
    }

    .Sixth.news-page .wrapper .time{
        margin-bottom: 0;
        font-size: 12px;
    }

    .Third .img-box{
        padding: 0;
    }

    .Third .tool-bar{
        position: relative;
        left: 20px;
        width: calc(100% - 40px);
        bottom: auto;
        height: 50px;
        margin-top: -25px;
        font-size: 14px;
        padding: 0 15px;
    }

    .Third .tool-bar .iconfont{
        font-size: 20px;
    }

    .Second {
        padding: 50px 20px;
    }

    .Third .tool-bar .name{
        font-size: 17px;
    }

    .down {
        top: auto;
        bottom: 10% !important;
    }

    .Second .info{
        font-size: 16px;
        text-align: justify;
        font-weight: 400;
        margin-bottom: 30px;
        line-height: 1.8;
    }

    .top-banner > img {
        height: auto;
        width: 100%;
    }

    .Second a{
        width: 120px;
    }

    .menu-cover .list- .me + .me {
        margin-top: 10px;
    }

    .menu-cover .list- {
        padding-left: 0;
    }

    .pagename{
        margin-top: -22px;
    }


    .gl .third .swiper-slide {
        height: auto;
    }

    .menu::after {
        bottom: -20px;
    }

    .top .login,
    .top-banner .login {
        display: none;
    }

    .Second .slogan{
        width: 200px;
        margin-bottom: 30px;
    }

    .Second .slogan p{
        font-size: 22px;
        margin-top: 10px;
        font-weight: 700;
    }

    .header .menu p:last-of-type {
        font-size: 14px;
        letter-spacing: 2px;
        text-align: center;
    }

    .header .menu::before {
        width: -webkit-calc(100% - 2px);
        width: calc(100% - 2px);
    }

    .menu-open .header .menu .iconfont {
        margin-top: 0;
    }

    .menu-open .header .menu p:last-of-type {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }

    .menu-cover {
        width: 100%;
    }

    .menu-cover .list- a ul {
        display: none;
    }

    .menu-cover .list- a {
        line-height: 35px;
    }

    .welcome {
        width: 100%;
        position: relative;
        top: 0;
        min-height: unset;
        height: auto;
        padding-top: 0;
        margin-bottom: 30px;
    }


    .welcome .backfont {
        display: none;
    }

    .img-parallax video{
        height: 60vw;
    }

    .m-d{
        display: none;
    }

    .welcome .hidden img {
        height: auto;
        width: 50%;
        display: inline-block;
        left: 0;
    }

    .welcome .hidden {
        position: relative;
    }

    #main {
        width: 100vw;
    }

    .title.common .cn,
    .Fourth .info .title .cn {
        font-size: 18px;
    }

    .title.common .en,
    .Fourth .info .title .en {
        height: 10px;
        margin-top: 6px;
        background-position: center center;
    }

    .Fourth {
        padding: 30px 20px 80px 20px;
    }

    .Fourth .lists{
        flex-direction: column;
    }

    .Fourth .item{
        width: 100%;
    }

    .Fourth .item + .item{
        margin-top: 15px;
    }

    .Fourth .item .img-box{
        height: 120px;
        overflow: hidden;
        background-color: #000;
    }

    .Fourth .item .img-box img{
        filter: blur(4px);
        transform: scale(1.2);
        opacity: .7;
    }

    .Sixth .title .cn{
        font-size: 20px;
    }

    .Sixth .title .en{
        font-size: 12px;
    }

    .Sixth .swiper-slide{
        width: 70vw;
    }

    .Sixth .wrapper{
        padding: 20px;
    }

    .Fourth .item .text{
        font-weight: 700;
        bottom: auto;
        top: 50%;
        margin-top: -22px;
    }

    .Fourth .item .text .cn{
        font-size: 20px;
    }

    .Fourth .item .img-box + .img-box{
        margin-top: 15px;
    }

    .pag span.line,
    .pag span.active {
        display: none;
    }

    .banner .control {
        width: 100%;
        position: relative;
        left: 0;
        padding: 0 3vw;
        line-height: 45px;
        text-align: center;
        z-index: 2;
    }

    .banner .control p {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .pag span {
        margin-right: 0;
        font-size: 18px;
    }

    .Fourth .info .title .group {
        width: 100%;
    }

    .Fourth .info .title {
        width: 100%;
        text-align: center;
    }

    .slide {
        height: 60vw;
    }

    .banner {
        height: auto;
    }

    .Fifth {
        padding-top: 40px;
    }

    .gallery .item li {
        padding-left: 8vw;
    }

    .gallery .item li:hover div,
    .gallery .item li.active div,
    .gallery .item li div {
        font-size: 15px;
    }

    .gallery .item li:hover div .iconfont,
    .gallery .item li.active .iconfont,
    .gallery .item li div .iconfont {
        font-size: 18px;
        width: 20px;
    }

    .gallery .item li {
        margin-top: 30px;
    }

    .gallery {
        padding-bottom: 40px;
    }



    .Sixth .more {
        left: 3vw;
        bottom: 3vw;
    }

    .Sixth .more::before {
        width: 58vw;
    }

    .w767 {
        display: block;
    }

    .footer .bottom p a {
       display: block;
    }

    .up {
        display: none;
    }

    .footer {
        padding: 25px 20px ;
        text-align: left;
    }

    .footer .logo-f{
        width: 60px;
    }

    .footer .tel{
        font-size: 24px;
    }

    .footer .adder{
        margin-top: 0;
    }

    .footer .bottom {
        text-align: center;
        padding:0;
        line-height: 1.8;
        font-size: 12px;
    }

    .ewm-cover{
        z-index: 100;
        flex-wrap: wrap;
        align-items: center;
        padding: 20vh 0;
        font-size: 14px;
    }

    .ewm-cover img{
        width: 110px;
        height: 110px;
    }

    .footer .nav{
        display: none;
    }

    .footer .ewm {
        display: none;
    }

    .Sixth .en::before,
    .Sixth .en::after {
        display: none;
    }

    .gallery .item {
        z-index: 1;
    }

    .top-banner .logo {
        display: none;
    }

    .pagename img {
        height: 44px;
    }

    .gl .first .content,
    .gl .second .Zh {
        font-size: 14px;
    }

    .Fifth .title.common {
        margin-bottom: 0;
    }

    .gl .second .select ul li .iconfont {
        font-size: 22px;
    }

    .gl .second .select ul li .tit {
        font-size: 16px;
    }

    .gl .second .select ul li {
        font-size: 14px;
    }

    .gl .third .swiper-slide {
        max-width: 100vw;
        height: 60vw;
    }

    .gl .third .swiper-slide .img_ img {
        height: 60vw;
    }

    .gl .third .swiper-slide .text_ .titile_ {
        font-size: 16px;
    }

    .gl .third .swiper-slide .text_ .ld {
        font-size: 12px;
    }

    .gl .third .swiper-container .control {
        left: 0;
        color: #fff;
    }

    .gl .third .swiper-container .control.right- {
        right: 0;
    }

    .gl .third {
        border-top: 1px solid rgba(0, 0, 0, .1);
        padding-bottom: 40px;
    }

    .gl .fourth {
        margin-top: 0;
        border-top: 1px solid rgba(0, 0, 0, .1);
        background-color: #fff;
    }

    input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .top-banner .down {
        display: none;
    }

    .ac .Sixth ul li .border {
        height: 130px;
    }

    .ac .Sixth ul li .border .wrapper {
        height: auto;
        position: static;
    }


    .Sixth .more::before {
        width: 14vw;
    }

    .ac .Sixth ul li .border .wrapper .dis {
        display: -webkit-box;
        text-align: justify;
        max-height: 40px;
    }

    .ac .Sixth ul li .border .wrapper .tit {
        white-space: nowrap;
    }

    .pagination .swiper-pagination-bullet{
        width: 12px;
        height: 12px;
        border-width: 1px;
        margin: 0 5px;
    }

    .Sixth .swiper-container{
        padding: 30px 0;
    }

    .ac .Sixth ul li {
        width: 100%;
        margin-left: 0;
    }

    .ac .Sixth ul {
        width: 100%;
    }

    .ac .Sixth ul li + li {
        margin-left: 0;
        margin-top: 5vw;
    }

    .gl .fifth {
        border-top: 1px solid rgba(0, 0, 0, .1);
       margin: 0;
        padding: 30px 20px;
    }

    .bu .third .img-box {
        height: 70vw;
        overflow: hidden;
    }

    .bu .third .img-box img {
        width: auto;
        height: 100%;
    }

    .co .third li + li, .co .third li:nth-child(n + 3){
        margin-top: 0;
        border-top: 1px solid #eee;
    }

    .we .fifth, .bu .third {
        background-color: #fff;
        border-top: 1px solid rgba(0, 0, 0, .1);
        padding-left: 8vw;
        padding-right: 8vw;
    }

    .bu .first {
        padding-left: 8vw;
        padding-right: 8vw;
    }

    .fo .second, .fo .third {
        padding: 8vw 8vw 0;
    }

    .fo .fourth {
        padding-left: 8vw;
        padding-right: 8vw;
    }

    .gl .fourth .list li {
        width: 33%;
        font-size: 14px;
        padding: 0;
    }

    .gl .fourth .list li .img_ {
        width: 30px;
        height: 30px;
        opacity: 0.8;
    }

    .gl .fifth .left-item input {
        border: none;

        background-color: transparent;
    }

    .gl .fifth .left-item label {
        border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    }

    .gl .fifth .left-item textarea {
        height: 50px;
        padding: 10px;
        background-color: transparent;
        border: none;
    }

    .gl .fourth .list li .tt {
        padding: 0 5px;
    }

    .gl .fifth .left-item label span {
        font-size: 15px;
    }

    .gl .fifth .left-item label span.error {
        left: 67px;
    }

    .gl .submit {
        width: 40vw;
        font-size: 16px;
        line-height: 50px;
    }

    .gl .second .right-text .mobile,
    .we .second .right-item .mobile,
    .we .fourth .left-item .w768,
    .we .fifth .tt-box .mobile {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 3vw;
    }

    .we .second .right-item .mobile{
        width: 100%;
        display: block;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .we .second .right-item .dis-cn{
        margin-top: 10px;
    }

    .we .second .right-item .dis-cn{
        margin-top: 10px;
    }

    .we .third{
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .we .third .title.common{
        margin-bottom: 20px;
    }

    .we .fifth .right-item .title.common.inline{
        flex-direction: column;
        align-items: flex-start;
    }

    .we .fifth .right-item .title.common.inline img{
        margin-left: 0!important;
        margin-top: 8px;
    }

    .we  .fifth .dis-cn{
        padding: 0;
        font-size: 15px;
    }

    .we .fifth{
        padding: 20px;
    }

    .we .third .box ul li {
        width: 42vw;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .gl .first .w768 {
        height: 69.6vw;
        width: auto;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .gl .second .right-text {
       padding: 30px 20px;
        background-color: #fff;
        border-top: 1px solid rgba(0, 0, 0, .1);
    }

    .gl .first .content {
        overflow: hidden;
    }

    .gl .second .right-text .mobile{
        display: block;
        margin-top: 20px;
    }

    .gl .first {
       padding: 20px 20px 30px!important;
    }

    .gl .fourth > .w1400{
        padding-left: 20px;
        padding-right: 20px;
    }

    .gl .fourth .list li .tt{
        font-size: 14px;
    }

    .gl .third .swiper-slide
    .gl .third {
        border-top: 1px solid rgba(0, 0, 0, .1);
    }

    .we .third .box ul {
        width: 225vw;
    }

    .we .third .box ul li .cover_ .name {
        font-size: 14px;
    }

    .we .third .box ul li .cover_ .enname {
        display: none;
    }

    .we .third .tc {
        padding-bottom: 44px;
    }

    .dis-cn {
        font-size: 15px;
    }

    .fo .food-info .title {
        font-size: 18px;
    }

    .hgc .box1 .dis-cn{
        padding: 0 20px;
        font-weight: 400;
    }

    .common.title .en{
        font-size: 12px;
    }

    .hgc .box3 .lists .row .item:first-of-type{
        width: calc((100% - 20px) / 3);
        margin-right: 10px;
    }

    .hgc .box3 .lists .row .item:last-of-type{
        width: calc((100% - 20px) / 3 * 2 + 10px);
    }

    .hgc .box3 .lists .row:nth-child(even) .item:first-of-type{
        margin-right: 0;
        margin-left: 10px;
    }

    .hgc .box3 .lists .row{
        margin-bottom: 10px;
    }

    .hgc .box3 .lists{
        padding: 0 20px 10px;
    }

    .hgc .btn{
        width: 280px;
        line-height: 55px;
        font-size: 16px;
    }

    .hgc .ewmm{
        width: 280px;
    }
    .gl .first .w768{
        max-width: unset;
        height: 45vw;
    }

    .hgc .box2 .swiper-container{
        margin-bottom: 30px;
    }

    .hgc .box1 .hgc-img{
        padding: 0 20px;
    }

    .fo .food-info {
        font-size: 14px;
    }

    .co .second .img-box {
        display: none;
    }

    .co .second .telphone {
        width: 100%;
        bottom: auto;
        position: relative;
        text-align: left;
    }

    .co .third li {
        width: 100%;
        height: auto;
    }

    .co .second .telphone .addren{
        margin-bottom: 5px;
    }

    .co .second{
        padding: 20px 0;
    }

    .common.title .t{
        font-size: 18px;
    }

    .common.title img{
        height: 10px;
    }

    .title.common.inline img{
        margin-left: 8px;
    }

    .co .third li:nth-child(2n) {
        margin-left: 0;
    }

    .co .third .tran-box {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        border: none;
    }

    .co .third .content {
        font-size: 14px;
    }


    .co .third .tran-box .title {
        font-size: 17px;
    }

    .co .third .tran-box {
        padding: 3vw;
        height: auto;
    }

    .co .third .more {
        position: relative;
        left: auto;
        bottom: auto;
        margin-top: 10px;
        width: 100px;
        margin-left: auto;
        margin-right: 0;
        font-size: 12px;
    }

    .header .logo img{
        width: 110px;
    }

    .news_detailed h2{
        font-size: 20px!important;
    }

    .w1400.first{
        padding: 20px!important;
    }

    .toast .box .close {
        font-size: 24px;
        top: 3vw;
        right: 3vw;
    }

    .toast .box {
        font-size: 14px;
        padding-left: 8vw;
        padding-right: 8vw;
    }

    .toast .box .title {
        font-size: 18px;
    }

    .news_detailed h2 {
        font-size: 20px;
    }

    .ac .first {
        padding: 8vw 5vw 40px;
    }

    .top .logo img {
        width: 60px;
    }

    .menu-cover .list- a {
        font-size: 17px;
    }

    .menu-cover .list- a + a {
        margin-top: 15px;
    }
}