::selection {
    background: #bf4c00;
    color: #fff;
}
.swiper-slide{
    -webkit-flex-shrink:0;
    -webkit-transition-property: transform;
}
@media (min-width: 1750px) {
	.wap_img_join{
		display:none;
	}
    .wap_min{
        display: none;
    }
    .menu{
        display: none;
    }
    .wap_head{
        display: none;
    }
    html {
        overflow: hidden;
    }

    .box_he {
        overflow: hidden;
        position: relative;
        transition: 1s;
        -webkit-transition:1s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .center{
        width: 1750px;
        margin: auto;
    }


    /*head*/
    .header {
        width: 100%;

        background: rgba(204,33,20,.9);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 999;
    }
    .nav_left{
        width: 38%;
        float: left
    }
    .nav_left ul li{
        width: 20%;
        float: left;
        padding: 44px 0 0;
        text-align: center;
        margin-left: 6%;
        position: relative;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .nav_left ul li a p:nth-child(1){
        color:#fff;
        font-size: 20px;
    }
    .nav_left ul li a p:nth-child(2){
        color:#f99b94;
        font-size: 16px;
        margin-top: 1%;
        padding-bottom: 29%;
    }
    /*.nav_left ul .active a p:nth-child(2){*/
    /*    color:#f99b94;*/
    /*    font-size: 16px;*/
    /*    margin-top: 1%;*/
    /*    padding-bottom: 29%;*/
    /*    border-bottom: 3px solid #000000;*/
    /*}*/
    .nav_left ul li:nth-child(1){
        margin-left: 0;
    }
    .nav_left ul li:hover{
        background: #252525;
    }
    .nav_left ul li:hover a p{
        color: #fff;
    }
    .nav_left ul li:hover a p:nth-child(2){
        /*border-bottom: 3px solid #000000;*/

    }
    .nav_left ul li:hover .position{
        display: block;
    }
    .nav_left ul li .position{
        width: 100%;
        background: #252525;
        position: absolute;
        top: 99%;
        left: 0;
        display: none;
        z-index: 100;

    }
    .nav_left ul li .position .li{
        width: 100%;
        padding: 5px 0;
        text-align: center;
        font-size: 16px;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .nav_left ul li .position .li:hover{
        background: #8e1209;
    }
    .nav_left ul li .position .li a{
        color:#fff;
    }






    .logo{
        width: 11.25%;
        float: left;
        margin-left: 6.5%;
        margin-top: 1.4%;
    }
    .nav_right{
        float: right;
    }
    .banner ul li img{
        width: 100%;

    }

    .head .state{
        width:100%;
        position:absolute;
        bottom:2%;
        left: 0;
        z-index: 50;
    }
    .head .state .deta_cen span{
        width: 80px;
        background: #0d0f04!important;
        border-radius: 20px;
        margin-left: 5px;
        outline:none;
    }
    .head .state .deta_cen .swiper-pagination-bullet-active{
        background: #e40e17!important;
    }
    .head .state .deta_cen span:nth-child(1){
        margin-left: 0;
    }





    /*about*/
    .about{
        background: #252525;
    }
    .about .center .about_min{
    width: 100%;
    margin-top: 7%;
    padding: 2% 0 6%;
    background: #af251b;
    }
    .about .center .about_min .content{
        width: 36.2%;
        float: left;
        margin-left: 4%;
    }

    @font-face {
        font-family: 'fontnameRegular';
        src: url('../fonts/HANYIYANKAIW-2.TTF');
        url('../fonts/HANYIYANKAIW-2.TTF'),
        url('../fonts/HANYIYANKAIW-2.TTF')
    }
    .about .center .about_min .content .title{
        font-family:fontnameRegular ;
        font-size: 50px;
        color: #fff;
        width: 100%;
        margin:17% auto 0;
    }
    .about .center .about_min .content .mins{
        width: 100%;
        margin:5% auto 0;
        color:#fff;
        font-size: 16px;
        line-height: 36px;

    }
    .about .center .about_min .content .button{
        width: 100%;
        margin: 7% auto 0;
    }

    .about .center .about_min .content .button div{
        width: 29.8%;
        height: 34px;
        background: #fff;
        border-radius: 20px;
        padding: 4px;
    }
    .about .center .about_min .content .button div a{
        display: block;
        border:1px solid #af251b;
        border-radius:20px;
        padding: 6px;
        text-align: center;
        color: #262626;
        font-size: 16px;
    }


    .about .center .about_min .imgs{
    width: 50.68%;
    float: right;
    margin-right: 5%;
    position: relative;
    margin-top: 4%;
    border: 10px solid #8c0900;
    position: relative;

    }
    .about .center .about_min .imgs video{
            width: 100%
    }
    .about .center .about_min .imgs img{
        width: 16%;
        position: absolute;
        bottom: -7%;
        left:-15%;

    }

    .about .center .about_min .imgs .position{
        width: 6.25%;
        position: absolute;
        top: 44%;
        left: 46.875%;
        cursor: pointer;
    }

    .about .fixed{
        width: 100%;
        height: 100%;
        position: fixed;
        top: -100%;
        left:0;
        background: rgba(0,0,0,.5);
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .about .fixed .min{
        width: 70%;
        margin: 2% auto 0;
        background: #fff;
        padding: 1% 0 3%;

    }
    .about .fixed .min p{
        width: 96%;
        margin: auto;
        font-size: 50px;
        font-weight: 700;
        text-align: right;


    }
    .about .fixed .min p span{
        cursor: pointer;
    }
    .about .fixed .min video{
        width: 80%;
        margin-left: 10%;
    }




    /*人气菜品*/
    .cuisine{
        background: #262626;

    }
     .title_en{
        font-weight: 700;
        font-family: '微软雅黑';
        font-size: 50px;
        color: #2e2e2e;
        text-align: center;
        margin-top: 4%;
    }
    .title_cn{
        font-family: 'fontnameRegular';
        font-size: 50px;
        color: #ffffff;
        text-align: center;
        margin-top: -2.5%;
    }
    .briefs{
        width: 100%;
        margin-top: 1%;
        text-align: center;
        font-size: 14px;
        color: #777777;
    }
    .cuisine .min{
        margin-top: 3%;
    }
    .cuisine .min .exhibition{
        width: 83.6%;
        float: left;
    }
    .cuisine .min .exhibition ul li{
        width: 100%;
        position: relative;
        display: none;
    }
    .cuisine .min .exhibition ul .active{
        display: block;
    }
    .cuisine .min .exhibition ul li .position{
        width: 204px;
        border:8px solid rgba(175,37,27,.9);
        position: absolute;
        top: 7%;
        left: 2%;
    }
    .cuisine .min .exhibition ul li .position .box{
        width: 200px;
        border:1px solid rgba(0,0,0,.0);
        background: rgba(175,37,27,.9);
        margin: 1px;
        padding: 39px 0;
    }
    .cuisine .min .exhibition ul li .position .box .img_title{
        font-family: 'fontnameRegular';
        width: 20px;
        font-size: 44px;
        color: #ffffff;
        float: left;
        margin-left: 17%;
        /*writing-mode:tb-rl;*/
    }
    .cuisine .min .exhibition ul li .position .box .img_title .yuan{
        width: 18px;
        height: 18px;
        border:1px solid #ffbf00;
        border-radius:50%;
        margin-top: 73%;
        margin-left: 10px;
    }
    .cuisine .min .exhibition ul li .position .box .img_title .yuan div{
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #ffbf00;
        margin: 4px auto 0;
    }
    .cuisine .min .exhibition ul li .position .box .img_brief{
    width: 50px;
    margin-right: 17%;
    float: right;
    font-size: 16px;
    line-height: 32px;
    color: #ffeaea;
    writing-mode: tb-rl!important;
    -webkit-writing-mode: tb-rl!important;
    }
    .cuisine .min .preview{
        width: 14.68%;
        float: right;
        overflow: hidden;
    }
    .cuisine .min .preview ul{
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .cuisine .min .preview ul li{
        width: 99%;
        margin-top: 15px;
        border: 1px solid rgba(0,0,0,.0);
        cursor: pointer;

    }
    .cuisine .min .preview ul .active{
        border-color: #e40e17;
    }
    .cuisine .min .preview ul li:nth-child(1){
        margin-top: 0;
    }
    .cuisine li img{
        width: 100%;
    }




    /*shop*/
    .shop{
        background: url("../images/ylj_09.png")no-repeat;
        background-size: cover;
    }
    .shop .center .shop_min{
        width: 100%;
        margin-top: 3%;
        position: relative;
    }
    .shop .center .shop_min ul li{
        width: 23.71%;
        float: left;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        /*margin-left: 1.7%;*/
    }
    .shop .center .shop_min ul li:nth-child(1){
        margin-left: 0;
    }
    .shop .center .shop_min ul li img{
        width: 100%;
    }

    .shop .center .shop_min ul li .position{
        width: 95%;
        padding: 10px 2.5%;
        background: #af251b;
        position: absolute;
        left: -100%;
        bottom: 0%;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .shop .center .shop_min ul li:hover .position{
        left: 0;
    }
    .shop .center .shop_min ul li .position img{
        width: 20.24%;
        float: left;
    }
    .shop .center .shop_min ul li .position .right{
        width: 75%;
        float: right;
    }
    .shop .center .shop_min ul li .position .right p:nth-child(1){
        width: 100%;
        font-size: 18px;
        font-weight: 700;
        color: #ffffff;
        margin-top: 5%;
    }
    .shop .center .shop_min ul li .position .right p:nth-child(2){
        width: 100%;
        font-size: 14px;
        color:#fff;
        margin-top: 3%;
    }
    .shop .center .shop_min ul li .position .right p:nth-child(3){
        width: 100%;
        font-size: 14px;
        color:#fff;
    }
    .shop .center .shop_min .but_left{
        width: 3.65%;
        position: absolute;
        top: 43%;
        left: 1%;
        cursor: pointer;
        z-index: 99;
        outline:none;
    }

    .shop .center .shop_min .but_right{
        width: 3.65%;
        position: absolute;
        top: 43%;
        right: 1%;
        cursor: pointer;
        z-index: 99;
        outline:none;
    }


    .shop .center .button{
        width: 9.77%;
        margin: 4% auto 0;
    }

    .shop .center .button div{
        width: 100%;
        height: 34px;
        background: #fff;
        border-radius: 20px;
        padding: 4px;
    }
    .shop .center .button div a{
        display: block;
        border:1px solid #282828;
        border-radius:20px;
        padding: 6px;
        text-align: center;
        color: #262626;
        font-size: 16px;
    }


    /*join*/
    .join{
        background: url("../images/ylj_18.png")no-repeat;
        background-size: cover;
    }
    .join .center .join_min{
        width: 100%;
        margin-top: 2.5%;
    }
    .join .center .join_min img{
        width: 70%;
        float: left;
    }
    .join .center .join_min .join_right{
        width: 28.62%;
        float: right;
        margin-top: 8%;
    }
    .join .center .join_min .join_right .join_brief{
        width: 100%;
        font-size: 18px;
        color: #fff;
    }
    .join .center .join_min .join_right ul{
        margin-top: 1%;
    }
    .join .center .join_min .join_right ul li{
        width: 34.93%;
        float: left;
        margin-left: 30%;
        margin-top: 10%;
    }
    .join .center .join_min .join_right ul li:nth-child(2n+1){
        margin-left: 0;
    }
    .join .center .join_min .join_right ul li p:nth-child(1){
        width: 100%;
        font-size: 50px;
        color:#e40e17;
    }
    .join .center .join_min .join_right ul li p:nth-child(1) span{
        font-size: 28px;
    }
    .join .center .join_min .join_right ul li p:nth-child(2){
        width: 100%;
        margin-top: 1%;
        font-size: 16px;
        color:#aaaaaa;
    }



    .join .center .join_min .join_right .button{
        width: 33.93%;
        margin: 15% 0 0;
    }

    .join .center .join_min .join_right .button div{
        width: 100%;
        height: 34px;
        background: #fff;
        border-radius: 20px;
        padding: 4px;
    }
    .join .center .join_min .join_right .button div a{
        display: block;
        border:1px solid #282828;
        border-radius:20px;
        padding: 6px;
        text-align: center;
        color: #262626;
        font-size: 16px;
    }




    /*advantage*/
    .advantage{
        background: #262626;
    }
    .advantage .center .advantage_min ul li .boxx{
        width: 94.86%;
        margin: auto;
    }
    .advantage .center .advantage_min ul li{
        width: 18.17%;
        float: left;
        padding: 10px 0;
        background: #fff;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        /*margin-left: 0.86%;*/
        cursor: pointer;
    }
    .advantage .center .advantage_min ul li:nth-child(1){
        margin-left: 0;
    }
    .advantage .center .advantage_min ul li:hover{
        background: #af251b;
    }
    .advantage .center .advantage_min ul li .boxx img{
        width: 100%;
        transform: scale(1.056);
        -webkit-transform: scale(1.056);
        margin-top: -6px;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;

    }
    .advantage .center .advantage_min ul li:hover .boxx img{
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
    }
    .advantage .center .advantage_min ul li .boxx .li_title{
        width: 100%;
        text-align: center;
        font-size: 22px;
        color:#333333;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        margin-top: 16%;
    }
    .advantage .center .advantage_min ul li:hover .boxx .li_title{
        color: #fff;
    }
    .advantage .center .advantage_min ul li .boxx .division{
        width: 18.75%;
        height: 1px;
        background: #cccccc;
        margin: 7% auto 0;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .advantage .center .advantage_min ul li:hover .boxx .division{
        background: #fff;
    }
    .advantage .center .advantage_min ul li .boxx .content{
        width: 80%;
        margin: 7% auto 0;
        font-size: 16px;
        color: #888888;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        line-height: 32px;
        height: 219px;
    }
    .advantage .center .advantage_min ul li:hover .boxx .content{
        color: #fff;
    }
    .advantage .center .advantage_min ul li .boxx .number{
        width: 100%;
        text-align: center;
        font-size: 40px;
        color: #e2e2e2;
    }
    .advantage .center .advantage_min{
        margin-top: 4%;
    }



    /*support*/
    .support{
        background: url("../images/ylj_18.png")no-repeat;
        background-size: cover;
    }
    .support .center .support_min{
        margin-top: 3%;
    }
    .support .center .support_min ul li{
        width: 24.91%;
        float: left;
        position: relative;
        cursor: pointer;
        margin-left: 0.12%;
    }
    .support .center .support_min ul li:nth-child(4n+1){
        margin-left: 0;
    }
    .support .center .support_min ul li img{
        width: 100%;
    }
    .support .center .support_min ul li .position{
        width: 100%;
        height: 100%;
        position:absolute;
        top: 0;
        left: 0;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .support .center .support_min ul li:hover .position{
        background: #8e1209;
    }
    .support .center .support_min ul li .position img{
        width: 16.97%;
        display: block;
        margin: 16% auto 0;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .support .center .support_min ul li:hover .position img{
        transform: scale(1.2);
    }
    .support .center .support_min ul li .position .su_title{
        width: 100%;
        text-align: center;
        font-weight: 700;
        font-size: 24px;
        color: #ffffff;
        margin-top:3%;
    }
    .support .center .support_min ul li .position .su_min{
        width: 70%;
        text-align: center;
        color: #fff;
        font-size: 16px;
        margin: 2% auto 0;
    }



    /*news*/
    .news{
        background: #262626;
    }
    .news .center .news_min{
        width: 100%;
        margin-top: 2%;

    }
    .news .center .news_min .news_type{
        width: 31.42%;
        float: left;
        background: #fff;
        padding-bottom: 20px;
        margin-left: 2.8%;
    }
    .news .center .news_min .news_type:nth-child(1){
        margin-left: 0;
    }
    .news .center .news_min .news_type .in_box{
        width: 89.09%;
        margin: auto;
    }
    .news .center .news_min .news_type .in_box .title{
        width: 150px;
        margin: auto;
        padding: 10px 0;
    }
    .news .center .news_min .news_type .in_box .title img{
        display: block;
        float: left;
        width: 15.33%;
        margin-top: 5.5%;
    }
    .news .center .news_min .news_type .in_box .title span{
        display: block;
        float: left;
        margin-left: 1%;
        font-size: 30px;
        color:#262626;
        font-family: 'fontnameRegular';
    }
    .news .center .news_min .news_type .in_box ul .one{
        width: 100%;
        padding-bottom: 20px;
        border-bottom: 1px solid #cccccc;
        margin-bottom: 3%;
    }
    .news .center .news_min .news_type .in_box ul .one img{
        width: 100%;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .news .center .news_min .news_type .in_box ul .one:hover .title_img{
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }
    .news .center .news_min .news_type .in_box ul .one .one_title{
        width: 100%;
        font-weight: 700;
        font-size: 18px;
        color: #333333;
        margin-top: 3%;
    }
    .news .center .news_min .news_type .in_box ul .one .one_brief{
        font-size: 14px;
        color:#aaaaaa;
        margin-top: 1%;
    }
    .news .center .news_min .news_type .in_box ul .one .one_time{
        width: 100%;
        margin-top: 2%;
    }
    .news .center .news_min .news_type .in_box ul .one .one_time img{
        width: 3%;
        float: left;
        margin-top: 2px;
    }
    .news .center .news_min .news_type .in_box ul .one .one_time span{
        display: block;
        float: left;
        font-size: 14px;
        color:#e40e17;
        margin-left: 1%;
    }
    .news .center .news_min .news_type .in_box ul li{
        width: 100%;
        margin-top: 3%;
    }
    .news .center .news_min .news_type .in_box ul li:nth-child(1){
        margin-top: 3%;
    }
    .news .center .news_min .news_type .in_box ul li div:nth-child(1){
        width: 5px;
        height: 5px;
        border-radius:50%;
        float: left;
        background: #af251b;
        margin-top: 1.5%;
    }

    .news .center .news_min .news_type .in_box ul li div:nth-child(2){
        width: 67%;
        float: left;
        font-size: 14px;
        color: #666666;
        margin-left: 1%;
    }
    .news .center .news_min .news_type .in_box ul li div:nth-child(3){
        width: 20%;
        float: right;
        font-size: 14px;
        color: #666666;
    }
    .news .center .news_min .news_type .in_box ul li:hover div:nth-child(2){
        color: #af251b;
    }
    .news .center .news_nav{
        display: none;
    }




        /*message*/
    .message_foot{
        width: 100%;
        position: relative;
        background: url("../images/ylj_96_1.png")no-repeat;
        background-size: cover;
    }
    .message_foot .message{

        padding-bottom: 6%;
    }
    .message_foot .message .center .title{
        width: 100%;
        font-size: 50px;
        color: #fff;
        font-family: 'fontnameRegular';
        text-align: center;
        margin-top: 5%;
    }
    .message_foot .message .center .brief{
        width: 100%;
        font-size: 20px;
        color:#ffffff;
        text-align: center;
        margin-top: 2%;
    }
    .message_foot .message .center .message_min{
        width: 100%;
        margin-top: 5.7%;
    }
    .message_foot .message .center .message_min .input{
        width: 32.85%;
        float: left;
        height: 52px;
        background: #fff;
        border-radius: 5px;
        margin-left: 0.72%;

    }
    .message_foot .message .center .message_min .input img{

        float: left;
        margin: 2.9% 0 0 2%;
    }

    input,textarea{
        background:none;
        outline:none;
        border:none;
    }
    input:focus{
        border:none;
    }
    textarea{
        resize: none;
    }
    .message_foot .message .center .message_min .input input{
        width: 90%;
        float: left;
        height: 52px;
        margin-left: 2%;
    }
    .message_foot .message .center .message_min .input:nth-child(3n+1){
        margin-left: 0;
    }
    .message_foot .message .center .message_min .input textarea{
        width: 90%;
        float: left;
        height: 50px;
        margin-left: 0.5%;
        margin-top: 0.2%;
    }
    .message_foot .message .center .message_min .text{
        width: 100%;
        float: left;
        height: 60px;
        background: #fff;
        border-radius: 5px;
        margin-left: 0.72%;
        margin-top: 1%;

    }
    .message_foot .message .center .message_min .text img{

        float: left;
        margin: 0.3% 0 0 0.6%;
    }

    .message_foot .message .center .submit{
        width: 32.97%;
        margin: 1% auto 0;
        padding: 10px 0;
        background: #ef8425;
        text-align: center;
        font-weight: 700;
        font-size: 18px;
        color:#fff;
        cursor: pointer;
        border-radius:5px;
    }


    .message_foot .ab_box{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .message_foot .foot{
        background: #1f1f1f;
        padding: 38px 30px;

    }
    .message_foot .foot .center .foot_logo{
        width: 26.11%;
        float: left;
    }
    .message_foot .foot .center .foot_right{
        width: 51.11%;
        float: right;
    }
    .message_foot .foot .center .foot_right .foot_min{
        width: 63%;
        float: left;
        text-align: right;
    }
    .message_foot .foot .center .foot_right .foot_min p:nth-child(1){
        width: 100%;
        font-size: 16px;
        color: #ffffff;
    }
    .message_foot .foot .center .foot_right .foot_min p:nth-child(2){
        width: 100%;
        font-size: 36px;
        color: #ffffff;
        padding: 1% 0;
    }
    .message_foot .foot .center .foot_right .foot_min p:nth-child(3){
        width: 100%;
        font-size: 14px;
        color: #888888;
    }.message_foot .foot .center .foot_right .foot_min p:nth-child(4){
        width: 100%;
        font-size: 14px;
        color: #888888;
    }
    .message_foot .foot .center .foot_right .code{
        width: 31.86%;
        float: right;

        position: relative;
    }
    .message_foot .foot .center .foot_right .code div:nth-child(1){
        float: left;
        width: 42%;
        background: #ddd;
    }
    .message_foot .foot .center .foot_right .code div:nth-child(2){
        float: right;
        width: 42%;
        background: #ddd;
    }
    .message_foot .foot .center .foot_right .code img{
        width: 81.78%;
        float: left;
    }
    .message_foot .foot .center .foot_right .code span{
        display: block;
        width: 20px;

        float: left;
        margin-left: 1%;
        font-size: 14px;
        color:#333333
    }
    .message_foot .foot .center .foot_right .code .box{
        width: 10%;
        height: 100%;
        background: #fff;
        /*float: right;*/
        /*position: absolute;*/
        /*top: 0;*/
        /*right: 0;*/
    }
    .message_foot .copyright{
        width: 100%;
        padding: 10px 0;
        font-size: 15px;
        color: #888888;
        text-align: center;
        background: #171717;
    }
    .wap_code{
        display: none;
    }


    #weibo{
    }
    .division_w{
        width: 16%;
        height: 100px;
        float: left;
        background: #1f1f1f;
    }


    .link{
        width: 100%;

        background: #1f1f1f;

    }
    .link .center{
        border-top: 1px solid #363636;
        padding: 1% 0;
    }
    .link ul li{
        width: auto;
        float: left;
        margin-left:1%;
        color: #777777;
    }
    .link ul li a{
        color: #777;
    }
}
@media (min-width: 1200px) and (max-width: 1749px){
	.wap_img_join{
		display:none;
	}
    .wap_min{
        display: none;
    }
    .menu{
        display: none;
    }
    .wap_head{
        display: none;
    }

    .box_he {
        /*overflow: hidden;*/
        position: relative;
        transition: 1s;
        -webkit-transition:1s;
        -webkit-backface-visibility: hidden;
        border-top: 1px solid #252525;
    }
    .center{
        width: 95%;
        margin: auto;
    }


    /*head*/
    .header {
        width: 100%;

        background: rgba(204,33,20,.9);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 999;
    }
    .nav_left{
        width: 38%;
        float: left
    }
    .nav_left ul li{
        width: 20%;
        float: left;
        padding: 44px 0 0;
        text-align: center;
        margin-left: 6%;
        position: relative;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .nav_left ul li a p:nth-child(1){
        color:#fff;
        font-size: 20px;
    }
    .nav_left ul li a p:nth-child(2){
        color:#f99b94;
        font-size: 16px;
        margin-top: 1%;
        padding-bottom: 29%;
    }
    /*.nav_left ul .active a p:nth-child(2){*/
    /*    color:#f99b94;*/
    /*    font-size: 16px;*/
    /*    margin-top: 1%;*/
    /*    padding-bottom: 29%;*/
    /*    border-bottom: 3px solid #000000;*/
    /*}*/
    .nav_left ul li:nth-child(1){
        margin-left: 0;
    }
    .nav_left ul li:hover{
        background: #252525;
    }
    .nav_left ul li:hover a p{
        color: #fff;
    }
    .nav_left ul li:hover a p:nth-child(2){
        /*border-bottom: 3px solid #000000;*/

    }
    .nav_left ul li:hover .position{
        display: block;
    }
    .nav_left ul li .position{
        width: 100%;
        background: #252525;
        position: absolute;
        top: 99%;
        left: 0;
        display: none;
        z-index: 100;

    }
    .nav_left ul li .position .li{
        width: 100%;
        padding: 5px 0;
        text-align: center;
        font-size: 16px;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .nav_left ul li .position .li:hover{
        background: #8e1209;
    }
    .nav_left ul li .position .li a{
        color:#fff;
    }


    .logo{
        width: 11.25%;
        float: left;
        margin-left: 6.5%;
        margin-top: 2.4%;
    }
    .nav_right{
        float: right;
    }
    .banner ul li img{
        width: 100%;
    }

    .head .state{
        width:100%;
        position:absolute;
        bottom:2%;
        left: 0;
        z-index: 50;
    }
    .head .state .deta_cen span{
        width: 80px;
        background: #0d0f04!important;
        border-radius: 20px;
        margin-left: 5px;
        outline:none;
    }
    .head .state .deta_cen .swiper-pagination-bullet-active{
        background: #e40e17!important;
    }
    .head .state .deta_cen span:nth-child(1){
        margin-left: 0;
    }





    /*about*/
    .about{
        background: #252525;
        padding-bottom: 4%;
    }
    .about .center .about_min{
        width: 100%;
        margin-top: 5%;
    padding: 1% 0 6%;
        background: #af251b;
    }
    .about .center .about_min .content{
        width: 36.2%;
        float: left;
        margin-left: 4.5%;
    }

    @font-face {
        font-family: 'fontnameRegular';
        src: url('../fonts/HANYIYANKAIW-2.TTF');
    url('../fonts/HANYIYANKAIW-2.TTF'),
    url('../fonts/HANYIYANKAIW-2.TTF')
    }
    .about .center .about_min .content .title{
        font-family:fontnameRegular ;
        font-size: 50px;
        color: #fff;
        width: 100%;
        margin:13% auto 0;
    }
    .about .center .about_min .content .mins{
        width: 100%;
        margin:4% auto 0;
        color:#fff;
        font-size: 16px;
        line-height: 34px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 7;
        overflow: hidden;

    }
    .about .center .about_min .content .button{
        width: 100%;
        margin: 5% auto 0;
    }

    .about .center .about_min .content .button div{
        width: 35.8%;
        height: 30px;
        background: #fff;
        border-radius: 20px;
        padding: 4px;
    }
    .about .center .about_min .content .button div a{
        display: block;
        border:1px solid #af251b;
        border-radius:20px;
        padding: 4px;
        text-align: center;
        color: #262626;
        font-size: 16px;
    }


    .about .center .about_min .imgs{
    width: 47.68%;
    float: right;
    margin-right: 5%;
    position: relative;
    margin-top: 5%;
    border:10px solid #8c0900;
    position: relative;

    }
    .about .center .about_min .imgs video{
            width: 100%
    }
    .about .center .about_min .imgs img{
        width: 20%;
        position: absolute;
        bottom: -7%;
        left:-7%;

    }

    .about .center .about_min .imgs .position{
        width: 6.25%;
        position: absolute;
        top: 44%;
        left: 46.875%;
        cursor: pointer;
    }

    .about .fixed{
        width: 100%;
        height: 100%;
        position: fixed;
        top: -100%;
        left:0;
        background: rgba(0,0,0,.5);
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        z-index: 99;
    }
    .about .fixed .min{
        width: 70%;
        margin: 2% auto 0;
        background: #fff;
        padding: 1% 0 3%;

    }
    .about .fixed .min p{
        width: 96%;
        margin: auto;
        font-size: 50px;
        font-weight: 700;
        text-align: right;


    }
    .about .fixed .min p span{
        cursor: pointer;
    }
    .about .fixed .min video{
        width: 80%;
        margin-left: 10%;
    }




    /*人气菜品*/
    .cuisine{
        background: #262626;
        padding-bottom: 8%;

    }
    .title_en{
        font-weight: 700;
        font-family: '微软雅黑';
        font-size: 50px;
        color: #2e2e2e;
        text-align: center;
        margin-top: 4%;
    }
    .title_cn{
        font-family: 'fontnameRegular';
        font-size: 50px;
        color: #ffffff;
        text-align: center;
        margin-top: -2.5%;
    }
    .briefs{
        width: 100%;
        margin-top: 1%;
        text-align: center;
        font-size: 14px;
        color: #777777;
    }
    .cuisine .min{
        margin-top: 3%;
    }
    .cuisine .min .exhibition{
        width: 83.6%;
        float: left;
    }
    .cuisine .min .exhibition ul li{
        width: 100%;
        position: relative;
        display: none;
    }
    .cuisine .min .exhibition ul .active{
        display: block;
    }
    .cuisine .min .exhibition ul li .position{
        width: 204px;
        border:8px solid rgba(175,37,27,.9);
        position: absolute;
        top: 1%;
        left: 1%;
    }
    .cuisine .min .exhibition ul li .position .box{
        width: 200px;
        border:1px solid rgba(0,0,0,.0);
        background: rgba(175,37,27,.9);
        margin: 1px;
        padding: 39px 0;
    }
    .cuisine .min .exhibition ul li .position .box .img_title{
        font-family: 'fontnameRegular';
        width: 20px;
        font-size: 44px;
        color: #ffffff;
        float: left;
        margin-left: 17%;
        /*writing-mode:tb-rl;*/
    }
    .cuisine .min .exhibition ul li .position .box .img_title .yuan{
        width: 18px;
        height: 18px;
        border:1px solid #ffbf00;
        border-radius:50%;
        margin-top: 73%;
        margin-left: 10px;
    }
    .cuisine .min .exhibition ul li .position .box .img_title .yuan div{
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #ffbf00;
        margin: 4px auto 0;
    }
    .cuisine .min .exhibition ul li .position .box .img_brief{
width: 50px;
    margin-right: 15%;
    float: right;
    font-size: 16px;
    color: #ffeaea;
    writing-mode: tb-rl;
    -webkit-writing-mode: tb-rl;
    line-height: 26px;
    }
    .cuisine .min .preview{
        width: 13.4%;
        float: right;
        overflow: hidden;
    }
    .cuisine .min .preview ul{
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .cuisine .min .preview ul li{
        width: 99%;
        margin-top: 15px;
        border: 1px solid rgba(0,0,0,.0);
        cursor: pointer;

    }
    .cuisine .min .preview ul .active{
        border-color: #e40e17;
    }
    .cuisine .min .preview ul li:nth-child(1){
        margin-top: 0;
    }
    .cuisine li img{
        width: 100%;
    }




    /*shop*/
    .shop{
        background: url("../images/ylj_09.png")no-repeat;
        background-size: cover;
        padding-bottom: 6%;
    }
    .shop .center .shop_min{
        width: 100%;
        margin-top: 3%;
        position: relative;
    }
    .shop .center .shop_min ul li{
        width: 23.71%;
        float: left;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        /*margin-left: 1.7%;*/
    }
    .shop .center .shop_min ul li:nth-child(1){
        margin-left: 0;
    }
    .shop .center .shop_min ul li img{
        width: 100%;
    }

    .shop .center .shop_min ul li .position{
        width: 95%;
        padding: 10px 2.5%;
        background: #af251b;
        position: absolute;
        left: -100%;
        bottom: 0%;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .shop .center .shop_min ul li:hover .position{
        left: 0;
    }
    .shop .center .shop_min ul li .position img{
        width: 20.24%;
        float: left;
    }
    .shop .center .shop_min ul li .position .right{
        width: 75%;
        float: right;
    }
    .shop .center .shop_min ul li .position .right p:nth-child(1){
        width: 100%;
        font-size: 18px;
        font-weight: 700;
        color: #ffffff;
        margin-top: 5%;
    }
    .shop .center .shop_min ul li .position .right p:nth-child(2){
        width: 100%;
        font-size: 14px;
        color:#fff;
        margin-top: 3%;
    }
    .shop .center .shop_min ul li .position .right p:nth-child(3){
        width: 100%;
        font-size: 14px;
        color:#fff;
    }
    .shop .center .shop_min .but_left{
        width: 3.65%;
        position: absolute;
        top: 43%;
        left: 1%;
        cursor: pointer;
        z-index: 99;
        outline:none;
    }

    .shop .center .shop_min .but_right{
        width: 3.65%;
        position: absolute;
        top: 43%;
        right: 1%;
        cursor: pointer;
        z-index: 99;
        outline:none;
    }


    .shop .center .button{
        width: 9.77%;
        margin: 4% auto 0;
    }

    .shop .center .button div{
        width: 100%;
        height: 34px;
        background: #fff;
        border-radius: 20px;
        padding: 4px;
    }
    .shop .center .button div a{
        display: block;
        border:1px solid #282828;
        border-radius:20px;
        padding: 6px;
        text-align: center;
        color: #262626;
        font-size: 16px;
    }


    /*join*/
    .join{
        background: url("../images/ylj_18.png")no-repeat;
        background-size: cover;
        padding-bottom: 6%;
    }
    .join .center .join_min{
        width: 100%;
        margin-top: 1%;
    }
    .join .center .join_min img{
        width: 57%;
        float: left;
    }
    .join .center .join_min .join_right{
        width: 32.62%;
        float: right;
        margin-top: 4%;
        margin-right: 4%;
    }
    .join .center .join_min .join_right .join_brief{
        width: 100%;
        font-size: 18px;
        color: #fff;
    }
    .join .center .join_min .join_right ul{
        margin-top: 1%;
    }
    .join .center .join_min .join_right ul li{
        width: 34.93%;
        float: left;
        margin-left: 30%;
        margin-top: 10%;
    }
    .join .center .join_min .join_right ul li:nth-child(2n+1){
        margin-left: 0;
    }
    .join .center .join_min .join_right ul li p:nth-child(1){
        width: 100%;
        font-size: 50px;
        color:#e40e17;
    }
    .join .center .join_min .join_right ul li p:nth-child(1) span{
        font-size: 28px;
    }
    .join .center .join_min .join_right ul li p:nth-child(2){
        width: 100%;
        margin-top: 1%;
        font-size: 16px;
        color:#aaaaaa;
    }



    .join .center .join_min .join_right .button{
        width: 33.93%;
        margin: 15% 0 0;
    }

    .join .center .join_min .join_right .button div{
        width: 100%;
        height: 34px;
        background: #fff;
        border-radius: 20px;
        padding: 4px;
    }
    .join .center .join_min .join_right .button div a{
        display: block;
        border:1px solid #282828;
        border-radius:20px;
        padding: 6px;
        text-align: center;
        color: #262626;
        font-size: 16px;
    }




    /*advantage*/
    .advantage{
        background: #262626;
        padding-bottom: 6%;
    }
    .advantage .center .advantage_min ul li .boxx{
        width: 94.86%;
        margin: auto;
    }
    .advantage .center .advantage_min ul li{
        width: 18.17%;
        float: left;
        padding: 10px 0;
        background: #fff;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        /*margin-left: 0.86%;*/
        cursor: pointer;
    }
    .advantage .center .advantage_min ul li:nth-child(1){
        margin-left: 0;
    }
    .advantage .center .advantage_min ul li:hover{
        background: #af251b;
    }
    .advantage .center .advantage_min ul li .boxx img{
        width: 100%;
        transform: scale(1.056);
        margin-top: -6px;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;

    }
    .advantage .center .advantage_min ul li:hover .boxx img{
        transform: scale(1);
        margin-top: 0;
    }
    .advantage .center .advantage_min ul li .boxx .li_title{
        width: 100%;
        text-align: center;
        font-size: 19px;
        color:#333333;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        margin-top: 16%;
    }
    .advantage .center .advantage_min ul li:hover .boxx .li_title{
        color: #fff;
    }
    .advantage .center .advantage_min ul li .boxx .division{
        width: 18.75%;
        height: 1px;
        background: #cccccc;
        margin: 7% auto 0;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .advantage .center .advantage_min ul li:hover .boxx .division{
        background: #fff;
    }
    .advantage .center .advantage_min ul li .boxx .content{
        width: 80%;
        margin: 7% auto 0;
        font-size: 16px;
        color: #888888;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        line-height: 32px;
        height: 219px;
    }
    .advantage .center .advantage_min ul li:hover .boxx .content{
        color: #fff;
    }
    .advantage .center .advantage_min ul li .boxx .number{
        width: 100%;
        text-align: center;
        font-size: 40px;
        color: #e2e2e2;
    }
    .advantage .center .advantage_min{
        margin-top: 4%;
    }



    /*support*/
    .support{
        background: url("../images/ylj_18.png")no-repeat;
        background-size: cover;
        padding-bottom: 4%;
    }
    .support .center .support_min{
        margin-top: 3%;
    }
    .support .center .support_min ul li{
        width: 24.91%;
        float: left;
        position: relative;
        cursor: pointer;
        margin-left: 0.12%;
        margin-top: 0.1%;
    }
    .support .center .support_min ul li:nth-child(4n+1){
        margin-left: 0;
    }
    .support .center .support_min ul li img{
        width: 100%;
    }
    .support .center .support_min ul li .position{
        width: 100%;
        height: 100%;
        position:absolute;
        top: 0;
        left: 0;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .support .center .support_min ul li:hover .position{
        background: #8e1209;
    }
    .support .center .support_min ul li .position img{
        width: 16.97%;
        display: block;
        margin: 16% auto 0;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .support .center .support_min ul li:hover .position img{
        transform: scale(1.2);
    }
    .support .center .support_min ul li .position .su_title{
        width: 100%;
        text-align: center;
        font-weight: 700;
        font-size: 24px;
        color: #ffffff;
        margin-top:3%;
    }
    .support .center .support_min ul li .position .su_min{
        width: 70%;
        text-align: center;
        color: #fff;
        font-size: 16px;
        margin-top: 2%;
        margin: 2% auto 0;
    }



    /*news*/
    .news{
        background: #262626;
        padding-bottom: 4%;
    }
    .news .center .news_min{
        width: 100%;
        margin-top: 4%;

    }
    .news .center .news_min .news_type{
        width: 31.42%;
        float: left;
        background: #fff;
        padding-bottom: 20px;
        margin-left: 2.8%;
    }
    .news .center .news_min .news_type:nth-child(1){
        margin-left: 0;
    }
    .news .center .news_min .news_type .in_box{
        width: 89.09%;
        margin: auto;
    }
    .news .center .news_min .news_type .in_box .title{
        width: 150px;
        margin: auto;
        padding: 10px 0;
    }
    .news .center .news_min .news_type .in_box .title img{
        display: block;
        float: left;
        width: 15.33%;
        margin-top: 5.5%;
    }
    .news .center .news_min .news_type .in_box .title span{
        display: block;
        float: left;
        margin-left: 1%;
        font-size: 30px;
        color:#262626;
        font-family: 'fontnameRegular';
    }
    .news .center .news_min .news_type .in_box ul .one{
        width: 100%;
        padding-bottom: 20px;
        border-bottom: 1px solid #cccccc;
        margin-bottom: 3%;
    }
    .news .center .news_min .news_type .in_box ul .one img{
        width: 100%;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .news .center .news_min .news_type .in_box ul .one:hover .title_img{
        transform: scale(1.05);
    }
    .news .center .news_min .news_type .in_box ul .one .one_title{
        width: 100%;
        font-weight: 700;
        font-size: 18px;
        color: #333333;
        margin-top: 3%;
    }
    .news .center .news_min .news_type .in_box ul .one .one_brief{
        font-size: 14px;
        color:#aaaaaa;
        margin-top: 1%;
    }
    .news .center .news_min .news_type .in_box ul .one .one_time{
        width: 100%;
        margin-top: 1%;
    }
    .news .center .news_min .news_type .in_box ul .one .one_time img{
        width: 3%;
        float: left;
        margin-top: 2px;
    }
    .news .center .news_min .news_type .in_box ul .one .one_time span{
        display: block;
        float: left;
        font-size: 14px;
        color:#e40e17;
        margin-left: 1%;
    }
    .news .center .news_min .news_type .in_box ul li{
        width: 100%;
        margin-top: 2%;
    }
    .news .center .news_min .news_type .in_box ul li:nth-child(1){
        margin-top: 3%;
    }
    .news .center .news_min .news_type .in_box ul li div:nth-child(1){
        width: 5px;
        height: 5px;
        border-radius:50%;
        float: left;
        background: #af251b;
        margin-top: 1.5%;
    }

    .news .center .news_min .news_type .in_box ul li div:nth-child(2){
        width: 67%;
        float: left;
        font-size: 14px;
        color: #666666;
        margin-left: 1%;
    }
    .news .center .news_min .news_type .in_box ul li div:nth-child(3){
        width: 26%;
        float: right;
        font-size: 14px;
        color: #666666;
        text-align: right;
    }
    .news .center .news_min .news_type .in_box ul li:hover div:nth-child(2){
        color: #af251b;
    }
    .news .center .news_nav{
        display: none;
    }




    /*message*/
    .message_foot{
        width: 100%;
        position: relative;
        background: url("../images/ylj_96_1.png")no-repeat;
        background-size: cover;
    }
    .message_foot .message{

        padding-bottom: 6%;
    }
    .message_foot .message .center .title{
        width: 100%;
        font-size: 50px;
        color: #fff;
        font-family: 'fontnameRegular';
        text-align: center;
        margin-top: 5%;
    }
    .message_foot .message .center .brief{
        width: 100%;
        font-size: 20px;
        color:#ffffff;
        text-align: center;
        margin-top: 2%;
    }
    .message_foot .message .center .message_min{
        width: 100%;
        margin-top: 5.7%;
    }
    .message_foot .message .center .message_min .input{
        width: 32.85%;
        float: left;
        height: 52px;
        background: #fff;
        border-radius: 5px;
        margin-left: 0.72%;

    }
    .message_foot .message .center .message_min .input img{

        float: left;
        margin: 2.9% 0 0 2%;
    }

    input,textarea{
        background:none;
        outline:none;
        border:none;
    }
    input:focus{
        border:none;
    }
    textarea{
        resize: none;
    }
    .message_foot .message .center .message_min .input input{
        width: 90%;
        float: left;
        height: 52px;
        margin-left: 2%;
    }
    .message_foot .message .center .message_min .input:nth-child(3n+1){
        margin-left: 0;
    }
    .message_foot .message .center .message_min .input textarea{
        width: 90%;
        float: left;
        height: 50px;
        margin-left: 0.5%;
        margin-top: 0.2%;
    }
    .message_foot .message .center .message_min .text{
        width: 100%;
        float: left;
        height: 60px;
        background: #fff;
        border-radius: 5px;
        margin-left: 0.72%;
        margin-top: 1%;

    }
    .message_foot .message .center .message_min .text img{

        float: left;
        margin: 0.3% 0 0 0.6%;
    }

    .message_foot .message .center .submit{
        width: 32.97%;
        margin: 1% auto 0;
        padding: 10px 0;
        background: #ef8425;
        text-align: center;
        font-weight: 700;
        font-size: 18px;
        color:#fff;
        cursor: pointer;
        border-radius:5px;
    }


    .message_foot .ab_box{

    }
    .message_foot .foot{
        background: #1f1f1f;
        padding: 38px 30px;

    }
    .message_foot .foot .center .foot_logo{
        width: 26.11%;
        float: left;
    }
    .message_foot .foot .center .foot_right{
        width:65.11%;
        float: right;
    }
    .message_foot .foot .center .foot_right .foot_min{
        width: 64.97%;
        float: left;
        text-align: right;
    }
    .message_foot .foot .center .foot_right .foot_min p:nth-child(1){
        width: 100%;
        font-size: 16px;
        color: #ffffff;
        padding: 1.5% 0;
    }
    .message_foot .foot .center .foot_right .foot_min p:nth-child(2){
        width: 100%;
        font-size: 36px;
        color: #ffffff;
    }
    .message_foot .foot .center .foot_right .foot_min p:nth-child(3){
        width: 100%;
        font-size: 14px;
        color: #888888;
    }.message_foot .foot .center .foot_right .foot_min p:nth-child(4){
         width: 100%;
         font-size: 14px;
         color: #888888;
     }
    /*.message_foot .foot .center .foot_right .code{*/
    /*    width: 25.86%;*/
    /*    float: right;*/
    /*    background: #ddd;*/
    /*    position: relative;*/
    /*}*/
    /*.message_foot .foot .center .foot_right .code img{*/
    /*    width: 32.78%;*/
    /*    float: left;*/
    /*}*/
    /*.message_foot .foot .center .foot_right .code span{*/
    /*    display: block;*/
    /*    width: 15px;*/

    /*    float: left;*/
    /*    margin-left: 1%;*/
    /*    font-size: 12px;*/
    /*    color:#333333*/
    /*}*/

    .message_foot .foot .center .foot_right .code{
        width: 31.86%;
        float: right;

        position: relative;
    }
    .message_foot .foot .center .foot_right .code div:nth-child(1){
        float: left;
        width: 42%;
        background: #ddd;
    }
    .message_foot .foot .center .foot_right .code div:nth-child(2){
        float: right;
        width: 42%;
        background: #ddd;
    }
    .message_foot .foot .center .foot_right .code img{
        width: 81.78%;
        float: left;
    }





    .message_foot .foot .center .foot_right .code .box{
        width: 10%;
        height: 100%;
        background: #fff;
        /*float: right;*/
        /*position: absolute;*/
        /*top: 0;*/
        /*right: 0;*/
    }
    .message_foot .copyright{
        width: 100%;
        padding: 10px 0;
        font-size: 15px;
        color: #888888;
        text-align: center;
        background: #171717;
    }
    .wap_code{
        display: none;
    }


    #weibo{
        /*margin-left: 18%;*/
    }
    .division_w{
        width: 16%;
        height: 100px;
        float: left;
        background: #1f1f1f;
    }
        .link{
        width: 100%;

        background: #1f1f1f;

    }
    .link .center{
        border-top: 1px solid #363636;
        padding: 1% 0;
    }
    .link ul li{
        width: auto;
        float: left;
        margin-left:1%;
        color: #777777;
    }
    .link ul li a{
        color: #777;
    }
}
@media (min-width: 320px) and (max-width: 1199px){

    .box_he {
        overflow: hidden;
        position: relative;
        transition: 1s;
        -webkit-transition:1s;
        -webkit-backface-visibility: hidden;



    }
    .center{
        width: 95%;
        margin: auto;
    }
    .wap_head{
        width: 100%;
        padding: 5px 0;
        background: #af251b;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999999;
        border-bottom: 1px solid #af251b;
    }
    .wap_head .wap_logo{
        width: 32%;
        float: left;
        margin-left: 4%;
    }
    .wap_head .but{
        width: 10%;
        float: right;
        margin: 4% 4% 1% 1%;
    }


    .menu{
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0,0,0,.5);
        height: 100%;
        z-index: 9999;
        display: none;
    }
    .menu ul li:nth-child(1){
        margin-top: 15.5%;
    }
    .menu ul li{
        width: 100%;
        background: #333;
        border-bottom: 1px solid #ccc;
        text-align: center;
        padding: 10px 0;

    }
    .menu ul li a{
        color: #fff;
        display: block;
        float: left;
        margin-left: 11%;
    }



    .menu ul li span{
        display: block;
        float: right;
        color: #fff;
        font-size: 20px;
        margin-top: -2%;
        margin-right: 11%;
    }


    .menu ul li .menus{

    border-top: 1px solid #ccc;
        margin-top: 2%;
        display: none;
    }
    .menu ul .active .menus{
        display: block;
    }
    .menu ul li .menus a{
        padding: 10px 0 10px 15%;
        margin-left: 0;
        border-top: 1px solid #ccc;
        width: 85%;
        text-align: left;
        color: #ccc;
    }
    .menu ul li .menus a:nth-child(1){
        border-top: none;
    }



    #top1{
        margin-top: 15.5%;
    }
    /*head*/
    .header {
        width: 100%;
        padding: 44px 0 0;
        background: rgba(204,33,20,.9);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 999;
        display: none;
    }
    .nav_left{
        width: 38%;
        float: left
    }
    .nav_left ul li{
        width: 20%;
        float: left;
        text-align: center;
        margin-left: 6%;
    }
    .nav_left ul li a p:nth-child(1){
        color:#fff;
        font-size: 20px;
    }
    .nav_left ul li a p:nth-child(2){
        color:#f99b94;
        font-size: 16px;
        margin-top: 1%;
        padding-bottom: 29%;
    }
    .nav_left ul .active a p:nth-child(2){
        color:#f99b94;
        font-size: 16px;
        margin-top: 1%;
        padding-bottom: 29%;
        border-bottom: 3px solid #000000;
    }
    .nav_left ul li:nth-child(1){
        margin-left: 0;
    }
    .nav_left ul li:hover a p{
        color: #fff;
    }
    .nav_left ul li:hover a p:nth-child(2){
        border-bottom: 3px solid #000000;

    }


    .logo{
        width: 11.25%;
        float: left;
        margin-left: 6.5%;
        margin-top: -0.8%;
    }
    .nav_right{
        float: right;
    }
    .banner ul li img{
        width: 100%;
    }

    .head .state{
        width:100%;
        position:absolute;
        bottom:2%;
        left: 0;
        z-index: 50;
    }
    .head .state .deta_cen span{
        width: 20px;
        border-radius: 20px;
        margin-left: 5px;
        outline:none;
        height: 4px;
    }
    .head .state .deta_cen .swiper-pagination-bullet{
        background: #0d0f04!important;
    }
    .head .state .deta_cen .swiper-pagination-bullet-active{
        background: #e40e17!important;
    }
    .head .state .deta_cen span:nth-child(1){
        margin-left: 0;
    }





    /*about*/
    .about{
        background: #252525;
        padding-bottom: 4%;
    }
    .about .center .about_min{
        width: 100%;
        margin-top: 5%;
        padding: 20px 0;
        background: #af251b;
    }
    .about .center .about_min .content{
        width: 100%;
    }

    @font-face {
        font-family: 'fontnameRegular';
        src: url('../fonts/HANYIYANKAIW-2.TTF');
    url('../fonts/HANYIYANKAIW-2.TTF'),
    url('../fonts/HANYIYANKAIW-2.TTF')
    }
    .about .center .about_min .content .title{
        font-family: fontnameRegular;
        font-size: 32px;
        color: #fff;
        width: 65.5%;
        margin: 0% auto 0;
        text-align: center;
    }
    .about .center .about_min .content .mins{
        width: 85%;
        margin: 2% auto 0;
        color: #fff;
        font-size: 13px;
        line-height: 25px;

    }
    .about .center .about_min .content .button{
        width: 65.5%;
        margin: 3% auto 4%;
    }

    .about .center .about_min .content .button div{
        width: 64.8%;
        height: 30px;
        background: #fff;
        border-radius: 20px;
        padding: 4px;
        margin: auto;
    }
    .about .center .about_min .content .button div a{
        display: block;
        border:1px solid #af251b;
        border-radius:20px;
        padding: 4px;
        text-align: center;
        color: #262626;
        font-size: 16px;
    }


    .about .center .about_min .imgs{
        width: 98%;
        float: right;
        margin-right: 1%;
        position:relative;

    }
    .about .center .about_min .imgs img{
        width: 100%;
        display: none;
    }

    .about .center .about_min .imgs .position{
        width: 17.25%;
        position: absolute;
        top: 35%;
        left: 38.875%;
        cursor: pointer;
    }

    .about .fixed{
        width: 100%;
        height: 100%;
        position: fixed;
        top: -100%;
        left:0;
        background: rgba(0,0,0,.5);
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        z-index: 999;
    }
    .about .fixed .min{
        width: 89%;
        margin: 57% auto 0;
        background: #fff;
        padding: 1% 0 3%;

    }
    .about .fixed .min p{
        width: 96%;
        margin: auto;
        font-size: 25px;
        font-weight: 700;
        text-align: right;


    }
    .about .fixed .min p span{
        cursor: pointer;
    }
    .about .fixed .min video{
        width: 95%;
        margin-left: 2.5%;
    }




    /*人气菜品*/
    .cuisine{
        background: #262626;
        padding-bottom: 8%;

    }
    .title_en{
        font-weight: 700;
        font-family: '微软雅黑';
        font-size: 26px;
        color: #2e2e2e;
        text-align: center;
        margin-top: 4%;
    }
    .title_cn{
        font-family: 'fontnameRegular';
        font-size: 30px;
        color: #ffffff;
        text-align: center;
        margin-top: -6%;
    }
    .briefs{
        width: 100%;
        margin-top: 1%;
        text-align: center;
        font-size: 12px;
        color: #777777;
    }
    .cuisine .min{
        margin-top: 3%;
        display: none;
    }
    .cuisine .min .exhibition{
        width: 83.6%;
        float: left;
    }
    .cuisine .min .exhibition ul li{
        width: 100%;
        position: relative;
        display: none;
    }
    .cuisine .min .exhibition ul .active{
        display: block;
    }
    .cuisine .min .exhibition ul li .position{
        width: 204px;
        border:8px solid rgba(175,37,27,.9);
        position: absolute;
        top: 1%;
        left: 1%;
    }
    .cuisine .min .exhibition ul li .position .box{
        width: 200px;
        border:1px solid rgba(0,0,0,.0);
        background: rgba(175,37,27,.9);
        margin: 1px;
        padding: 39px 0;
    }
    .cuisine .min .exhibition ul li .position .box .img_title{
        font-family: 'fontnameRegular';
        width: 20px;
        font-size: 44px;
        color: #ffffff;
        float: left;
        margin-left: 17%;
        /*writing-mode:tb-rl;*/
    }
    .cuisine .min .exhibition ul li .position .box .img_title .yuan{
        width: 18px;
        height: 18px;
        border:1px solid #ffbf00;
        border-radius:50%;
        margin-top: 73%;
        margin-left: 10px;
    }
    .cuisine .min .exhibition ul li .position .box .img_title .yuan div{
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #ffbf00;
        margin: 4px auto 0;
    }
    .cuisine .min .exhibition ul li .position .box .img_brief{
        width: 50px;
        margin-right: 22%;
        float: right;
        font-size: 16px;
        color:#ffeaea;
        writing-mode:tb-rl;
        -webkit-writing-mode:tb-rl;
    }
    .cuisine .min .preview{
        width: 14.68%;
        float: right;
        overflow: hidden;
    }
    .cuisine .min .preview ul{
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .cuisine .min .preview ul li{
        width: 99%;
        margin-top: 15px;
        border: 1px solid rgba(0,0,0,.0);
        cursor: pointer;

    }
    .cuisine .min .preview ul .active{
        border-color: #e40e17;
    }
    .cuisine .min .preview ul li:nth-child(1){
        margin-top: 0;
    }
    .cuisine li img{
        width: 100%;
    }


    .cuisine .wap_min{
        width: 100%;
        margin-top: 5%;
    }
    .cuisine .wap_min ul li{
        width: 100%;
        position: relative;
    }
    .cuisine .wap_min ul li img{
        width: 100%;
    }
    .cuisine .wap_min ul li .title{
        width: 16px;
        position: absolute;
        top: 11%;
        left: 1%;
        padding: 5px 5px;
        background: #af251b;
        writing-mode: tb-rl;
        -webkit-writing-mode:tb-rl;
        color: #fff;
        line-height: 19px;
        letter-spacing: 5px;
    }




    /*shop*/
    .shop{
        background: url("../images/ylj_09.png")no-repeat;
        background-size: cover;
        padding-bottom: 6%;
    }
    .shop .center .shop_min{
        width: 100%;
        margin-top: 3%;
        position: relative;
    }
    .shop .center .shop_min ul li{
        width: 23.71%;
        float: left;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        /*margin-left: 1.7%;*/
    }
    .shop .center .shop_min ul li:nth-child(1){
        margin-left: 0;
    }
    .shop .center .shop_min ul li img{
        width: 100%;
    }

    .shop .center .shop_min ul li .position{
        width: 95%;
        padding: 1px 2.5%;
        background: #af251b;
        position: absolute;
        left: 0%;
        bottom: 0%;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .shop .center .shop_min ul li:hover .position{
        left: 0;
    }
    .shop .center .shop_min ul li .position img{
        width: 19.24%;
        float: left;
    }
    .shop .center .shop_min ul li .position .right{
        width: 75%;
        float: right;
    }
    .shop .center .shop_min ul li .position .right p:nth-child(1){
        width: 100%;
        font-size: 14px;
        font-weight: 700;
        color: #ffffff;
        margin-top: 5%;
    }
    .shop .center .shop_min ul li .position .right p:nth-child(2){
        width: 100%;
        font-size: 12px;
        color:#fff;
        margin-top: 3%;
    }
    .shop .center .shop_min ul li .position .right p:nth-child(3){
        width: 100%;
        font-size: 12px;
        color:#fff;
    }
    .shop .center .shop_min .but_left{
        width: 13.65%;
        position: absolute;
        top: 43%;
        left: 1%;
        cursor: pointer;
        z-index: 99;
        outline:none;
    }

    .shop .center .shop_min .but_right{
        width: 13.65%;
        position: absolute;
        top: 43%;
        right: 1%;
        cursor: pointer;
        z-index: 99;
        outline:none;
    }


    .shop .center .button{
        width: 50.77%;
        margin: 4% auto 0;
    }

    .shop .center .button div{
        width: 100%;
        height: 30px;
        background: #fff;
        border-radius: 20px;
        padding: 4px;
    }
    .shop .center .button div a{
        display: block;
        border:1px solid #282828;
        border-radius:20px;
        padding: 4px;
        text-align: center;
        color: #262626;
        font-size: 16px;
    }


    /*join*/
    .join{
        background: url("../images/ylj_18.png")no-repeat;
        background-size: cover;
        padding-bottom: 6%;
    }
    .join .center .join_min{
        width: 100%;
        margin-top: 1%;
    }
    .join .center .join_min img{
        width: 100%;
        float: left;
    }
    .join .center .join_min .join_right{
        width: 89.62%;
        float: right;
        margin-right: 4%;
    }
    .join .center .join_min .join_right .join_brief{
        width: 100%;
        font-size: 13px;
        color: #fff;
    }
    .join .center .join_min .join_right ul{
        margin-top: 1%;
    }
    .join .center .join_min .join_right ul li{
        width: 34.93%;
        float: left;
        margin-left: 30%;
        margin-top: 10%;
    }
    .join .center .join_min .join_right ul li:nth-child(2n+1){
        margin-left: 0;
    }
    .join .center .join_min .join_right ul li p:nth-child(1){
        width: 100%;
        font-size: 24px;
        color:#e40e17;
    }
    .join .center .join_min .join_right ul li p:nth-child(1) span{
        font-size: 14px;
    }
    .join .center .join_min .join_right ul li p:nth-child(2){
        width: 100%;
        margin-top: 1%;
        font-size: 16px;
        color:#aaaaaa;
    }



    .join .center .join_min .join_right .button{
        width: 47.93%;
        margin: 15% auto 0;
    }

    .join .center .join_min .join_right .button div{
        width: 100%;
        height: 30px;
        background: #fff;
        border-radius: 20px;
        padding: 4px;
    }
    .join .center .join_min .join_right .button div a{
        display: block;
        border:1px solid #282828;
        border-radius:20px;
        padding: 4px;
        text-align: center;
        color: #262626;
        font-size: 16px;
    }




    /*advantage*/
    .advantage{
        background: #262626;
        padding-bottom: 6%;
    }
    .advantage .center .advantage_min ul li .boxx{
        width: 94.86%;
        margin: auto;
    }
    .advantage .center .advantage_min ul li{
        width: 18.17%;
        float: left;
        padding: 10px 0;
        background: #fff;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        /*margin-left: 0.86%;*/
        cursor: pointer;
    }
    .advantage .center .advantage_min ul li:nth-child(1){
        margin-left: 0;
    }
    .advantage .center .advantage_min ul li:hover{
        background: #af251b;
    }
    .advantage .center .advantage_min ul li .boxx img{
        width: 100%;
        transform: scale(1.056);
        margin-top: -6px;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;

    }
    .advantage .center .advantage_min ul li:hover .boxx img{
        transform: scale(1);
        margin-top: 0;
    }
    .advantage .center .advantage_min ul li .boxx .li_title{
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: #333333;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        margin-top: 6%;
    }
    .advantage .center .advantage_min ul li:hover .boxx .li_title{
        color: #fff;
    }
    .advantage .center .advantage_min ul li .boxx .division{
        width: 18.75%;
        height: 1px;
        background: #cccccc;
        margin: 7% auto 0;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .advantage .center .advantage_min ul li:hover .boxx .division{
        background: #fff;
    }
    .advantage .center .advantage_min ul li .boxx .content{
        width: 80%;
        margin: 7% auto 0;
        font-size: 13px;
        color: #888888;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        line-height: 32px;
        height: 112px;
    }
    .advantage .center .advantage_min ul li:hover .boxx .content{
        color: #fff;
    }
    .advantage .center .advantage_min ul li .boxx .number{
        width: 100%;
        text-align: center;
        font-size: 40px;
        color: #e2e2e2;
    }
    .advantage .center .advantage_min{
        margin-top: 4%;
    }



    /*support*/
    .support{
        background: url("../images/ylj_18.png")no-repeat;
        background-size: cover;
        padding-bottom: 4%;
    }
    .support .center .support_min{
        margin-top: 3%;
    }
    .support .center .support_min ul li{
        width: 49%;
        float: left;
        position: relative;
        cursor: pointer;
        margin-left: 2%;
        margin-top: 2%;
        background: #af251b;
        height: 138px;
    }
    .support .center .support_min ul li:nth-child(2n+1){
        margin-left: 0;
    }
    .support .center .support_min ul li img{
        width: 100%;
    }
    .support .center .support_min ul li .pc_back{
        display: none;
    }
    .support .center .support_min ul li .position{
        width: 100%;
        height: 100%;
        /*position:absolute;*/
        /*top: 0;*/
        /*left: 0;*/
    }
    .support .center .support_min ul li .position img{
        width: 23.97%;
        display: block;
        margin: 7% auto 0;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .support .center .support_min ul li:hover .position img{
        transform: scale(1.1);
    }
    .support .center .support_min ul li .position .su_title{
        width: 100%;
        text-align: center;
        font-weight: 700;
        font-size: 14px;
        color: #ffffff;
        margin-top:3%;
    }
    .support .center .support_min ul li .position .su_min{
        width: 79%;
        text-align: center;
        color: #fff;
        font-size: 12px;
        margin-top: 2%;
        margin: 2% auto 0;
    }



    /*news*/
    .news{
        background: #262626;
        padding-bottom: 4%;
    }
    .news .center .news_min{
        width: 100%;
        margin-top: 4%;

    }
    .news .center .news_min .news_type{
        width: 100%;
        float: left;
        /*background: #fff;*/
        padding-bottom: 20px;
        /*margin-left: 2.8%;*/
        margin-top: 2%;
        display: none;
    }
    .news .center .news_min .active{
        display: block;
    }
    .news .center .news_min .news_type:nth-child(1){
        margin-left: 0;
    }
    .news .center .news_min .news_type .in_box{
        width: 100%;
        margin: auto;
    }
    .news .center .news_min .news_type .in_box .title{
        width: 150px;
        margin: auto;
        padding: 10px 0;
        display: none;
    }
    .news .center .news_min .news_type .in_box .title img{
        display: block;
        float: left;
        width: 15.33%;
        margin-top: 5.5%;
    }
    .news .center .news_min .news_type .in_box .title span{
        display: block;
        float: left;
        margin-left: 1%;
        font-size: 30px;
        color:#fff;
        font-family: 'fontnameRegular';
    }
    .news .center .news_min .news_type .in_box ul .one{
        width: 100%;
        padding-bottom: 20px;
        border-bottom: 1px solid #cccccc;
        margin-bottom: 3%;
    }
    .news .center .news_min .news_type .in_box ul .one img{
        width: 100%;
        transition: 0.5s;
        -webkit-transition:0.5s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
    .news .center .news_min .news_type .in_box ul .one:hover .title_img{
        transform: scale(1.05);
    }
    .news .center .news_min .news_type .in_box ul .one .one_title{
        width: 100%;
        font-weight: 700;
        font-size: 18px;
        color: #fff;
        margin-top: 3%;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .news .center .news_min .news_type .in_box ul .one .one_brief{
        font-size: 14px;
        color:#aaaaaa;
        margin-top: 1%;
    }
    .news .center .news_min .news_type .in_box ul .one .one_time{
        width: 100%;
        margin-top: 1%;
    }
    .news .center .news_min .news_type .in_box ul .one .one_time img{
        width: 5%;
        float: left;
        margin-top: 2px;
    }
    .news .center .news_min .news_type .in_box ul .one .one_time span{
        display: block;
        float: left;
        font-size: 14px;
        color:#e40e17;
        margin-left: 1%;
    }
    .news .center .news_min .news_type .in_box ul li{
        width: 100%;
        margin-top: 2%;
    }
    .news .center .news_min .news_type .in_box ul li:nth-child(1){
        margin-top: 3%;
    }
    .news .center .news_min .news_type .in_box ul li div:nth-child(1){
        width: 5px;
        height: 5px;
        border-radius:50%;
        float: left;
        background: #af251b;
        margin-top: 2%;
    }

    .news .center .news_min .news_type .in_box ul li div:nth-child(2){
        width: 64%;
        float: left;
        font-size: 12px;
        color: #fff;
        margin-left: 1%;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .news .center .news_min .news_type .in_box ul li div:nth-child(3){
        width: 31%;
        float: right;
        font-size: 14px;
        color: #666666;
        text-align: right;
    }
    .news .center .news_min .news_type .in_box ul li:hover div:nth-child(2){
        color: #af251b;
    }



    .news .center .news_nav{
        width: 100%;
        margin-top: 8%;
    }
    .news .center .news_nav ul li{
        width: 30%;
        float: left;
        border: 1px solid  /*#8e1209*/ #fff;
        height: 30px;
        text-align: center;
        line-height: 30px;
        margin-left: 4%;
        color: #fff;
    }
    .news .center .news_nav ul li:nth-child(1){
        margin-left: 0;
    }
    .news .center .news_nav ul .active{
        background: #8e1209;
        border-color: #8e1209;
    }




    /*message*/
    .message_foot{
        width: 100%;
        position: relative;
        background: url("../images/ylj_96_1.png")no-repeat;
        background-size: cover;
    }
    .message_foot .message{

        padding-bottom: 6%;
    }
    .message_foot .message .center .title{
        width: 100%;
        font-size: 18px;
        color: #fff;
        font-family: 'fontnameRegular';
        text-align: center;
        margin-top: 5%;
    }
    .message_foot .message .center .brief{
        width: 80%;
        font-size: 12px;
        color: #ffffff;
        text-align: center;
        margin:2% auto 0;
    }
    .message_foot .message .center .message_min{
        width: 100%;
        margin-top: 5.7%;
    }
    .message_foot .message .center .message_min .input{
        width: 100%;
        float: left;
        height: 52px;
        background: #fff;
        border-radius: 5px;
        margin-top: 1%;

    }
    .message_foot .message .center .message_min .input img{

        float: left;
        margin: 5.7% 0 0 2%;
    }

    input,textarea{
        background:none;
        outline:none;
        border:none;
    }
    input:focus{
        border:none;
    }
    textarea{
        resize: none;
    }
    .message_foot .message .center .message_min .input input{
        width: 90%;
        float: left;
        height: 52px;
        margin-left: 2%;
    }
    .message_foot .message .center .message_min .input:nth-child(3n+1){
        margin-left: 0;
    }
    .message_foot .message .center .message_min .input textarea{
        width: 87%;
        float: left;
        height: 50px;
        margin-left: 1%;
        margin-top: 0.2%;
    }
    .message_foot .message .center .message_min .text{
        width: 100%;
        float: left;
        height: 60px;
        background: #fff;
        border-radius: 5px;
        margin-left: 0.72%;
        margin-top: 1%;

    }
    .message_foot .message .center .message_min .text img{

        float: left;
        margin: 0.3% 0 0 2%;
    }

    .message_foot .message .center .submit{
        width: 32.97%;
        margin: 5% auto 0;
        padding: 10px 0;
        background: #ef8425;
        text-align: center;
        font-weight: 700;
        font-size: 13px;
        color: #fff;
        cursor: pointer;
        border-radius: 5px;
    }


    .message_foot .ab_box{

    }
    .message_foot .foot{
        background: #1f1f1f;
        padding: 25px 5px;

    }
    .message_foot .foot .center .foot_logo{
        width: 72.11%;
        /* float: left; */
        display: block;
        margin: auto;
    }
    .message_foot .foot .center .foot_right{
        width:100%;
        /*float: right;*/
    }
    .message_foot .foot .center .foot_right .foot_min{
        width: 100%;
        /* float: left; */
        text-align: left;
    }
    .message_foot .foot .center .foot_right .foot_min p:nth-child(1){
        width: 100%;
        font-size: 16px;
        color: #ffffff;
        text-align: center;
    }
    .message_foot .foot .center .foot_right .foot_min p:nth-child(2){
        width: 100%;
        font-size: 28px;
        color: #ffffff;text-align: center;

    }
    .message_foot .foot .center .foot_right .foot_min p:nth-child(3){
        width: 100%;
        font-size: 14px;
        color: #888888;
        text-align: center;
    }
    .message_foot .foot .center .foot_right .foot_min p:nth-child(3) span{
        display: none;
    }
    .message_foot .foot .center .foot_right .foot_min p:nth-child(4){
         width: 100%;
         font-size: 14px;
         color: #888888;
        text-align: center;
     }
    .message_foot .foot .center .foot_right .foot_min p:nth-child(4) span{
        display: none;
    }
    .message_foot .foot .center .foot_right .code{
        width: 20.86%;
        float: right;
        background: #ddd;
        position: relative;
        display: none;
    }
    .message_foot .foot .center .foot_right .code img{
        width: 81.78%;
        float: left;
    }
    .message_foot .foot .center .foot_right .code span{
        display: block;
        width: 15px;

        float: left;
        margin-left: 1%;
        font-size: 12px;
        color:#333333
    }


    .message_foot .foot .center .foot_right .code .box{
        width: 10%;
        height: 100%;
        background: #fff;
        /*float: right;*/
        /*position: absolute;*/
        /*top: 0;*/
        /*right: 0;*/
    }
    .message_foot .copyright{
        width: 100%;
        padding: 10px 0;
        font-size: 12px;
        color: #888888;
        text-align: center;
        background: #171717;
    }
    .message_foot .copyright span{
        display: block;
    }


    .wap_code{
        width: 28%;
        /* display: block; */
        margin: 4% auto 0;
        text-align: center;
        margin: 5%;
    }
	.pc_img_join{
		display:none;
	}

        .link{
        width: 100%;

        background: #1f1f1f;

    }
    .link .center{
        border-top: 1px solid #363636;
        padding: 1% 0;
    }
    .link ul li{
        width: auto;
        float: left;
        margin-left:1%;
        color: #777777;
    }
    .link ul li a{
        color: #777;
    }
	
}