@charset "utf-8";
@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_803364_0pbs7klmh95g.eot);src:url(//at.alicdn.com/t/font_803364_0pbs7klmh95g.eot?#iefix) format('embedded-opentype'),url(//at.alicdn.com/t/font_803364_0pbs7klmh95g.woff2) format('woff2'),url(//at.alicdn.com/t/font_803364_0pbs7klmh95g.woff) format('woff'),url(//at.alicdn.com/t/font_803364_0pbs7klmh95g.ttf) format('truetype'),url(//at.alicdn.com/t/font_803364_0pbs7klmh95g.svg#iconfont) format('svg')}
@font-face{font-family:lithospro;src:url(../fonts/lithospro/fonteditor.eot);src:url(../fonts/lithospro/fonteditor.eot?#iefix) format("embedded-opentype"),url(../fonts/lithospro/fonteditor.woff) format("woff"),url(../fonts/lithospro/fonteditor.ttf) format("truetype"),url(../fonts/lithospro/fonteditor.svg#iconfont) format("svg")}
body{background-color:#fff;overflow-x:hidden;height:auto}
.loader_{position:fixed;width:120px;height:120px;left:50%;top:50%;margin:-60px 0 0 -60px;z-index:80;display:none}
.loader_ .ani{position:relative;width:100%;height:100%;left:0;top:0;background-position:0 0;animation:ds 1s infinite steps(6);background-image:url(../images/loader.png);background-size:100% auto}
@keyframes ds{
0%{background-position:0 0}
100%{background-position:0 100%}
}
.swiper-container.hb {
    height: 44vw;

  }
  .swiper-container.hb  .swiper-slide {
    overflow: hidden;
  }

  .swiper-container.hb .slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
  }
.nls{
    width: 37%;
    height: auto;
    float: left;
}
.nrs{
    width: 50%;
    height: auto;
    float: right;
    position: relative;
    padding-right: 5%;
}
#index .section1.s0{
    z-index: 5;
    padding-top: 200px;
}
.ptn{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    
    width: 75px;
    height: 75px;
    line-height: 75px;
    transition: ease .5s;
    background: #ffff;
    border-radius: 50%;
    cursor: pointer;
    margin-left: -37.5px;
    margin-top: -37.5px;
    -webkit-transition: all .5s;
}
.ptn span{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    background: url(../images/ptn_icon.png) no-repeat;
    background-size: 60px auto;
}
.ptn:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,.5);
    transform: translate(-50%,-50%) scale(.9);
    transition: all .5s cubic-bezier(.215,.61,.355,1) 0s;
}
.ptn:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.25);
    transform: translate(-50%,-50%) scale(.9);
    transition: all .4s cubic-bezier(.215,.61,.355,1) 50ms;
}
.ptn:hover:before {
    transform: translate(-50%,-50%) scale(1.3);
}
.ptn:hover:after {
    transform: translate(-50%,-50%) scale(1.6);
}
.ptn.active{
    -webkit-transform: scale(0.5);
    left: 0%;
}
.ptn.active span{
    background-position: -30px 0;
}
.nrs .b1{
    width: 220px;
    height: auto;
    position: absolute;
    right: -50px;
    top: -100px;
}
.nrs .b2{
    width: 180px;
    height: auto;
    position: absolute;
    right: -100px;
    bottom: -70px;
}
.ttxs{
    width: 100%;
    height: auto;
    position: relative;
    border: 5px solid #044c43;
    border-radius: 10px;
    background: #044c43;
    box-sizing: border-box;
}
.ttxs video{
    width: 100%;
    display: block;
}
._w850{
    width: 850px;
    height: auto;
    margin: auto;
    position: relative;
    overflow: hidden;
}
.nb_ad{
    width: 100%;
    height: 80px;
    position: fixed;
    z-index: 100;
    background: rgba(23,79,70,.85);
    left: 0px;
    bottom: 0px;
}
.nb_ad::after,.nb_ad::before{
    width: 212px;
    display: block;
    height: 80px;
    background: url(../images/jy2.png) no-repeat;
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
}
.nb_ad::before{
    left: auto;
    right: 0px;
    background-image: url(../images/jy1.png);
}
.nb_img{
    width: 480px;
    height: auto;
    float: left;
    margin-top: 5px;
}

.nb_form{
    width: 325px;
    height: auto;
    float: right;
}

.nb_form .nb_tips{
    width: 100%;
    height: auto;
    color: #fff;
    margin-top: 15px;
}
.nb_form .nb_tips span{
    color: red;
    font-weight: bold;
    font-size: 16px;
}

.nb_form .nb_inputs{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 5px;
}

.nb_form .nb_inputs input{
    width: 190px;
    height: 30px;
    border: none;
    border-radius: 30px;
    text-indent: 10px;
    float: left;
}

.nb_form .nb_inputs a{
    width: 100px;
    height: 30px;
    line-height: 30px;
    background: #d4bf93;
    color: #3e3e3e;
    text-align: center;
    display: block;
    float: left;
    margin-left: 15px;
    border-radius: 35px;
    cursor: pointer;
}

.nb_form .nb_inputs a.active{
    cursor: no-drop;
    opacity: .5;
}

.nb_form .nb_inputs a:hover{
    background: #cab17c;
}

