.head{padding:0 9%;height:120px;background:rgba(0,0,0,.6);position:fixed;top:0;left:0;z-index:3000;right:0;}
.logos{float:left;}
.logos a{display:none;vertical-align:top;line-height:120px;}
.logos a.sp{display:inline-block;}
.guide{float:right;}
.guide li{float:left;color:#fff;text-align:center;vertical-align:middle;height:120px;padding:0 15px;margin-left:50px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.guide li.active,.guide li:hover{background:#aa232a;}
.guide li a{display:block;font-size:16px;padding:40px 0;line-height:20px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.guide li:hover a,.guide li.active a{color:#fff;padding:25px 0 55px;}
.guide li a span{font-size:12px;padding-top:6px;display:block;}
.fixed{width:44px;position:fixed;right:7%;bottom:10%;z-index:3000}
.fixed li{margin:8px 0}
.fixed li img{width:100%;}
.cont{width:1200px;margin:0 auto;clear:both;}
.home{text-align:center;padding:60px 0 80px;}
.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:24px;color:#7a7a7a;margin-top:14px;}
.home.sp{padding:10px 0 35px;}
.home.sp dd{color:#fff}
.wood{width:100%;}
.wood td{position:relative;width:33.3%;background:#fff;text-align:center;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;vertical-align:middle;color:#333}
.wood td img{width:100%}
.wood td dt{font-size:24px;font-weight:bold;}
.wood td dd{font-size:14px;margin-top:10px;}
.wood td.sp{padding-bottom:35px;}
.wood td p{height:35px;position:absolute;top:-35px;left:0;width:100%;background:#fff;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.wood td:hover{background:#aa232a;color:#fff;}
.wood td:hover p{background:#aa232a}
.distance{padding-bottom:8%;width:100%;clear:both}
.bg{clear:both;}
.quality img{width:100%;margin-bottom:-178px;}
#quality img{filter:alpha(opacity=0);opacity:0;-webkit-transform:translateX(100%);-webkit-transition:all 1.5s ease-out;transform:translateX(100%);transition:all 1.5s ease-out;}
#quality.active img{filter:alpha(opacity=100);opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
.auto li{width:33.333%;float:left;position:relative;overflow:hidden;} 
#auto li{filter:alpha(opacity=0);opacity:0;-webkit-transform:translateY(200px);-webkit-transition:all 1s 0.3s;transform:translateY(200px);transition:all 1s 0.3s;}
#auto li.active{filter:alpha(opacity=100);opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);}
.auto li label{display:block;padding-bottom:82.6%;position:relative;}
.auto li label img{position:absolute;top:0;left:0;width:100%;height:100%}
.auto li dd{position:absolute;width:60%;background:#aa232a;height:100%;left:-60%;top:0;text-align:center;z-index:2;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;filter:alpha(opacity=0);opacity:0}
.auto li dd b{display:block;padding-bottom:90%;background:url(../img/auto.png) no-repeat center center}
.auto li p{color:#fff;font-size:28px;font-weight:bold;line-height:1.4;padding:20px 5%;left:0;width:90%;z-index:200;background:rgba(0,0,0,.5);position:absolute;bottom:-47%;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;filter:alpha(opacity=0);opacity:0}
.auto li p span{font-size:14px;font-weight:normal;display:block;}
.auto li:hover p{bottom:7%;filter:alpha(opacity=100);opacity:1;}
.auto li:hover dd{left:0;filter:alpha(opacity=100);opacity:1;}
.ctrols{margin-bottom:30px;text-align:right;font-size:14px;color:#fff;line-height:40px;}
.ctrols a{display:inline-block;vertical-align:top;width:30px;text-align:center;height:40px;line-height:40px;background:#626262;margin-left:12px;transition:all 0.5s ease;}
.ctrols a:hover,.ctrols a.active{background:#aa232a}
.ducts{overflow:hidden;}
#ducts li{filter:alpha(opacity=0);opacity:0;-webkit-transform:translateX(200px);-webkit-transition:all 1s ease-out;transform:translateX(200px);transition:all 1s ease-out;}
#ducts li.active{filter:alpha(opacity=100);opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);}
.duct{position:relative;width:200000px;}
.duct li{width:285px;margin-right:20px;float:left;position:relative;overflow:hidden;}
.duct li label{position:relative;width:100%;display:block;padding-bottom:129.6%;overflow:hidden;}
.duct li label img{position:absolute;top:0;left:0;min-width:100%;height:100%;}
.model{position:absolute;top:0;left:0%;width:100%;background:rgba(69,69,69,.7);height:100%;z-index:20;color:#fff;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-transform:perspective(300px) rotateY(90deg);-webkit-transform-origin:0% 50%;transform:perspective(300px) rotateY(90deg);transform-origin:0% 50%;filter:alpha(opacity=0);opacity:0;}
.model p{font-size:12px;line-height:16px;}
.model dd{font-size:28px;font-weight:bold;padding-bottom:15px;color:#fff;background:url(../img/rect.jpg) no-repeat bottom left;margin-bottom:17px;}
.model dt{font-size:14px;}
.model>div.mm{position:absolute;bottom:50%;left:8%;width:100%;width:84%;-webkit-transform:translateY(50%);transform:translateY(50%);}
.model a.more{width:70px;height:70px;display:block;background:url(../img/add.png) no-repeat center center;background-size:cover;position:absolute;bottom:0;right:0;z-index:2}
.duct li:hover .model{-webkit-transform:perspective(300px) rotateY(0deg);transform:perspective(300px) rotateY(0deg);filter:alpha(opacity=100);opacity:1;}
.supp{width:22%;float:left;}
#supp{filter:alpha(opacity=0);opacity:0;-webkit-transform:translateX(-200px);-webkit-transition:all 1s ease-out;transform:translateX(-200px);transition:all 1s ease-out;}
#supp.active{filter:alpha(opacity=100);opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);}
.coco{float:right;width:76%;overflow:hidden;}
.supp dd{text-align:right;border-top:1px solid #b0b0b0;}
.supp>img{max-width:96%;margin-bottom:25px;}
.supp dd a{width:30px;height:45px;width:45px;float:right;text-align:center;background:#b0b0b0;line-height:45px;margin-top:-1px;transition:all 0.5s ease}
.supp dd a:hover,.supp dd a.active{background:#aa232a}
.coco dl{position:relative;width:20000px}
#cocos{filter:alpha(opacity=0);opacity:0;-webkit-transform:translateX(300px);-webkit-transition:all 1.5s ease-out;transform:translateX(300px);transition:all 1.5s ease-out;}
#cocos.active{filter:alpha(opacity=100);opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);}
.coco li{float:left;width:300px;margin-right:20px;}
.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:24px;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:18px;line-height:24px;padding-top:10px}
.step li{width:16.6%;text-align:center;float:left;margin:30px 0}
#step li{filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(0);-webkit-transition:all 1s ease-in-out;transform:scale(0);transition:all 1s ease-in-out;}
#step li.active{filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.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(6n+1){clear:both;}
.foot{clear:both;padding:30px 0;background:#161616;border-top:5px solid #aa232a;font-size:14px;line-height:30px;text-align:center;color:#fff;}
.foot span{padding:0 20px;}
.banner{transition:all 2s ease-out;height:1000px;filter:alpha(opacity=0);opacity:0;text-align:center;overflow:hidden;}
.banner.active{filter:alpha(opacity=100);opacity:1;}
.banner.active img{-webkit-animation: bounceIn  1.2s 2s ease-in-out both;animation: bounceIn  1.2s 2s ease-in-out both;margin-top:100px;max-width:96%;}
.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;}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
  0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);}
  20% {  -webkit-transform: scale3d(1.1, 1.1, 1.1);}
  40% { -webkit-transform: scale3d(.9, .9, .9); }
  60% {opacity: 1;  -webkit-transform: scale3d(1.03, 1.03, 1.03);}
  80% {-webkit-transform: scale3d(.97, .97, .97);}
  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1);  }}  
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
  0% {opacity: 0;transform: scale3d(.3, .3, .3);}
  20% {  transform: scale3d(1.1, 1.1, 1.1);}
  40% { transform: scale3d(.9, .9, .9); }
  60% {opacity: 1;  transform: scale3d(1.03, 1.03, 1.03);}
  80% {transform: scale3d(.97, .97, .97);}
  100% { opacity: 1; transform: scale3d(1, 1, 1);  }}
.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:#fff;font-weight:bold;line-height:1.1;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;position:absolute;left:0%;background:rgba(0,0,0,.6);bottom:-70px;width:100%;padding:10px 0;}
.fact .owl-controls{position:relative;bottom:0;margin-top:15px;}
.fact .owl-controls .owl-page{background:#999}
.fact .owl-controls .owl-page.active{background:#aa232a}
.jinfo dt{font-size:16px;margin-bottom:2px;font-weight:bold;}
.jinfo dd{font-size:22px;font-weight:bold;}
.fact li:hover .jinfo{bottom:0;}
.fact li:hover {box-shadow:7px 7px 16px rgba(0,0,0,.2)}
.ghead{margin-bottom:32px;}
.ghead dt{font-size:24px;font-weight:bold;color:#333;line-height:1.3}
.ghead dd{color:#aa232a;font-weight:bold;line-height:1.4;font-size:14px;}
.made{width:100%;display:table;margin-bottom:40px;}
.made li{display:table-cell;width:33.333%;text-align:center;color:#fff;padding:80px 50px;background:#d32e38}
.made li dt{font-size:32px;padding:12px 0 5px;}
.made li dd{font-size:24px;}
.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}
.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:#8e8b8d;font-weight:bold;line-height:1.6}
.dodo li dd{font-size:16px;color:#fff;line-height:1.1;margin-bottom:5px;}
.dodo li p{font-size:10px;color:#fff;line-height:1.1; }
.dodo li:hover span{background:#aa232a;border-color:#aa232a}
.during li{width:32%;float:left;background:#fff;color:#333;padding-bottom:18px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;margin-bottom:2%}
.during li:hover{background:#aa232a;color:#fff;}
.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:18px;font-weight:bold;padding:0 5%;margin-bottom:5px;}
.during li dd{font-size:12px;padding:0 5%;letter-spacing:-1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.during>li:nth-child(3n-1){margin-left:2%;margin-right:2%}
.pro1{width:100%;background:#fff}
.pro1 td{width:25%;vertical-align:top;}
.pro1 td[colspan="2"]{width:50%}
.pitem{margin-right:8%;vertical-align:top;overflow:hidden;}
.pitem a.fi{display:block;padding-bottom:134%;position:relative;margin-bottom:25px;}
.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:16px;color:#aa232a;display:table-cell;}
.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%;background:rgba(0,0,0,.5);z-index:22;filter:alpha(opacity=0);opacity:0;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.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;}
.pitem2:hover dd{filter:alpha(opacity=100);opacity:1;}
.pro1 td span.sp{font-size:36px;line-height:1.4;color:#333;font-weight:bold;margin-left:10%;text-align:left; display:inline-block;}
.psay p{font-size:12px;color:#999999;line-height:20px;padding-right:10%}
.pro{position:relative;}
.pro table{width:100%;display:table;margin-bottom:50px}
.pro td{width:25%;vertical-align:middle;color:#333;background:#fff;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.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%;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:24px;padding-bottom:30px;font-weight:bold;background:url(../img/jian.png) no-repeat bottom left;}
.pro td:hover dd a{color:#fff}
.pro tr.sp td dd a{background:url(../img/jian3.png) no-repeat bottom right;}
.pro td dd a span{color:#aa232a}
.pro tr.sp td{text-align:right;} 
.pro td:hover{background:#aa232a;color:#fff;}
.pro td:hover dd a span{color:#fff}
.pro td:hover  dd a{background:url(../img/jian2.png) no-repeat bottom left;}
.pro tr.sp td:hover  dd a{background:url(../img/jian4.png) no-repeat bottom right;}
.pbands{width:230px;height:230px;padding:30px;display:block;border-radius:50%;background:rgba(255,255,255,.5);position:absolute;top:50%;left:50%;margin-top:-145px;margin-left:-145px;}
.pband{width:230px;height:230px;border-radius:50%;text-align:center;display:table-cell;vertical-align:middle;color:#FFF;background:#aa232a}
.pband dd{font-size:24px;}
.pband dd span{font-size:18px;display:block;line-height:1.6;padding-top:4px}
.pband img{width:auto!Important}
.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:24px;font-weight:bold;padding:0 5%}
.rain li dd{font-size:18px;font-weight:bold;padding:0 5%}
.rains{width:46.5%;float:right;padding:90px 55px 0 135px;margin:-90px -55px 418px -135px;background:#fff;box-shadow:8px 8px 20px rgba(0,0,0,.1)}
.rains .rain{width:100%;margin-bottom:-40px;}
.light{margin-bottom:;margin:0 auto -418px;display:block;}
.pctrols{text-align:right;margin-top:-30px;margin-bottom:20px;}
.pctrols a{width:30px;height:40px;line-height:40px;background:#bcbcbc;display:inline-block;text-align:center;margin-left:12px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.pctrols a:hover,.pctrols a.active{background:#aa232a;}
.kind{overflow:hidden;height:40px;margin-bottom:30px;}
.kind ul{position:relative;width:20000px;}
.kind ul li{width:180px;float:left;margin-right:24px;}
.kind ul li a{display:block;font-size:16px;color:#aa232a;line-height:38px;text-align:center;background:#fff;color:#333;transition:all 0.5s ease;border:1px solid #ccc}
.kind ul li.active a,.kind ul li:hover a{background:#aa232a;color:#fff;border-color:#aa232a;}
.list{clear:both;}
.list li{cursor:pointer;width:32%;float:left;margin-bottom:3%;position:relative;overflow:hidden;box-shadow:2px 2px 6px rgba(0,0,0,.3)}
.list>li:nth-child(3n-1){margin-left:2%;margin-right:2%;}
.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{position:absolute;top:0;left:0%;width:100%;height:100%;background:rgba(69,69,69,.6);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(2);transform:scale(2);}
.list li dd span{position:absolute;top:50%;left:0;width:100%;display:block;text-align:center;font-size:48px;color:#fff;line-height:1;font-weight:bold;margin-top:-24px;}
.list li dd img{position:absolute;right:0;bottom:0}
.list li:hover dd{filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:3000;}
.modal>img{position:absolute;top:0;left:0;filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.modal.active>img{-webkit-transform:scale(1);transform:scale(1);filter:alpha(opacity=100);opacity:1;}
.modal a{font-size:40px;color:#fff;line-height:1;margin-left:130px;margin-top:-140px;width:40px;display:block;font-weight:bold;-webkit-transition:all 1s ease-out 0.6s;transition:all 1s ease-out 0.6s;filter:alpha(opacity=0);opacity:0;position:absolute;}
.modal.active a{filter:alpha(opacity=100);opacity:1;margin-left:-30px;margin-top:-40px;}
.says {text-align:center;font-size:14px;line-height:36px;color:#2f2f2f;}
.area{width:100%;display:table}
.area td{position:relative;background:#aa232a;color:#fff;text-align:center}
.area td dt{font-size:32px;font-weight:bold;margin-bottom:6px;}
.area td dd{font-size:24px;}
.area tr:first-child td:first-child img{width:100%}
.ting{width:49%;float:left;}
.ting li{margin-bottom:4%;position:relative;}
.ting img{width:100%;}
.amodal{position:absolute;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.8);filter:alpha(opacity=0);opacity:0;-webkit-transition:all 0.6s ease;transition:all 0.6s ease;}
.amodal>div{position:absolute;left:10%;width:80%;top:50%;color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.amodal dt{font-size:18px;font-weight:bold;}
.amodal p{font-size:16px;line-height:20px;}
.amodal dd{font-size:36px;line-height:1.3;font-weight:bold;padding-bottom:10px;background:url(../img/dd.jpg) no-repeat bottom left;margin-bottom:8px;}
.ting.sp{float:right;}
.ting li:hover .amodal{filter:alpha(opacity=100);opacity:1;}
.team{position:relative;}
.team img{width:100%;}
.group{width:275px;padding:0 25px;background:#aa232a;color:#fff;height:275px;position:absolute;top:-20px;left:19%;}
.group dt{font-size:30px;background:url(../img/rect.png) no-repeat left bottom;padding-bottom:10px;margin-bottom:10px;margin-top:28%;font-weight:bold;}
.group dd{font-size:16px;line-height:20px;}
.shop li{width:25%;float:left;text-align:center;}
.shop li dt,.shop li dd{font-size:24px;line-height:34px;color:#333;}
.shop li dd{margin-bottom:40px;}
.shop>li:nth-child(3n-1){margin-left:12.5%;margin-right:12.5%;}
.shop li img{max-width:100%}
.shop li label{display:block;height:150px;position:relative;}
.shop li label img{position:absolute;bottom:0;left:0;width:100%;}
.drink{width:100%;display:table}
.drink tr td{width:22%;position:relative;overflow:hidden;}
.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:-100%;width:90%;height:90%;border-radius:50%;background:rgba(170,35,42,.8);position:absolute;text-align:center;color:#fff;-webkit-transform:rotate(-180deg);-webkit-transition:all 0.8s ease-out;transform:rotate(-180deg);transition:all 0.8s ease-out;}
.circle p{font-size:22px;line-height:30px;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;}
.banch dd{font-size:32px;font-weight:200;}
.drink tr td:hover .circle{left:5%;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
.leave dd{width:45%;float:left;border:1px solid #ccc;line-height:55px;margin-bottom:45px;}
.leave>dd:nth-child(2n){float:right;}
.leave dd label{color:#999999;font-size:20px;margin-left:15px;float:left;}
.leave dd input{height:55px;line-height:55px;font-size:20px;border:none;margin-left:20px;width:50%;background:none}
.leave dd span{font-size:20px;line-height:55px;color:#999;margin-left:20px;margin-right:30px;}
.leave dd span input{margin-right:8px;}
.leave dd.sp{width:100%;clear:both;}
.leave dd textarea{width:100%;border:none;background:none;height:120px;padding-left:180px;padding-right:20px;transform:translateY(-45px);line-height:34px;font-size:20px;}
.leave p{text-align:center;}
.leave p button.btn{width:386px;display:inline-block;margin:0 20px}
.leave p button.btn.sp{background:#666}
.news li{width:32%;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;background:#fff;margin-bottom:2%;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%;-webkit-transition:all 0.8s ease-out;-webkit-transform:scale(1);transition:all 0.8s ease-out;transform:scale(1);}
.toto{padding:25px 6% 40px;}
.toto p{font-size:12px;line-height:20px;color:#666666;height:40px;margin-bottom:20px;}
.toto dt{font-size:16px;font-weight:bold;color:#333333;margin-bottom:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.toto dd{font-size:14px;font-weight:bold;color:#333333;padding-left:8px;background:url(../img/oh.png) no-repeat left center;line-height:1.5;}
.toto a{font-size:12px;line-height:20px;color:#999;border:1px solid #999;padding:0 7px;display:inline-block;vertical-align:top;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.news>li:nth-child(3n-1){margin-left:2%;margin-right:2%}
.toto a:hover{background:#aa232a;color:#fff;border-color:#aa232a;}
.news li a.fi:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.news li:hover{border-color:#aa232a}
.dance li{width:22%;float:left;margin-right:4%;margin-bottom:3%;padding-bottom:18px;border-bottom:1px solid #fff}
.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%;-webkit-transition:all 0.8s ease-out;-webkit-transform:scale(1);transition:all 0.8s ease-out;transform:scale(1)}
.dance span{float:left;text-align:center;font-size:14px;color:#fff;margin-bottom:6px;}
.dance span b{display:block;font-size:29px;line-height:1.2;border-bottom:1px solid #FFF;font-weight:bold;}
.dance li dt{font-size:16px;line-height:2.3;color:#fff;border-bottom:1px solid #fff;margin-bottom:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dance li dd{font-size:12px;line-height:20px;color:#fff;height:40px;margin-bottom:20px;}
.dance li a.more{font-size:16px;line-height:24px;color:#fff;padding:0 12px;display:inline-block;vertical-align:top;border:1px solid #fff;border-radius:13px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.dance>li:nth-child(4n){margin-right:0}
.dance li a.fi:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.dance li a.more:hover{background:#aa232a;color:#fff;border-color:#aa232a}
.ahead{text-align:center;}
.ahead dt{font-size:30px;color:#333;line-height:1.5;}
.ahead dd{font-size:12px;color:#666666;}
.article{font-size:14px;line-height:25px;color:#333;padding:40px 0}
.article p{text-indent:2em;}
.article img{display:block;margin:30px auto;max-width:100%;}
.article p img{float:left;margin:20px;}
.offer{padding-top:20px;border-top:1px solid #ccc;}
.offer li{width:45%;float:left;color:#333}
.offer li a{display:inline-block;vertical-align:top;font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.offer li:last-child{float:right;text-align:right;}


@media screen and (max-width: 1600px) {
.head{padding:0 4%;min-width:1000px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.guide li{margin-left:20px;}


}  



@media screen and (max-width: 1200px) {  
.cont{width:98%;padding:0 1%;}
.pbands{display:none;}
.circle p{font-size:16px;line-height:22px;} 
.banch dt{font-size:37px}
.shop li{width:30%;}
.shop>li:nth-child(3n-1){margin-left:5%;margin-right:5%;}
.guide li{margin-left:10px;}
.head{padding:0 1%;}
.logos{margin-right:-40px;}
.dance li{width:23.5%;margin-right:2%;}
}

@media screen and (max-width: 1000px) {  
body,html{overflow-x:hidden;}
}












