@media only screen and (max-device-width:329px){html{font-size:19px!important}}
@media only screen and (min-device-width:330px) and (max-device-width:348px){html{font-size:18px !important}}
@media only screen and (min-device-width:349px) and (max-device-width:429px){html{font-size:19px !important}}
@media only screen and (min-device-width:430px) and (max-device-width:479px){html{font-size:22px !important}}
@media only screen and (min-device-width:480px){html{font-size:19px!important}}

article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,iframe,menu,nav,section{display:block}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
address,cite,dfn,em,i,var{font-style:normal;font-weight:400}
dfn{font-family:Arial}
ol,ul{list-style:none}
a{color:#000;text-decoration:none}
button,fieldset,img,input{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
input{-webkit-appearance:none;border-radius:0;-webkit-user-select:text}
:focus{outline:0}


.fl{float:left}
.fr{float:right}

h1{font-size:1rem}
h2{font-size:.9rem}
h3{font-size:.8rem;}

body,button,input,select,textarea {font-family:PingFang SC,Myriad Set Pro,PingHei, 'Helvetica Neue', Helvetica, STHeitiSC-Light, "华文细黑",Microsoft YaHei,"微软雅黑", Arial, sans-serif,arial,sans-serif;font-size:1rem; -webkit-font-smoothing: antialiased;}
body{background: #fff;}

.hide{display: none !important;}
.show{display: block;}

.txt_ell{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.ove_hid{overflow: hidden;}
.ove_aut{overflow: auto;}

.dis{display: inline-block !important;}

.txt_center{text-align: center;}

.Lh_2{line-height: 2;}

.fon_11{font-size: 0.6rem;}
.fon_12{font-size: 0.65rem;}
.fon_13{font-size: 0.7rem;}
.fon_14{font-size: 0.75rem;}
.fon_15{font-size: 0.8rem;}
.fon_16{font-size: 0.85rem;}
.fon_17{font-size: 0.9rem;}
.fon_18{font-size: 0.95rem;}

/*宽度*/

.w_10{width: 10% !important;}
.w_15{width: 15% !important;}
.w_20{width: 20% !important;}
.w_25{width: 25% !important;}
.w_30{width: 30% !important;}
.w_35{width: 35% !important;}
.w_40{width: 40% !important;}
.w_45{width: 45% !important;}
.w_50{width: 50% !important;}
.w_55{width: 55% !important;}
.w_60{width: 60% !important;}
.w_65{width: 65% !important;}
.w_70{width: 70% !important;}
.w_75{width: 75% !important;}
.w_80{width: 80% !important;}
.w_85{width: 85% !important;}
.w_90{width: 90% !important;}
.w_95{width: 95% !important;}
.w_100{width: 100% !important;}

/*高度*/

.h_100{height: 100%;}

.mt_5{margin-top: 0.2rem;}
.mt_10{margin-top: 0.5rem;}
.mt_15{margin-top: 0.8rem;}
.mt_20{margin-top: 1.1rem;}
.mt_25{margin-top: 1.4rem;}
.mt_30{margin-top: 1.7rem;}
.mt_35{margin-top: 2rem;}
.mt_40{margin-top: 2.3rem;}
.mt_45{margin-top: 2.6rem;}
.mt_50{margin-top: 2.9rem;}

.mb_5{margin-bottom: 0.2rem;}
.mb_10{margin-bottom: 0.5rem;}
.mb_15{margin-bottom: 0.8rem;}
.mb_20{margin-bottom: 1.1rem;}
.mb_25{margin-bottom: 1.4rem;}
.mb_30{margin-bottom: 1.7rem;}
.mb_35{margin-bottom: 2rem;}
.mb_40{margin-bottom: 2.3rem;}
.mb_45{margin-bottom: 2.6rem;}
.mb_50{margin-bottom: 2.9rem;}
.mrl{margin: 0 .8rem;}
.mrl_4{margin: 0 4%;}

.prl{padding: 0 .8rem;}
.pt_5{padding-top: 0.2rem;}
.pt_10{padding-top: 0.5rem;}
.pt_15{padding-top: 0.8rem;}
.pt_20{padding-top: 1.1rem;}
.pt_25{padding-top: 1.4rem;}
.pt_30{padding-top: 1.7rem;}
.pt_35{padding-top: 2rem;}
.pt_40{padding-top: 2.3rem;}
.pt_45{padding-top: 2.6rem;}
.pt_50{padding-top: 2.9rem;}

.pb_5{padding-bottom: 0.2rem;}
.pb_10{padding-bottom: 0.5rem;}
.pb_15{padding-bottom: 0.8rem;}
.pb_20{padding-bottom: 1.1rem;}
.pb_25{padding-bottom: 1.4rem;}
.pb_30{padding-bottom: 1.7rem;}
.pb_35{padding-bottom: 2rem;}
.pb_40{padding-bottom: 2.3rem;}
.pb_45{padding-bottom: 2.6rem;}
.pb_50{padding-bottom: 2.9rem;}

.white{color: #fff;}
.s_white{color: #d7d7d7;}
.s_black{color: #202020;}
.black{color: #333;}
.y_black{color: #454545;}
.gray{color: #888;}
.orange{color: #fe8c50 !important;}
.blue{color: #3d85f3;}
.m_red{color: #ee3636;}
.brown{color: #A26325;}

.bg_gray{background: #ececec !important;}
.bg_grey{background: #f7f7f7;}
.bg_gry{background: #f6f6f6 !important;}
.bg_white{background: #fff;}
.bg_orange{background: #F5C155 !important;}

.shadow{box-shadow: 0 3px 13px rgba(254, 178, 138, 0.5);}
.i-arrow-r:after{ position:absolute; right:0.3rem;top:50%; margin-top:-0.36rem;display:inline-block;width:0.5rem;height:0.5rem;content:"";border:1px solid #999;border-width:1px 1px 0 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.i-arrow-r-orange:after{ display:inline-block;width:0.4rem;height:0.4rem;margin-left: 0.4rem; content:"";border:1px solid #FE8C50;border-width:1px 1px 0 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.i-arrow-r1:after{display:inline-block;width:0.5rem;height:0.5rem;margin-left: 0.4rem;content:"";border:1px solid #999;border-width:1px 1px 0 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}

.pos_re{position: relative;font-size: 0;}
.pos_ab{position: absolute;}

.head{height: 50px;width: 100%; background-image:url(/img2/logo.png); background-repeat:no-repeat; background-position:5% 10px;}
.nav{width:490px; margin:0 auto 0 auto;white-space: nowrap;padding-top: 10px;}
.nav li{display: inline-block;margin: 0 1%;}
.nav .active{border-bottom: 2px solid #000; }
.zhongyingwen
{
    float:right;
    margin-right:5%;
    margin-top:-24px;
    color:red;
    font-size: 14px;
}
.zhongyingwen a{font-size: 14px;
    
    color:red;}
.zhongyingwen .active{border-bottom: 2px solid red; }


.logo{margin-top: 10px;display: inline-block;float: left;}
.logo img{height: 27px;}
.nav_btn{display: none;float: right;width: 1.2rem;height: 50px;background: url(../img2/nav.png) no-repeat center;background-size: 100%;margin-top: 0px; margin-right:3%;}

.index_text{top: 35%;left: 20%;font-size: .8rem;line-height: 1.6;}
.index_text span{display: block;font-size: 1.8rem;font-weight: 700;}
.sidebar{background: #fff;}
.sidebar li a{display: block;padding:0 0.8rem;line-height: 3.5;font-size: .9rem;font-weight: 600;border-bottom:1px solid #eee;color: #323232;}

.img_list_box{margin:5rem 0;}
.img_list{display: inline-block;white-space: nowrap;margin-top: 1.3rem;}
.img_list li{display: inline-block;}
.img_list li img{width: 3.2rem;}
.food_font{font-size: .8rem;}

.img_list_work{-moz-column-count: 6; -webkit-column-count: 6;column-count: 6; -moz-column-gap: .0rem;-webkit-column-gap: .0rem; column-gap: .0rem;}
.img_list_work li{width: 100%;margin-bottom:.0rem;}
.img_list_work li img{width: 100%;height: initial;display: block;}

.main{width: 90%;max-width: 900px;margin: auto;}

.about_title{font-size: 2.1rem;font-weight: 900;display: block;margin: 2.9rem 0;}


.about_list{display: inline-block;width: 100%;}
.about_list li{display: inline-block;width: 100%;margin-bottom: 2.9rem;}
.about_list li img{display: inline-block;float: left;width: 11.3rem;}
.about_list .about_list_txt{margin-left: 13rem;}
.about_list .about_list_txt h3{font-size: 1.8rem;}
.about_list .about_list_txt .about_txt{margin-top: 1.1rem;}

.works_list li{display: inline-block;width: 31.33%;margin:0 1%;float: left;margin-bottom: 1.7rem;}
.works_list li a,.shop_list li a{display: block;}
.works_list li img{display: inline-block;width: 100%;height: 8.7rem;margin-bottom: .6rem;}
.works_list li p,.shop_list li p{font-size: .8rem;color: #454545;text-align: center;}
.works_list li span{display: block;}

.shop_list li{display: inline-block;width: 48%;margin:0 1%;float: left;margin-bottom: 1.2rem;}
.shop_list li img{display: inline-block;width: 100%;}
.shop_list li p{display: block;text-overflow: ellipsis;overflow: hidden;white-space:nowrap; line-height:32px;}

.shop_list li .p2{line-height:14px;}

.zuozhe_box{display: inline-block;width: 30%;font-size: 1.6rem;text-align: center;font-weight: 600;}
.zuozhe_box img{width: 100%;margin-bottom: .8rem;}
.zuozhe_txt{margin-left: 33%;}
.zuozhe_txt p{margin-bottom: 1.1rem;}
.zuozhe_txt .img_list{margin-top: 0;}
.zuozhe_txt .img_list li img{width: 2.5rem;}

.zuo_list{display: block;width: 80%;margin: auto;}
.zuo_list li{display: inline-block;width: 100%;margin-bottom: 1.7rem;}
.zuo_list li img{display: inline-block;width: 23%;float: left;}
.zuo_list .zuo_list_txt{margin-left: 26%;}
.zuo_list .zuo_list_txt h3{font-size: 1.2rem;margin: 6% 0 5%;}
.zuo_list .zuo_list_txt p{font-size: .8rem;line-height: 1.7;}

.line_dtl_left{ width:490px; margin-right: 30px;margin-bottom: 20px;}
.imgbox{ width:100%;}
.zoombox{width:100%;}
.zoompic{border:solid 1px #dfdfdf;width:100%;height:490px;background: #95a6ff;}
.zoompic img{width: 100%;height: 100%;}
.sliderbox{height:90px;overflow:hidden;margin:6px 0 0 0;}
.sliderbox .arrow-btn{width:38px;height:90px;background:url(../img2/arrow-btn.png) no-repeat;cursor:pointer;background-size: 90px;}
.sliderbox #btn-left{float:left;background-position:-6px 0;}
.sliderbox #btn-left.dasabled{background-position:-6px -90px;}
.sliderbox #btn-right{float:right;background-position:-45px 0;}
.sliderbox #btn-right.dasabled{background-position:-45px -90px;}
.sliderbox .slider{float:left;height:92px;width:82%;position:relative;overflow:hidden;margin:0 0 0 1%;display:inline;}
.sliderbox .slider ul{position:absolute;left:0;width:999em;}
.sliderbox .slider li{float:left;width: 90px;height: 90px;text-align:center; margin: 0 1px;position: relative;}
.sliderbox .slider li img{background: #95a6ff; width: 100%;height: 100%;}
.sliderbox .slider li.current img{opacity: .35;}
.sliderbox .slider li.current::after{content:"";display: inline-block;position: absolute;right: 0;left: 0;bottom: 0;top: 0;background:#cf00004f;}

.detail_tite{font-size: 1.6rem;font-weight: 900;color: #202020;}
.detail_tt{font-size: 1rem;margin-top: 1rem;line-height: 1.7;font-weight: 600;color:#202020 ;}

.detail_txt{font-size: .9rem;line-height: 2;color: #202020;}
.detail_txt a{text-decoration: underline;}
.details_btn{display: inline-block;width: 310px;text-align: center;line-height: 4.5; font-size: .9rem; color: #fff;background: #202020;}
.detail_box{display: inline-block;}

.slide-main{position:relative;overflow:hidden;display: none;}
.prev,.next{display:block;width:2.3rem;height:3rem;position:absolute;z-index:222;top:0px;bottom: 0;margin: auto; overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:1rem;}
.next{right:1rem;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.slide-box{ width:100%; overflow:hidden;}
.slide img{ width:100%; margin:auto;}
.slide-box{position:relative;}

.slide-box>div{display: none;}
.prev img,.next img{width: 2rem;}

.kuang{position: fixed;z-index: 999;top: 0;bottom: 0;right: 0;left: 0;background: rgba(0,0,0,0.5);display: none;}
.kuang_box{position: absolute;top: 20%;right: 0;left: 0;background: #fff;width:80%;max-width: 400px;margin: auto;border-radius: 5px;padding: 20px;overflow: auto;}
.close{position: absolute;font-size: 1.4rem;font-family: cursive;right: 20px;}

.form_list{display:block;padding: 0 20px;background: #fff;border-bottom: 1px solid #eee;height: 50px;}
.form_list .lable{display: inline-block;font-size: 14px;color: #222222; float: left;line-height: 50px;margin-right:10px;}
.form_list .form_list_input{margin-left: 80px;font-size: 14px; line-height: 50px;}
.form_list .form_list_input input{height: 50px;font-size: 14px;}

.btn{display: block;width: 100px;border:2px solid #202020;margin: auto;border-radius:3rem;text-align: center;font-size: .8rem;line-height: 2.5;}

	.foot{background: #e5e5e5;padding:0rem 0;line-height: 2;display: inline-block;width: 100%;padding: 3rem 0 2rem;}
.foot .fl img,.foot .fr b{margin-bottom: 1rem;}
.foot .fr b{line-height: 16px;}
.foot .fr li span{display: inline-block;width: 7rem;}
.lxwm
{
    display: block;font-size: 16px; 
}
@media only screen and (max-device-width:900px){
    .nav{display:none;}
    .nav_btn{display: inline-block;}
    .img_list_box{margin:4rem 0;}
    .about_title{font-size: 1.7rem;font-weight: 900;display: block;margin: 1rem 0;}
    .about_txt{font-size: .7rem;line-height: 2;}
    .about_list li img{display: inline-block;float: left;width:20%;}
    .about_list .about_list_txt{margin-left: 24%}
    .about_list .about_list_txt  h3{font-size: 1rem;}
    .about_list .about_list_txt  .about_txt{margin-top: .8rem;}

    .works_list li p{font-size: .65rem;color: #454545;text-align: center;}

    .zuozhe_box{font-size: 1rem;text-align: center;font-weight: 600;}
    .zuozhe_txt .img_list li img{width: 2rem;}

    .zuo_list li img{display: inline-block;width: 30%;float: left;}
    .zuo_list .zuo_list_txt{margin-left: 33%;}
    .zuo_list{display: inline-block;width: 100%;margin: auto;}

    .shop_list li img{}
    .line_dtl_left{width: 100%;}
    .kuang_box{top: 10%;}
.fon_14{font-size: 0.65rem;}
.w_70{width: 100% !important;}
.w_25{width: 100% !important; margin-top:14px;}
}
@media only screen and (max-device-width:560px){
    .main{ margin-top:24px;}
    .img_list li img{width: 2.2rem;}
    .img_list_box{margin:3rem 0;}
    .food_font{font-size: .6rem;}
    .index_text{font-size: .6rem;}
    .index_text span{font-size: 1rem;}

    .about_list li img{display: inline-block;float: left;width:30%;margin: 0 .8rem .8rem 0;}
    .about_list .about_list_txt{margin-left: 0;clear:both;width:100%;}
    .about_list .about_list_txt  h3{font-size: .8rem;}
    .about_list .about_list_txt  .about_txt{font-size: .65rem;line-height: 2;margin-top: 0;}
    .works_list{-moz-column-count: 2; -webkit-column-count: 2;column-count: 2; -moz-column-gap: .8rem;-webkit-column-gap: .8rem; column-gap: .8rem;}
    .works_list li{width: 100%;margin-bottom:.7rem;}
    .works_list li img{width: 100%;height: initial;}
    .works_list li p{font-size: .6rem;color: #454545;text-align: center;}

   
    .zuozhe_box{font-size: .8rem;text-align: center;font-weight: 600;margin:0 auto 0 auto;width: 100%;}
    .zuozhe_box img{width:200px;margin:0 auto 6px auto;}
    .zuozhe_txt{margin-left:0;clear:both;padding-top:18px;}
    .zuozhe_txt .img_list li img{width: 1.4rem;}
    .zuozhe_txt p{margin-bottom: 0.4rem;}

    .zuo_list .zuo_list_txt h3{font-size: 1rem;}
    .zuo_list .zuo_list_txt p{font-size: .7rem;}
    .zuo_list li{display: inline-block;width: 100%;margin-bottom: 1rem;}

    .shop_list li img{}
    .shop_list li p{font-size: .6rem;}

    .about_title{font-size: 1.2rem;margin: 3.2rem 0 .8rem 0;}
    .zoombox{display: none;}
    .slide-main{display: block;}
    .line_dtl_left{margin:-3rem 0 0;}
    .details_btn{display: block;margin:20px auto;}
    .detail_box{width: 100%;}
    .kuang_box{height: 19rem;}
.fon_14{font-size: 0.65rem;}
.w_70{width: 100% !important;}
.w_25{width: 100% !important; margin-top:14px;}
}

 @media only screen and (max-device-width:480px){
    .zuo_list li img{display: inline-block;width:5rem;float: left;}
    .zuo_list .zuo_list_txt{margin-left: 5.6rem;}
    .zuo_list .zuo_list_txt h3{font-size: .8rem;margin:.4rem 0;line-height: 1;}
    .zuo_list .zuo_list_txt p{font-size: .6rem;}
    .shop_list li img{}
    .details_btn{width: 100%;font-size: .6rem;}
    .detail_tite{font-size: 1rem;}
    .detail_tt{font-size: .7rem;margin-top: .8rem;}
    .detail_txt{font-size: .6rem;}
.fon_14{font-size: 0.65rem;}
.w_70{width: 100% !important;}
.w_25{width: 100% !important; margin-top:14px;}
}

@media only screen and (max-device-width:340px){
    .img_list li img{width: 1.8rem;}
    .img_list_box{margin:3rem 0;}
    .shop_list li img{}
    .slide img{height:14rem;}
.fon_14{font-size: 0.65rem;}
.w_70{width: 100% !important;}
.w_25{width: 100% !important; margin-top:14px;}
}