@charset "utf-8";
.divBox{ width: 1200px; margin: 0 auto; }
@font-face{
font-family: "shuzi";
src: url("../fonts/shuzi.eot"); /* IE9 */
src: url("../fonts/shuzi.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("../fonts/shuzi.woff") format("woff"), /* chrome, firefox */
/* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url("../fonts/shuzi.ttf") format("truetype"),
url("../fonts/shuzi.svg#shuzi") format("svg"); /* iOS 4.1- */
font-style: normal;
font-weight: normal;
}

.banner1{display: none;}
.banner{display: block;}
/* header&foot */
.video{ width: 100%!important; height: 100vh;  object-fit: cover; display: block;  margin-top: 70px; }
.mbanner{width: 100%; overflow: hidden; margin-top: 70px; display: none;}
.mbanner img{width: 100%; display: block;}
.mobile{display: none;}
header{ width: 100%; height:70px; position: fixed; z-index: 999;  background: #fff; box-shadow: 0px 5px 5px rgba(153,153,153,.2);  left: 0; top: 0;}
.logo{width:160px;   display: block;  position: absolute; left: 2%;  top: 50%; transform: translateY(-50%);z-index: 3; }
.logo a{display: block; width: 100%;height: 100%; overflow: hidden; }
.logo img{display: block;width: 100%;}

.telebox{ width: 260px;  position: absolute; right: 0;  background: #af184a; overflow: hidden;  z-index: 2; height: 100%; color: #fff; 
display: flex;
align-items: center;
justify-content:center;
}
.telebox h1{font-size: 24px;white-space: nowrap;}
.telebox::before{content: "\e67c"; display: block;font-size: 24px; margin-right: 10px;}

.menubox{ width: 100%; position: absolute; left: 0;top: 0;  font-size: 0; text-align: center; z-index: 1;}
.menubox span{display: inline-block; position: relative;}
.menubox span em{display: block; overflow: hidden;  }
.menubox span em a{display: block;font-size: 16px; transition: 0.3s;padding: 0 20px 0 20px; line-height:70px; color: #666;}
.menubox span:hover em a{color: #af184a;}



.menubox span ul{position: absolute; left: 0; top: 70px; opacity: 0; max-height: 0; background: #fff; overflow: hidden; width: 100%; transition: 0.5s; border-top: 2px #af194a solid;box-shadow: 0 5px 10px rgba(0,0,0,.1); }
.menubox span ul li{width: 100%; float: left;}
.menubox span ul li a{display: block; width: 100%; height: 42px; line-height: 42px; font-size: 14px; color: #666; cursor: pointer;}
.menubox span ul li:hover{background: #fbf5f7;}
.menubox span ul li:hover a{ color: #000;}
.menubox span:hover ul{opacity: 1;max-height: 200px;}

footer{ width: 100%; background: #af1949; color: #fff;}
.foot_one{overflow: hidden; padding-top: 80px; padding-bottom: 80px;}
.foot_l{float: left; width:calc(100% - 300px);}
.foot_nav{ font-size: 0;}
.foot_nav a{font-size: 16px; color: #fff;display: inline-block;  margin-right: 20px;}
.foot_nav a:hover{  text-decoration: underline;}
.foot_con{ font-size: 14px; margin-top: 50px; color: rgba(255,255,255,.6); }
.foot_con p{ margin-top: 10px;}
.foot_con p.tishi{margin-top: 50px;}
.foot_r{float: right; text-align: right;}
.foot_r h1{font-size: 18px;}
.foot_r h2{font-size:52px; font-family: 'shuzi';}
.foot_r em{display: block; width: 100px;float: right; margin-top: 20px;}
.foot_r em img{display: block; width: 100%; }
.foot_banquan{width: 100%; padding: 30px 0 30px 0; background: #fff; color: #999; text-align: center; font-size: 12px;}
/* 首页 */
.banner{ width:100%;  overflow: hidden; position: relative; margin-top: 0px; height:100vh;  }
.banner .swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.banner .swiper-slide {
	text-align: center;
  font-size: 18px;
  background: #000;
  
  
  transition: 2s;
  overflow: hidden;
  width: 100%;


}
.banner .swiper-slide em{display: block; width: 100%; height: 100vh;transform: scale(1.1); background-size: cover;opacity: 0; transition: 2s; }
.banner .swiper-slide i{display: none;width: 100%; transform: scale(1.1); opacity: 0; transition: 2s; }
.banner .swiper-slide i img{display: block; width: 100%;}
.banner .swiper-slide-active em{transform: scale(1);opacity: 1;}
.banner .swiper-slide-active i{transform: scale(1);opacity: 1;}
.banner .swiper-slide img{display: block; width: 100%; position: relative;z-index: 0;}
.banner .swiper-pagination{margin-bottom: 0px;}
.banner .swiper-pagination-bullet{   width: 10px; height: 10px; background: none; border:1px #fff solid;}
.banner .swiper-pagination-bullet-active{border:1px #af184a solid;}



.banner1{ width:100%;  overflow: hidden; position: relative; margin-top: 0px; height:100vh;  }
.banner1 .swiper-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.banner1 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #000;
	transition: 2s;
	overflow: hidden;
	width: 100%;
}
.banner1 .swiper-slide em{display: block; width: 100%; height: 100vh;transform: scale(1.1); background-size: cover;opacity: 0; transition: 2s; }
.banner1 .swiper-slide i{display: none;width: 100%; transform: scale(1.1); opacity: 0; transition: 2s; }
.banner1 .swiper-slide i img{display: block; width: 100%;}
.banner1 .swiper-slide-active em{transform: scale(1);opacity: 1;}
.banner1 .swiper-slide-active i{transform: scale(1);opacity: 1;}
.banner1 .swiper-slide img{display: block; width: 100%; position: relative;z-index: 0;}
.banner1 .swiper-pagination{margin-bottom: 0px;}
.banner1 .swiper-pagination-bullet{   width: 10px; height: 10px; background: none; border:1px #fff solid;}
.banner1 .swiper-pagination-bullet-active{border:1px #af184a solid;}



.index_about{ width: 100%; overflow: hidden; background: url(../img/index_about_bg.jpg) no-repeat center; background-size: cover; padding-top: 100px; padding-bottom: 100px;}
.about_w{width: 1200px; margin: 0 auto; overflow: hidden; display: flex; align-items: center; justify-content: space-between;}
.about_info{width: calc(100% - 600px);  }
.logo_tx{ width: 288px;}
.logo_tx img{display: block; width: 100%;}
.about_txt{ width: 100%; overflow: hidden; margin-top: 50px; text-align: justify;}
.about_txt h1{font-size: 28px;}
.about_txt h2{font-size: 14px; color: #999; text-transform: uppercase; margin-top: 10px;}
.about_txt span{display: block; margin-top: 50px; font-size: 14px; line-height: 2; color: #666;}
.about_viem{ width: 180px; height: 48px; line-height:48px; text-align: center; border:1px #af184a solid;border-bottom: 3px #af184a solid; border-radius: 48px; transition: 0.3s; margin-top: 50px; background: #fff;}
.about_viem a{ display: block; color: #888; width: 100%; height: 100%; font-size: 16px;}
.about_viem:hover{ background: #af184a;}
.about_viem:hover a{color: #fff;}

.about_img_box{ width: 520px;   }
.about_img_box img{display: block; width: 100%;}





.index_two{width: 100%; overflow: hidden; padding-top: 100px; padding-bottom: 100px;}
.index_two_title{width: 100%; overflow: hidden; text-align: center;}
.index_two_title em{width: 90px; display: block; margin: 0 auto;}
.index_two_title em img{display: block; width: 100%;}
.index_two_title h1{font-size: 28px; margin-top: 10px;}
.index_two_title h1 i{display: inline-block;margin-left: 10px; margin-right: 10px;}
.index_two_title h2{font-size: 16px; color: #ccc; text-transform: uppercase; letter-spacing: 2px;}

.two_nav{width: 100%; overflow: hidden; margin-top: 50px;}
.two_nav span{display: block; width: calc(33.3333% - 40px); float: left; margin-right: 60px; overflow: hidden; border-radius: 20px; position: relative;}
.two_nav span a{display: block;width: 100%; overflow: hidden;}
.two_nav span:last-child{margin-right: 0;}
.two_nav span i{display: block; width: 100%; overflow: hidden;}
.two_nav span i img{display: block; width: 100%;}
.two_nav span em{display: block; width: 100%; height: 100px; background: #af194a; position: absolute; z-index: 2; left: 0; bottom: 0; border-radius: 20px 20px 0 0; text-align: center; transition: 0.5s; }
.two_nav span em dl{width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.two_nav span em dl dt{font-size: 20px;color: #fff;}
.two_nav span em dl dd{font-size: 14px; margin-top: 6px;padding-left: 20px; padding-right: 20px; box-sizing: border-box; color: rgba(255,255,255,.7);}
.two_nav span:hover em{ height: 140px;}
.two_nav span em b{font-weight: normal;width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);padding-left: 20px; padding-right: 20px; box-sizing: border-box;font-size: 14px; color: #fff;}

.index_products{width: 100%; overflow: hidden;position: relative;}
.pruducts_left{ width: 380px; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: rgba(0,0,0,.6); border-right:6px #af194a solid; overflow: hidden;}

.left_tx{  text-align: right;  padding-top: 60px;  padding-right: 50px;}
.left_tx h1{font-size: 28px; color: #fff;}
.left_tx h2{font-size: 14px; color: rgba(255,255,255,.4); margin-top: 12px; text-transform: uppercase;}

.products_tab{ width: 100%; overflow: hidden; margin-top: 30px;}
.products_tab i{width: 240px; height: 60px; display: block;  float: right; color: #fff; border-radius: 60px 0 0 60px; text-align: right; line-height: 60px;  font-size: 18px; box-sizing: border-box; cursor: pointer;}
.products_tab i.on{background: #af194a;}
.products_tab i:before{content: "\e602"; display: block; float: left;margin-left: 60px; font-size: 32px;color: rgba(255,255,255,.5);}
.products_tab i em{display: inline-block; float: right;  padding-right: 50px;  }

.malatang{letter-spacing: 10px;  box-sizing: border-box; padding-right: 40px!important;}
.more_pro{float: right; text-align: right; margin-right: 50px; margin-top: 60px;}
.more_pro a{display: block; overflow: hidden;}
.more_pro h1{color: #fff; font-size: 18px;}
.more_pro h1:before{content: "\e7b2";}
.more_pro h2{color: rgba(255,255,255,.5); font-size: 12px;text-transform: uppercase;}

.products_con{ width: 100%; }
.product_big{ width: 100%; position: relative;}
.product_big a{display: block; overflow: hidden;}
.product_big em{display: block;width: 100%;}
.product_big em img{display: block;width: 100%;}
.product_big i{display: block; position: absolute;  right: 4%; top: 60px; z-index: 2; width: 100px;}
.product_big i img{display: block; width: 100%;}

.index_mendian{width: 100%; overflow: hidden; padding-top: 100px; padding-bottom: 100px;background: url(../img/index_mendian_bg.jpg) no-repeat center; background-size: cover;}
.mendian_w{width: 1200px; margin: 0 auto; position: relative;}
.mendian_lf{width: calc(100% - 700px); float: left;overflow: hidden; position: absolute; left: 0; top: 0;}

.lf_title h1{font-size: 28px;}
.lf_title h2{font-size: 16px; color: #ccc; letter-spacing: 2px; text-transform: uppercase; }
.shuzibox{ margin-top: 30px;}
.shuzibox span{display: block;font-size:18px; color: #666;}
@font-face{
   font-family:'shuzi'; 
   src: url('../fonts/shuzi.otf');
}
.shuzibox span i{font-size: 80px; font-family: 'shuzi'; color: #af194a;}

.mapbox{width: 700px; height: 574px; float: right; position: relative;z-index: 1;}
.maphe{ width: 100%; height: 100%;}
.tishi_b{ display: inline-block; text-align: center;background: rgba(0,0,0,.6); color: #fff; padding: 5px 20px 5px 20px; border-radius: 30px; margin: 0 auto; position: absolute;left:50%; transform: translateX(-66%); bottom: 0;}
.dongbei{width: 248px; height: 234px; background: url(../img/dongbei.png) no-repeat; background-size: 100% 100%; position: absolute; right: 0; top: 0; cursor: pointer;transition: 0.3s;}
.dongbei.show{background: url(../img/dongbei_on.png) no-repeat; transform: scale(1.02); z-index: 9;}

.huabei{width: 139px; height: 142px; background: url(../img/huabei.png) no-repeat; background-size: 100% 100%; position: absolute; right:146px; top: 167px;transition: 0.3s;}
.huabei.show{background: url(../img/huabei_on.png) no-repeat; transform: scale(1.02); z-index: 9;}


.huazhong{width: 103px; height: 189px; background: url(../img/huazhong.png) no-repeat; background-size: 100% 100%; position: absolute; right:178px; top: 279px;cursor: pointer;transition: 0.3s;}
.huazhong.show{background: url(../img/huazhong_on.png) no-repeat; transform: scale(1.02); z-index: 9;}


.huadong{width: 118px; height: 256px; background: url(../img/huadong.png) no-repeat; background-size: 100% 100%; position: absolute; right:92px; top: 246px;cursor: pointer;transition: 0.3s;}
.huadong.show{background: url(../img/huadong_on.png) no-repeat; transform: scale(1.02); z-index: 9;}


.huanan{width: 181px; height: 128px; background: url(../img/huanan.png) no-repeat; background-size: 100% 100%; position: absolute; right:159px; bottom: 3px;cursor: pointer;transition: 0.3s;}
.huanan.show{background: url(../img/huanan_on.png) no-repeat; transform: scale(1.02); z-index: 9;}


.xinan{width: 414px; height: 274px; background: url(../img/xinan.png) no-repeat; background-size: 100% 100%; position: absolute; left: 25px; bottom: 55px;cursor: pointer;transition: 0.3s;}
.xinan.show{background: url(../img/xinan_on.png) no-repeat; transform: scale(1.02); z-index: 9;}


.xibei{width: 453px; height: 306px; background: url(../img/xibei.png) no-repeat; background-size: 100% 100%; position: absolute; left: 0; top: 50px;cursor: pointer;transition: 0.3s;}
.xibei.show{background: url(../img/xibei_on.png) no-repeat; transform: scale(1.02); z-index: 9;}


.maphe > div em{display: block; position:  absolute; background: rgba(0,0,0,.6); color: #fff; left: 0; z-index: 2;padding: 5px 10px 5px 10px; border-radius: 20px; white-space:nowrap;opacity: 0; transition: 0.3s; font-size: 14px;}
.maphe > div em.show{opacity: 1; z-index: 999;}


.index_logo{text-align: center; padding-top: 100px; padding-bottom: 100px;}
.index_logo h1{ width: 90px; margin: 0 auto;}
.index_logo h1 img{display: block;width: 100%;}
.index_logo h2{ width: 500px; margin: 0 auto; margin-top: 10px;}
.index_logo h2 img{display: block;width: 100%;}
.index_logo span{ display: block; font-size: 0; margin-top:20px;}
.index_logo span a{display: inline-block; font-size: 18px; width: 180px; height: 46px; border-radius: 46px;background: #af184a; line-height: 46px; color: #fff;}
.index_logo span a:after{content: "\e609";display: inline-block;  margin-left: 10px; transition: 0.5s;}
.index_logo span i{font-size: 18px;display: inline-block; margin-left: 20px; color: #000;}
.index_logo span a:hover:after{margin-left: 20px;}


/* video */
.video_banner{width: 100%; height: 660px; background: #000; margin-top: 120px;}
/* 品牌介绍 */

.about_two{padding-top: 80px;  padding-bottom: 0;}
.pinpailogo{width: 90px!important;}
.about_jianjie{width: 100%; padding-top: 80px; padding-bottom: 80px; background: url(../img/abg.jpg); }
.about_j_title{ overflow: hidden; width: 100%; }
.about_j_title span{display: block; float: left;}
.about_j_title span h1{font-size: 28px; font-weight: bold;}
.about_j_title span h2{font-size: 16px; color: #999; margin-top: 5px; text-transform: uppercase;}
.about_j_title span h2:after{content: ""; display: block; width: 36px; height: 6px; border-radius: 6px; margin-top: 14px; background: #af194a;}
.about_j_title em{width: 274px; float: left; display: block; margin-left: 30px; margin-top: 8px;}
.about_j_title em img{display: block; width: 100%;}
.about_j_tx{font-size: 16px; color: #666; line-height: 1.8;text-align: justify; margin-top: 60px;}
.about_shuzi{ width: 80%; margin: 0 auto; overflow: hidden; margin-top: 80px;}
.about_shuzi li{ width: 25%; float: left; text-align: center;}
.about_shuzi li h1{ color: #af194a; }
.about_shuzi li h1 em{font-size: 60px; font-family: 'shuzi';}
.about_shuzi li h1 i{font-size: 14px;}
.about_shuzi li h2{font-size: 14px;}






.about_fazhan{width: 100%; overflow: hidden;padding-top: 80px; }
.lichengbox{width: 100%; overflow: hidden; margin-top: 50px;}
.licheng_info{width: 90%; overflow: hidden;margin: 0 auto;}
.licheng_info h1{font-size: 18px; text-align: center;}
.licheng_info em{display: block; width: 100%; margin-top: 30px; }
.licheng_info em img{display: block; width: 100%;}


.lichengbox .swiper-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.gallery-top {
  width: 100%;
  margin-top: 40px;
}

.gallery-thumbs {
  height: 180px;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
}
.gallery-thumbs:after{content: ""; display: block; height: 1px; width: calc(100% - 10px); border-bottom: 1px #000 dashed; position: absolute; left: 5px; bottom: 19px;}
.gallery-thumbs .swiper-slide {
  margin: 0!important;
  z-index: 1;
  opacity: 1;
  position: relative;
  
}
.gallery-thumbs .swiper-slide em{display: block;   margin: 0 auto; text-align: center; font-family: 'shuzi';font-size: 30px; position: absolute; left: 0; bottom: 20px; width: 100%;}
.gallery-thumbs .swiper-slide em:after{content: ""; width: 12px; height: 63px; background: url(../img/timi1.png) no-repeat; background-size: 100% 100%; display: block; margin: 0 auto;}


.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
  color: #af194a;
}
.gallery-thumbs .swiper-slide-thumb-active em{font-size:60px;}
.gallery-thumbs .swiper-slide-thumb-active em:after{content: ""; width: 18px; height: 92px; background: url(../img/timi2.png) no-repeat; background-size: 100% 100%; display: block; margin: 0 auto;}

.lichengbox .swiper-button-prev{width: 32px; height: 41px; position: absolute; left: 0; bottom: 0;  top: auto; z-index: 2;background: url(../img/left.png) no-repeat; background-size: 100% 100%;  }
.lichengbox .swiper-button-prev:hover{background: url(../img/left_on.png) no-repeat; }

.lichengbox .swiper-button-next {width: 32px; height: 41px; position: absolute; right: 0; bottom: 0;  top: auto; z-index: 2;background: url(../img/right.png) no-repeat; background-size: 100% 100%; }
.lichengbox .swiper-button-next:hover{background: url(../img/right_on.png) no-repeat;}

.lichengbox .swiper-button-disabled{opacity: 1!important;}

.about_honer{ padding-top: 80px;}
.about_h_title{  text-align: center;}
.about_h_title span{display: block;}
.about_h_title span h1{font-size: 28px;}
.about_h_title span h2{font-size: 16px; color: #ccc; text-transform: uppercase; letter-spacing: 2px;  margin-top: 6px;}
.about_h_title ul{width: 80%; margin: 0 auto; border-bottom: 1px #ddd dashed; border-top: 1px #ddd dashed; margin-top: 20px;overflow: hidden;}
.about_h_title ul li{width: 100%; float: left;padding-top: 20px; padding-bottom: 20px;}
.about_h_title ul li h1{font-size: 28px;color: #000;}
.about_h_title ul li h2{text-transform: uppercase; color: #000; font-size: 18px; font-family: 'shuzi'; letter-spacing: 2px; text-indent: 2px; margin-top: 10px;}
.about_h_title em{display: block; width: 90px; margin: 0 auto; margin-top: 26px;}
.about_h_title em img{display: block; width: 100%;}




#certify {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	margin-top: 60px;
	overflow: hidden;
}

#certify .swiper-container {
	padding-bottom: 60px;
}

#certify  .swiper-slide {
	width: 400px;
}
#certify  .swiper-slide img{
	display:block;width: 100%;
}




#certify .swiper-slide img{width: 100%;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	background-color: #b5b5b6;
	width: 7px;
	height: 7px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	background-color: #af194a;
	width: 22px;
	border-radius: 7px;
}



.more_a{width: 200px; height: 52px; background: #fff; border-radius: 52px; display: block; margin: 0 auto; text-align: center;line-height: 52px;  box-shadow: 0px 0px 10px rgba(0,0,0,.4); margin-top: 60px; border:1px #af184a solid; border-bottom: 3px #af184a solid;font-size: 16px;  transition: 0.3s;color: #666;}

.more_a:hover{ background: #af184a;color: #fff;}




/* 菜品展示 */
.caipin_box{margin-top: 70px; position: relative; overflow: hidden;}
.caipin_nav{ width: 80%; position: absolute; z-index: 9; left: 10%; top:56px; overflow: hidden; }
.caipin_nav i{ width:calc(16.66666% - 10px); margin-left: 5px; margin-right: 5px; display: block; height: 60px; float: left; background:rgba(255,255,255,.2); color: #fff; border-radius:10px;  font-size: 16px; cursor: pointer; position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.caipin_nav i.on{ background: #af194a;}
.caipin_nav i:before{content: "\e602"; font-size:24px; display: inline-block; margin-right: 10px;  }



.caipin_con .swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  z-index: 0;
  padding-bottom: 60px;
}
.caipin_con .swiper-slide {
  text-align: center;
  font-size: 18px;
  position: relative;


}

.caipin_con .swiper-slide img{display: block; width: 100%; position: relative;z-index: 0;}
.caipin_con .swiper-button-prev{width:36px;height: 42px;transition: 0.3s;   position: absolute;left: 80px;  bottom:100px; top:auto; background: url(../img/zuo.png) no-repeat; background-size: 100% 100%;}
.caipin_con .swiper-button-prev:hover{background: url(../img/zuo_on.png) no-repeat; background-size: 100% 100%; }
.caipin_con .swiper-button-next{width:36px;height: 42px;transition: 0.3s;   position: absolute;right: 80px;  bottom:100px; top:auto; background: url(../img/you.png) no-repeat; background-size: 100% 100%;}
.caipin_con .swiper-button-next:hover{background: url(../img/you_on.png) no-repeat; background-size: 100% 100%;}

.caipin_con .swiper-pagination-bullet{ width:10px;height: 10px; background:#9fa0a0; opacity: 1;  margin-left:4px!important; margin-right: 4px!important; border-radius: 50%;   }
.caipin_con .swiper-pagination-bullet-active{background: #af194a;opacity:1;}

.cainamebox{width: 100%; background: rgba(0,0,0,.8); position: absolute; left: 0; bottom: 0; padding-top: 30px; padding-bottom: 30px;  text-align: center;}
.cainamebox h1{font-size: 24px;color: #fff;}
.cainamebox h2{font-size: 14px; width: 70%; margin: 0 auto; margin-top: 16px; color: rgba(255,255,255,.6);}

/* 菜品列表 */
.fy_title{ text-align: center;}
.fy_title em{width: 260px;margin: 0 auto; display: block;}
.fy_title em img{display: block; width:100%;;}
.fy_title h1{font-size: 28px; letter-spacing: 3px; text-indent: 3px; margin-top: 16px;}
.fy_title h2{font-size: 16px; color: #ccc; letter-spacing: 2px; text-transform: uppercase; margin-top: 5px;}
.fy_title h3{font-size: 24px; color: #af194a; margin-top: 20px; }
.fy_title h4{font-size: 18px; color: #af194a;  width: 60%; margin: 0 auto; margin-top: 20px;}
.caipinliebiao{padding-top: 80px;}

.caipintu{ overflow: hidden; margin-top:60px;}
.caipintu em{display: block; width: 100%;}
.caipintu em img{display: block; width: 100%;}
/* 加盟 */
.join_tiaojian{padding-top: 80px;  padding-bottom: 80px; overflow: hidden;}
.tiaojian_list{overflow: hidden;}
.tiaojian_list li{width: calc(33.3333% - 20px); float: left; margin-right: 30px; margin-top: 60px; overflow: hidden;
display: flex;
align-items:center;
justify-content: space-between;
flex-wrap: nowrap;
}
.tiaojian_list li:nth-child(3n){margin-right: 0;}
.tiaojian_list li i{ width: 90px; height: 90px; display: block; }
.tiaojian_list li i img{display: block; width: 100%;}
.tiaojian_list li span{display: block; width: calc(100% - 110px); overflow:hidden;font-size:16px;line-height: 1.6;}

.join_zhichi{width: 100%; overflow: hidden; background: url(../img/join_zhichi_bg.jpg) no-repeat; background-size: cover; padding-top: 80px;  padding-bottom:80px; }

.zhichi_title{text-align: center; color: #fff;}
.zhichi_title h1{font-size: 28px;}
.zhichi_title h2{font-size: 16px; text-transform: uppercase; color: rgba(255,255,255,.6);}

.zhichi_list{overflow: hidden; margin-top: 40px;}
.zhichi_list li{width: 25%; float: left; text-align: center; margin-top: 50px; color: #fff;box-sizing: border-box;padding-left: 5px; padding-right: 5px;}
.zhichi_list li i{width: 100px; display: block; margin: 0 auto;}
.zhichi_list li i img{display: block;width: 100%;}
.zhichi_list li h1{font-size: 20px; margin-top: 10px;}
.zhichi_list li h2{font-size: 14px; margin-top: 10px;}

.join_liucheng{padding-top: 80px;  padding-bottom: 80px;}
.liucheng_title{text-align: center; }
.liucheng_title h1{font-size: 28px;}
.liucheng_title h2{font-size: 16px; text-transform: uppercase; color: #ccc;}

.liucheng_box{margin-top: 60px; overflow: hidden;
display: flex;
align-items: center;
justify-content:space-between;
}
.liuchengtu{width: 700px;}
.liuchengtu img{display: block; width: 100%;}
.lc{width: calc(100% - 760px);  overflow: hidden;}
.lc ul{width: 100%; overflow: hidden;
display: flex;
align-items: center;
flex-wrap:wrap;
}
.lc li{ width: 100%;  overflow: hidden; margin-top: 4px; margin-bottom: 4px; }
.lc li h1{font-family: 'shuzi';font-size: 40px; color: #af194a;  width: 40px; text-align: center; float: left;}
.lc li h2{font-size: 16px;color: #af194a; float: left;line-height: 50px;}
.lc li h3:after{content: ""; display: block; width: 100px; height: 1px; border-bottom: 1px #ddd dashed; float: left; margin-top: 22px; margin-right: 20px;}
.lc li h3{font-size: 16px; float: right; line-height: 50px;}

.join_liuyan{background: url(../img/join_liuyan_bg.jpg) no-repeat; background-size:cover; padding-top:80px; padding-bottom: 80px; overflow: hidden;}
.liuyan_title{text-align: center;color: #fff; }
.liuyan_title h1{font-size: 28px;}
.liuyan_title h2{font-size: 16px; text-transform: uppercase;}
.formbox{ overflow: hidden; margin-top: 30px;}
.formbox span{display: block; overflow: hidden; margin-top: 40px;}
.formbox span input[type='text']{
	outline:none;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	padding: 0;
	margin: 0;
	border: none;
	background: #fff;
	width: calc(50% - 20px);
	height: 60px;
	float: left;
	box-sizing: border-box;
	padding-left: 20px;
}
.formbox span input[type='text']:nth-child(2){float: right;}
.formbox em{display: block; margin-top: 40px;}
.formbox em input[type='text']{
	outline:none;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	padding: 0;
	margin: 0;
	border: none;
	background: #fff;
	width: 100%;
	height: 60px;
	float: left;
	box-sizing: border-box;
	padding-left: 20px;
}
.formbox textarea{
	outline:none;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	padding: 0;
	margin: 0;
	border: none;
	background: #fff;
	width: 100%;
	height: 200px;
	box-sizing: border-box;
	padding: 20px;
	margin-top: 40px;
}
.formbox i{display: block; width: 200px; height: 60px; background: #fff; border-radius: 60px; margin: 0 auto; margin-top: 60px; overflow: hidden;}
.formbox i input{
	outline:none;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	padding: 0;
	margin: 0;
	border: none;
	background: #af194a;
	border-radius: 50px;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	margin: 5px;
	cursor: pointer;
	font-size: 18px;
	color: #fff;
}

/* 门店 */
.shop{padding-top: 80px; }
.mendian_erlie{overflow: hidden;}
.mendian_erlie li{width: calc(50% - 30px); float: left; margin-top: 60px;}
.mendian_erlie li:nth-child(2n){float: right;}
.mendian_erlie li em{display: block;}
.mendian_erlie li em img{display: block; width: 100%;}
.mendian_erlie li h1{font-size: 18px; text-align: center; margin-top: 12px;}

.mendianplus{ margin-top: 60px;}
.mendianplus img{display: block; width: 100%;}
.mendianplus h1{font-size: 18px; text-align: center; margin-top: 12px;}

.mendianquanguo{ padding-top: 80px; }

.mendianquanguo dl{text-align: center; }
.mendianquanguo dl dt{font-size: 28px;}
.mendianquanguo dl dd{font-size: 16px; text-transform: uppercase; color: #ccc;}
.mendianquanguo ul{overflow: hidden; }
.mendianquanguo ul li{width: calc(33.3333% - 26px); float: left;margin-right: 39px; margin-top: 39px;}
.mendianquanguo li:nth-child(3n){ margin-right: 0;}
.mendianquanguo li em{display: block;}
.mendianquanguo li em img{display: block; width: 100%;}
.mendianquanguo li h1{font-size: 18px; margin-top: 16px;}
.mendianquanguo li h2{font-size: 14px; margin-top: 10px; color: #af194a;}
.mendianquanguo li h3{font-size: 14px; margin-top: 10px; }

.fanye{ text-align: center;margin-top: 100px;width: 100%;}

.quanguolie{padding-top: 80px;}



/* 新闻 */

.dongtai{overflow: hidden; padding-top: 80px;}
.dongtai li{width: 100%; float: left;overflow: hidden; margin-top: 50px;}
.dongtai li a{display: block; width: 100%; overflow: hidden;
display: flex;
align-items:center;
justify-content: space-between;
flex-wrap: nowrap;
}
.dongtai li em{width: 540px;display: block; overflow: hidden;}
.dongtai li em img{display: block;width: 100%; transition: 0.3s;}
.dongtai li span{display: block; width: calc(100% - 600px);}
.dongtai li span h1{font-size: 22px; transition: 0.3s;}
.dongtai li span h2{font-size: 14px; color: #999;margin-top: 20px;}
.dongtai li span dl{overflow: hidden; font-size: 14px; margin-top: 20px; color: #ad2855;}
.dongtai li span dl dt{float: left;}
.dongtai li span dl dd{float: right;}
.dongtai li:hover h1{ color: #af184a;}
.dongtai li:hover em img{ transform: scale(1.1);}

.biaoti{text-align: center;margin-top: 60px; border-bottom: 1px #ccc dashed; padding-bottom: 40px;overflow: hidden;}
.biaoti h1{font-size: 28px;}
.biaoti h2{font-size: 14px; color: #999; margin-top: 20px;}
.biaoti h2 em{display: inline-block;margin-left: 20px;}
.biaoti h2 i{color: #333;}
.neirong{font-size: 14px;line-height: 1.8;overflow: hidden; width: 100%; margin-top:40px;}
.neirong img{max-width: 100%!important;height: auto!important;}

.xiangqingbox{padding-top: 80px;}

/* 联系 */
.lianxifangshi{padding-top: 80px; overflow: hidden;}
.lianxi{margin-top: 60px;}
.contactbox{width: 500px; height: 600px; float: right;background: #af194a; overflow: hidden;box-sizing: border-box;padding-left: 40px;padding-right: 40px; color: #fff;
display: flex;
align-items: center;
flex-wrap: wrap;
align-content: center;
 }
.contactbox em{display: block;width: 212px; margin: 0 auto;}
.contactbox em img{display: block; width: 100%;}
.contactbox span{display: block; line-height: 2; font-size: 14px; margin-top: 30px; }
.map{width: calc(100% - 500px); float: left; height: 600px;background: #eee; overflow: hidden;}

.liuyanban{padding-top: 80px;  }

.formbox1{  margin-top: 80px;}
.formbox1 span{display: block; overflow: hidden; margin-top: 40px;}
.formbox1 span input[type='text']{
	outline:none;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	padding: 0;
	margin: 0;
	border: none;
	background: #fff;
	width: calc(50% - 20px);
	height: 60px;
	float: left;
	box-sizing: border-box;
	padding-left: 20px;
	border:1px #7d7d7d solid;
}
.formbox1 span input[type='text']:nth-child(2){float: right;}
.formbox1 textarea{
	outline:none;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	padding: 0;
	margin: 0;
	border: none;
	background: #fff;
	width: 100%;
	height: 200px;
	box-sizing: border-box;
	padding: 20px;
	margin-top: 40px;
	border:1px #7d7d7d solid;
}
.formbox1 i{display: block; width: 200px; height:60px; background: #fff; border-radius: 60px; margin: 0 auto; margin-top: 60px; overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,.4);}
.formbox1 i input{
	outline:none;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	padding: 0;
	margin: 0;
	border: none;
	background: #af194a;
	border-radius: 14px;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	margin: 5px;
	cursor: pointer;
	font-size:18px;
	color: #fff;
	display: block;
	border-radius: 54px;
}

#container {width:100%; height:100%; }



.pagination{ width: 100%; display: flex; justify-content: center;}
.pagination li{padding: 10px 20px 10px 20px; background: #eee; border-radius: 6px; margin-left: 4px; margin-right: 4px;}
.pagination li.active{padding: 10px 20px 10px 20px; background: #eee;border-radius: 6px; margin-left: 4px; margin-right: 4px; background: #af194a; color: #fff;}