


@media screen and (max-width:1800px){


.csbLoca-text{ max-width:360px; padding:27px 20px 0 20px;}
.csbLoca-text .icon{ width:80px; height:80px; line-height:78px; font-size:46px;}
.csbLoca-text .txt{ width:calc(100% - 80px); font-size:18px; line-height:30px; padding-left:20px;}
.csbLoca-text + .csbLoca-text{ max-width:360px;}
.csbLoca-text + .csbLoca-text .txt{ padding-top:0;}
.csbLoca-code{ padding:15px 0 0 20px;}
.csbLoca-code .txt{ font-size:18px; line-height:30px;}




}

@media screen and (max-width:1800px){


.csbLoca-text{ max-width:350px; padding:32px 20px 0 20px;}
.csbLoca-text + .csbLoca-text{ max-width:350px;}
.csbLoca-text .icon{ width:70px; height:70px; line-height:68px; font-size:40px;}
.csbLoca-text .txt{ width:calc(100% - 70px); }
.csbLoca-code{ padding:20px 0 0 20px;}
.csbLoca-code .pic{ width:110px; height:110px;}



}


@media screen and (max-width:1520px){

.w{ width:90%;}

.csbNav li{ margin:0 20px;}

.csbLoca-title{ width:230px; height:130px; padding-right:15px; padding-top:18px; font-size:17px;}
.csbLoca-title .cn{ font-size:26px; padding:7px 0;}
.csbLoca-text{ max-width:320px; min-height:130px; padding:35px 15px 0 15px;}
.csbLoca-text .icon{ width:60px; height:60px; line-height:58px; font-size:36px;}
.csbLoca-text .txt{ width:calc(100% - 60px); padding-top:15px; padding-left:18px; font-size:17px; line-height:28px;}
.csbLoca-text + .csbLoca-text .txt{ padding-top:0;}
.csbLoca-code{ padding:15px 0 0 15px;}
.csbLoca-code .pic{ width:100px; height:100px;}
.csbLoca-code .txt{ font-size:17px; line-height:30px; padding:20px 0 0 15px;}

.csbStores-list .swiper-button-prev{ left:-30px;}
.csbStores-list .swiper-button-next{ right:-30px;}



}


@media screen and (max-width:1290px){
}


@media screen and (max-width:1024px){


}


