.section-wrap{ width:100%;height:100%;overflow:visible;-webkit-transition:all 1.5s cubic-bezier(0.5,0,0.03,1);transition:all 1.5s cubic-bezier(0.5,0,0.03,1);margin-left:0;}
.section{ position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;-webkit-transition:all 2s ease;transition:all 2s ease;}
.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}
.put-section-1{ -webkit-transform:translateY(-100%);transform:translateY(-100%);}
.put-section-2{-webkit-transform:translateY(-200%); transform:translateY(-200%);}
.put-section-3{-webkit-transform:translateY(-300%); transform:translateY(-300%);}
.put-section-4{-webkit-transform:translateY(-400%); transform:translateY(-400%);}
.put-section-5{-webkit-transform:translateY(-500%); transform:translateY(-500%);}
.put-section-6{-webkit-transform:translateY(-600%); transform:translateY(-600%);}
.put-section-7{-webkit-transform:translateY(-700%); transform:translateY(-700%);}
.put-section-8{-webkit-transform:translateY(-800%); transform:translateY(-800%);}
.put-section-9{-webkit-transform:translateY(-900%); transform:translateY(-900%);}
.put-section-10{-webkit-transform:translateY(-1000%); transform:translateY(-1000%);}
.put-section-11{-webkit-transform:translateY(-1100%); transform:translateY(-1100%);}
.put-section-12{-webkit-transform:translateY(-1200%); transform:translateY(-1200%);}
.put-section-13{-webkit-transform:translateY(-1300%); transform:translateY(-1300%);}
.put-section-14{-webkit-transform:translateY(-1400%); transform:translateY(-1400%);}
.put-section-15{-webkit-transform:translateY(-1500%); transform:translateY(-1500%);}
.put-section-16{-webkit-transform:translateY(-1600%); transform:translateY(-1600%);}
.section-btn{ width:12px;position:fixed;right:60px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.section-btn li{width:12px;height:3px;cursor:pointer;margin:18px 0; display:block;background:#fff;-webkit-transform:rotate(0deg);-webkit-transition:all 0.3s ease;transform:rotate(0deg);transition:all 0.3s ease;}
.section-btn li.on{-webkit-transform:rotate(30deg);transform:rotate(30deg);}
.head{padding:20px 60px;position:fixed;top:0;left:0;right:0;z-index:3000;height:56px;overflow:hidden;background:none;transition:all 0.5s linear;}
.head.active{background:#efefef;box-shadow:0 1px 4px rgba(0,0,0,.4)}
.head a.logo{height:56px;float:left;}
.head a.logo img{height:100%;}
.head a.logo img.sp{display:none;}
.head.active a.logo img.sp{display:inline;}
.head.active a.logo img.fi{display:none;}
.guide{float:right;transition:all 0.5s ease;transform:translateX(0%);}
.guide.active{transform:translateX(120%);}
.guide li{float:left;margin:0 37px;}
.guide li a{font-size:14px;line-height:56px;color:#fff;display:block;}
.head.active .guide li a{color:#555555;}
.guide li.active a{background:url(../img/dec.png) no-repeat center 44px;}
.head.active .guide li.active a{color:#4a7853;background:url(../img/dec2.png) no-repeat center 44px;}
a.menu{width:30px;height:30px;background:url(../img/menu.png) no-repeat center center;float:right;margin-top:13px;}
.head.active a.menu{background:url(../img/menu2.png) no-repeat center center}
.codes{position:fixed;left:60px;bottom:15px;z-index:2000}
.copy{font-size:14px;line-height:50px;color:#fff;right:60px;bottom:0;position:fixed;z-index:2000;float:left;text-shadow:1px 1px 3px rgba(0,0,0,.3)}
.code {width:96px;}
.code dd{font-size:14px;line-height:30px;color:#fff;text-align:center;}
.code img{width:100%;}
.only{margin-top:15px;}
.only a{margin-right:10px;}
.banner{position:relative;text-align:center;-webkit-transition:all 1s linear;transition:all 1s linear;filter:alpha(opacity=0);opacity:0;}
.banner.active{filter:alpha(opacity=100);opacity:1; }
.banner img.sp{width:100%;}
.banner dd{width:100%;position:absolute;left:0;top:-50%;text-align:center;-webkit-transition:all 1s ease-out 0.4s;transition:all 1s ease-out 0.4s;filter:alpha(opacity=0);opacity:0;-webkit-transform:perspective(500px) rotateX(360deg);transform:perspective(500px) rotateX(360deg);}
.banner img.fi{max-width:80%;}
.banner.active dd{top:0;filter:alpha(opacity=100);opacity:1;-webkit-transform:perspective(500px)  rotateX(0deg);transform:perspective(500px)  rotateX(0deg); }
@font-face { 
  font-family: guy; 
  src: url(../ttf/guy.ttf); 
} 
.cont{width:1200px;margin:0 auto;}
.home{text-align:center;clear:both;padding:65px 0 40px}
.home dt{font-size:60px;line-height:1;color:#555555;font-weight:bold;font-family:guy;}
.home dd{font-size:24px;line-height:42px;color:#333333;font-weight:bold;margin-bottom:7px;}
.home p{font-size:14px;color:#fff;background:#4a7853;line-height:37px;border-radius:19px;display:inline-block;padding:0 32px;}
.home.sp dt{color:#fff;}
.home.sp dd{color:#fff;}
.home.sp span{color:#fff;font-size:14px;}
.products{position:relative;overflow:hidden;float:left;width:100%;margin-bottom:100px;}
.product {width:20000px;position:relative;float:left;padding:7px 0;}
.product li{float:left;box-shadow:3px 3px 5px rgba(0,0,0,.8);position:relative;}
.product li label{padding-bottom:54%;display:block;position:relative;}
.product li label img{position:absolute;top:0;left:0;width:100%;height:100%;}
.model{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;filter:alpha(opacity=0);opacity:0;}
.model p{position:absolute;left:13%;top:50%;width:80%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.model strong{font-size:32px;color:#fff;font-weight:bold;}
.model b{display:block;padding-top:40px}
.model b a{font-size:18px;line-height:54px;border:1px solid #fff;padding:0 10%;color:#fff;float:left;margin-right:15px;position:relative;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.model b span{font-size:16px;line-height:56px;color:#fff}
.model b em{width:60%;left:-30%;height:3px;background:#fff;display:block;top:27px;position:absolute;-webkit-transition:all 0.8s ease;transition:all 0.8s ease;}
.model b a:hover{background:#4a7853;border-color:#4a7853}
.model:hover{filter:alpha(opacity=100);opacity:1;}
.model:hover b em{width:0px;left:0;}
a.toleft{position:absolute;top:0;left:19%;height:100%;background:url(../img/left.png) no-repeat center center;display:block;z-index:200;width:3%;}
a.toright{position:absolute;top:0;right:19%;height:100%;background:url(../img/right.png) no-repeat center center;display:block;z-index:200;width:3%;}
a.toleft:hover{background:url(../img/lefta.png) no-repeat center center;}
a.toright:hover{background:url(../img/righta.png) no-repeat center center;}
.foot{background:#222222;clear:both;padding:40px 0 45px;}
.web{float:left;margin-right:42px;}
.web dt a{font-size:16px;line-height:40px;color:#fff;font-weight:bold;}
.web li{display:block;}
.web li a{font-size:14px;color:#cccccc;line-height:24px;}
.web li a:hover{color:#85a98d;}
.webs>.web:last-child{margin-right:0;}
.adress{float:left;margin-left:70px;}
.webs{float:right;}
.adress dt{font-size:16px;line-height:25px;color:#fff;}
.adress dd{font-size:36px;line-height:1.5;color:#85a98d;font-weight:bold;}
.adress p{font-size:14px;line-height:25px;color:#ccc;}
.foot_center{clear:both;padding-top:10px;}
.copies{float:right;}
.ewei{width:96px;float:right;}
.ewei img{width:100%;}
.ewei dd{font-size:12px;line-height:30px;color:#fff;text-align:center;}
.copies p{font-size:14px;color:#ccc;text-align:right;line-height:24px;clear:both;}
.foot_center img.sp{height:96px;margin-top:25px;}
.type{font-size:0;letter-spacing:-5px;text-align:center;}
.type li{display:inline-block;vertical-align:top;font-size:12px;letter-spacing:normal;width:13%;margin:0.5%;}
.type li a{display:block;font-size:14px;line-height:30px;border:1px solid #ccc;color:#7e7e7e;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;}
.type li.active a,.type li:hover a{background:#de2336;color:#fff;border:1px solid #de2336;}
.list{clear:both;margin-top:40px;}
.list li{width:25%;float:left;position:relative;overflow:hidden;cursor:pointer;}
.list li label{display:block;width:100%;padding-bottom:100%;position:relative;}
.list li label img{position:absolute;top:0;left:0;width:100%;height:100%;}
.list li dd{position:absolute;top:-100%;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.list li:hover dd{top:0;}
.list li p{position:absolute;width:100%;text-align:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.list li p b{display:block;width:100%;font-size:18px;color:#fff;padding-top:40px;}
.scroll{width:56px;height:56px;display:block;background:url(../img/top.png) no-repeat center center;position:fixed;right:3%;bottom:12%;display:none;cursor:pointer;}
.contact{text-align:center;}
.contact dt{font-size:24px;line-height:50px;color:#4a7851;font-weight:bold;}
.contact dd{font-size:14px;line-height:25px;color:#333333}
.leave{position:relative;}
.leave dd{float:left;width:44%;margin-bottom:30px;color:#333333;line-height:38px;}
.leave dd label{font-size:14px;height:38px;float:left;width:44px;text-align:right;} 
.leave dd input{padding:8px 0 8px 10px;width:270px;font-size:14px;}
.leave dd i{font-size:12px;padding-left:10px;line-height:38px;height:38px;display:inline-block;vertical-align:top;}
.leave dd i em{color:#de2336;margin-right:4px;font-size:16px;position:relative;top:4px;}
.leave dd.sp{width:100%;} 
.leave dd textarea{width:94%;padding:7px 1%;}
.leave dd select{font-size:14px;width:56px;height:38px;padding:0 0 0 10px;line-height:36px;background:url(../img/togg.png) no-repeat 36px center;}
.leave dt{font-size:14px;line-height:30px;color:#333333;margin-bottom:30px;}
.leave dt em{color:#de2336;margin:0 3px;font-size:16px;position:relative;top:4px;}
.leave dd button{font-size:14px;line-height:36px;height:38px;width:125px;text-align:center;border:none;margin-right:15px;color:#fff;margin-top:-10px;margin-bottom:40px;}
.wxcode{width:205px;position:absolute;top:62px;right:0;}
.wxcode img{width:100%;}
.wxcode dd{font-size:12px;padding-top:11px;color:#333;text-align:center;width:100%;}
.map{height:500px;width:100%;display:block;clear:both;border-top:1px solid #ccc}
.news{clear:both;margin-top:40px;}
.news li{width:49%;float:left;margin-bottom:35px;}
.news>li:nth-child(2n){margin-left:2%;}
.news li a.fi{width:100%;padding-bottom:75%;display:block;position:relative;margin-bottom:28px;overflow:hidden;}
.news li a.fi img{position:absolute;top:0;left:0;min-width:100%;height:100%;-webkit-transition:all 0.5s ease-out;-webkit-transform:scale(1);transition:all 0.5s ease-out;transform:scale(1);}
.news li:hover a.fi img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.news li dt{position:relative;padding-left:64px;}
.news li dt a{display:inline-block;vertical-align:top;font-size:22px;color:#4b7853;font-weight:bold;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:30px;}
.news li dt span{font-size:14px;color:#999999;display:block;line-height:20px}
.news li label{width:50px;padding:4px 0;background:#4b7853;color:#fff;display:block;text-align:center;position:absolute;top:0;left:0;font-size:24px;font-weight:bold;font-style:italic;line-height:24px;}
.news li label em{font-size:14px;line-height:18px;display:block;font-style:italic;}
.news li dt a:hover{text-decoration:underline;}
.news li dd{font-size:14px;line-height:20px;color:#626263;text-indent:2em;padding-top:11px;}
.news li dd a{color:#de2336}
.mhead{text-align:center;clear:both;padding:40px 0 30px;}
.mhead h4{font-size:30px;color:#333333;}
.mhead h6{font-size:12px;color:#666666;font-weight:normal;line-height:1.5;}
.article{font-size:14px!important;color:#333;line-height:25px!important;margin-bottom:30px;}
.article p{text-indent:2em;}
.article img{display:block;margin:20px auto;max-width:100%;}
.article p img{position:relative;left:-14px}
.offer{clear:both;padding-top:15px;border-top:1px solid #ccc;margin-bottom:90px;}
.offer li{Width:50%;float:left;}
.offer li a{display:inline-block;vertical-align:top;line-height:1.5;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;}
.offer>li:last-child{text-align:right;}
.supp{font-size:0;letter-spacing:-5px;text-align:center;}
.supp li{width:32.33%;font-size:14px;letter-spacing:normal;display:inline-block;vertical-align:top;margin-right:1.5%;margin-bottom:15px;}
.supp>li:nth-child(3n){margin-right:0;}
.supp li label{width:100%;padding-bottom:55%;position:relative;display:block}
.supp li label img{position:absolute;top:0;left:0;width:100%;height:100%;}
.supp li dd{font-size:16px;line-height:44px;color:#333;text-align:center;}
.supp li dd span{color:#de2336;font-weight:bold;font-style:italic;}
.bars{background:url(../img/green.jpg) no-repeat center center;clear:both;background-size:cover;margin-top:15px;padding-bottom:80px;}
.bar{position:relative;}
.bar img.level{width:48%;-webkit-transition:all 0.4s linear;transition:all 0.4s linear;background:#fff;}
.room{padding:5%  5% 0;background:#f9f9f9;position:absolute;top:0;right:0;bottom:0;width:42%;-webkit-transition:all 0.4s linear;transition:all 0.4s linear;}
.room dt{font-size:48px;color:#333333;font-family:guy;line-height:1.5;}
.room dd{font-size:24px;color:#4a7853;font-weight:bold;line-height:44px;}
.room strong{font-size:13px;color:#666666;display:block;padding-bottom:8px}
.room p{font-size:10px;color:#999;line-height:14px;font-style:italic;background:url(../img/ww.jpg) no-repeat left bottom;padding-bottom:14%;}
.galleries{padding:5% 4%;position:absolute;bottom:0;left:0;width:90%;background:#f1f0ee;width:92%;}
.gallery{padding:0 30px;overflow:hidden;position:relative;}
.gallery ul{position:relative;width:20000px;}
.gallery li{width:100px;float:left;margin-right:20px}
.gallery li img{width:100%;border-radius:50%;cursor:pointer;}
.pctrl1{width:30px;position:absolute;left:0;top:0;height:100%;display:block;background:url(../img/left.png) no-repeat left center;background:url(../img/left.png) no-repeat left center,#f1f0ee;}
.pctrl2{width:30px;position:absolute;right:0;top:0;height:100%;display:block;background:url(../img/right.png) no-repeat right center;background:url(../img/right.png) no-repeat right center,#f1f0ee;}
.store li{width:23.5%;float:left;margin-right:2%;margin-bottom:10px;}
.store>li:nth-child(4n){margin-right:0;}
.store li a.fi{width:100%;padding-bottom:70.2%;position:relative;display:block;overflow:hidden;}
.store li a.fi img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;-webkit-transform:scale(1);transform:scale(1);}
.store li:hover a.fi img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.store li dd{font-size:14px;line-height:40px;color:#606060;text-align:center;}
.sale>img{width:100%;}
.sale{padding-bottom:30px;position:relative;display:block;width:938px;margin:0 auto;} 
.sale img.shine{position:absolute;top:0;left:0;width:100%;-webkit-animation:fade 2s  linear infinite;animation:fade 2s  linear infinite;}
@keyframes fade{
0%{filter:alpha(opacity=0);opacity:0;}	
50%{filter:alpha(opacity=100);opacity:1;}	
100%{filter:alpha(opacity=0);opacity:0;}	
}
@-webkit-keyframes fade{
0%{filter:alpha(opacity=0);opacity:0;}	
50%{filter:alpha(opacity=100);opacity:1;}	
100%{filter:alpha(opacity=0);opacity:0;}	
}
.fashion{margin-bottom:90px;} 
.fashion td{width:25%;text-align:center;vertical-align:middle;font-size:18px;font-style:italic;color:#fff;font-weight:bold;background:#666666;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;}
.fashion td b{font-size:48px;font-weight:bold;}
.fashion td:hover{background:#de2336;}
.fashion td img{width:100%}
.gofor{background:url(../img/gofor.jpg) no-repeat center center;background-size:cover;padding:25px 0 90px;}
.quote{text-align:center;font-size:14px;line-height:20px;color:#ffffff;}
.quote dd{margin-bottom:8px}
.well{font-size:14px;line-height:22px;color:#333333;text-align:center;margin-bottom:45px;}
.well span{color:#de2336;}
.tories{overflow:hidden;position:relative;}
.tory{width:20000px;position:relative;}
.tory li{float:left;text-align:center;margin-bottom:20px;}
.tory li label{display:block;position:relative;width:100%;padding-bottom:66%;border-radius:20px 0 20px 0;overflow:hidden;box-shadow:1px 1px 2px rgba(0,0,0,.8);cursor:pointer; }
.tory>li:nth-child(2n) label{border-radius: 0 20px  0 20px;}
.tory li label img{position:absolute;top:0;left:0;width:100%;height:100%;}
.tory li dd{font-size:15px;color:#606060;line-height:1.5;padding:10px 0;}
.control{clear:both;text-align:center;}
.control a{width:32px;height:32px;display:inline-block;margin:10px;border-radius:50%;}
.control a.toleft2{background:url(../img/right2.png) no-repeat center center;background-size:cover;}
.control a.toright2{background:url(../img/left2.png) no-repeat center center;background-size:cover;}
.comes{background:#e8eeeb;margin-top:110px;}
.comes .cont{position:relative;}
.ibag{width:38%;position:absolute;border-right:4px solid #d8e2dc;top:0;bottom:0;height:100%;left:0;}
.ibag img{position:absolute;}
.ibag img.boot1{bottom:0;left:27%;width:60%;z-index:20}
.ibag img.boot2{top:-10%;left:0;width:100%;}
.ibag img.boot3{top:-28%;left:20px;width:35%;}
.companies{padding-left:40%;padding-top:40px;}
.compay{float:left;max-width:50%}
.compay.sp{float:right;}
.compay li{display:block;clear:both;margin-bottom:40px;}
.compay li b{font-size:72px;color:#538a73;font-weight:bold;float:left;font-family:guy;line-height:1;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;}
.katy{padding-left:85px;}
.katy dt{font-size:16px;font-weight:bold;color:#538a73;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;}
.katy dd{font-size:18px;font-weight:bold;color:#5a5a5a;padding-bottom:14px;background:url(../img/dev.jpg) no-repeat bottom left;}
.katy p{font-size:14px;color:#333333;margin-top:13px;}
.compay li:hover b{color:#de2336}
.compay li:hover .katy dt{color:#de2336}
.hey{left:44%;position:absolute;top:-104px;padding-bottom:20px;background:url(../img/line.jpg) no-repeat bottom left;}
.hey dt{font-size:12px;line-height:16px;color:#666666;margin-bottom:6px}
.hey p{font-size:14px;line-height:16px;color:#538a73}
.awards{position:relative;margin-bottom:30px;clear:both;}
.award{overflow:hidden;position:relative;}
.prize{width:20000px;position:relative;}
.prize li{float:left;margin-right:2%;}
.prize>li:nth-child(4n){margin-right:0;}
.prize li label{position:relative;display:block;padding-bottom:70%;box-shadow:1px 1px 3px rgba(0,0,0,.4);cursor:pointer;}
.prize li img{position:absolute;top:0;left:0;width:100%;height:100%;}
.prize li dd{font-size:14px;padding:7px 0;font-size:14px;color:#606060;text-align:center;}
.prize.sp li label{padding-bottom:148%;}
.prize.sp {margin-bottom:30px }
.pager.special{padding-top:10px;padding-bottom:30px;}
.meets{background:#e8eeeb;clear:both;padding-top:30px;}
.meet li{width:23.5%;margin-right:2%;float:left;margin-bottom:2%;}
.meet li label{display:block;position:relative;width:100%;padding-bottom:70.2%;overflow:hidden;cursor:pointer}
.meet li label img{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(1);transition:all 0.3s ease-out;}
.meet li:hover label img{transform:scale(1.1);}
.meet>li:nth-child(4n){margin-right:0;}
.vis{position:relative;}
.vis dl{width:100%}
.vis dl li{width:100%;display:none}
.vis dl li.active{display:block;}
.vis dl li img{width:100%;}
.vi{clear:both;margin-bottom:50px;}
.vi img{width:100%;margin-bottom:30px;}
a.ctrl_left{position:absolute;width:65px;height:100%;display:block;left:-120px;top:0;background:url(../img/tog2.png) no-repeat left center;}
a.ctrl_right{position:absolute;width:65px;height:100%;display:block;right:-120px;top:0;background:url(../img/tog1.png) no-repeat right center;}
.awards a.ctrl_left,.awards a.ctrl_right{height:auto;bottom:33px;width:40px;}
.awards a.ctrl_left{left:-60px;background:url(../img/left.png) no-repeat left center;background-size:30px;}
.awards a.ctrl_right{right:-60px;background:url(../img/right.png) no-repeat left center;background-size:30px;}
.sale span{font-size:16px;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.7);position:absolute;padding-top:20px;line-height:22px;float:left;background:url(../img/star.png) no-repeat top center;}
.sale span.sp{padding-left:25px;padding-top:0;background:url(../img/star.png) no-repeat left center;}

@media screen and (max-width: 1400px) { 
.guide li{margin:0 30px;}
a.ctrl_left{left:0px!important;}
a.ctrl_right{right:0px!important;}

}


@media screen and (max-width: 1200px) { 
.cont{width:98%;padding:0 1%}
html{overflow-x:visible;}
.head{min-width:960px;padding-left:20px;padding-right:20px;}
.ibag img.boot3{top:34%;z-index:30}
.leave dd textarea{width:90%}
.map{height:400px;}
.sale{width:100%;}
}