.intro{background:#007566;color:#fff;padding:50px 0}
.intro_box{max-width:1200px;line-height:1.7;font-size:16px;margin:auto;overflow:hidden}
.intro_box .in_l{width:calc(100% - 600px);height:auto;float:left;font-size:20px;line-height:2}
.intro_box .in_l p{margin-bottom:15px}
.intro_box .in_l h2{font-size:40px;margin-bottom:45px;position:relative}
.intro_box .in_l h2::after{width:160px;height:1px;position:absolute;left:0;bottom:0;content:'';background:#fff;opacity:.5}
.intro_box .in_r{width:475px;height:auto;float:right}
.hot_tel{float:right;width:280px;margin-top:15px;margin-left:45px}
.menu{width:100vw;height:100vh;position:fixed;left:0;top:0;z-index:30;visibility:hidden;background:rgba(0,0,0,.4)}
.menu.active{visibility:visible}
.menu-cover{display:block;top:35px;right:35px;width:1100px;height:1100px;position:absolute;background-color:#fff;border-radius:50%;transform:translate(50%,-50%) scale(0);-webkit-transform:translate(50%,-50%) scale(0);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s}
.menu.active .menu-cover{-webkit-transform:translate(50%,-50%) scale(1)}
.menu img{width:130px}
.menu .con{padding:5vw 3vw;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;width:100%;height:100%;box-sizing:border-box}
.menu .con h2{width:50px;position:absolute;left:10px;top:10px;-webkit-transform:scale(0);-webkit-transition:all .5s}
.menu.active .con h2{-webkit-transition-delay:.4s;-webkit-transform:scale(1)}
.no-flexbox #index .section1 .left{display:inline-block;vertical-align:middle}
.no-flexbox #index .section1 .w1200,.no-flexbox #index .section2 .w1200{white-space:nowrap}
.no-flexbox #index .section1 .d_t{display:inline-block;vertical-align:middle;margin-left:15%}
.no-flexbox #index .section2 .left{display:inline-block;vertical-align:middle}
.no-flexbox ._InBanner .text .item{display:inline-block;width:calc(100% / 3 - 3px);min-height:100px;vertical-align:top;overflow:hidden}
.no-flexbox #index .section2 .right{display:inline-block;vertical-align:middle;margin-right:auto;margin-left:10%}
.no-flexbox #dishes .ul .li .title{display:block;text-align:center;position:absolute;left:0;top:50%;margin-top:-15px;width:100%}
.no-flexbox #join .section3 ul{font-size:0}
.no-flexbox #join .section3 ul li{display:inline-block;vertical-align:top}
.no-flexbox #join .swiper-slide{padding:0 10px}
.no-flexbox #join .swiper-container{height:220px}
.no-flexbox #join .section1 .box{font-size:0}
.no-flexbox #join .section1 ul{display:inline-block;font-size:18px;vertical-align:middle}
.no-flexbox #join .section1 .box .img-box{display:inline-block;vertical-align:middle;margin-left:10%}
.no-flexbox ._InBanner .text .item h3{float:left}
.no-flexbox ._InBanner .text .item p{float:right}
.loaded body,body.loaded{height:auto;overflow-y:auto;overflow-x:hidden}
body.loaded::before{opacity:0;visibility:hidden}
#join .img-box{overflow:hidden}
body.loaded .loader_{transform:translateY(-50px);opacity:0;visibility:hidden;transition:all .5s}
.menu .list_ a{display:block;line-height:45px;color:#fff;font-size:24px}
.menu .list_ a.active{color:#c9ac71}
.menu .list_ a+a{margin-top:15px}
.menu .list_{margin-top:30vw}
.xd{background:url(../images/x_bg.jpg)}
.brand_box,.ks_list{width:1200px;margin:auto;height:auto;overflow:hidden}
.brand_box ul li{width:32%;height:auto;float:left;margin-right:2%}
.brand_box ul li:nth-child(3n){margin-right:0}
.brand_box ul li .thum{width:100%;height:auto;position:relative}
.brand_box ul li .thum img{width:100%}
.brand_box ul li .des{width:100%;min-height:160px;line-height:2;font-size:16px}
.form_box{width:1200px;margin:auto;height:auto;position:relative;padding:20px}
.linel{width:20px;height:100%;position:absolute;left:0;top:0;background:url(../images/border-bg.jpg)}
.linet{width:100%;height:20px;position:absolute;left:0;top:0;background:url(../images/border-bg.jpg)}
.liner{width:20px;height:100%;position:absolute;right:0;top:0;background:url(../images/border-bg.jpg)}
.lineb{width:100%;height:20px;position:absolute;left:0;bottom:0;background:url(../images/border-bg.jpg)}
.form_box::before{width:100%;height:20px;position:absolute;left:0;bottom:0;background:url(../images/border-bg.jpg);content:''}
.form_box::after{display:block;width:100%;height:1px;clear:both;content:''}
.kshq_form{width:370px;height:auto;background:#007162;color:#fff;float:left;padding:30px 25px;margin-left:100px;box-sizing:border-box;position:absolute;bottom:50px}
.kshq_form .name{font-size:36px;line-height:1.4;text-align:center;margin-bottom:25px}
.kshq_form .name p{font-size:20px}
.kshq_form .ks_title{width:100%;font-size:16px;line-height:2}
.kshq_form .ks_input{width:100%;height:auto;margin-bottom:15px}
.kshq_form .ks_input input{width:100%;height:40px;background:0 0;border:1px solid #fff;box-sizing:border-box;    color: #fff;text-indent: 10px;}
.ks_rs{width:600px;height:auto;float:right}
.ks_btn{width:100%;height:50px;line-height:50px;background:#fff;color:#007566;font-size:18px;text-align:center}
.brandStory .ks_btn.active{background: #ccc;color: #999;cursor: no-drop;}
.ks_rs .title{font-size:36px;color:#007162;line-height:2;text-align:center}
.ks_list{width:100%}
.ks_list ul li{width:18%;height:auto;float:left;margin-right:2.5%}
.ks_list ul li:nth-child(5n){margin-right:0}
.ks_list ul li .icon{width:100%;height:70px;position:relative;background:rgba(37,113,38,.1);text-align:center;line-height:70px}
.ks_list ul li .txt{width:100%;height:30px;text-align:center;line-height:30px}
.brand_box ul li .img{width:100%;height:auto;margin-top:15px}
.menu-btn{position:fixed;right:15px;top:15px;width:40px;height:40px;z-index:31;background-color:#007566;display:none;border-radius:50%;box-shadow:0 0 15px 5px rgba(0,0,0,.1)}
.m_logo{position:fixed;left:15px;top:15px;z-index:20;display:none;width:40px}
.m_logo img{width:100%}
.menu-btn span{width:12px;height:2px;position:absolute;left:14px;top:15px;background-color:#fff;-webkit-transition:all .8s;-o-transition:all .8s;transition:all .8s;border-radius:1px}
.header{display:none}
.menu-btn span:nth-child(2){top:19px;transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1)}
.menu .jm{color:#007566;font-size:26px;position:relative;text-align:center;width:100%;-webkit-transition:all .5s;opacity:0;-webkit-transform:translateX(50px)}
.menu .jm span{display:block;color:#007566;font-size:16px;text-align:center;margin-bottom:0}
._header .con li{width:100%;margin-left:0;opacity:0;-webkit-transform:translateX(50px);-webkit-transition:all .5s}
.menu.active .jm{-webkit-transition-delay:.7s}
.menu.active .con li,.menu.active .jm{opacity:1;-webkit-transform:translateX(0)}
.menu.active .con li{-webkit-transition-delay:.2s}
.menu.active .con li:nth-child(2){-webkit-transition-delay:.3s}
.menu.active .con li:nth-child(3){-webkit-transition-delay:.4s}
.menu.active .con li:nth-child(4){-webkit-transition-delay:.5s}
.menu.active .con li:nth-child(5){-webkit-transition-delay:.6s}
.menu.active .con li:nth-child(6){-webkit-transition-delay:.7s}
.menu.active .con li:nth-child(7){-webkit-transition-delay:.8s}
.menu.active .con li:nth-child(8){-webkit-transition-delay:.9s}
._header .con ul{display:block;width:100px;position:relative;left:50%;padding-top:0;text-align:center;margin-top:25%;margin-bottom:45px;-webkit-transform:translateX(-50%)}
.menu-btn span:nth-child(3){top:23px}
.menu-btn.active span:nth-child(1){top:19px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}
.menu-btn.active span:nth-child(2){transform:scale(0,1);-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);-o-transform:scale(0,1)}
.menu-btn.active span:nth-child(3){top:19px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
._InBanner{margin:0 auto;overflow:hidden;position:relative}
._InBanner .pic::before{background:linear-gradient(to bottom,rgba(0,0,0,.75),rgba(0,0,0,0));position:absolute;width:100%;height:130px;content:"";display:block;left:0;top:0}
._InBanner .pic{position:absolute;width:100%;height:100%;background-size:cover;background-position:center}
*{-webkit-tap-highlight-color:transparent}
._header{margin-bottom:20px}
._header.index_{position:absolute;width:100%;left:0;top:0;z-index:20}
._header.index_ ._nav{position:relative}
._header ._nav{overflow:hidden;width:100%;position:absolute;padding:0 20px 0 100px;box-sizing:border-box;z-index:3}
._header ._nav h2{width:80px;float:left;margin-top:40px}
._header ul{float:right;padding-top:35px}
._header li{display:inline-block;line-height:initial;margin-left:30px;line-height:40px;margin-bottom:5px}
._header li a{color:#fff;position:relative;z-index:5;display:block;font-size:16px;min-width:80px;text-align:center}
._header li a:after{width:0%;height:2px;position:absolute;right:0;bottom:0;background:#1db99e;content:'';-webkit-transition:all .4s}
._header li a.active:after,._header li a:hover:after{left:0;width:100%}
._header .con li a.active{color:#007566}
._header li a.active{color:#fff}
._typeSwiper{text-align:center;margin:40px auto 0}
._typeSwiper a{color:#007566;display:inline-block;border-radius:50%;vertical-align:middle;padding:18px;margin:0 .5%;width:80px;height:80px}
._typeSwiper a.active{background:#007566;color:#fff}
._typeSwiper a i{font-size:38px;display:inline-block}
._typeSwiper a span{margin-top:6px;display:block}
._content .home_banner .pagination{text-align:center;position:absolute;width:100%;z-index:5;bottom:2%;z-index:8}
._content .home_banner .pagination span{width:10px;height:10px;opacity:.5;background:#fff}
._content .home_banner .pagination span.swiper-pagination-bullet-active{background:#fff;opacity:1}
.sub_name{width:100%;height:auto;text-align:center;color:#257666}
.sub_name .cns{width:100%;font-size:36px;line-height:1.2}
.sub_name .ens{width:100%;font-size:14px;text-transform:uppercase}
#dishes{margin-bottom:50px}
#dishes .ul{overflow:hidden;padding:100px 0 0;max-width:1550px;margin:0 auto}
#dishes .ul .li{float:left;width:calc(25% - 1px);position:relative}
#dishes .ul .li .box{position:relative;padding:30px 25px;transition:transform 250ms ease-in-out}
#dishes .ul .li .wrap{position:relative}
#dishes .ul .li img{width:100%}
#dishes .ul .li .link-title{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;text-align:center;background:rgba(0,0,0,.3);z-index:5;opacity:0;transition:opacity 250ms cubic-bezier(.02,.01,.47,1),transform 250ms cubic-bezier(.02,.01,.47,1)}
#dishes .ul .li .title{line-height:30px;font-size:28px;justify-content:center;align-items:center;text-align:center;z-index:5;color:#fff;display:inline-block;position:relative}
#dishes .ul .li .title:after{content:"";position:absolute;width:0;height:.215em;top:50%;transform:translateY(-50%);background:#007566;left:0;transition:ease .3s .3s;opacity:0}
#dishes .ul .li .pic{width:100%;height:100%;background-size:cover;background-position:center;z-index:0;position:absolute}
#dishes .ul.gd .li .pic{height:100%}
.no-touch #dishes .ul .li:hover .box{transform:translateY(-3%)}
.no-touch #dishes .ul .li:hover:after{opacity:1}
.no-touch #dishes .ul .li:hover .link-title{opacity:1}
.no-touch #dishes .ul .li:hover .title:after{width:100%}
#dishes .ul .number{position:absolute;color:#1db99e;font-size:6.5rem;width:100%;text-align:center;top:-47px;font-weight:700;z-index:9;font-family:visuelt-bold,Helvetica,sans-serif;text-shadow:0 0 15px rgba(0,0,0,.2)}
#news{padding-bottom:100px}
#news .ul{padding:60px 0 40px;max-width:1550px;margin:0 auto}
#news .ul .li{overflow:hidden;padding:30px;background:#fffefe;position:relative;margin-bottom:20px}
#join ._w90{width:100%;max-width:1550px}
#news .ul .picBox{overflow:hidden;float:left;width:37%;position:relative}
#news .ul .picBox .pi{position:absolute;width:100%;height:100%;background-size:cover;background-position:center}
#news .ul .li img{width:100%}
#news .Introduction{width:63%;float:right;height:100%;position:absolute;padding:30px;box-sizing:border-box;right:0;top:0}
#news .title{font-size:26px;margin-bottom:20px;max-height:70px;overflow:hidden}
#news .description{font-size:14px;line-height:1.6;max-height:44px;overflow:hidden}
#news .timer{font-size:30px;position:absolute;bottom:45px;padding-top:20px;border-top:1px solid #dadada;color:rgba(62,62,62,.5)}
#store{margin-top:60px;padding-bottom:100px}
#store .ul{max-width:1550px;margin:0 auto;position:relative}
#store .li{width:calc(25% - 1px);z-index:5}
#store .li .box{position:relative;padding:10px}
#store .hot .li{width:100%;position:relative;margin-bottom:40px}
#store .li img{width:100%;position:relative}
.home_banner{font-size:0;height:auto;position:relative;text-align:center;height:auto; background: #007162;}
.w1200{max-width:1200px;margin:0 auto;position:relative}
.home_banner ._table{height:100%}
.home_banner ._table-center{height:100%}
.home_banner .left_,.home_banner .right_{width:95px;display:inline-block;vertical-align:middle;font-size:14px;text-align:center;color:#666}
.home_banner .center_{position:relative}
.home_banner .center_::before{background:linear-gradient(to bottom,rgba(0,0,0,.43),rgba(0,0,0,.03));position:absolute;width:100%;height:130px;content:"";display:block;left:0;top:0;z-index:6}
.home_banner .line_{width:65px;height:1px;background-color:#e4e4e4;margin:8px auto}
.home_banner .line_ span{display:block;height:100%;width:50%;background-color:#007566}
#index .homeBanner{height:100vh;position:relative;overflow:hidden}
#index .homeBanner .button-next,#index .homeBanner .button-prev{position:absolute;width:60px;height:60px;background:red;transform:translateY(-50%);top:50%;cursor:pointer;z-index:5}
#index .homeBanner .button-next{right:2%}
#index .homeBanner .button-prev{left:2%}
#index .homeBanner .hbUl{width:100%;height:100%;position:relative;transform:translate3d(0,0,0)!important}
#index .homeBanner .hbUl .hbLi{background-size:cover;background-position:center;opacity:0;transform:scale(1.1);-webkit-transform:scale(1.1);transition-duration:1s;-webkit-transition-duration:1s;top:0;left:0;display:block;width:100%!important;position:absolute;visibility:hidden}
#index .homeBanner .hbUl .hbLi.swiper-slide-active{opacity:1;transform:scale(1);-webkit-transform:scale(1);visibility:inherit}
.center_ li{position:relative;overflow:hidden}
.center_ li .pic{position:absolute;height:100%;width:100%;background-size:cover;background-position:center;opacity:0;-webkit-transform:scale(1.1);transition-duration:1s;-webkit-transition-duration:1s}
.center_ li.swiper-slide-active .pic{opacity:1;-webkit-transform:scale(1)}
.center_ .text{position:absolute;left:10%;bottom:30%;font-size:50px;color:#fff;z-index:2}
.center_ .text .p2{font-size:36px}
.center_ .text .p2 span{display:inline-block;line-height:55px;width:55px;border-radius:50%;background-color:#007566;text-align:center;margin-left:10px}
.home_banner .controls p{display:inline-block;margin:0;font-size:26px;cursor:pointer;opacity:.7;font-weight:700;outline:0}
.no-touch .home_banner .controls p:hover{color:#007566;opacity:1}
.home_banner .center_{position:relative;height:100%;background:#164c44}
.home_banner .button-next,.home_banner .button-prev{position:absolute;width:60px;height:60px;transform:translateY(-50%);top:50%;cursor:pointer;z-index:5;line-height:60px;text-align:center;color:#fff;font-size:84px;opacity:.5;transition:ease .5s}
.home_banner .button-next:hover,.home_banner .button-prev:hover{opacity:1}
.home_banner .button-next{right:2%}
.home_banner .button-prev{left:2%}
.home_banner .read-more{position:absolute;bottom:0;width:210px;height:80px;background-color:#007566;color:#fff;z-index:2;font-size:14px;font-family:lithospro;font-weight:100;text-align:center;left:50%;margin-left:-105px;bottom:-40px;cursor:pointer}
.home_banner .read-more p{line-height:20px;position:relative;top:50%;margin-top:-10px}
.home_banner .read-more p span{display:inline-block;border-bottom:1px solid #fff}
.home_banner .scroll_tip{position:absolute;left:50%;transform:translateX(-50%);bottom:-10%;color:#007566;font-size:10px;font-family:lithospro;font-weight:700;text-align:center}
.home_banner .scroll_tip .iconfont{font-size:16px}
.home_banner .wx{position:absolute;bottom:20px;right:50px;font-size:22px}
.home_banner .wx p{display:inline-block;cursor:pointer;padding:3px;border-radius:50%}
.home_banner .wx p+p{margin-left:10px}
.no-touch .home_banner .wx p:hover{color:#007566}
#index .section{position:relative;margin:0 auto}
#index .section1{background-color:#007162;padding:132px 0 32px;color:#fff}
#index .section1 .left{position:relative;margin-left:-15%}
#index .section1 .left .box{position:absolute;width:100%;height:100%;left:0;top:0}
#index .section1 h2{font-size:50px}
#index .section1 p{font-size:20px;color:#c9ac71}
#index .section1 h4{font-size:60px}
#index .section1 .d_c{display:none}
#index .section1 h4 span{font-size:26px}
#index .section1 .w1200{display:flex;justify-content:space-between;align-items:center}
#index .section1 .w1200 .d_t{margin-top:-40px}
#index .section1 .left .ba{position:absolute;bottom:0;right:0;z-index:5}
#index .section1 .left .bc{position:absolute;top:0;left:0}
#index .video-box{position:absolute;z-index:3;bottom:5%;left:40%;overflow:hidden;box-shadow:0 0 0 7px #044c43;border-radius:10px}
#index .section3 .t{position:relative;margin:0 auto;margin-bottom:30px}
#index .section3{text-align:center;padding:135px 0;background-color:#f4f4f2}
#index .section4{color:#fff;background-color:#c9ac71;text-align:center;padding:70px 0 100px}
#index .section4 h2{font-size:42px;margin-bottom:75px}
#index .section4 h4{display:inline-block;width:200px;line-height:36px;border-radius:36px;color:#c9ac71;background-color:#fff;font-size:18px;margin-bottom:45px}
#index .section4 .item+.item{margin-top:60px}
#index .section3 .a{display:inline-block}
#index .section4 ul{font-size:0;-webkit-text-size-adjust:none}
#index .section4 ul li{display:inline-block;width:20%;line-height:35px;font-size:18px;text-align:center;cursor:pointer}
#index .section4 ul li:nth-child(n+6){margin-top:14px}
.section5{overflow:hidden;width:100%}
.section6{width:100%;height:513px;background:url(../images/hellos.jpg) center center no-repeat}
.section6 img{display:none}
.section3 a img{display:inline-block;vertical-align:top}
.section3 a span{display:inline-block;line-height:41px;vertical-align:top;color:#026659;font-size:40px;font-weight:700;margin-left:15px}
#index .video-box video{display:block;width:100%}
._container{padding-top:0}
.section2{background-color:#026659;padding:85px 0 90px}
.section2 .w1200>.right{max-width:1270px;margin-top:35px;color:#c9ac71;position:relative;z-index:3}
.section2 .w1200>.right::after{width:100%;position:absolute;height:77px;content:'';background-image:url(../images/shadow.png);background-position:center center;background-repeat:no-repeat;z-index:-1;left:0;bottom:-36px}
.section2 .w1200{max-width:unset}
.section2 .right .swiper-container{padding-top:20px}
.section2 .right .swiper-container .swiper-slide{display:flex;padding:6px;background-color:#044c43;box-sizing:border-box;align-items:center}
.section2 .right .swiper-slide .img-box{width:440px;height:365px; background: center center no-repeat; background-size: cover;}
.section2 .right .swiper-slide .name{position:absolute;font-size:22px;line-height:40px;padding:0 44px;border-radius:40px;background-color:#fff;color:#026659;top:-20px;left:50%;transform:translateX(-50%)}
.section2 .right>._iconfont{position:absolute;width:58px;line-height:58px;text-align:center;border-radius:58px;color:#fff;background-color:#044c43;top:50%;left:-29px;margin-top:-18px;z-index:5;cursor:pointer;font-size:30px;outline:0}
.section7 .list a{display:block;display:flex;max-width:600px;width:100%;padding:18px 55px 18px 32px;box-sizing:border-box;color:#026659}
.section7 .list a .date{width:90px;border-right:2px solid #026659;padding-left:8px;box-sizing:border-box;line-height:1}
.section7 .list a .text{width:calc(100% - 90px);padding-left:24px;box-sizing:border-box}
.section7 .list a .text .title{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px;font-weight:700}
.section7 .list a .text .des{color:#888;height:38px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.section7 h2{font-size:42px;text-align:center;color:#026659;margin-bottom:55px}
.section7{padding:85px 0 0px;background-color:#f1f1f1}
.section7 .list a .date .day{font-size:46px;line-height:1}
.section7 .list a:hover{background-color:#fff}
.section7 .list a .date .mounth{color:#a6a6a6;font-size:14px;margin-top:3px}
.section7 .list{display:flex;flex-wrap:wrap}
.section2 .right>._iconfont.right{left:auto;right:-29px;color:#044c43;background-color:#fff}
.section2 .right .swiper-slide .text{width:calc(100% - 440px);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:18px;padding:0 60px;box-sizing:border-box}
.section2 .right .swiper-slide .text .item{display:flex;align-items:center}
.section2 .right .swiper-slide .text .item .r{width:100px;margin-left:10px}
.section2 .right .swiper-slide .text .item:nth-child(n+4){margin-top:30px}
.section2 .right .swiper-slide .text ._iconfont{width:94px;line-height:94px;border:2px solid #c9ac71;border-radius:50%;text-align:center;font-size:44px}
.section2 .right .swiper-slide .text .item:nth-child(2) ._iconfont{font-size:50px}
.section2 .right .swiper-slide .text h4{font-size:28px}
.section2 .limg{position:absolute;left:-27px;bottom:-45px;z-index:5}
.section2 .rimg{position:absolute;z-index:5;right:-43px;bottom:-40px}
.section2 .right .swiper-slide .text h4 span{font-size:16px;margin-left:5px;font-weight:400}
.section2 .w1200{display:flex;align-items:center;flex-direction:column}
.map{position:fixed;z-index:99;left:0;top:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.7);display:none}
.map .box{width:700px;height:450px;position:absolute;left:50%;top:50%;margin:-225px 0 0 -350px;border:4px solid #026659;border-radius:5px}
.BMap_Marker label{padding:1px 8px!important}
#map img{max-width:unset}
.map .box .close{width:40px;position:absolute;right:-60px;top:0;cursor:pointer}
#map{position:relative;width:100%;height:100%}
.section4 .lines{width:0;height:220px;left:50%;position:relative;background-color:#3e3e3e}
.section4 .text{font-family:lithospro;text-align:center;font-size:20px;color:#007566;font-weight:700;margin-top:20px;margin-bottom:10px}
.section4 a{display:block;width:420px;height:60px;color:#fff;background-color:#007566;border-radius:60px;line-height:60px;text-align:center;margin:0 auto;font-size:24px}
.section4 a span{font-size:32px;vertical-align:middle;font-family:lithospro}
.footer-box{position:relative;overflow:hidden;width:100%;color:#fff;background-color:#242424;margin:0 auto;padding:90px 0 125px}
.footer-box .info{width:80%;margin:0 auto}
.footer-box .info p{display:inline-block;color:rgba(255,255,255,.5)}
.footer-box .info a{color:rgba(255,255,255,.5)}
.footer-box .footer_nav{overflow:hidden;margin:0 auto;position:relative;width:80%}
.link{margin:21px auto;position:relative;width:80%;opacity:.4}
.footer-box .footer_nav .footer_right{float:right;font-size:26px;text-align:right;margin-bottom:30px;color:#c9ac71}
.footer-box .footer_nav .footer_right .p2{font-size:15px;display:none}
.footer-box .footer_nav .footer_right .tel{font-size:30px;margin-bottom:15px;margin-top:5px;color:#fff;letter-spacing:2px}
.footer-box .footer_nav ul{float:left}
.footer-box .footer_nav ul li{display:inline-block;vertical-align:top}
.footer-box .footer_nav a:hover{opacity:.7}
.footer-box .footer_nav ul li>a{font-size:18px;color:#c9ac71;font-weight:700}
.footer-box .footer_nav .item a{display:block}
.footer-box .footer_nav ul li+li{margin-left:90px}
.footer-box .footer_nav .item{margin-top:25px;font-size:16px}
.footer-box .footer_nav .item a+a{margin-top:20px}
._footer{padding:80px 0}
.footer-box .footer_nav .footer_right img{display:inline-block}
._footer .info{opacity:.5;font-size:13px}
._footer .info p{display:inline-block;margin-right:30px}
.title.common p{font-size:24px}
.title.common{color:#007566;font-size:24px;text-transform:uppercase}
.title.common p:nth-child(1){font-weight:700}
#join .box1{padding:30px 3%;background-color:#fff}
.title.common p+p{font-weight:100}
#join .box1 .detail{margin-top:15px;line-height:1.8}
#join .box2 .title{padding-left:3%;margin-bottom:50px}
#join .list_ li{max-width:50%;display:inline-block}
#join .list_{font-size:0;text-align:center}
#join .box2{margin-top:50px}
#join .box3{overflow:hidden;padding:50px 7% 80px;background-color:#007566;color:#fff}
#join .box3 .title.common{float:left;color:#fff}
#join .box3 .input_{display:inline-block;width:49%;margin-bottom:35px}
#join .box3 #city{color:#fff;padding-left:15px;display:inline-block;background:0 0;outline:0;border:none;width:71%}
#join .box3 #city select{padding-left:15px;display:inline-block;background:0 0;color:#fff;outline:0;border:none;border-bottom:1px solid rgba(255,255,255,.4);width:41%}
#join .box3 #city select option{background:#fff;color:#000}
#join .box3 .input_.AccessionArea input{width:29%;margin-right:2%}
#join .box3 .input_ span{display:inline-block;text-align-last:justify;width:96px;font-size:16px}
#join .box3 .input_:nth-child(2n){padding-left:1%}
#join .box3 .form{float:right;margin-left:0;width:65%}
#join .box3 input{color:#fff;padding-left:15px;display:inline-block;background:0 0;outline:0;border:none;border-bottom:1px solid rgba(255,255,255,.4);width:71%}
#join .btn{width:160px;line-height:40px;color:#007566;border-radius:20px;transition:all .4s;text-align:center;cursor:pointer;font-weight:600;font-size:19px;background:#fff}
#join .btn:hover{box-shadow:0 0 10px 0 rgba(55,55,55,.2)}
#join .box4{text-align:center;color:#007566;padding:150px 0;font-size:26px;text-transform:uppercase;background:#fff}
#join .box4 h3{font-weight:100}
@keyframes rotate{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.s_3_1_6{animation:rotate linear 3s infinite}
._footer .info{opacity:.5;font-size:13px}
._footer .info p{display:inline-block;margin-right:30px}
#join .section{background-color:#fff;margin-top:90px}
#join .title-m{font-size:36px;color:#007566;margin-bottom:30px}
#join .section1 h4{font-size:24px;color:#007566;margin-bottom:10px}
#join .section1 .box{display:flex;font-size:18px;justify-content:space-between}
#join .section1 h4 span{font-size:30px;margin-right:15px;line-height:1}
#join .section1 ul li+li{margin-top:50px}
#join .section1 ul{max-width:900px}
#join .swiper-slide{width:240px;text-align:center;font-size:20px;position:relative}
#join .swiper-container{margin-top:80px}
#join .swiper-slide ._iconfont{width:130px;line-height:130px;border-radius:50%;color:#fff;background-color:#007566;font-size:50px;text-align:center;display:inline-block;margin-bottom:20px}
#join .swiper-slide+.swiper-slide::after,#join .swiper-slide+.swiper-slide::before{content:"";position:absolute;right:-7px;top:65px;width:8px;height:1px;background-color:#007566;transform-origin:right center;transform:rotate(45deg);display:none}
#join .swiper-slide+.swiper-slide::before{transform:rotate(-45deg)}
#join .controller{margin-top:70px;text-align:center;font-size:0;-webkit-text-size-adjust:none;overflow:hidden}
#join .controller ._iconfont{display:inline-block;width:50px;line-height:50px;border-radius:50%;border:1px solid #007566;color:#007566;font-size:26px;position:relative;outline:0;cursor:pointer}
#join .controller ._iconfont+._iconfont{margin-left:20px}
#join .controller ._iconfont::before{content:'';position:absolute;left:-1000px;top:50%;height:1px;background-color:#007566;opacity:.4;width:1000px}
#join .controller ._iconfont.r::before{left:auto;right:-1000px}
#join .controller ._iconfont:hover{background-color:#007566;color:#fff}
#join .section3 ul{display:flex;flex-wrap:wrap;margin-bottom:90px}
#join .section3 ul li{width:50%;padding-right:5%;box-sizing:border-box;margin-top:40px;font-size:18px}
#join .section3 ul li:nth-child(2n){padding-right:0;padding-left:5%;box-sizing:border-box}
#join .section3 ul li .title{font-size:24px;color:#007566;margin-bottom:10px}
#join .section3 ul li .title span{display:inline-block;width:22px;height:22px;border-radius:50%;border:2px solid #007566;box-sizing:border-box;position:relative;margin-right:10px}
#join .section3 ul li .title span::before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;border:1px solid #007566;left:50%;top:50%;margin-left:-6px;margin-top:-6px}
#join .section3 ul li .title+p{padding-left:32px}
#join .section3{padding-bottom:120px}
._InBanner .text{position:relative;width:100%;left:0;bottom:0;background-color:#007566;color:#fff;display:flex;padding:34px calc((100% - 1550px)/ 2) 30px;box-sizing:border-box}
._InBanner .text .item{width:calc(100% / 3);padding:0 40px;box-sizing:border-box;display:flex;justify-content:space-between}
._InBanner .text .item p{max-width:290px;width:65%;text-align:justify;line-height:1.8}
._InBanner .text .item+.item{border-left:1px solid rgba(255,255,255,.3)}
._InBanner .text .item h3{font-size:18px}
.s_3_2 li{font-size:18px;line-height:34px;border:1px solid #007566;border-radius:36px;width:200px;text-align:center;color:#007566;display:inline-block;transition:all .5s;background-color:#fff;cursor:pointer}
.s_3_2 li.active{background-color:#007566;color:#fff}
.s_3_2 ul{width:440px;display:flex;flex-wrap:wrap;justify-content:space-between}
.s_3_2 li:nth-child(n+3){margin-top:20px}
.s_3_1 .box .swiper-container .swiper-slide img{opacity:0}
.s_3_1 .box .swiper-container .swiper-slide{background-position:center center;background-size:cover}
#join .text1{font-size:36px;color:#007566;margin-bottom:50px}
#join .text1 ._iconfont{margin-left:35px;margin-right:10px}
#join .text2 span{width:32px;line-height:32px;color:#fff;border-radius:50%;background-color:#007566;display:inline-block;font-size:20px;text-align:center}
#join .text2 span+span{margin-left:5px}
#join .text3{font-size:28px;color:#007566;margin-bottom:30px}
#join .section1 ul li p{text-align:justify}
._PageTurningNumber span input{border-bottom:1px solid #666}
._JumpNumber{display:none}
.WebmasterStatistics{display:none}
.btn_join{position:fixed;right:50px;bottom:180px;z-index:10}
.btn_join>img{cursor:pointer}
.btn_join .JoinBox{position:absolute;bottom:0;width:550px;height:auto;background:#257666;right:0;padding:20px 0;transition:ease .5s;opacity:0;visibility:hidden}
.btn_join.active .JoinBox{opacity:1;visibility:inherit}
.btn_join .btnOff{background:#257666;width:45px;height:45px;position:absolute;cursor:pointer;top:-45px;right:0;text-align:center;line-height:45px}
.btn_join .JoinBox:after{content:'';position:absolute;border:1px solid #1b5f51;top:5px;left:5px;width:calc(100% - 12px);height:calc(100% - 12px)}
.btn_join .titleName{font-size:29px;font-weight:700;text-align:center;position:relative;z-index:2}
.btn_join .tips{font-size:16px;text-align:center;margin:15px auto;position:relative;z-index:2}
.btn_join .input{width:464px;height:55px;border:1px solid #fff;margin:0 auto;position:relative;z-index:2}
.btn_join .input span{float:left;width:108px;display:block;height:55px;font-size:16px;line-height:55px;text-align:center;position:relative}
.btn_join .input span:after{content:'';position:absolute;width:1px;height:60%;background:rgba(255,255,255,.5);right:0;top:20%}
.btn_join .input i{width:22px;height:22px;display:inline-block;line-height:22px;border-radius:50%;color:#fff;vertical-align:middle;font-size:20px}
.btn_join .input input{float:right;line-height:55px;width:356px;background:0 0;text-indent:2rem;color:#fff}
.btn_join .btn_submit{width:148px;line-height:40px;background:#fff;color:#257666;font-size:18px;letter-spacing:7px;text-align:center;margin:24px auto;position:relative;z-index:2;cursor:pointer}
#contact{position:relative;padding-bottom:50px}
#mapContact{max-width:1550px;margin:0 auto;position:relative;height:400px;background:#ccc}
.contacth2Title{max-width:1550px;margin:0 auto;position:relative;font-size:36px;margin-bottom:45px;color:#007566;font-weight:inherit}
.contacth2Title:after{width:160px;height:1px;position:absolute;left:0;bottom:0;content:'';background:#007566;opacity:.5;opacity:0}
#contact .contactInfor{max-width:1550px;margin:30px auto 0;position:relative;font-weight:700;overflow:hidden}
#contact .contactInfor .QRcode img{display:block;margin:0 auto}
#contact .contactInfor .QRcode p{font-size:14px;text-align:center}
#contact .contactInfor p{color:#117063;font-size:18px}
#contact .contactInfor p+p{margin-top:10px}
#contact .contactInfor p i{font-size:30px;vertical-align:middle;display:inline-block}
#contact .contactInfor p span{vertical-align:middle;display:inline-block;margin-left:15px}
._w1200{width:1200px;margin:0 auto;position:relative}
._clear{position:relative}
._clear:after{display:block;clear:both;position:relative;content:''}
#zhaoshang{padding-top:60px}
.brandStory .sub_name{margin-bottom:15px}
.brandStory .ks_rs .title{font-weight:700}
.brandStory .ks_list{margin:40px 0 60px}
.brandStory .ks_list ul li{
    margin-right: 13px;
}
.brandStory .ks_list ul li:nth-child(5n){
    margin-right: 0;
}
.brandStory .ks_list ul li .icon{border-radius:10px;font-size:34px;color:#007162}
.brandStory .ks_list ul li .txt{font-size:15px;font-weight:700}
.brandStory .ks_rs{padding:60px 0 30px}
.brandStory .ksr_tips{text-align:center;height:50px;line-height:50px;font-size:15px;color:#007566;font-weight:700;border:1px solid #007566}
.brandStory .ksr_tips i{font-size:20px;display:inline-block;vertical-align:middle}
.brandStory .form_box{margin-top:135px}
.brandStory .form_box .lx{
    position: absolute;
    right: -5%;
    bottom: 0;
}
.brandStory .form_box .r{
    position: absolute;
    bottom: 0;
}
.brandStory .form_box .ks_rs{margin-right: 9%;width: 48%;}
.brandStory .form_box:after{opacity:0}
.brandStory .form_box:before{opacity:0}
.brandStory .tz_box{padding:30px}
.brandStory .tz_box .title{color:#007162;font-size:24px;font-weight:700;text-align:center;margin-bottom:15px}
.brandStory .tz_box .tzs{margin-bottom:25px}
.brandStory .tz_box .tz_info{text-align:center;color:#fff;background:#007162;padding:5px 0}
.brandStory .tz_box .tz_info p{font-size:18px;font-weight:700}
.brandStory .tz_box .tz_info b{font-size:30px;font-weight:700}
.brandStory .ks_btn{cursor:pointer}
#distpicker select{width:32%;height:40px;float:left;background:0 0;color:#fff;text-indent:5px;    border-color: #fff;}
#distpicker select option{background:#fff;color:#646464}
#distpicker select:nth-child(2){margin:0 1%}
#distpicker{overflow:hidden}
.popularLocation .hot_address{margin-top:25px}
.popularLocation .hot_address p{text-align:center;color:#007162;font-weight:700;font-size:20px}
.popularLocation .hot_address img{margin-top:28px}
.coreStrengths{background:url(../images/strengths_bg.jpg) center/cover;padding-top:80px}
.coreStrengths .text{color:#fff;width:65%}
.coreStrengths .text .sub_name{color:#fff;text-align:left}
.coreStrengths ul{overflow:hidden;margin-top:55px}
.coreStrengths ul li{font-size:24px;float:left;width:50%;font-weight:100;margin-bottom:25px}
.coreStrengths ul li .icon{width:60px;height:60px;display:inline-block;border-radius:50%;border:1px solid #fff;vertical-align:middle;text-align:center;line-height:60px;font-size:31px;margin-right:15px}
.coreStrengths ul li .txt{display:inline-block;vertical-align:middle}
.honoraryAward{padding:50px 0}
.honoraryAward .mobileShow{
    display: none;
    text-align: center;
}
.honoraryAward .sub_name{margin-bottom:50px}
.honoraryAward .honorBox img{margin:0 auto}
.JoiningProcess{padding:50px 0}
.JoiningProcess ul{overflow:hidden;margin-top:50px}
.JoiningProcess ul li{width:150px;height:150px;float:left;border-radius:50%;background:#017465;color:#fff;text-align:center;margin-left:25px;position:relative}
.JoiningProcess ul li:nth-child(1){margin-left:0}
.JoiningProcess ul li:nth-child(1):after{opacity:0}
.JoiningProcess ul li:nth-child(odd){margin-top:75px}
.JoiningProcess ul li:after{content:'';position:absolute;background:#017465;width:100%;height:1px;right:91%;z-index:-1;top:29%;transform-origin:right;transform:rotate(30deg)}
.JoiningProcess ul li:nth-child(even):after{transform-origin:right;transform:rotate(-30deg);right:91%;background:#017465;top:63%}
.JoiningProcess ul li b{font-size:43px;font-family:DIN Condensed;margin-top:23px;display:block}
.JoiningProcess ul li p{font-size:16px;width:69%;margin:0 auto}
.JoiningProcess ul li:before{content:'';position:absolute;float:left;width:0;height:0;border-width:6px;border-style:solid;border-color:transparent transparent transparent #017465;left:104%}
.JoiningProcess ul li:nth-child(2n):before{top:65%;transform:rotate(24deg)}
.JoiningProcess ul li:nth-child(2n-1):before{top:18%;transform:rotate(-24deg)}
.JoiningProcess ul li:nth-child(7):before{opacity:0}
.globalJoiningMap{padding:50px 0}
.globalJoiningMap .PopularityBox{position:relative; background: #fff;}
.globalJoiningMap .PopularityBox::after{ width: 100%; height: 65px; position: absolute; left: 0px; bottom: -65px; background: url(../images/zs_bg.png) no-repeat; content: ''; display: block;}
.globalJoiningMap .Popularity .pic{position:relative;opacity:1;transform:scale(1)}
.globalJoiningMap .Popularity img{width:100%}
.globalJoiningMap .button-next{right:-80px}
.globalJoiningMap .button-prev{left:-80px}
.globalJoiningMap .button-next,.globalJoiningMap .button-prev{position:absolute;top:50%;transform:translateY(-50%);font-size:80px;color:#117063;z-index:5;cursor:pointer}
.joiningAssistant{padding:50px 0}
.joiningAssistant .joiningAssistantBox{margin-top:20px}
.joiningAssistant .assistantBox{width:48%}
.joiningAssistant .jm_img{width:48%}
.joiningAssistant ul{color:#207062}
.joiningAssistant li{padding:25px 0;border-bottom:1px solid rgba(32,112,98,.2)}
.joiningAssistant li:nth-child(1){border-top:1px solid rgba(32,112,98,.2)}
.joiningAssistant li .icon{width:70px;height:70px;background:#207062;border-radius:50%;color:#fff;text-align:center;font-size:28px;line-height:70px;display:inline-block;margin-right:20px;vertical-align:middle}
.joiningAssistant li .txt{display:inline-block;vertical-align:middle}
.joiningAssistant li .txt p{font-size:18px}
.joiningAssistant li .txt b{font-size:24px}
@media screen and (max-width:1550px){
#contact .contactInfor,#dishes .ul,#join ._w90,#mapContact,#news .ul,#store .ul,.contacth2Title,.footer-box .footer_nav{max-width:1200px;width:100%}
#mapContact{height:400px}
._InBanner .text{padding:34px 30px 30px}
._InBanner .text .item{padding:0 20px}
._InBanner .text .item p{width:60%}
._header ul{padding-top:25px}
._header ._nav h2{margin-top:30px}
._typeSwiper a{width:70px;height:60px;padding:23px 18px}
._typeSwiper a i{font-size:30px}
#join .swiper-slide{width:227px;font-size:17px}
#join .section1 ul{max-width:800px;padding-right:50px;box-sizing:border-box}
#join .section1 .img-box{width:400px}
#join .title-m{padding-bottom:60px}
#join .section{margin-top:70px}
#join .section1 ul li p{font-size:16px;line-height:1.8}
#join .section1 h4{font-size:20px}
#join .section1 h4 span{display:inline-block;vertical-align:text-bottom}
#join .section1 ul li+li{margin-top:35px}
#join .swiper-slide ._iconfont{width:100px;height:100px;font-size:34px;line-height:100px}
#join .controller{margin-top:50px}
#_newsDetail .subcontent{width:100%;max-width:1200px}
#join .section3 ul li{font-size:16px;line-height:1.8}
#index .section1 .left .bc{width:70%}
#index .section1 .left .ba{width:74.6%}
#index .video-box{width:43.3%}
#index .section1 .left{width:550px;margin-left:0}
#index .section1 .d_t{width:350px;margin-right:8%}
.section2 .w1200>.left{width:400px}
#index .section3 .t{width:60%}
#news .timer{font-size:20px;bottom:30px;padding-top:6px}
}
@media screen and (max-width:1366px){
#dishes .ul .number{font-size:4.5rem;top:-37px}
#dishes .ul{padding:60px 0 100px}
#dishes .ul .li .title{font-size:20px}
._Album ._photo img{border-width:8px}
#join .text1{font-size:28px;margin-bottom:35px}
#join .text3{font-size:24px}
#join .section3 ul li .title span{margin-top:-3px;vertical-align:middle}
#join .section3 ul li .title{font-size:22px;line-height:22px}
}
@media screen and (max-width:1200px){
#contact .contactInfor,#dishes .ul,#join ._w90,#mapContact,#news .ul,#store .ul,.contacth2Title,.footer-box .footer_nav{max-width:94vw}
#join .section1 .img-box{display:none}
#join .section1 ul{max-width:unset;padding-right:0}
#join .section .i4{height:250px;overflow:hidden}
#join .section .i4 img,#join .text3+.img-box img{max-width:unset;height:100%;width:auto;position:relative;left:50%;transform:translateX(-50%)}
#join .text3 .img-box{height:350px;overflow:hidden}
#join .section3{padding-bottom:0}
.footer-box .footer_nav ul li+li{margin-left:30px}
.footer-box .footer_nav .footer_right{font-size:20px}
.footer-box .footer_nav .footer_right .tel{font-size:22px}
.footer-box .footer_nav .footer_right img{width:100px}
#index .section1 .d_t{width:300px}
#index .section1 .left{width:500px;margin-left:5%}
._InBanner .text .item{display:block}
._InBanner .text .item p{width:100%}
.section2 .right .swiper-slide .img-box{width:350px;height:auto}
.section2 .right .swiper-slide .text{width:calc(100% - 350px)}
.section2 .right .swiper-slide .text ._iconfont{width:65px;line-height:65px;font-size:30px}
.section2 .right .swiper-slide .text h4{font-size:20px}
.section2 .right .swiper-slide .text .item:nth-child(2) ._iconfont{font-size:34px}
.section2 .right .swiper-slide .text{font-size:14px}
.section2 .w1200>.right{width:90vw}
.section2 .right .swiper-slide .text{padding:0 20px}
._InBanner .text .item h3{margin-bottom:20px}
.section2 .right .swiper-slide .name{font-size:18px;padding:0 25px;line-height:34px;top:-17px}
.section2 .right .swiper-slide .text .item .r{width:80px}
#dishes .ul .li{width:calc(33% - 1px)}
#dishes .ul .li .link-title{opacity:1;top:auto;bottom:0;background-color:#222;height:35px}
#dishes .ul .li .title{font-size:16px}
#dishes .ul .li .box{padding:30px 15px}
#news .title{font-size:20px;margin-right:54px}
#news .timer{font-size:14px}
._header ._nav h2{width:60px}
#join .title-m{padding-bottom:25px}
#_newsDetail .subcontent{max-width:94vw}
#_newsDetail .subcontent .left{width:100%;margin-top:0}
#_newsDetail .subcontent .left h2{padding-right:130px;box-sizing:border-box}
#_newsDetail .subcontent .right{width:100%;float:left}
#_newsDetail .right .d{display:flex;flex-wrap:wrap;justify-content:space-between}
#_newsDetail .right .d li{width:30%}
#_newsDetail .right .d::after{content:'';display:block;position:relative;width:33%}
._header ._nav{padding:0 5vw}
}
@media screen and (max-width:1024px){
.hot_tel{width:180px;margin-top:20px}
.brandStory{position:relative}
._w1200{width:94%}
.brandStory .brand_box{width:94%;margin-bottom:35px;overflow:hidden}
.brandStory .brand_box ul li .des{line-height:1.7}
.brandStory .form_box{width:94%}
.brandStory .kshq_form{margin-left:20px;width:340px}
.brandStory .form_box .ks_rs{width:50%}
.brandStory .tz_box .tzs .img{width:49%}
.coreStrengths .mob{width:32%}
.coreStrengths .text{width:62%}
.coreStrengths ul li .icon{width:40px;height:40px;line-height:40px;font-size:20px}
.coreStrengths ul li .txt{font-size:19px}
.JoiningProcess ul li{width:100px;height:100px;margin-left:43px}
.JoiningProcess ul li b{font-size:20px;margin-top:16px}
.JoiningProcess ul li p{font-size:12px}
.JoiningProcess ul li:nth-child(2n-1):before{top:1%}
.JoiningProcess ul li:nth-child(2n):before{top:79%}
.JoiningProcess ul li:before{left:116%}
.globalJoiningMap .PopularityBox{width:94%;margin:0 auto}
.joiningAssistant li .txt b{font-size:20px}
.joiningAssistant li .txt p{font-size:16px}
}
@media screen and (max-width:768px){
.btn_join .input input{width:calc(100% - 108px)}
.btn_join .JoinBox{width:94vw;right:0vw}
.btn_join .input{width:80%}
.btn_join{width:40px;right:3%;bottom:60px}
.btn_join .btn_submit{letter-spacing:0;margin-bottom:10px}
.hot_tel{display:none}
#index .section1 .d_t{width:250px;margin-right:3%}
#index .section1 .left{width:400px;margin-left:3%}
.section3 a span{line-height:35px;font-size:30px}
.section2 .right .swiper-slide .text ._iconfont{width:40px;line-height:40px;font-size:19px}
.section7 .list a{width:100%;max-width:unset;border-bottom:1px solid rgba(55,55,55,.2);padding:20px 0;text-align:justify}
.section7 .list{padding:0 3vw}
.section2 .right .swiper-slide .text .item:nth-child(2) ._iconfont{font-size:24px}
.section2 .right .swiper-slide .text .item,.section2 .right .swiper-slide .text .item:nth-child(n+4){margin-top:3vw}
.section3 a img{width:35px}
#index .section4 h2,.section7 h2{font-size:30px;margin-bottom:40px}
#index .section4 ul{padding:0 3vw}
#index .section4 ul li{width:25%}
.map .box{width:500px;height:300px;margin:-150px 0 0 -250px}
.footer-box .footer_nav,.footer-box .info,.link{width:90vw}
.footer-box .footer_nav ul li>a{font-size:16px}
.footer-box .footer_nav .footer_right{font-size:18px}
.footer-box .footer_nav .footer_right .tel{font-size:20px}
.footer-box{padding:50px 0 30px}
._InBanner .text{padding:30px 0}
#dishes .ul{padding-bottom:60px}
#store{padding-bottom:20px}
#news .title{white-space:nowrap;overflow:hidden;margin-right:0;text-overflow:ellipsis;margin-bottom:5px}
#news .ul .li{padding:15px 0}
#news .timer{font-size:12px;margin-top:5px;bottom:15px}
#store .hot .li{margin-bottom:20px}
#store .li{width:calc((100% / 3) - 1px)}
._typeSwiper a{display:inline-flex;width:auto;height:auto;background-color:transparent;padding:0;padding-bottom:10px;border-bottom:2px solid transparent;border-radius:0;align-items:center}
._typeSwiper a i{font-size:22px;line-height:1;vertical-align:top;margin-right:5px}
._typeSwiper a span{margin-top:0;line-height:22px}
._typeSwiper a.active{background-color:transparent;color:#007566;border-bottom-color:#007566}
._typeSwiper a+a{margin-left:30px}
.intro_box .in_l{width:100%;max-width:94vw;float:none;margin:0 auto}
.intro_box .in_r{max-width:94vw;float:none;margin:0 auto}
.brandStory{position:relative}
.brandStory .brand_box ul li{width:100%}
.brandStory .brand_box ul li+li{margin-top:20px}
.brandStory .brand_box ul li .des{height:auto;min-height:auto}
.brandStory .form_box{margin-top:35px;box-sizing:border-box;padding:0}
.brandStory .lineb,.brandStory .linel,.brandStory .liner,.brandStory .linet{display:none}
.brandStory .kshq_form{width:100%;margin:0 auto;position:relative;float:none;bottom:0}
.brandStory .form_box .ks_rs{float:none}
.brandStory .brand_box ul{overflow:hidden}
.brandStory .form_box .ks_rs{width:100%;padding:15px 0}
.brandStory .ks_rs .title{font-size:28px}
.brandStory .ks_list{margin:30px auto 30px}
.brandStory .tz_box{padding:0}
.brandStory .tz_box .title{font-size:18px}
.brandStory .tz_box .tzs .img{width:100%}
.brandStory .tz_box .tzs .img+.img{margin-top:15px}
.brandStory .tz_box .tz_info p{font-size:16px}
.brandStory .tz_box .tz_info b{font-size:24px}
.popularLocation{margin-top:35px}
#zhaoshang .sub_name .cns{font-size:28px}
.popularLocation .hot_address{margin-top:15px}
.coreStrengths .mob{display:none}
.coreStrengths .text{width:100%}
.coreStrengths ul li{width:100%}
.coreStrengths{padding-top:40px}
.coreStrengths ul{margin-top:25px}
.honoraryAward{padding:20px 0}
.honoraryAward .sub_name{margin-bottom:25px}
.JoiningProcess ul li:after,.JoiningProcess ul li:before{opacity:0;visibility:hidden}
.JoiningProcess ul{text-align:center}
.JoiningProcess ul li{margin:0 3% 15px!important;float:none;display:inline-block}
.JoiningProcess{padding:20px 0}
.globalJoiningMap{padding:20px 0}
.joiningAssistant .jm_img{width:100%;margin-bottom:25px}
.joiningAssistant .assistantBox{width:100%}
.joiningAssistant li .txt{width:70%}
.globalJoiningMap .button-next, .globalJoiningMap .button-prev{
    font-size: 30px;
    background: #fff;
}
.globalJoiningMap .button-next{
    right: 0;
}
.globalJoiningMap .button-prev{
    left: 0;
}
.globalJoiningMap .PopularityBox{
    width: 100%;
}
.joiningAssistant li .icon{
    width: 60px;
    height: 60px;
    line-height: 60px;
}
.honoraryAward .honorBox img{
    display: none;
}
.honoraryAward .mobileShow,.honoraryAward .mobileShow img{
    display: block;
}
.honoraryAward .mobileShow img{
    width: 47%;
    display: inline-block;
    margin: 0 1% 15px;
}
}
@media screen and (max-width:767px){

.nb_ad{ display: none;}
.home_banner .center_::before{height:60px;z-index:7}
._content .home_banner .pagination span{width:5px;height:5px}
.swiper-container.hb{height: 50vw;}
.swiper-button-next.hnext,.swiper-button-prev.hprev{ display: none;}
#index .center_ ul{position:relative;z-index:6}
.home_banner .button-next,.home_banner .button-prev{z-index:10;font-size:46px;width:40px;height:40px;line-height:40px}
#mapContact{height:300px}
.contacth2Title{text-align:center;font-size:26px;margin-bottom:30px}
#contact .contactInfor p{overflow:hidden}
#contact .contactInfor .info{float:none}
#contact .contactInfor .QRcode{float:none;text-align:center;margin-top:25px;display:none}
#contact .contactInfor .QRcode img{display:inline-block}
#contact .contactInfor p i{float:left;font-size:28px}
#contact .contactInfor p span{float:right;width:89%;margin:0;line-height:30px}
.m_logo{display:block;width:35px;opacity:0;transition:ease .5s}
.m_logo.active{opacity:1}
.section6{display:none}
._header li a{color:#3e3e3e}
._header li a:after{display:none}
._header ._nav{display:none}
._header{margin-bottom:3vw}
#_newsDetail .subcontent .left h2 .bl{top:0;margin-top:0;width:100%}
.section7 .list a .text{width:100%;padding-left:0}
.section7 .list a .date{display:none}
.loader_{width:80px;height:80px;margin:-40px 0 0 -40px}
.menu-btn{display:block}
#index .section1 .w1200{flex-direction:column}
#index .section1 .left{width:90%;margin-left:-5%}
.nls{ width: 300px; float: none; margin: auto;margin-bottom: 15px;}
.nrs .b2{ display: none}
.nrs .b1{    right: -10px;top: -50px;    width: 100px;}
.nrs{ width: 90%; float: none; margin-right: 0%; margin-left: 5%;}
#index .section1{padding:15vw 0 10vw}
#index .section1 .d_t{margin-top:10vw}
#index .section{padding:15vw 0}
    
    #index .section1.s0{
        padding-top: 100px;
    }
    #index ._content>.section7{ padding-bottom:0px;}
#index .section.section5{ padding:0px;}
.section2 .w1200>.left{width:80vw}
#index .section3 .t{width:80%;margin-bottom:5vw}
.section2 .right .swiper-container .swiper-slide{flex-direction:column}
.section2 .right .swiper-slide .img-box{width:100%}
.section2 .right .swiper-slide .text{width:100%;padding:30px 3vw}
#index .section3{padding:25vw 0}
#index .section4 ul li{width:50%}
#index .section4 h2{margin-bottom:30px}
.BtnUp.active{bottom:3vw}
.BtnUp{right:3vw;width:40px}
.ptn{ width: 50px; height: 50px;    margin-left: -25px;margin-top: -25px; display: none;}
.ptn span{    width: 20px;height: 20px;    background-size: 40px auto;}
.ptn.active span {
    background-position: -20px 0;
}
.footer-box .footer_nav ul{display:none}
.footer-box .footer_nav .footer_right{float:none;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}
._InBanner .pic{height:250px;position:relative}
._InBanner .pic+img{display:none}
._InBanner .pic::before{display:none}
._InBanner .text{display:block}
._InBanner .text .item{width:100%;padding-bottom:20px}
._InBanner .text .item p{max-width:unset}
._InBanner .text .item+.item{padding-top:20px;border-top:1px solid rgba(255,255,255,.3)}
#dishes .ul .li{width:calc(50% - 1px)}
#dishes .ul .li .box{padding:8vw 1.5vw 3vw}
#dishes .ul .number{font-size:3.5rem;top:-30px}
#dishes .ul{padding:10vw 0}
#store .li{width:calc(50% - 1px)}
#store .li .box{padding:1.5vw}
._Album ._swiperBtnOff{right:-30px}
._Album ._swiperBtn._SBR{right:-10px}
._Album ._swiperBtn._SBL{left:-13px}
#news .Introduction{width:100%;padding:0;margin-top:2vw;position:relative}
#news .ul .picBox{width:100%}
#news .timer{position:relative;bottom:auto;margin-top:2vw}
#join .section{margin-top:0}
#join .title-m{font-size:26px;text-align:center}
#join .swiper-slide{width:calc(47vw - 10px);font-size:14px}
#join .section3 ul li{width:100%}
#join .section3 ul li:nth-child(2n){padding-left:0}
#join .text1 ._iconfont{margin-left:10px}
#join .text1{font-size:23px}
#join .text3{font-size:20px}
#_newsDetail .right .d li{width:100%}
#_newsDetail .right .d{margin-bottom:0}
#_newsDetail .subcontent .left h2{font-size:16px;padding-right:0;padding-top:60px}
.map .box{width:90vw;height:60vh;margin:-30vh 0 0 -45vw}
.map .box .close{left:50%;right:auto;top:auto;bottom:-60px;margin-left:-20px}
#store .hot .li{margin-bottom:3vw}
#store{margin-top:5vw;padding-bottom:0}
#dishes{margin-bottom:0}
._container{width:100%;overflow-x:hidden}
#index .section1 .w1200 .d_t{margin-top:40px}
}