.guide{width:200px;background:#aa232a;position:fixed;top:0;margin-left:320px;left:50%;bottom:0;padding-top:80px;z-index:3000;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;} 
.guide.active{margin-left:120px;box-shadow:-20px 0 20px rgba(0,0,0,.5);}
.guide li{display:block;border-top:1px solid #e06b72;} 
.guide li a{display:block;padding:20px 0 20px;text-align:center;font-size:32px;color:#fff}
.guide li a span{font-size:20px;display:block;line-height:1.5;}
.guide li a img{margin-bottom:12px;}
.guide li:hover,.guide li.active{background:#6f171c;}
.guide li.active a{font-size:36px}
.head{padding:10px 0px;position:fixed;top:0;left:50%;margin-left:-320px;width:640px;z-index:2600;height:60px;background:#aa232a;}
.logo{height:60px;display:inline-block;margin-left:40px;vertical-align:top;margin-bottom:19px;}
.logo a{display:none;height:100%;}
.logo a.active{display:block;}
.logo a img{height:60px;}
a.menu{position:fixed;top:20px;right:50%;margin-right:-290px;z-index:4000;display:block;width:40px;height:40px;}
a.menu b{height:5px;display:block;background:#fff;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;margin-top:4px;}
a.menu b.sp{margin-top:10px;}
a.menu b.mi{margin-top:10px;}
a.menu.active b{margin-top:18px;margin-bottom:-4px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
a.menu.active b.sp{margin-top:-4px; }
a.menu.active b.mi{margin-top:-4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.foot{height:56px;line-height:56px;color:#fff;font-size:24px;text-align:center;background:#aa232a;clear:both;}
.cont{width:600px;margin:0 20px;}
.banner {margin-top:121px;opacity:0}
.banner.active{-webkit-animation: rubberBand  1.5s 0s ease-in-out both;animation: rubberBand  1.5s 0s ease-in-out both;opacity:1}
.banner img{width:100%;}
.road{position:absolute;top:80px;left:0;width:640px;height:40px;background:#aa232a;border-top:1px solid #e06b72}
.road a{display:block;font-size:22px;line-height:40px;text-align:center;color:#fff}
.road .active a{background:#6f171c}
a.scroll{position:fixed;bottom:100px;right:50%;margin-right:-300px;z-index:3000;width:42px;height:42px;text-align:center;line-height:42px;background:#aa232a;display:none;float:left;}
.home{text-align:center;padding:40px 0 30px;}
.home dt{font-weight:bold;font-size:36px;color:#aa232a;line-height:2.2;background:url(../img/home.png) no-repeat bottom center;}
.home dd{font-size:26px;color:#7a7a7a;margin-top:14px;}
.home.sp{padding:10px 0 35px;}
.home.sp dd{color:#fff}
.pro1{width:100%;float:left;clear:both;position:relative;}
.pro1 td{width:50%;vertical-align:top;float:left;}
.pro1 td[colspan="2"]{width:50%}
.pitem{margin-right:8%;vertical-align:top;overflow:hidden;margin-bottom:20px;}
.pitem a.fi{display:block;padding-bottom:134%;position:relative;margin-bottom:10px;}
.pitem a.fi img,.pitem2 label img{min-width:100%;height:100%;position:absolute;top:0;left:0;}
.pitem a.fi b{width:54px;height:54px;background:url(../img/add2.jpg) no-repeat center center;position:absolute;bottom:0;right:0;z-index:1}
.pitem dd{width:100%;display:table}
.pitem dd span{font-weight:bold;width:50%;text-align:center;font-size:24px;color:#aa232a;display:table-cell;white-space:nowrap;}
.pitem2 {position:relative;overflow:hidden;}
.pitem2 label{display:block;padding-bottom:134%;position:relative;}
.pitem2 dd{position:absolute;top:0;left:0;width:100%;height:100%;z-index:22;}
.pitem2 dd span{font-size:36px;line-height:1.4;color:#fff;font-weight:bold;position:absolute;bottom:10%;left:9%}
.pitem2 dd a{position:absolute;font-size:18px;color:#fff;padding-right:50px;right:8%;bottom:10%;background:url(../img/cre.png) no-repeat right  center;line-height:36px;display:inline-block;}
.pro1 td span.sp{font-size:36px;line-height:1.4;color:#333;font-weight:bold;  display:block;}
.psay p{display:none;}
.pro1 tr:last-child{position:absolute;bottom: 18%;right:0;width:45%;}
.pro1 tr:last-child td{width:100%;}
.pro{position:relative;padding-top:150px;}
.pro table{width:100%;display:table;margin-bottom:50px}
.pro td{width:50%;vertical-align:middle;color:#333;background:#fff;float:left;height:288px;text-align:center;}
.pro tr td:nth-child(3),.pro tr td:nth-child(4){float:right;}
.pro tr.sp td:nth-child(3),.pro tr.sp td:nth-child(4){float:left;}
.pro tr.sp td:nth-child(1),.pro tr.sp td:nth-child(2){float:right;}
.pro td a.fi{display:block;position:relative;padding-bottom:90%;overflow:hidden;}
.pro td a.fi img{position:absolute;left:0;top:0;min-width:100%;height:100%;}
.pro td dt{padding:0 14%;margin-top:20%;font-size:32px;line-height:38px;font-family:serif;font-weight:bold;}
.pro td dd{padding:7px 14% 0; }
.pro td dd a{font-size:28px;padding-bottom:20px;font-weight:bold; }
.pro tr td:nth-child(2) dd a,.pro tr.sp td:nth-child(1) dd a{background:url(../img/jian.png) no-repeat bottom center;}
.pro tr td:nth-child(4) dd a,.pro tr.sp  td:nth-child(3) dd a{background:url(../img/jian3.png) no-repeat bottom center;}
.pro td dd a span{color:#aa232a}
.pbands{width:100%;display:block; position:absolute;top:0%;left:0;text-align:center;}
.pband dd{font-size:24px;color:#7a7a7a;margin-top:14px;}
.pband dd span{display:block;font-weight:bold;font-size:36px;color:#aa232a;line-height:2.2;background:url(../img/home.png) no-repeat bottom center;}
.pband img{display:none;}
.rain{width:46.5%;float:left;position:relative;z-index:200}
.rain li{margin-bottom:80px;color:#333;padding-bottom:45px;background:url(../img/li2.png) no-repeat bottom left;}
.rain li a.fi{display:block;margin-bottom:15px;overflow:hidden;}
.rain li a.fi img{width:100%;-webkit-transition:all 1s ease-out;-webkit-transform:scale(1);transition:all 1s ease-out;transform:scale(1);}
.rain li a.fi:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.rain li dt{font-size:30px;font-weight:bold;padding:0 5%;color:#aa232a;line-height:1.7}
.rain li dd{font-size:22px;font-weight:bold;padding:0 5%;color:#333}
.rains{width:46.5%;float:right; padding:20px 2%;background:#fff;margin-bottom:418px;box-shadow:8px 8px 20px rgba(0,0,0,.1)}
.rains .rain{width:100%;margin-bottom:-40px;}
.light{margin:0 auto -418px;display:block;position:relative;top:20px;}
.ghead{margin-bottom:32px;}
.ghead dt{font-size:32px;font-weight:bold;color:#333;line-height:1.3}
.ghead dd{color:#aa232a;font-weight:bold;line-height:1.4;font-size:22px;}
.list{clear:both;}
.list li{width:48%;float:left;margin-bottom:4%;position:relative;overflow:hidden;box-shadow:2px 2px 6px rgba(0,0,0,.3)}
#list>li:nth-child(2n){margin-left:4%;}
.list li label{display:block;padding-bottom:75%;position:relative;}
.list li label img{position:absolute;top:0;left:0;width:100%;height:100%;}
.list li dd{padding:10px 0;position:relative;}
.list li dd span{display:block;text-align:center;font-size:32px;color:#333;line-height:1;font-weight:bold;}
.list li dd img{position:absolute;right:0;bottom:0;height:100%}
.formore{text-align:center;clear:both;padding:30px 0;font-size:28px;color:#333}
.formore.sp{color:#fff}
.kind{margin-bottom:30px;}
.kind ul{position:relative;letter-spacing:-5px;font-size:0;text-align:left;}
.kind ul li{width:30.33%;margin:5px 1.5%;display:inline-block;letter-spacing:normal;}
.kind ul li a{display:block;font-size:22px;color:#aa232a;line-height:46px;text-align:center;background:#fff;color:#333;transition:all 0.5s ease;border:1px solid #ccc;border-radius:10px;}
.kind ul li.active a{background:#aa232a;color:#fff;border-color:#aa232a;}
.says {font-size:36px;line-height:2;color:#2f2f2f;}
.says br{display:none;}
.area{width:100%;display:table}
.area td{position:relative;background:#aa232a;color:#fff;text-align:center;}
.area td dt{font-size:24px;font-weight:bold;margin-bottom:6px;}
.area td dd{font-size:0px;}
.area tr:first-child td:first-child img{width:100%}
.area tr:last-child td{padding-bottom:14%!important;}
.ting{width:48%;float:left;}
.ting li{margin-bottom:15px;margin-top:15px;position:relative;background:#fff;padding-bottom:15px;box-shadow:0 0 10px rgba(0,0,0,.4)}
.ting img{width:100%;}
.amodal{color:#333;padding:0 15px}
.amodal dt{font-size:18px; line-height:1;margin:10px 0 7px;}
.amodal p{display:none}
.amodal dd{font-size:26px;line-height:1.3;font-weight:bold;}
.ting.sp{float:right;}
.bg{clear:both;}
.team{position:relative;}
.team img{width:100%;}
.group{width:200px;padding:30px 10px;background:#aa232a;color:#fff;position:absolute;top:-20px;left:19%;}
.group dt{font-size:26px;background:url(../img/rect.png) no-repeat left bottom;padding-bottom:7px;margin-bottom:7px;font-weight:bold;}
.group dd{font-size:18px;line-height:20px;}
.distance{padding-bottom:40px;clear:both;}
.supp{display:none}
.coco li{display:block;padding:0 10px;}
.coco li label{display:block;width:100%;padding-bottom:63.6%;position:relative;}
.coco li img{position:absolute;left:0;width:100%;height:100%;top:0;}
.coco li dt{font-size:26px;font-weight:bold;color:#333;line-height:2.2;border-bottom:2px solid #aa232a;color:#333;background:url(../img/blood.jpg) no-repeat left bottom;}
.coco li p{font-size:22px;padding-top:10px}
.coco li:nth-child(3n){margin-right:0}
.step li{width:25%;text-align:center;float:left;margin:10px 0}
.step li span{font-size:20px;line-height:26px;color:#fff;display:block;transition:all 0.5s ease;}
.step li b{display:block;line-height:100px;height:100px;}
.step li b img.sp{display:none}
.step li:hover b img{display:none;}
.step li:hover b img.sp{display:inline;}
.step li:hover span{color:#aa232a}
.step li:nth-child(4n+1){clear:both;}
.shop li{width:32%;float:left;text-align:center;}
.shop li dt,.shop li dd{font-size:22px;line-height:28px;color:#333;}
.shop li dd{margin-bottom:40px;}
.shop>li:nth-child(3n-1){margin-left:2%;margin-right:2%;}
.shop li img{max-width:100%}
.shop li label{display:block;height:96px;position:relative;}
.shop li label img{position:absolute;bottom:0;left:0;width:100%;}
.drink{width:100%;display:table}
.drink tr td{width:50%;position:relative;overflow:hidden;float:left;}
.drink tr td[rowspan="2"]{width:50%!important;height:640px;}
.drink label{display:block;padding-bottom:100%;position:relative;}
.drink label img{position:absolute;top:0;left:0;width:100%;height:100%;}
.circle{top:5%;left:5%;width:90%;height:90%;border-radius:50%;background:rgba(170,35,42,.6);position:absolute;text-align:center;color:#fff;text-shadow:1px 1px 4px rgba(0,0,0,.6)}
.circle p{font-size:24px;line-height:1.5;color:#fff;margin-bottom:5px;}
.circle b{font-size:36px;font-style:italic;line-height:1.8;font-weight:bold;}
.circle>div{position:absolute;left:10%;width:80%;text-align:center;bottom:50%;-webkit-transform:translateY(50%);transform:translateY(50%);}
.drink tr td.sp label{padding-bottom:200%}
.drink tr td.sp .circle{top:27.5%;height:45%;}
.banch{color:#FFF;text-align:center;}
.banch dt{font-size:50px;font-weight:200;margin-bottom:20px;margin-top:80%}
.banch dd{font-size:32px;font-weight:200;}
.leave dd{border:1px solid #ccc;line-height:55px;margin-bottom:25px;}
.leave dd label{color:#999999;font-size:28px;margin-left:15px;float:left;}
.leave dd input{height:55px;line-height:55px;font-size:28px;border:none;margin-left:20px;width:60%;background:none}
.leave dd span{font-size:28px;line-height:55px;color:#999;margin-left:20px;margin-right:30px;}
.leave dd span input{margin-right:8px;}
.leave dd textarea{width:100%;border:none;background:none;height:120px;padding-left:205px;padding-right:20px;transform:translateY(-45px);line-height:34px;font-size:28px;}
.leave p button.btn{width:240px;display:inline-block;margin-right:40px;font-size:36px;}
.leave p button.btn.sp{background:#666}
.contact{width:100%;}
.contact li{width:25%;display:table-cell;text-align:center;padding:60px 2%;color:#fff}
.contact li label{display:block;height:100px;line-height:100px;margin-bottom:30px;}
.contact li dt{font-size:24px;margin-bottom:15px;}
.contact li dd{font-size:18px;line-height:26px;}
.map{height:400px;border-top:1px solid #ccc;}
.contact{width:100%;}
.contact li{width:46%;text-align:center;padding:30px 1%;color:#fff;float:left;margin-bottom:4%}
.contact li:nth-child(2n){margin-left:4%}
.contact li label{display:block;height:100px;line-height:100px;margin-bottom:30px;}
.contact li dt{font-size:26px;margin-bottom:15px;}
.contact li dd{font-size:22px;line-height:26px;}
.cinfo{height:110px;}
.map{height:340px;border-top:1px solid #ccc;}
.fact li{display:block;margin:0 3%;box-shadow:none;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;position:relative;}
.fact li label{display:block;padding-bottom:75%;position:relative; }
.fact li label  img{position:absolute;top:0;left:0;width:100%;height:100%}
.jinfo {text-align:center; color:#333;font-weight:bold;line-height:1.1;padding:10px 0;}
.fact .owl-controls{position:relative;bottom:0;margin-top:15px;}
.jinfo dt{font-size:18px;margin-bottom:2px;font-weight:bold;}
.jinfo dd{font-size:24px;font-weight:bold;}
.quality img{width:100%;margin-bottom:-178px;}
.made{width:100%;display:table;margin-bottom:40px;}
.made li{display:table-cell;width:33.333%;text-align:center;color:#fff;padding:30px 0;background:#d32e38}
.made li dt{font-size:28px;padding:12px 0 5px;}
.made li dd{font-size:18px;}
.made li label{height:120px;line-height:120px;display:block;}
.made li:first-child+li{background:#bf2831}
.made li:first-child+li+li{background:#aa242c}
.brand{width:100%;vertical-align:middle;text-align:center;}
.dodo{text-align:center;font-size:0;letter-spacing:-5px}
.brand td img{max-width:90%}
.dodo li{display:inline-block;vertical-align:top;width:133.3px;letter-spacing:normal;margin-bottom:20px;}
.dodo li span{width:100px;line-height:100px;height:100px;display:block;border:2px solid #fff;border-radius:50%;margin:0 auto;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.dodo li dt{font-size:26px;color:#fff;font-weight:bold;line-height:1.6}
.dodo li dd{font-size:28px;color:#fff;line-height:1;margin-bottom:5px;}
.dodo li p{display:none;}
.during li{width:48%;float:left;background:#fff;color:#333;margin-bottom:4%;padding-bottom:18px;box-shadow:0 0  10px rgba(0,0,0,.3)}
.during li label{display:block;padding-bottom:73%;position:relative;margin-bottom:15px;}
.during li label img{width:100%;position:absolute;top:0;left:0;height:100%;}
.during li dt{font-size:22px;font-weight:bold;padding:0 5%;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.during li dd{font-size:18px;padding:0 5%;letter-spacing:-1px;height:36px;line-height:1;}
.during>li:nth-child(2n){margin-left:4%;}
.news li{width:48%;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;background:#fff;margin-bottom:4%;overflow:hidden;}
.news li a.fi{display:block;width:100%;padding-bottom:75%;position:relative;overflow:hidden;}
.news li a.fi img{position:absolute;top:0;left:0;width:100%;height:100%;}
.toto{padding:15px 6% 20px;}
.toto p{font-size:20px;line-height:28px;color:#666666;height:84px;margin-bottom:10px;overflow:hidden;margin-top:5px;}
.toto dt{font-size:24px;font-weight:bold;color:#333333;margin-bottom:7px;overflow:hidden;height:60px;line-height:30px;}
.toto dd{font-size:20px;color:#333333;padding-left:8px;background:url(../img/oh.png) no-repeat left center;line-height:1.4;}
.toto a{font-size:24px;line-height:30px;border:1px solid #aa232a;background:#aa232a;color:#fff;padding:0 7px;display:inline-block;vertical-align:top;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.news>li:nth-child(2n){margin-left:4%;}
.dance li{width:48%;float:left;margin-top:2%;margin-bottom:3%;padding-bottom:18px;border:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;}
.dance li a.fi{display:block;position:relative;padding-bottom:75%;clear:both;overflow:hidden;}
.dance li a.fi img{position:absolute;top:0;left:0;width:100%;height:100%;}
.dance span{float:left;text-align:center;font-size:24px;color:#fff;line-height:46px;}
.dance span b{font-size:30px;background:#fff;color:#333;display:inline-block;vertical-align:top;line-height:46px;padding:0 5px;font-weight:bold;margin-right:5px}
.dance li dt{font-size:24px;font-weight:bold;color:#fff;margin-bottom:14px;overflow:hidden;height:60px;line-height:30px;margin-top:15px;padding:0 6%}
.dance li dd{font-size:22px;line-height:28px;color:#fff;height:84px;margin-bottom:20px;overflow:hidden;padding:0 6%}
.dance li a.more{font-size:24px;line-height:30px;color:#fff;padding:0 12px;display:inline-block;vertical-align:top;border:1px solid #fff;border-radius:15px;margin-left:6%}
.dance>li:nth-child(2n){margin-left:4%}
.ahead{text-align:center;}
.ahead dt{font-size:40px;color:#333;line-height:1.2;font-weight:bold;margin-bottom:7px}
.ahead dd{font-size:24px;color:#666666;}
.article{font-size:36px;line-height:2;color:#333;padding:40px 0}
.article p{text-indent:2em;}
.article img{display:block;margin:30px auto;max-width:100%;}
.article p img{-webkit-transform:translateX(-36PX);transform:translateX(-36PX);}
.offer{padding-top:20px;border-top:1px solid #ccc;}
.offer li{display:block;}
.offer li a{display:inline-block;vertical-align:top;font-size:32px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;line-height:2}
@-webkit-keyframes rubberBand {
  0% { -webkit-transform: scale3d(1, 1, 1);}
  30% {-webkit-transform: scale3d(1.25, 0.75, 1);}
  40% {-webkit-transform: scale3d(0.75, 1.25, 1); }
  50% {  -webkit-transform: scale3d(1.15, 0.85, 1); }
  65% {-webkit-transform: scale3d(.95, 1.05, 1);}
  75% { -webkit-transform: scale3d(1.05, .95, 1);}
  100% {-webkit-transform: scale3d(1, 1, 1); }}
  @keyframes rubberBand {
  0% { transform: scale3d(1, 1, 1);}
  30% {transform: scale3d(1.25, 0.75, 1);}
  40% {transform: scale3d(0.75, 1.25, 1); }
  50% {  transform: scale3d(1.15, 0.85, 1); }
  65% {transform: scale3d(.95, 1.05, 1);}
  75% { transform: scale3d(1.05, .95, 1);}
  100% {transform: scale3d(1, 1, 1); }}