@media screen and (max-width:834px){

.w{ width:94%;}
body{ font-size:15px;}

.csbHead{ background:#fff; width:100%; position:fixed; left:0; top:0; padding:10px 3%; box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.2);}	
.csbHead-tel{ display:none;}
.csbHead-logo { width:230px;}
.csbNav{ display:none;}

.menuBtn{ display:block;}

.csbBanner{ margin-top:58px;}
.csbBanner .swiper-pagination{ bottom:10px !important;}
.csbBanner .swiper-pagination-bullet{ width:30px; height:2px; margin:0 4px !important;}

.csbLoca { margin-top:25px;}
.csbLoca-title{ width:100%; height:auto; padding:12px 15px; font-size:16px;}
.csbLoca-title .cn{ font-size:20px;}
.csbLoca-title .en{ font-size:14px;}
.csbLoca-text{ max-width:inherit; min-height:inherit; width:100%; padding:15px 12px 0 12px; border-right:0;}
.csbLoca-text .icon{ width:36px; height:36px; line-height:34px; font-size:20px;}
.csbLoca-text .txt{ width:calc(100% - 36px); font-size:16px; line-height:36px;color: #fff01f; padding-left:15px; padding-top:0;}
.csbLoca-text + .csbLoca-text .txt{ line-height:24px;}
.csbLoca-text + .csbLoca-text .icon{ margin-top:5px;}

.csbLoca-code{ width:100%; padding:15px;}
.csbLoca-code .txt{ font-size:16px; line-height:25px; padding:13px 0 0 15px;}
.csbLoca-code .pic{ width:80px; height:80px;}

.csbStores{ padding:0;}
.csbStores-title{ padding:25px 0;}
.csbStores-title .t{ font-size:22px;}
.csbStores-title .t:before{ width:50px; left:-65px;}
.csbStores-title .t:after{ width:50px; right:-65px;}
.csbStores-title .c{ padding-top:15px; font-size:15px;text-align: justify;}
.csbStores-list{ margin-top:0;}
.csbStores-list li .tit{ font-size:16px; margin-top:12px;}
.csbStores-list .swiper-button-next, .csbStores-list .swiper-button-prev{ width:25px; height:44px; line-height:44px; font-size:20px; top:80px;}
.csbStores-list .swiper-button-prev{ left:0;}
.csbStores-list .swiper-button-next{ right:0;}

.csbStores-more{ padding-top:15px;}
.csbStores-more a{ padding:0 15px;}

.csbBrand{ margin-top:25px; padding-bottom:20px;}
.csbBrand-list{ margin-left:-15px;}
.csbBrand-list li{ width:calc(50% - 15px); margin-left:15px; min-height:inherit; margin-bottom:15px; padding:12px;}
.csbBrand-list li .arrow{ display:none;}
.csbBrand-list li .pic img{ width:auto; height:auto; border-radius:0;}
.csbBrand-list li .tit{ font-size:17px; margin-top:10px;}
.csbBrand-list li .txt{ font-size:15px; line-height:24px; margin-top:10px;} 

.csbFood{ padding-bottom:25px;}
.csbFood .csbStores-more{ padding-top:0;}
.csbFood-listItem{ width:100%; margin-bottom:15px;}
.csbFood-listItem li .word{ padding:12px;}
.csbFood-listItem li .word .t{ font-size:17px;}
.csbFood-listItem .swiper-pagination{ bottom:10px !important;}

.csbNews{ padding:0 0 30px 0;}
.csbNews-list{ margin-left:0; margin-top:0;}
.csbNews-list li{ width:100%; margin-left:0; margin-bottom:15px;}
.csbNews-list li .tit{ font-size:17px; margin-top:10px;}
.csbNews-list li .date{ margin-top:6px;}
.csbNews-list li .txt{ margin-top:10px;}


.csbFoot{ padding:20px 0;}
.csbFoot-logo{ width:100%; margin-top:0; text-align:center; border:0; display:none;}
.csbFoot-logo img{ width:100px;}

.csbFoot-copy{ width:100%; padding-top:12px; font-size:13px; line-height:22px;}
.csbFoot-copy .tel{ font-size:16px; padding:10px 0;}
.csbFoot-code{ width:100%; text-align:center;}
.csbFoot-code li{ float:none; padding:0 10px; display:inline-block; vertical-align:top; margin-left:0;}
.csbFoot-code li img{ width:auto; height:auto;}
.csbFoot-tips{ text-align:center; font-size:14px;}

.pbanner{ margin-top:58px;}
.ploact{ line-height:inherit; box-shadow:none;}
.ploact .w{ width:100%;}
.ploact-add{ width:100%; line-height:40px; box-shadow:1px 1px 5px rgba(63,63,63,.3);}
.ploact-add .iconfont{ width:47px;}
.ploact-nav{ width:100%; padding:10px 0;}
.ploact-nav li{ margin-bottom:1px; width:50%; margin-left:0; text-align:center;}
.ploact-nav li a{ background:#ececec; padding:0; line-height:40px; border-right:1px #fff solid;}

.pabout{ padding:0 0 25px 0;}
.pabout-word{ font-size:15px; line-height:27px;}
.pabout-course{ margin-top:0; padding-top:0;}
.pabout-course li{ padding-top:20px;}
.pabout-course li .word .d{ font-size:16px;}
.pabout-course li .word .c{ padding:12px; font-size:15px; margin-top:10px;}

.pteam-list{ width:100%;}
.pteam-list li{ width:100%; margin:0 0 15px 0;}
.pteam-list li .txt{ padding-top:10px;}
.pteam-list li .txt .t{ font-size:17px;}
.pteam-list li .txt .c{ font-size:15px; margin-top:6px;}

.pfood-main{ padding:0 0 30px 0;}
.pfood-menu{ padding-bottom:20px;}
.pfood-menu a{ width:50%; text-align:center; padding:0; float:left; padding:5px;}
.pfood-list{ margin-left:-10px;}
.pfood-list li{ width:calc(50% - 10px); margin-left:10px; margin-bottom:15px;}
.pfood-list li .tit{ line-height:inherit; font-size:16px; padding:5px 0;}

.pnews-detaMain{ width:94%; padding:25px 0 30px 0;}
.pnews-detaTitle{ padding-bottom:20px;}
.pnews-detaTitle .t{ font-size:20px;}
.pnews-detaTitle .d{ margin-top:12px;}
.pnews-detaText{ font-size:15px; line-height:27px; padding:20px 0;}
.pnews-detaPage{ padding-top:10px;}
.pnews-detaPage .return{ position:relative; top:auto;}


.ppage{ padding-top:10px;}
.ppage a{ font-size:14px; padding:0 10px; margin:2px;}
.ppage .nowpage{ font-size:14px; padding:0 10px; margin:2px;}


.pjoin-list{ margin-left:0;}
.pjoin-list li{ width:100%; margin-left:0; margin-bottom:15px; padding:12px;}
.pjoin-list li .pic{ width:100%;}
.pjoin-list li .word{ width:100%; padding:12px 0 0 0;}
.pjoin-list li .word .t{ font-size:18px;}
.pjoin-list li .word .c{ max-height:48px; height:auto; margin-top:10px;}
.pjoin-list li .word .m{ font-size:14px; padding:0 15px; line-height:30px;}

.pjoin-detaCont{ padding:5px 12px 15px 12px;}
.pjoin-detaword .t{ padding-top:15px; font-size:17px;}
.pjoin-detaword .c{ font-size:15px; line-height:27px; margin-top:10px;}
.pjoin-detaTel{ font-size:18px; line-height:30px; padding-top:20px;}

.pmessage-title{ font-size:18px; padding-top:20px; padding-bottom:15px;}
.pmessage-filed li{ padding-bottom:15px;}
.pmessage-filed li .aside{ width:100%; padding-right:0; padding-bottom:15px;}
.pmessage-filed li .aside:last-child{ padding-bottom:0;}
.pmessage-filed li .inpt{ height:40px; line-height:38px; padding-left:38px;}
.pmessage-filed li .iconfont{ width:40px; line-height:40px; font-size:22px;}
.pmessage-filed li .area{ height:120px; padding:10px 10px 10px 40px; line-height:27px;}
.pmessage-filed li .yzm-inpt{ width:110px; height:40px; line-height:38px;}
.pmessage-filed li .yzm-img{ width:95px; height:40px; margin-left:8px;}
.pmessage-filed li .yzm-in{ width:100%; padding:10px 0 15px 0; line-height:inherit;}
.pmessage-filed li .yzm-btn{ width:100%; line-height:40px; font-size:17px; height:40px; margin-left:0;}

.gallery-top{ width:100%; margin-top:25px; padding:12px;}
.gallery-top .item-box{ height:auto;}
.gallery-thumbsBox{ width:100%; margin-top:15px; padding:14px 40px;}


.pskills-main{ padding:0 0 30px 0;}
.pskills-list{ width:100%;}
.pskills-list li{ padding-bottom:20px;}
.pskills-list li .pic{ width:100%;}
.pskills-list li .txt{ width:100%; padding:12px;}
.pskills-list li .txt .t{ font-size:17px;}
.pskills-list li .txt .c{ font-size:15px; line-height:27px; max-height:54px; height:auto; margin-top:10px;}
.pskills-list li .txt .m{ font-size:14px; line-height:30px; padding:0 15px; margin-top:10px;}

.pnews-list li{ padding:12px; margin-bottom:20px;}
.pnews-list li:before{ display:none;}
.pnews-list li .pic{ width:100%;}
.pnews-list li .word{ width:100%; padding:12px 0 0 0;}
.pnews-list li .word .t{ font-size:17px;}
.pnews-list li .word .c{ margin-top:10px;}
.pnews-list li .btn{ width:100%; text-align:left; padding-top:10px;}
.pnews-list li .btn .iconfont{ width:34px; height:34px; line-height:32px; font-size:18px; text-align:center;}



.csbStores-more1{ padding:0 15px; margin-top:2px; line-height:28px; padding:0 15px; font-size:14px;}

.add{ font-size:15px; line-height:27px; margin-left:0;}


}



@media screen and (max-width:640px){

.mpfood-list{ margin-left:0;}
.mpfood-list li{ width:100%; margin-left:0;}

}


