.wrapper{
    width: 100%;
    /* height: 100%; */
}
.wrapper .header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    padding: 1.25rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wrapper .header .logo{
    width: 12.5rem;
    height: 3rem;
    margin-left: 2.5rem;
}
.wrapper .menu ul li{
    float: left;
}
.wrapper .menu ul li a{
    font-size: 1.125rem;
    color: #ffffff;
    line-height: 3rem;
    margin: 0 1.875rem;
}
.wrapper .menu ul li a:hover{
    color: #49a19f;
    /* font-weight: bold; */
    border-bottom: 1px solid #49a19f;
}
.wrapper .menu ul li.active a{
    color: #49a19f;
    border-bottom: 1px solid #49a19f;
}
.wrapper .connect{
    margin-right: 2.5rem;
}
.wrapper .connect .phone{
    background-image: url('../images/phone_top.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 1.5625rem 1.5625rem;
    margin-right: 1.25rem;
    position: relative;
}
.wrapper .connect .phone::before{
    content: '';
    width: 1px;
    height: 1.625rem;
    background-image: url('../images//border.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: -1.25rem;
    top: .6875rem;
}
.wrapper .connect .language{
    background-image: url('../images/language.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 1.5625rem 1.5625rem;
    margin-left: 1.25rem;
}
.wrapper .connect .uk-button-default{
    border: none!important;
    font-size: 1.125rem;
    color: #edead6;
    line-height: 3rem;
    margin-left: .25rem;
}
.wrapper .connect .uk-drop{
    width:8.75rem!important;
    background: rgba(0, 0, 0, 0.65);
}
/* .wrapper .connect .uk-card-body{
    padding: .625rem!important;
    top: 3.125rem!important;
} */
.language-item{
    font-size: 1.125rem;
    color: #edead6;
    line-height: 2.5rem;
    text-align: left;
    padding-left: 1.875rem;
}
.language-item a{ color: #edead6; }
.wrapper .connect .phone a{
    display: block;
    font-size: 1.125rem;
    color: #edead6;
    line-height: 3rem;
    padding-left: 2.125rem;
}
/* .wrapper .section_one{
    background-image: url('../images/home_one_no_text.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
} */
.swiper{
    width: 100vw;
    height: 100vh;
}
.section-one-img{
    width: 100%;
    height: 100%;
}
.wrapper .content_one{
    width: 100vw;
    height: 100%;
}
.wrapper .section_one .slog{
    background-image: url('../images/home_one_text.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 55.625rem;
    height: 9.375rem;
    opacity: 0; 
    -webkit-transform:scale(0.5, 0.5); 
    transform:scale(0.5, 0.5); 
    transition: all 1s;
}
.wrapper .section_one.active .slog{
    opacity: 1; 
    -webkit-transform:scale(1, 1); 
    transform:scale(1, 1); 
    transition-delay: 0.7s;
}

.wrapper .section_two{
    background-image: url('../images/section_two_back_no.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.wrapper .content-two-right video{
    width: 30.5625rem;
    height: 30.625rem;
    /* margin-right: -30.5625rem; */
    opacity: 0; 
    transition: all 1s;
}
.wrapper .section_two.active .content-two-right video{
    margin-right: 0; 
    opacity: 1; 
    transition-delay: 0.7s;
}
.wrapper .content-two-right{
    flex: 1;
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}
.wrapper .content-two-left{
    flex: 1;
    width: 50%;
}
.content-two-left .content-two-title{
    background-image: url('../images/home_two_text.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 28.4375rem;
    height: 8.4375rem;
    opacity: 0; 
    -webkit-transform:scale(0.5, 0.5); 
    transform:scale(0.5, 0.5); 
    transition: all 1s;
    margin-bottom: 1.25rem;
}
.wrapper .section_two.active .content-two-left .content-two-title{
    opacity: 1; 
    -webkit-transform:scale(1, 1); 
    transform:scale(1, 1); 
    transition-delay: 0.7s;
}
.content-two-left .content-two-p{
    margin-left: -6.25rem; 
    font-size: 1.125rem; 
    color: #ffffff; 
    line-height: 2.5rem;
    opacity: 0; 
    transition: all 1s;
    padding: 0 2.5rem 0 0;
    /* word-break: break-all; */
    word-wrap: break-word;
}
.wrapper .section_two.active .content-two-left .content-two-p{
    margin-left: 0; 
    opacity: 1; 
    transition-delay: 0.7s;
}
.content-two-left .content-two-more{
    margin-top: 1.25rem;
}
.content-two-left .content-two-more a{
    background-color: #376968;
    font-size: .875rem;
    color: #ffffff;
    line-height: 1.125rem;
    border-radius: 10px;
    background-image: url('../images/arrow_right.png');
    background-position: right 1.25rem center;
    background-repeat: no-repeat;
    background-size: .3125rem .625rem;
    padding: .625rem 3.125rem .625rem .625rem;
    opacity: 0; 
    -webkit-transform:scale(0.5, 0.5); 
    transform:scale(0.5, 0.5); 
    transition: all 1s;
    margin-bottom: 1.25rem;
}
.wrapper .section_two.active .content-two-more a{
    opacity: 1; 
    -webkit-transform:scale(1, 1); 
    transform:scale(1, 1); 
    transition-delay: 0.7s;
}
.wrapper .section-video-left{
    width: 10.3125rem;
}
.wrapper .section-video-right{
    width: 5.3125rem;
}

.wrapper .section_three{
    background-image: url('../images/section_three_back.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.wrapper .section_three .section-three{
    margin-top: 18.75rem;
}
.wrapper .section_three .section-three h3{
    font-size: 5rem;
    color: #ffffff;
    line-height: 6.875rem;
    margin: 0;
}
.wrapper .section_three .section-three p{
    font-size: 1.125rem;
    color: #ffffff;
    line-height: 1.875rem;
    margin: 0;
}
.section_three .section-three-left{
    background-image: url('../images/profile_one.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 19.125rem;
    height: 19.125rem;
    margin-left: -19.125rem;
    opacity: 0;
    transition: all 1s;
}
.wrapper .section_three.active .section-three-left{
    margin-left: 0; 
    opacity: 1; 
    transition-delay: 0.7s;
}
.section_three .section-three-middle{
    background-image: url('../images/profile_two.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 19.125rem;
    height: 19.125rem;
    margin-top: -19.125rem;
    opacity: 0;
    transition: all 1s;
}
.wrapper .section_three.active .section-three-middle{
    margin-top: 0; 
    opacity: 1; 
    transition-delay: 0.7s;
}
.section_three .section-three-right{
    background-image: url('../images/profile_three.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 19.125rem;
    height: 19.125rem;
    margin-right: -19.125rem;
    opacity: 0;
    transition: all 1s;
}
.wrapper .section_three.active .section-three-right{
    margin-right: 0; 
    opacity: 1; 
    transition-delay: 0.7s;
}

.wrapper .section_four{
    background-image: url('../images/section_four_back.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.section-four .section-four-title{
    font-size: 3.125rem;
    color: #376968;
    line-height: 3rem;
    text-align: center;
    opacity: 0; 
    -webkit-transform:scale(0.5, 0.5); 
    transform:scale(0.5, 0.5); 
    transition: all 1s;
}
.section-four .section-four-desc{
    font-size: 1.125rem;
    color: #7e7e7e;
    line-height: 2.1875rem;
    text-align: center;
    padding: 0 8.125rem;
    margin: 1.875rem 0;
    opacity: 0; 
    -webkit-transform:scale(0.5, 0.5); 
    transform:scale(0.5, 0.5); 
    transition: all 1s;
    margin-bottom: 2.5rem;
}
.section_four.active .section-four-title,.section_four.active .section-four-desc{
    opacity: 1; 
    -webkit-transform:scale(1, 1); 
    transform:scale(1, 1); 
    transition-delay: 0.7s;
}
.section-four .section-four-title span{
    font-weight: bold;
    margin-left: 4px;
}
.section-four-slide {
 width: 100vw;
}
.section-four-slide .zhaopai-li{
    width: 18.75rem;
}
.section-four-slide .zhaopai{
    width: 18.75rem;
    /* height: 18.75rem; */
    border-radius: 100%;
    overflow: hidden;
}
.section-four-slide  .zhaopai-li{
    cursor: pointer;
}
.section-four-slide  .zhaopai-li .zhaopai-hover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #5d9d9d;
    border-radius: 100%;
    display: none;
    z-index: 999999;
}
.section-four-slide  .zhaopai-li .zhaopai-hover .hover-title{
    text-align: center;
}
.section-four-slide .preview{
    width: 3.25rem;
    height: 2.0625rem;
}
.wrapper .section_four .section-four-slide .zhaopai-li .uk-card:hover .zhaopai-hover{
    display: block;
}
.section-four-slide .uk-dotnav>*>*{
    background: #d9d9d9!important;
    width: 12px!important;
    height: 12px!important;
    border: none!important;
}
.uk-dotnav>.uk-active>*{
    width: 26px!important;
    height: 12px!important;
    background: #376968!important;
    border-radius: 8px!important;
    border: none!important;
}
.h100{
    height: 100%;
}


.wrapper .section_five{
    background-image: url('../images/section_five_back.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.section_five .section-five-title{
    font-size: 3.125rem;
    color: #ffffff;
    line-height: 3rem;
    text-align: center;
    opacity: 0; 
    -webkit-transform:scale(0.5, 0.5); 
    transform:scale(0.5, 0.5); 
    transition: all 1s;
}
.section_five.active .section-five-title{
    opacity: 1; 
    -webkit-transform:scale(1, 1); 
    transform:scale(1, 1); 
    transition-delay: 0.7s;
}
.section_five .section-five-title span{
    font-weight: bold;
    margin-left: 4px;
}
.section-five-news{
    margin-top: 2.5rem;
}
.news-item{
    border-radius: 10px;
    margin: 0 1.875rem;
}
.news-pic{
    /* width: 27.5rem; */
    width: 100%;
}
.news-con{
    padding: 1.875rem 3.125rem 1.25rem 3.125rem;
    background-color: #ffffff;
    position: relative;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
.news-con::before{
    content: '';
    width: 86%;
    height: 2.25rem;
    background-color: #ffffff;
    position: absolute;
    left: 7%;
    bottom: -2.25rem;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
.news-title a{
    font-size: 1.5rem;
    color: #376968!important;
    line-height: 2.1875rem;
    height: 4.375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-title a:hover{
    opacity: .8;
    cursor: pointer;
}
.news-time{
    margin: .5rem 0;
}
.news-time .date-time{
    width: 1rem;
    margin-right: .5rem;
}
.news-time span{
    font-size: .9375rem;
    color: #000000;
    line-height: 1rem;
}
.news-desc{
    font-size: 1rem;
    color: #555555;
    line-height: 1.875rem;
    height: 5.625rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 1.25rem;
}

.wrapper .section_six{
    background-image: url('../images/section_six_back.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.section-six{
	margin-top: 1.25rem;
}
.section-six .footer-top{
	width: 100%;
}
.section-six .footer-nav{
    flex: 1;
}
.section-six .footer-item{
    margin-right: 1.875rem;
}
.section-six .nav-item ul{
    padding: 0;
    /* margin: 0; */
}
.section-six .nav-item .nav-title{
    font-size: 1.25rem;
    color: #ddece7;
    line-height: 1.875rem
}
.section-six .nav-item ul li a{
    font-size: 1rem;
    color: #ffffff;
    line-height: 2.5rem;
}
.section-six .footer-connect{
    margin-left: 1.875rem;
}
.section-six .footer-phone{
    margin-bottom: 30px;
}
.section-six .footer-phone img{
    width: 2rem;
    height: 2rem;
}
.section-six .footer-phone span{
    font-size: 2.125rem;
    color: #ddece7;
    line-height: 2rem;
    margin-left: 8px;
}
.section-six .footer-address{
    margin-top: 1.875rem;
	margin-left: 8px;
}
.section-six .footer-address img{
    width: .75rem;
}
.section-six .footer-address span{
    font-size: 1rem;
    color: #ffffff;
    line-height: 1.25rem;
    margin-left: 8px;
}
.section-six .qr{
    margin-left: 4.375rem;
}
.section-six .qr .qr-logo img{
    width: 12.1875rem;
}
.section-six .qr-code{
    text-align: center;
    margin-top: 4.375rem;
    width: 12.1875rem;
}
.section-six .qr-code img{
    width: 12.1875rem;
}
.section-six .qr-code .code-desc{
    font-size: .875rem;
    color: #ffffff;
    line-height: 1.5625rem;
    margin-top: 8px;
}
.footer-copyright{
    width: 100%;
    /* background: #183a38; */
    background: rgba(24, 58, 56,0.5);
    border-radius: 3.125rem;
    margin-top: 5rem;
}
.copyright-left{
    font-size: .875rem;
    color: #ffffff;
    line-height: 5.625rem;
    padding-left: 2.5rem;
}
.copyright-right{
    padding-right: 2.5rem;
}
.copyright-right a,.copyright-right span{
    font-size: .875rem;
    color: #ffffff;
    line-height: 5.625rem;
}

#fp-nav li .active span, .fp-slidesNav .active span{
    background-color: transparent!important;
    border: 2px solid #c9a660!important;
}
#fp-nav span, .fp-slidesNav span{
    background: #ffffff!important;
    border: 2px solid #ffffff!important;
}
.wrapper .mouse{
    position: fixed;
    left: 50%;
    bottom: .625rem;
    background-image: url('../images/mouse_white.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 1rem 2.8125rem;
    width: 1rem;
    height: 2.8125rem;
    margin-left: -0.5rem;
    animation: topBottom .8s ease-in-out infinite;
}
.wrapper .mouse-gray{
    position: fixed;
    left: 50%;
    bottom: .625rem;
    background-image: url('../images/mouse_gray.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 1rem 2.8125rem;
    width: 1rem;
    height: 2.8125rem;
    margin-left: -0.5rem;
    animation: topBottom .8s ease-in-out infinite;
}
.footer{
    padding: 2.5rem 0;
}

/* .floaticon {z-index: 99;position: fixed;right:45px; bottom: 50%; margin-bottom:-250px; }
.floaticon .floaticonLogo{ width:5rem;}
.floaticon .floaticonLogo a{ display: flex; justify-content: center; align-items: center; flex-direction: column; background: #fff; height: 4.75rem; color:#5c5c5c; text-align: center;}
.floaticon .floaticonLogo a span{ font-size: 1.75rem; height: 1.875rem; color:#376968;}
.floaticon .floaticonLogo a.f12{ font-size: 1.125rem;}
.floaticon .floaticonLogo a:first-child{ border-top-left-radius: 8px; border-top-right-radius: 8px; }
.floaticon .floaticonLogo a.backToTop{ background: #376968; color:#fff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding-top: 25px;}
.floaticon .floaticonLogo a.backToTop span{ color:#fff;}
.weixinCode,.qqCode{ display: none; position: absolute;z-index: 9999; left: -317px; top: 45px; width: 300px; height: 262px;text-align: center;}
.weixinLogo:hover .weixinCode{ display: block;}
.f12{
    font-size: 1rem;
} */

.floaticon{
    background: #f5f5f5;
    width: 6.25rem;
    position: fixed;
    right: 0;
    top: 35%;
    z-index: 99;
}
.floaticon .float-item{
    text-align: center;
    padding: 1.25rem 0 .75rem 0;
}
.floaticon .floaticonLogo .float-icon{
    text-align: center;
}
.floaticon .floaticonLogo .float-icon .icon-img{
    width: 2.75rem;
    margin: 0 auto;
}
.floaticon .floaticonLogo .float-icon .icon-img-top{
    width: 1.5rem;
    margin: 0 auto;
}
.floaticon .f12{
    font-size: .875rem;
    color: #5c5c5c;
    line-height: 1rem;
    margin-top: .5rem;
}
.floaticon .backToTop .f12{
    color: #fff;
}
.floaticon .backToTop{
    background: #376968;
    padding-bottom: 1.25rem;
}
.weixinCode,.qqCode{ display: none; position: absolute;z-index: 9999; left: -19.8125rem; top: calc(50% - 8.125rem); width: 18.75rem; text-align: center;}
.weixinLogo:hover .weixinCode{ display: block;}

.menu-nav{
    width: 100%;
    height: 5.875rem;
    margin-top: -2.9375rem;
    position:relative;
    z-index: 2;
}
.menu-nav-bar{
    background-image: url('../images/menu_back.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 5.875rem;
}
.menu-nav-bar .nav-title{
    font-size: 1.75rem;
    color: #ffffff;
    line-height: 5.875rem;
    padding-left: 1.75rem;
    font-weight: bold;
}
.menu-nav-bar .nav-right{
    padding-right: 1.75rem;
}
.menu-nav-bar .nav-right ul li{
    float: left;
    margin-left: 1.75rem;
    min-width: 5.9375rem;
    padding: 0 .625rem;
    height:2.375rem;
    text-align: center;
}
.menu-nav-bar .nav-right ul li a{
    font-size: 1rem;
    color: #edead6;
    line-height: 2.375rem;
    display:list-item;
}
.menu-nav-bar .nav-right ul li a:hover{
    background-image: url('../images/menu_select.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-size:100% 100%;
    cursor: pointer;
    color:#ffffff;
}
.menu-nav-bar .nav-right ul li.active a{
    background-image: url('../images/menu_select.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-size:100% 100%;
    color:#ffffff;
    padding: 0 5px;
}
.about{
    margin: 5.625rem 0 2.8125rem 0;
}
.about-title{
    font-size: 3rem;
    color: #376968;
    line-height: 3.4375rem;
    margin-bottom: 2.8125rem;
    position: relative;
}
.about-title .tips{ position: absolute; right:0; font-size:12px; color:#999; }
.p-text{
    font-size: 1.125rem;
    color: #646464;
    line-height: 2.1875rem;
}
.about-part{
    margin-top: 2.8125rem;
}
.about-part-item{
    position: relative;
}
.about-part-item::before{
    content: '';
    background-image: url('../images/about_border.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1px;
    height: 3.75rem;
    position: absolute;
    right: 0;
    top: 2.1875rem;
}
.about-part-item:last-child::before{
    background-image: none;
}
.about-part-item .part-title{
    font-size: 4.875rem;
    color: #376968;
    line-height:6.25rem;
}
.about-part-item .part-desc{
    font-size: 1.125rem;
    color: #646464;
    line-height: 2.1875rem;
}
.about-video{
    margin-top: 2.8125rem;
}
.about-video video{
    width: 100%;
}
.three{
    margin-top: 2.8125rem;
    background-image: url('../images/about_back.png');
    padding: 5.625rem 0;
}
.three-part{ 
    align-items: stretch;
}
.three-part-number{
    width: 7.5rem;
    height: 7.5rem;
    background-color: #ffffff;
    border-radius: 50%;
    font-size: 3.75rem;
    color: #49a19f;
    line-height: 7.5rem;
    text-align: center;
    z-index: 9;
}
.three-part-box{
    /* background-color: rgba(255, 255, 255, 0.8); */
    /* background-image: url('../images/about_story_bg.png'); */
    border-image: url('../images/about_story_bg.png') 1 fill / 1px stretch;
    -moz-border-image: url('../images/about_story_bg.png') 1 fill / 1px stretch;
    -webkit-border-image: url('../images/about_story_bg.png') 1 fill / 1px stretch;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size:contain;
    width: 20rem;
    min-height: 34.125rem;
    height: 100%;
    border-radius: 20px;
    position: relative;
    padding: 2.5rem 1.25rem;
    margin-top: -1.875rem;
    z-index: 8;
}
/* .three-part-box::before{
    content: '';
    width: 80%;
    height: 1.875rem;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: -1.875rem;
    left: 10%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}
.three-part-box::after{
    content: '';
    width: 80%;
    height: 1.875rem;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    bottom: -1.875rem;
    left: 10%;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
} */
.three-part-box-title{
    font-size: 1.25rem;
    color: #49a19f;
    line-height: 1.875rem;
    font-weight: bold;
    margin-bottom: .625rem;
}
.three-part-box-desc h3{
    font-size: 1.125rem;
    color: #1d1d1d;
    margin-top: 0.5rem;
    line-height: 1.5rem;
}
.three-part-box-desc p{
    font-size: 1rem;
    color: #616161;
    line-height: 1.5625rem;
    min-height: 1.5625rem;
    margin: 0;
    /* word-break: break-all; */
}
.culture{
    margin-top: 2.5rem;
}
.culture-item-img{
    width: 8.125rem;
    margin: 0 auto;
}
.culture-slog{
    font-size: 1rem;
    color: #818282;
    line-height: 1.875rem;
    margin: .625rem 0;
}
.culture-desc{
    font-size: 1.25rem;
    color: #376968;
    line-height: 2.1875rem;
}
.back-img{
    margin: 2.5rem 0;
}
.culture-three-item{
    background-color: #f8f8ee;
}
.culture-three-item-right-title{
    background-image: url('../images/cultrue_30.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 9.75rem 9.75rem;
    font-size: 3rem;
    color: #376968;
    line-height: 9.75rem;
    margin-bottom: 1.25rem;
}
.culture-three-item-right-sup{
    font-size: 1.125rem;
    color: #376968;
    line-height: 2.1875rem;
    margin: 10px 0;

}
.culture-three-item-right-desc{
    font-size: 1.125rem;
    color: #535353;
    line-height: 2.1875rem;
    width: 70%;
    margin: 0 auto;
}
.hornor{
    margin: 1.875rem 0;
}
.hornor-item{
    width: 90%;
    
    cursor: pointer;
}
.hornor-item .hornor-img{
    width: 100%;
    height:20rem;
    position: relative;
    background: url('../images/hornor_box.png') no-repeat;
    background-position: center 0;  
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hornor-item .hornor-img>img{
    width: 100%;
    height:100%;
}
.hornor-item .hornor-img>img:first-child{
    width: 85%;
    height: 85%;
}
.hornor-title{
    font-size: 1.125rem;
    color: #636363;
    line-height: 2.5rem;
    text-align: center;
}
.select-img{
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.hornor-item:hover .select-img{
    display: block;
}
.hornor-item:hover .hornor-title{
    color: #376968;
}
.news-items{
    border-bottom: 1px dashed #8d8d8d;
    padding: 3.125rem 0;
}
.news-left{
    flex: 1;
}
.news-right {
    flex-basis: 17.5rem;
    width: 17.5rem;
    margin-left: 1.875rem;
}
.news-right img{
    width: 17.5rem;
}
.news-item-a{
    display: block;
}
.news-left-time{
    flex-basis: 6.25rem;
    width: 6.25rem;
    margin-right: 1.875rem;
}
.news-left-time .news-time-day{
    font-size: 4.25rem;
    color: #333333;
    line-height: 4.5rem;
}
.news-left-time .news-time-month{
    font-size: 1.125rem;
    color: #333333;
    line-height: 1.25rem;
}
.news-left-border{
    flex-basis: .875rem;
    width: .875rem;
    height: .875rem;
    background: #e3e3e3;
    border-radius: 100%;
}
.news-left-title{
    font-size: 1.5rem;
    color: #000000;
    line-height: 2.5rem;
    font-weight: 600;
}
.news-left-box{
    margin-left: 1.875rem;
    flex: 1;
}
.news-left-desc{
    font-size: 1rem;
    color: #8d8d8d;
    line-height: 1.875rem;
    height: 3.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: .625rem;
    font-weight: lighter;
}
.news-items:hover{
    border-bottom: 1px dashed #376968;
}
.news-items:hover .news-left-title,.news-items:hover .news-left-desc,.news-items:hover .news-time-day,.news-items:hover .news-time-month{
    color: #376968;
}
.news-items:hover .news-left-border{
    background: #376968;
}
.news-item:hover .news-image img{
    transform: scale(1.01);
}
.page{
    margin-top: 2.5rem;
}
.detail{
    margin: 2.5rem 0;
    border-top: 1px dashed #ececec;
    padding-top: 2.5rem;
}
.detail-title{
    font-size: 2.25rem;
    color: #000000;
    line-height: 2.8125rem;
    margin-bottom: 1.25rem;
}
.detail-flex img{
    width: 4.1875rem;
    margin-left: .625rem;
    cursor: pointer;
}
.detail-flex span{
    font-size: 1rem;
    color: #a2a2a2;
    line-height: 2.1875rem;
    margin: 0 .625rem;
}
.detail-box p{
    font-size: 1.125rem;
    color: #444444;
    line-height: 2.1875rem;
}
.detail .prev{
    background: #f8f8ee;
    padding: .625rem 1.25rem;
    font-size: 1rem;
    color: #8a8a8a;
    line-height: 1.5rem;
    background-image: url('../images/news_detail_07.png');
    background-position: left 1.25rem center;
    background-repeat: no-repeat;
    background-size: .8125rem .8125rem;
    padding-left: 3.125rem;
    border-radius: 1.25rem;
    margin-top: 1.25rem;
}
.detail .next{
    background: #f8f8ee;
    padding: .625rem 1.25rem;
    font-size: 1rem;
    color: #8a8a8a;
    line-height: 1.5rem;
    background-image: url('../images/news_detail_10.png');
    background-position: left 1.25rem center;
    background-repeat: no-repeat;
    background-size: .8125rem .8125rem;
    padding-left: 3.125rem;
    border-radius: 1.25rem;
    margin-top: 1.25rem;
}
.detail .next a,.detail .prev a{
    font-size: 1rem;
    color: #8a8a8a;
    line-height: 1.5rem;
}
.detail .next a:hover{
    color: #376968;
}
.detail .prev a:hover{
    color: #376968;
}
.shop{
    margin: 2.5rem 0;
}
.shop-item{
    width: 24.6875rem;
    margin-bottom: 1.875rem;
}
.shop-item-img{
    background-image: url('../images/cai_back.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 24.6875rem;
    height: 24.6875rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.shop-item-img img{
    width: 20rem;
    border-radius: 50%;
}
.shop-item-title{
    font-size: 1.5rem;
    color: #2e2d2d;
    line-height: 2.1875rem;
    text-align: center;
    margin: 1rem 0;
    height: 2.1875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.shop-item-desc{
    font-size: 1rem;
    color: #828282;
    line-height: 1.875rem;
    height: 5.625rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: center;
    padding: 0 1.875rem;
}
.shop-item .preview{
    background-image: url('../images/zhaopai_07.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 3.25rem 3.25rem;
    width: 3.25rem;
    height: 3.25rem;
    margin: 1rem auto;
}
.shop-item:hover{
    cursor: pointer;
}
.shop-item:hover .shop-item-title{
    color: #376968;
}
.shop-item:hover .preview{
    background-image: url('../images/zhaopai_09.png');
}
.shop-sup{
    font-size: 1.25rem;
    color: #656565;
    line-height: 2.1875rem;
    text-align: center;
    margin: 1.25rem 0;
}
.shop-video{
    margin: 1.25rem 0;
}
.shop-video video{

    width: 100%;
    /* height: 52.5rem; */
}
.culture-item{
    position: relative;
    margin-bottom: 2.5rem;
}
.culture-item-left{
    width: 40%;
    position: absolute;
    top: 5rem;
    left: 3.5rem;
}
.culture-flex-title{
    font-size: 2.5625rem;
    color: #edead6;
    line-height: 3.4375rem;
}
.culture-flex-title span{
    font-weight: bold;
}
.culture-flex-desc{
    margin-top: 1.875rem;
    font-size: 1.125rem;
    color: #edead6;
    line-height: 2.1875rem;
    /* word-break: break-all; */
    word-wrap:break-word;
}
.culture-item-right{
    width: 40%;
    position: absolute;
    top: 5rem;
    right: 3.5rem;
}
.health-sup{
    font-size: 1.5rem;
    color: #edead6;
    line-height: 2.1875rem;
    margin-bottom: 1.875rem;
}
.health{
    top: 12.5rem;
}
.shops{
    margin-bottom: 5rem;
}
.shops-item{
    margin-bottom: 3.75rem;
    width: calc((100% - 3.75rem) / 3);
}
.shops-item:nth-child(3n-1){
    margin: 0 1.875rem 3.75rem 1.875rem;
}
.shops-item-box{
    background: #f8f8ee;
    padding: 1.5625rem;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: relative;
}
.shops-item-box::before{
    content: '';
    width: 80%;
    height: 1.875rem;
    background: #f8f8ee;
    position: absolute;
    bottom: -1.875rem;
    left: 10%;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.shops-item-name{
    font-size: 1.5rem;
    color: #376968;
    line-height: 2.1875rem;
    font-weight: bold;
}
.shops-flex-left-address{
    font-size: 1rem;
    color: #767676;
    line-height: 1.5rem;
    background-image: url('../images/nearly_07.png');
    background-position: left top 8px;
    background-repeat: no-repeat;
    background-size: .75rem .75rem;
    padding-left: 1.5rem;
}
.shops-flex-left-phone{
    font-size: 1rem;
    color: #767676;
    line-height: 1.5rem;
    background-image: url('../images/nearly_10.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: .75rem .75rem;
    padding-left: 1.5rem;
    margin-top: .625rem;
}
.shops-flex-right{
    width: 5rem;
}
.shops-flex-right>a{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.shops-flex-right img{
    width: 1.5rem;
    height: 1.75rem;
    margin: 0 auto;
}
.shops-flex-right span{
    font-size: 1rem;
    color: #376968;
    line-height: 1.875rem;
}
.nearly{
    position: relative;
}
.search{
    position: absolute;
    top: 5.625rem;
    left: 0;
    width: 100%;
}
.select-item{
    /* flex: 1; */
    width: 6.875rem;
}
.select-item select{
    width: 100%;
    margin-right: .625rem;
    border: 1px solid #e5e5e5;
    height: 2.5rem;
}
.uk-search{
    background: #ffffff;
}
.promise{
    margin-bottom: 10rem;
}
.promise-item{
    background-image: url('../images/nuo_03.png');
    width: 18.125rem;
    padding: 0 4.375rem;
    height: 20rem;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
}
.promise-name{
    font-size: 1.125rem;
    color: #edead6;
    line-height: 1.5rem;
    text-align: center;
}
.promise-title{
    font-size: 1.5625rem;
    color: #edead6;
    line-height: 2rem;
    font-weight: bold;
    text-align: center;
}
.uk-subnav{
    justify-content: center;
}
.uk-subnav-pill>.uk-active>a{
    background-color: #376968!important;
    color: #edead6!important;
    padding: 8px 20px!important;
    border-radius: 3px;
}
.uk-subnav-pill>*>:first-child{
    background-color: #edead6!important;
    color: #183a38!important;
    padding: 8px 20px!important;
    border-radius: 3px;
}
.contact-item img{
    width: 5.625rem;
    height: 5.625rem;
}
.contact-item{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex: 1;
}
.contact-item:first-child{
   flex: 3;
   margin-right: .625rem;
}
.contact-item-flex{
    margin-left: 1rem;
}
.contact-title{
    font-size: 18px;
    color: #4e4e4e;
    line-height: 2.1875rem;
    font-weight: bold;
}
.contact-address{
    font-size: .875rem;
    color: #4e4e4e;
    line-height: 1.875rem;
}
.invest{
    width: 80%;
    margin: 0 auto;
}
.join-item{
    background-image: url('../images/join_07.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-height: 27.125rem;
    width: calc(100% - 3.75rem);
    padding: 0 1.875rem 1.875rem 1.875rem;
    margin-bottom: 1.875rem;
}
.join-item:hover{
    cursor: pointer;
    background-image: url('../images/join_03.png');
}
.join-title{
    font-size: 2.25rem;
    color: #000000;
    line-height: 2.8125rem;
    font-weight: bold;
    margin-top: 3.125rem;
}
.join-intro{
    font-size: 1.125rem;
    color: #858585;
    line-height: 30px;
    margin-top: 1.875rem;
}
.join-email{
    margin-bottom: 2.5rem;
}
.join-email,.join-email a{

    font-size: 1rem;
    color: #376968;
    line-height: 1.875rem;
    margin-top: 3.75rem;
}
.join-email a{
    text-decoration: underline;
}
.join-item-top{
    padding: 1.25rem 0;
    border-bottom: 1px dashed #376968;
}
.join-item-top-left{
    font-size: 1.5rem;
    color: #376968;
    line-height: 1.875rem;
    font-weight: bold;
}
.join-right-item{
    font-size: 1rem;
    color: #888888;
    line-height: 1.875rem;
    margin-left: 1.875rem;
}
.join-right-item span{
    color: #000000;
    margin-right: .3125rem;
}
.join-box-left{
    font-size: 1rem;
    color: #000000;
    line-height: 30px;
    margin-right: .625rem;
}
.join-box-right p{
    margin: 0;
    font-size: 1rem;
    color: #888888;
    line-height: 1.875rem;
}
.join-box{
    margin-top: 1.875rem;
}

.nav {
    position: absolute;
    z-index: 100;
    opacity: 0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
  }
  .nav--active .nav {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.65);
    width: 100%;
    height: 100%;
  }
  .nav__list {
    margin: 0;
    padding: .625rem;
  }
  .nav__item {
    list-style-type: none;
    text-align: left;
  }
  .nav__link {
    font-size: 1.3em;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF;
    opacity: 1;
    -webkit-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
  }
  /* Default navigation icon */
  .nav__trigger {
    display: block;
    position: absolute;
    width: 1.875rem;
    height: 1.5625rem;
    left: .625rem;
    top: .625rem;
    z-index: 200;
  }
  .nav--active .nav__trigger {
    opacity: 0.5;
  }
  .nav__icon {
    display: inline-block;
    position: relative;
    width: 1.875rem;
    height: .3125rem;
    background-color: #8f8681;
    -webkit-transition-property: background-color, -webkit-transform;
    transition-property: background-color, -webkit-transform;
    transition-property: background-color, transform;
    transition-property: background-color, transform, -webkit-transform;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
  }
  .nav__icon:before,
  .nav__icon:after {
    content: '';
    display: block;
    width: 1.875rem;
    height: .3125rem;
    position: absolute;
    background: #8f8681;
    -webkit-transition-property: margin, -webkit-transform;
    transition-property: margin, -webkit-transform;
    transition-property: margin, transform;
    transition-property: margin, transform, -webkit-transform;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
  }
  .nav__icon:before {
    margin-top: -0.625rem;
  }
  .nav__icon:after {
    margin-top: .625rem;
  }
  .iphone__screen{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100%;
    height: 0;
  }
  .iphone__screen.nav--active {
    height: 100%;
  }
  .phone-logo{
    /* position: absolute; */
    /* top:10px; */
    /* left:50%; */
    width: 12.5rem;
    margin: 0 auto;
    /* margin-left: -5rem; */
  }
  .phone-logo img{
    width: 12.5rem;
  }
  .wrapper .nav {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    width: 100%;
    height: 100%;
  }
  .wrapper .nav__link {
    opacity: 0;
    -webkit-transition-delay: 500ms;
            transition-delay: 500ms;
  }
  .wrapper .nav--active .nav__link {
    opacity: 1;
  }
  .wrapper .nav--active .nav {
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .wrapper .nav--active .nav__icon {
    background: rgba(0, 0, 0, 0);
  }
  .wrapper .nav--active .nav__icon:before {
    margin-top: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .wrapper .nav--active .nav__icon:after {
    margin-top: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .nav ul{
    margin-top: 3.75rem;
  }
  .nav ul li a{
    font-size: 1.125rem;
    color: #ffffff;
    line-height: 2.5rem;
    padding-left: 1.875rem;
  }
  .zhaopai-map{
    font-size: 1.125rem;
    color: #494949;
    line-height: 1.875rem;
    margin-top: .625rem;
  }
  .cookie{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 10;
    padding: 20px 0;
  }
  .cookie .cookie-title{
    font-size: 2rem;
    color:#ffffff;
    line-height: 2.8125rem;
  }
  .cookie .cookie-flex{
    margin-top: 10px;
  }
  .cookie .cookie-flex-left{
    font-size: 1.125rem;
    color: #ffffff;
    line-height: 2rem;
    margin-right: 1.25rem;
    flex: 1;
  }
  .cookie .cookie-flex-right{
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .cookie .cookie-flex-right-btn{
    background: #376968;
    color: #ffffff;
    font-size: 1.125rem;
    line-height: 2.1875rem;
    padding: 0 1.25rem;
    margin-left: 10px;
  }
  .cookie .cookie-flex-right-btn:hover{
    cursor: pointer;
    opacity: 0.85;
  }
  .affiliate{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20000000;
  }
  .affiliate .affiliate-opacity{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
  }
  .affiliate .affiliate-modal{
    background-image: url('../images/modal_back.png');
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 46.25rem;
    height: 33.125rem;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 30000000;
    padding: 2.5rem;
    margin-top: -19.0625rem;
    margin-left: -25.625rem;
  }
  .affiliate .affiliate-logo{
    text-align: center;
  }
  .affiliate .affiliate-logo img{
    width: 15.5rem;
  }
  .affiliate .affiliate-con{
    margin-top: 3.125rem;
  }
 .affiliate .affiliate-con p{
    font-size: 1.125rem;
    color: #ffffff;
    line-height: 2.5rem;
    margin: .9375rem 0;
 }
 .affiliate-close{ 
    position: absolute;
    top:10px;
    right: 10px;
    width: 50px;
    height: 50px;
 }

 .page{ margin: 50px auto;}
 .page .uk-pagination a,.page .page-num{ display: block; padding:0; height: 40px; line-height: 40px; padding:0 8px; min-width:38px; text-align: center; border:1px solid #e8ecee;  background: #fff; margin-left:-1px; color:#748185; }
 .page .uk-pagination a:first-child{border-top-left-radius: 4px; border-bottom-left-radius: 4px; background: #fff;}
 .page .uk-pagination a:last-child{border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-color: #fff;}
 .page .uk-pagination a span{ display: flex; justify-content: center; align-items: center; height: 100%; line-height: 40px; padding:0; }
 .page .uk-pagination a svg{ display: block;}
 .page .uk-pagination .page-num-current, .page .uk-pagination a:hover{ color:#fff; background: #376968; border-color:#376968; }
 .page .uk-pagination a:hover span{ color:#fff;}
 /* .page .uk-pagination .uk-icon{ padding:9px 0; } */
 .page .uk-pagination .current{ border-top:1px solid #e8ecee; border-bottom:1px solid #e8ecee; height: 40px; line-height: 38px; padding:0 15px; color:#748185; background:#fff; }
 .page .jump { margin-left:20px; }
 .page .jump select{ height: 38px; border:1px solid #e8ecee; color:#748185; line-height: 38px; border-radius: 4px; padding-left:10px; padding-right:10px; }
 .page .jump input{ width:50px; border:1px solid #e8ecee; height: 38px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; margin-left:5px; text-align: center; color:#748185; outline: none; }
 .page .jump button{ cursor: pointer; color:#748185; background:#ffffff; height: 38px; padding:0 10px; border:1px solid #e8ecee; border-left: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

 @media screen and (max-width: 960px) {
    .pages{ display: block; }
    .pages .jump{ margin:15px auto; justify-content: center; }
 }