/*Huang CSS Document QQ:52710360 */
/*
 * @author: Huang zhenghua
 * @QQ:52710360 
*/


html {font-size: 62.5%;}
 body {  font-size: 1.4rem;color:#333; font-family:"Microsoft YaHei",Tahoma,Arial,"Segoe UI", "Lucida Grande", Helvetica,  FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;}
html,body{width: 100%;height: 100%;}
form{margin:0px;}
img{border:none;}
ul,li { list-style:none; border:none;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,pre, form, fieldset, table, th, td { margin: 0; padding: 0;  }
a{outline: medium none;transition:all 0.2s linear 0s;
-moz-transition:all 0.2s linear 0s;
-webkit-transition:all 0.2s linear 0s;
-o-transition:all 0.2s linear 0s;color:#000;}
a:link {color:#000;text-decoration:none;}
a:visited {text-decoration:none;color:#000;}
a:hover {text-decoration:underline;color:#CF2F22;}
a:active {text-decoration:none;color:#CF2F22;}
a{
	-webkit-tap-highlight-color:transparent;
	outline:none;
	blr:expression(this.onFocus = this.blur());
}
a:focus{
	outline:none;
}
img, input, select {vertical-align:middle;outline: medium none;}
.clear{ float:none !important;clear:both!important; overflow:hidden!important; padding:0px!important; height:0px!important;}
.clearfix:after { content: ""; display: block; clear: both;}
textarea{ font-size:12px;outline: medium none;}
i{ font-style:normal;}
button, input:not([type="radio"]):not([type="checkbox"]), select {vertical-align: middle;}

input::placeholder,textarea::placeholder {  
  font-size: 16px; color: #757575;  font-family: Arial, Helvetica, sans-serif;
  }
  
  
  
input:-moz-placeholder,   
textarea:-moz-placeholder {   
    color: #757575;   
}   


*{margin:0;padding:0;
box-sizing:border-box;  
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
-o-box-sizing:border-box; 
}


header.m-hd{ width:100%; z-index:999; margin:0 auto;padding: 0; height: auto;background-color:#fff;border-bottom: solid rgba(238, 238, 238, 1) 1px; }
header.m-hd .header-top{width:100%; overflow:hidden; max-width:100%;margin:0 auto; height:100px; display: flex;justify-content:space-between;align-items:center;padding: 0 120px;}
header.m-hd .header-top .m-logo{width:158px;overflow:hidden;display:block; position: absolute; left: 0;right: 0; top:26px;margin: 0 auto; }
header.m-hd .header-top .m-logo img{ width: 100%;}

header.m-hd .header-top .tool{ line-height: 24px;}
header.m-hd .header-top .tool a{color: #999; }
header.m-hd .header-top .tool a .hover{color: black;}
header.m-hd .header-top .menu{cursor: pointer;}



.show-sm-only{display: none;}

.v-modal{z-index:89!important;}
.am-header { color:#fff; font-size:16px;position: relative;  width: 100%;  height: 49px;  line-height: 49px;  padding: 0 10px;}
.am-header .am-header-nav { position: absolute; top: 0;}
.am-header .am-header-left { left: 10px;}
.am-header .am-header-left  img{ height: 36px;}
.am-header .am-header-title { margin: 0 30%; font-size: 2rem; font-weight: normal; text-align: center; display: block; word-wrap: normal;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.am-header .am-header-right { right: 10px;}
.am-header .am-header-right img{margin-top: -4px;}
.am-header a{ color:#fff; text-decoration:none;}


.commenu .el-drawer__header{display: none;}
.commenu .header-top{padding: 0 40px 0 0  !important;border-bottom: solid 1px #eee;}
.commenu  .header-top .m-logo{ position: inherit!important; margin:0 !important;}
.el-drawer__header{ margin-bottom: 0 !important; z-index: 99999!important;background: #fff!important;}
.el-drawer__body{background-color:#fff; padding-left:80px;}
.el-drawer__container .el-drawer__close-btn{ font-size: 30px !important; color: #fff!important;}
header.m-hd nav li{ransition: all 0.2s linear 0s; }
.am-offcanvas-content{ padding:15px 0; width:100%;border-bottom: solid 1px #eee;}



.am-offcanvas-content .nav{ width: 100%;:none;margin-top:5px; font-size: 18px; overflow: hidden; text-align: center;}
.am-offcanvas-content .nav li{font-size: 32px;float: left; width: 100%;font-size: 16px;color: #000000;line-height: 48px; text-align: left;}

.am-offcanvas-content .nav li a{text-decoration:none;color: #000000;}
.am-offcanvas-content .nav li.hover{font-weight: bold;}

.com-tel{ width: 100%;overflow: hidden;border-bottom: solid 1px #eee; padding:40px 0;}
.com-tel dt{font-size: 18px;color: #333333;width: 100%; overflow: hidden;}
.com-tel dd{width: 100%; overflow: hidden;}
.com-tel dd.tel{font-size: 36px;color: #000000;line-height:120%;font-weight: bold;white-space: nowrap;word-wrap:break-word; word-break: break-all;}
.com-tel dd.mail{font-size: 18px;color:rgba(0, 0, 0, 0.3);margin-top: 30px;}

.com-wxka{ width: 100%; overflow: hidden;margin-top: 50px;}
.com-wxka li{float: left; overflow: hidden; text-align: center; margin-right: 45px; }
.com-wxka li .img{display: flex; width: 100%;align-items:center;justify-content:center;font-size: 14px;}
.com-wxka li .img .icon{ margin-right: 10px;}
.com-wxka li .dt{font-weight: bold;font-size: 30px;
color: #FFD33C;width: 100%; overflow: hidden; margin-top: 10px;}
.com-wxka li .dt.t2{color: #4EB561;}
.com-wxka li .dd{ffont-size: 16px;color: #949494;line-height: 24px;width: 100%; overflow: hidden;}


.indextopad{ width: 100%; overflow: hidden;}
.indextopad img{ width: 100%;}

.indextopad {position:relative;width:100%; overflow:hidden; margin: 0 auto;}
.indextopad .swiper-slide { background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative;}
.indextopad .swiper-slide a{ overflow: hidden;display: block;}
.indextopad .swiper-slide img{width: 100%;}




.indexsearch{ width:100%; max-width: 1200px; margin: 33px auto 0 auto; overflow: hidden;height: 66px;background: #FFFFFF;box-shadow: 0px 1px 21px 1px rgba(97,60,60,0.16);border-radius: 15px;background-image: url("../images/icon_search.png"); background-repeat: no-repeat; background-position:30px center; position: relative; z-index: 8; padding-left: 70px;}
.indexsearch .el-input__inner{ height: 66px; border: 0;font-size: 16px;}


.commonbox{ width: 100%; overflow: hidden; margin: 0 auto; max-width: 1200px;}


.commontitle {display: flex; width:100%; overflow: hidden;justify-content:space-between;align-items:center; margin-bottom:20px;}
.commontitle .dt{font-weight: bold;font-size: 54px;color: #000000;display: flex;align-items:center;}
.commontitle .dt.d2{font-size: 40px;}
.commontitle .hot{background-image: url("../images/icon_hot.png");background-repeat: no-repeat;background-size: 100%;display: block; width: 40px; height: 40px; margin-left: 15px;}
.commontitle .but{ overflow: hidden;}
.commontitle .but span{ width: 44px; height: 44px; display: block; margin-left: 20px; float: right;}



.index-main1{ margin: 100px auto 0 auto;}
.index-main1 ul{display: flex;justify-content:space-between; overflow: hidden; margin: 0 -18px;}
.index-main1 ul li { padding:  0 18px;}
.index-main1 ul li a{display: block; text-decoration: none;}
.index-main1 ul li img{ width: 100%;}
.index-main1 ul li span{display: block; width: 100%; text-align: center;font-size: 32px;
color: #000000; margin-top: 20px;}


.index-main2{ margin: 100px auto 0 auto;}
.index-main2 ul{ margin: 0 -19px;}
.index-main2 ul li{ padding:  0 19px;}
.index-main2 ul{display: flex;justify-content:space-between; overflow: hidden;}
.index-main2 ul li a{display: block; text-decoration: none; padding-right: 56px; position: relative;}
.index-main2 ul li .img{ width:200px; position: absolute; right: 0; top: 50%; margin-top: -100px;}
.index-main2 ul li .bg{ width: 100%;}
.index-main2 ul li .info{ position: absolute; top: 10%; left: 30px; overflow: hidden;}
.index-main2 ul li .info dt{font-weight: bold;font-size: 54px;color: #722C10;}
.index-main2 ul li .info .dd{font-weight: bold;font-size: 32px;color:rgba(114, 44, 16, 0.66);}
.index-main2 ul li .more{ margin-top: 20%;}
.index-main2 ul li .more i{ display: block;width: 90px;height: 36px;background: #722C10;border-radius: 27px; line-height: 36px; text-align: center;font-size: 18px;
color: #FFFFFF;}


.index-main2 ul li.ty2 dt{color: #2B4853;}
.index-main2 ul li.ty2 .dd{color: #2B4853;}
.index-main2 ul li .more i{background: #2B4853;}

.index-main3{margin: 100px auto 0 auto;}

.index-main3 .box {width: 100%; padding-bottom: 27px; overflow: hidden;display: block; text-align: center; text-decoration: none;background: #F6F6F6; border-radius: 10px;margin-top: 20px; overflow: hidden;}
.index-main3 .box img{ width:100%;display: block; border-radius: 10px;}
.index-main3 .box  .dt{font-weight: bold;font-size:16px; margin-top:10px; height: 24px;}
.index-main3 .box  .dd{font-size: 14px;line-height: 24px;margin-top: 8px; color: rgba(0, 0, 0, 0.8); height: 24px;}
.index-main3 .box  .icon{width: 38px;height: 38px;background: #F6F6F6;border-radius: 38px; display: flex;justify-content:center;align-items:center; margin:-19px auto 0 auto; overflow: hidden; z-index: 1; position: relative;}
.index-main3 .box  .icon img{ width: 28px;}
.index-main3 .box:hover{background: #fff; color: #000;box-shadow: 0px 4px 20px 5px rgba(199,159,159,0.2);}
.index-main3 .box:hover  .icon{background: #fff;}
.index-main3 .swiper-slide{ padding-bottom: 20px;}

.index-main4{ margin: 100px auto 0 auto;}
.index-main4 ul{display: flex;overflow: hidden; margin: 0 -15px;flex-wrap:wrap}
.index-main4 ul li {padding:  0 15px;margin-top: 20px; width: 33.33%; overflow: hidden;}
.index-main4 ul li a{display: block; text-decoration: none; position: relative; overflow: hidden; border-radius: 10px;}
.index-main4 ul li img{ width: 100%;}
.index-main4 ul li span{display: block; text-align: center;color: #fff; position: absolute;top:0;right: 0;width: 74px;height: 26px; line-height: 26px;background: rgba(0,0,0,0.4);border-radius: 14px 10px 0px 14px;}





.index-main5{ margin: 100px auto 0 auto;}
.index-main5 ul{display: flex;justify-content:space-between; overflow: hidden;flex-wrap:wrap;}
.index-main5 li{ margin-top: 20px; overflow: hidden; width:49%;}
.index-main5 li a{width: 100%;overflow: hidden;display: block; text-align: center; text-decoration: none;background: #F6F6F6; border-radius: 10px;}
.index-main5 li img{ width:100%;display: block;border-radius: 10px;}
.index-main5 li  .dt{font-weight: bold;font-size:24px; height:24px; text-align: left;}
.index-main5 li  .dd{font-size: 14px;line-height: 24px; height: 24px; text-align: left;margin-top:20px; }
.index-main5 li  .box{ padding: 30px; position: relative; overflow: hidden;}
.index-main5 li  .price{ position: absolute; top:40px; right: 30px;font-weight: bold;font-size: 32px;color: #FE0000;}

.activity-details{ max-width: 750px; margin-top: 42px;}
.activity-details .adimg{ width: 100%; overflow: hidden;}
.activity-details .adimg a{display: block; text-decoration: none; position: relative; overflow: hidden; border-radius: 10px; }
.activity-details .adimg img{ width: 100%;}
.activity-details .adimg span{display: block; text-align: center;color: #fff; position: absolute;top:0;right: 0;width: 146px;height:43px; line-height: 43px;background: rgba(0,0,0,0.4);border-radius: 14px 10px 0px 14px;}


.activity-details h1.htitle{ width: 100%; overflow: hidden; font-size:40px; text-align: center; color: #000; margin-top: 40px;}
.activity-details .date{ width: 100%; overflow: hidden; padding: 30px 0;border-bottom: 2px solid #D9D9D9; font-size: 16px;color: #000;text-align: center;}

.activity-details .scontent{width:100%; overflow: hidden;font-weight: 400;font-size: 16px;color: #000;line-height:220%; margin: 30px auto 0 auto;}
.activity-details .scontent img{max-width: 100%;}

.noticebox{ margin-top: 42px;}
.noticebox .commontitle{border-bottom: solid 2px #D9D9D9; padding-bottom: 20px;}
.noticebox li{  overflow: hidden; width: 100%;}
.noticebox li a{padding:20px 0; line-height: 24px; height: 64px;border-bottom: solid 1px #eee;font-size: 16px;width: 100%;display: block; overflow: hidden; }
.noticebox li a span{ float: left;display: inline-block;}
.noticebox li a .time{float:right;color: rgba(153, 153, 153, 1);}

.notice-details{ margin-top: 42px;}
.notice-detail h1.htitle{ width: 100%; overflow: hidden; font-size:40px; text-align: center; color: #000; margin-top: 40px;}
.notice-detail .date{ width: 100%; overflow: hidden; padding: 30px 0;border-bottom: 2px solid #D9D9D9; font-size: 16px;color: #000;text-align: center;}

.notice-detail .scontent{width:100%; overflow: hidden;font-weight: 400;font-size: 16px;color: #000;line-height:220%; margin: 30px auto 0 auto;}
.notice-detail .scontent img{max-width: 100%;}


.contactus-box{overflow:hidden; width: 100%; max-width: 1200px;margin:50px auto 50px auto; background-color:#fff; display: flex;  justify-content:space-between;position: relative;}
.contactus-box .lbox,.contactus-box .rbox{ width:50%; overflow: hidden; height: 100%;}

.contactus-box .rbox{overflow: hidden;}
.contactus-box .rbox img{ width: 100%;}

.contactus-box .title dt{font-weight: bold;font-size: 44px;color: #333333; }
.contactus-box  .title dd{font-size: 14px;color: #999999;letter-spacing: 7px; margin-top:8px; }


.contactus-box .lbox .co{ padding-left: 70px; height: 60px; background-repeat: no-repeat; background-position: top 0; margin-top: 40px; overflow: hidden;color: #333;}
.contactus-box .lbox .co dt{ font-size: 16px;  margin-top:4px;}
.contactus-box .lbox .co dd{font-size: 18px; font-weight: 400;line-height:22px; margin-top:6px; }
.contactus-box .lbox .co .dd{font-size: 32px; line-height:36px; margin-top:0;font-weight: bold; }

.contactus-box .lbox .tel{background-image: url('../images/icon_tel.png');}

.contactus-box .lbox .mail{background-image: url('../images/icon_tel(1).png');}
.contactus-box .lbox .ad{background-image: url('../images/icon_tel(2).png');}


.cookbook-box{display: flex; margin-top: 42px;}
.cookbook-box .navbox{flex:0 0 276px; overflow: hidden; margin-right: 30px;}
.cookbook-box .navbox li{  width: 100%;border: 1px solid #EEEEEE; overflow: hidden;}
.cookbook-box .navbox li a{height: 72px; overflow: hidden;display: block;display: flex;justify-content:space-between;align-items:center; padding-left:30px; padding-right: 20px;text-decoration: none; }
.cookbook-box .navbox li dl{color: #000000; overflow: hidden;}
.cookbook-box .navbox li dl dt{font-weight: bold;font-size: 18px;line-height: 29px;}
.cookbook-box .navbox li dl dd{font-size: 16px;color: #828282;}
.cookbook-box .navbox li .icon{ width: 32px; height: 32px;}

.cookbook-box .navbox li:hover,.cookbook-box .navbox li.hover {background: #FFEFEF;}


.cookbook-box .list{ flex-grow:1; overflow: hidden;}
.cookbook-box .list ul{ overflow: hidden; margin:-15px -15px 0 -15px;}
.cookbook-box .list li{ width: 33.33%; padding: 0 15px; margin:15px 0; float: left;}
.cookbook-box .list li a {width: 100%; overflow: hidden;display: block; text-align: center; text-decoration: none;background: #F6F6F6; border-radius: 10px;overflow: hidden; padding-bottom: 15px;}
.cookbook-box .list li img{ width:100%;display: block;border-radius: 10px;}
.cookbook-box .list li  .dt{font-weight: bold;font-size:16px; margin-top:10px; height: 24px;}
.cookbook-box .list li  .dd{font-size: 14px;line-height: 24px;margin-top: 8px; color: rgba(0, 0, 0, 0.8); height: 24px;}
.cookbook-box .list li .price{ overflow: hidden; width:90%; max-width:240px;display: flex;justify-content:center;align-items:center;background: #FFFFFF;border-radius: 5px; padding: 4px; margin: 10px auto 0 auto;}
.cookbook-box .list li .price span{display: block; height: 32px; line-height: 32px; text-align: center;font-size: 16px; width: 50%;border-radius: 5px;word-break:keep-all;
  white-space:nowrap; }
.cookbook-box .list li .price span.d{background:rgba(254, 0, 0,0.05); color: #FE0000;}
.cookbook-box .list li .price span i{font-size: 14px;}

.cookbook-details{ margin-top: 42px;}
.cookbook-details .adimg{ width: 48%; overflow: hidden;float: left;}
.cookbook-details .adimg img{ width: 100%; border-radius: 10px;}
.cookbook-details .infobox{ width: 46%; overflow: hidden;float: right;color: #000000;}
.cookbook-details .infobox .title{font-weight: bold;font-size: 40px;
line-height: 47px;border-top: solid 1px #EEEEEE; overflow: hidden; padding: 26px 0;}
.cookbook-details .infobox .content{border-top: solid 1px #EEEEEE;font-size: 14px;line-height: 28px; overflow: hidden; padding: 26px 0;}

.cookbook-details .infobox .price{ overflow: hidden; width: 100%;display: flex;align-items:center;background: #FFFFFF;border-top: solid 1px #EEEEEE; padding-top:46px;}
.cookbook-details .infobox .price span{display: block; height:64px; line-height: 64px; text-align: center;font-size: 48px; border-radius: 5px;word-break:keep-all;
  white-space:nowrap; min-width: 175px; font-weight: bold;background: #F9F9F9;}
.cookbook-details .infobox .price span.d{background:rgba(254, 0, 0,0.05); color: #FE0000;}
.cookbook-details .infobox .price span i.i1{font-size: 24px;}
.cookbook-details .infobox .price span i.i2{font-size: 14px;}


.el-icon-arrow-up::before {  content: "\e78f" !important; color: #A4A4A4;font-size: 16px;}







footer.footer{background: #fff; background-repeat: no-repeat; overflow: hidden; margin-top: 100px;}

footer.footer .fm01box { width: 100%; overflow: hidden;background: #F0F0F0;}
footer.footer .fm01{ max-width: 1200px; width: 100%;margin: 0 auto ; overflow: hidden;display: flex; justify-content:space-between;align-items:center;}
footer.footer .fm01 .com-tel{ max-width: 560px;}
footer.footer .fm01 .telicon{ width: 70px; height: 70px;}
footer.footer .fm01 .telicon img{ width: 100%; max-width: 70px;}

footer.footer .fm01 .notice{ overflow: hidden;max-width: 388px; width: 40%; height: 130px; border-left:1px solid  #DDDDDD;padding-left: 40px;}
footer.footer .fm01 .notice .title{display: flex;display: flex; justify-content:space-between;align-items:center;}
footer.footer .fm01 .notice .title .dt{font-size: 16px;color: #000000;font-weight: bold;}
footer.footer .fm01 .notice  .title img{ width: 24px;}
footer.footer .fm01 .notice ul{overflow: hidden; margin-top: 10px;}
footer.footer .fm01 .notice ul li{ width: 100%; border-bottom:1px solid  #DDDDDD ; height: 48px; line-height: 48px; overflow: hidden;}

footer.footer .fm02{ max-width: 1200px; width: 100%;margin: 0 auto ; overflow: hidden;display: flex; justify-content:space-between;align-items:center; padding:68px 0;}

footer.footer .fm02 .f02-box{border-left:1px solid  #DDDDDD; overflow: hidden; min-height: 108px; padding-left: 140px; width:33%;background-repeat: no-repeat; }
footer.footer .fm02 .f02-box.b1{background-image: url("../images/icon_shijian.png");background-size: 54px;background-position:50px center; }
footer.footer .fm02 .f02-box.b2{background-image: url("../images/icon_zhifu.png");background-size: 70px;background-position:40px center; }

footer.footer .fm02 .f02-box dt{font-size: 18px;color: #333333; margin-bottom: 15px;font-weight: bold;}
footer.footer .fm02 .f02-box dd{font-size: 14px;color: #000000;line-height: 24px;}
footer.footer .fm02 .f02-box dd span{color: rgba(0, 0, 0, 0.4);}

footer.footer  .com-wxka{width:28%;height: 108px;  border-right:1px solid  #DDDDDD; margin: 0;}

footer.footer .language{height: 60px;  text-align: center; overflow: hidden;background: #171717; line-height: 60px;display: flex;align-items:center; justify-content:center; }
footer.footer .language a{ color:rgba(255, 255, 255,0.6); margin-left:6px;}
footer.footer .language a .hover{color: #fff;}

footer.footer .logo{ width: 183px; overflow: hidden;float: left; margin-right: 80px;}
footer.footer .logo img{ width: 100%;}

footer.footer .fm03{ max-width: 1200px; width: 100%;margin: 0 auto ; overflow: hidden; padding:50px 0;}

footer.footer .fm03 .txt{ overflow: hidden;font-size: 14px;
color:rgba(0, 0, 0, 0.5);
line-height: 24px;}
footer.footer .fm03 .txt .t2{ color: rgba(176, 176, 176, 1); margin-top: 16px;}




.am-pagination{ margin-top:50px; margin-bottom:50px; text-align: center;}
.am-pagination > li{display:inline-block;}
.am-pagination > li > a, .am-pagination > li > span{border: 1px solid #F6F6F6;color:#333;  min-width: 32px; line-height: 32px;display: block;text-decoration: none;}


.am-pagination .prevend{ background: url(../images/icon-left1.png) center center no-repeat!important;}
.am-pagination .prev{ background: url(../images/icon_left2.png) center center no-repeat!important;}
.am-pagination .next{ background: url(../images/icon_right4.png) center center no-repeat!important;}
.am-pagination .nextend{ background: url(../images/icon_right3.png) center center no-repeat!important;}
.am-pagination .next:hover,.am-pagination .prev:hover{color:#333; background-color:none!important; }
.am-pagination > .am-active > a{font-weight: bold;background-color:#f7f7f7;}


.commonmto40{ margin-top: 40px !important;}

    /* 设置input元素占位符的字体大小 */
    input::-webkit-input-placeholder {
        font-size: 16px; /* Chrome, Safari, Opera */
    }
    input:-moz-placeholder {
        font-size: 16px; /* Firefox 18- */
    }
    input::-moz-placeholder {
        font-size: 16px; /* Firefox 19+ */
    }
    input:-ms-input-placeholder {
        font-size: 16px; /* Internet Explorer 10+ */
    }

@media only screen and (max-width:1220px){
footer.footer .fm02 .f02-box{ width: 32%;}
footer.footer .com-wxka{ width: 34%;}
}
@media only screen and (max-width:1100px){
.com-tel dd.tel{font-size: 30px;}
footer.footer .fm01 .com-tel{max-width: 500px;}
.com-tel dd.mail{font-size: 16px;}
.cookbook-box .list li{ width: 50%;}
}

@media only screen and (max-width:1000px){
	footer.footer .fm02{flex-wrap:wrap; padding: 30px 0;}
footer.footer .fm02 .f02-box{ width: 50%;}
footer.footer .com-wxka{ width:100%; display: flex;justify-content:center;align-items:center; margin-top: 30px;;}
.com-wxka li{ margin: 0 10px;}
}

@media only screen and (max-width:950px){
.show-sm-only{display: block;}
.show-md-up{display: none;}
.am-offcanvas {display: block;}
.am-offcanvas-bar{display: block;}

.el-drawer__body{ padding-left: 10px;}
header.m-hd .header-top{display: block; padding-bottom: 10px;}
header.m-hd .header-top .m-logo{ margin: 10px auto !important; padding-right: 0 !important ;}
header.m-hd .header-top .tool{ text-align: center;}

.el-drawer__body .com-tel{padding:10px 0;}
.el-drawer__body .com-tel dt{font-size: 16px;}
.el-drawer__body .com-tel dd.tel{font-size: 14px; margin-top: 10px;}
.el-drawer__body .com-tel dd.mail{font-size: 14px;}

.el-drawer__body .com-wxka{ margin-top: 10px;}
.el-drawer__body .com-wxka li{ width: 80%;}

.index-main2 ul li .info dt{font-size: 40px;}
.index-main2 ul li .info .dd{font-size: 20px;}
.index-main2 ul li .more{margin-top: 10%;}
.index-main2 ul li .img{ width:30%; margin-top:auto; top: 18%;}

}


@media only screen and (max-width:750px){
	.commonbox{ padding: 0 10px;}
	.cookbook-details .adimg,.cookbook-details .infobox{ width: 100%;}
	
	footer.footer .fm01{flex-wrap:wrap;}
	footer.footer .fm01 .com-tel{padding:30px 10px 0 10px;}
	 .com-tel dd.tel {font-size: 22px; }
	footer.footer .fm01 .notice{ padding: 0 10px; width: 100%;}
	.com-tel dd.mail{ margin-top: 10px;}
	footer.footer .fm01 .telicon{ margin: 0 auto;}
	
	
	
	footer.footer .fm02 .f02-box{ padding-left: 110px;}
	footer.footer .fm02 .f02-box.b1{ background-position:25px center;}
	footer.footer .fm02 .f02-box.b2{ margin-top: 20px;background-position:20px center;}
	footer.footer .fm02 .f02-box{ width: 100%;}
	.cookbook-details .infobox .price span{ width:50%; min-width: 50%;}
	footer.footer .logo{ margin: 0 auto;float: none;}
	footer.footer .fm03{ padding: 20px 0;}
	footer.footer .fm03 .txt{ padding: 0 10px; text-align: center; margin-top: 20px;}
	footer.footer{ margin-top: 30px;}
	
	.noticebox li a{ height: auto;}
	.noticebox li a span{ width: 100%; }
	.noticebox li a span.time{ margin-top: 5px;}
	
	.notice-detail h1.htitle{font-size: 30px;}
	
	.cookbook-box{ display: block;}
	.cookbook-box .navbox{ width: 100%; margin: 0;}
.cookbook-box .navbox li{ width: 50%;float: left;}
.cookbook-box .navbox li a{padding-left:10px;  padding-right: 10px;}
.cookbook-box .list ul{  margin: 0 -5px;}


.cookbook-box .list li{ padding: 0 5px;}
.cookbook-box .list li .price{ width: 96%;}
.cookbook-box .list li a{ padding-bottom: 8px;}
.cookbook-box .list li .price span i{font-size: 12px;}

.contactus-box{ margin-bottom: 10px; padding: 0 10px;display: block;}
.contactus-box .lbox, .contactus-box .rbox{ width: 100%;}
.contactus-box .rbox{ margin-top: 20px;}
.contactus-box .title dd{letter-spacing: 5px;}

.index-main4 ul{ margin: 0 -5px;}
.index-main4 ul li{ width: 50%;  padding: 0 5px;}
.commontitle{ margin-bottom: 0;}
.activity-details h1.htitle{ font-size: 30px;}

.index-main1{ margin-top: 30px;}
.index-main1 ul{ margin: 0 -5px;}
.index-main1 ul li{ padding: 0 5px;}
.index-main1 ul li span{font-size: 14px;}
.indexsearch{ width: 90%;}

.commontitle .dt{font-size: 30px;}
.index-main3{ margin-top:20px;}
.index-main4{ margin-top: 20px;}
.index-main5{ margin-top: 20px;}
.index-main5 ul{display: block;}
.index-main5 ul li{ width: 100%;}
.index-main5 li .box{ padding:20px 10px;}
.index-main5 li .price{right: 10px;font-size: 24px;}



.index-main2{ margin-top:40px;}
.index-main2 ul li .info dt{font-size: 30px;}
.index-main2 ul li .info .dd{font-size: 16px;}
}


@media only screen and (max-width:640px){
	.index-main2{ margin-top:10px;}
	.index-main2 ul{display: block;}
	.index-main2 ul li{width: 100%; margin-top: 20px;}
	
	 .index-main2 ul li .img {
	    width: 36%;
	    margin-top: auto;
	    top: 9%;
	  }

}