.banner{overflow:hidden;}
.anime{filter:alpha(opacity=0);opacity:0;-webkit-transition:all 1.5s  ease-out;transition:all 1.5s ease-out;-webkit-transform:scale(1.3); transform:scale(1.3);}
.banner.active .anime{filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1); transform:scale(1);}
.banner img{opacity:0;max-width:90%;}
.banner.active img{-webkit-animation: bounceInRight  1s 1.5s ease-in-out both;animation: bounceInRight  1s 1.5s ease-in-out both;opacity:1}
@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
  0% {  opacity: 0;     -webkit-transform: translate3d(3000px, 0, 0);}
  60% { opacity: 1;   -webkit-transform: translate3d(-25px, 0, 0);}
  75% {    -webkit-transform: translate3d(10px, 0, 0);}
  90% {   -webkit-transform: translate3d(-5px, 0, 0);}
  100% {  -webkit-transform: none;}}
 @keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
  0% {  opacity: 0;     transform: translate3d(3000px, 0, 0);}
  60% { opacity: 1;   transform: translate3d(-25px, 0, 0);}
  75% {    transform: translate3d(10px, 0, 0);}
  90% {   transform: translate3d(-5px, 0, 0);}
  100% {  transform: none;}}
.home{text-align:center;padding:5.5% 0}
.home img{max-width:100%;}
.coco li{width:22%;float:left;margin-right:4%;margin-bottom:4%}
.coco li .label{padding-bottom:113%}
.coco li dt{font-size:20px;line-height:2.5;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;background:url(../img/jux.jpg) no-repeat bottom center;margin:5% 0}
.coco li dd{font-size:22px;color:#5f5f5f;text-align:center;}
.coco li:nth-child(4n){margin-right:0; }
.coco li:hover dt{color:#018d6a}
.coco li:hover dd{color:#018d6a}
.distance{clear:both;padding-bottom:4%}
.distance2{clear:both;padding-bottom:7%}
.leave{padding:0 5%}
.leave dd{width:50%;float:left;font-size:16px;line-height:37px;color:#fff;margin-bottom:3%}
.leave dd label{width:56px;display:inline-block;vertical-align:top;text-align:left;}
.leave dd input{line-height:35px;color:#fff;border:1px solid #fff;padding-left:15px;font-size:16px;background:none;height:35px;width:70%;text-align:left;}
.leave dd:nth-child(2n){text-align:right;}
.leave dd textarea{color:#fff;border:1px solid #fff;background:none;width:100%;padding:5px 15px}
.leave  button{ font-size:18px;color:#fff;border:1px solid #fff;padding:0 25px;line-height:35px;background:none;-webkit-transition:all 0.5s ease-in;transition:all 0.5s ease-in;}
.leave  button:hover{background:#fff;color:#018d6a}
.abouts{padding:8% 0 8% 9%;background:#f0f0f0;position:relative;}
.about{padding:5% 6%;background:#018d6a;color:#fff;width:37%;position:relative;z-index:20} 
.night{position:absolute;top:0;right:0;width:50%;height:100%}
 .about h3{font-size:50px;font-family:ArTarumianMHarvats,arial;line-height:1.1}
 .about h5{font-size:22px;margin-bottom:5%}
 .about p{font-size:16px;line-height:1.9;text-align:justify; }
.forest{height:490px;background:url(../img/forest.jpg) no-repeat center center;background-size:cover;position:relative;}
.forest img{max-width:90%;position:absolute;bottom:0;left:50%;margin-left:-600px;}
.says{position:relative;background:#018d6a;}
.say{padding:8% 4% 5%;background:#018d6a;color:#fff;width:32.5%;font-size:14px;line-height:25px;text-align:justify;margin-left:59.5%;position:relative;z-index:200}
.simg{width:59.5%;height:100%;position:absolute;top:0;left:0;background:url(../img/chair.jpg) no-repeat center center;background-size:cover;}
.rect{background:url(../img/rect.jpg) no-repeat right center;height:4px;margin-top:18%}
.needs{position:relative;}
.need{width:100%; }
.need td{width:25%;background:#f2f1f1;font-size:18px;line-height:1.8;color:#737373;position:relative;-webkit-transition:background 0.6s ease-in;transition:background 0.6s ease-in;}
.ninfo{padding:0 13%;text-align:center;}
.ninfo h2{margin-bottom:5%}
.ninfo h2 img.sp{display:none}
.need td:hover .ninfo h2 img{display:none}
.need td:hover .ninfo h2 img.sp{display:inline}
.need td:hover {background:#018d6a;color:#fff}
.sofa{position:absolute;left:0;top:0;width:50%;height:100%;overflow:hidden;z-index:10}
.sofa img{height:100%;position:absolute;left:0;min-width:100%;top:0}
.swish li span{width:26px;float:left}
.swish li p{margin-left:26px;text-align:justify}
.swish{text-align:left;} 
.need .label{padding-bottom:87.5%}
.jian{width:42px;height:20px;position:absolute;bottom:6%;right:6%;background:url(../img/jian2.png) no-repeat center center}
.need td:hover .jian{background:url(../img/jian.png) no-repeat center center}
.step{letter-spacing:-5px;font-size:0; }
.step li{letter-spacing:normal;display:inline-block;vertical-align:middle;margin-left:5%;min-width:20%;white-space:nowrap;margin-top:2%;margin-bottom:2%}
.step li span{font-size:18px;color:#666666;text-align:center;display:inline-block;vertical-align:middle;margin-left:15px}
.step li span small{font-size:12px;filter:alpha(opacity=80);opacity:.8;display:block;}
.step li:hover span{color:#018d6a}
.loving{width:100%;margin-bottom:1%}
.cell{width:600px;text-align:center;}
.loving tr>td:first-child .cell{float:right;}
.loving  td.sp{background:#f2f1f1;color:#8c8b8b;-webkit-transition:background 0.6s ease-in;transition:background 0.6s ease-in;}
.loving  td{width:50%;}
.loving  .label{padding-bottom:91%}
.sinfo{padding:0 4%;display:inline-block;text-align:left;}
.sinfo dd{font-size:20px;line-height:2.2;}
.sinfo dt{font-size:22px;line-height:1.5;color:#666666;margin-bottom:5%;padding-bottom:6%;background:url(../img/juxin.jpg) no-repeat bottom left}
.sinfo dt b{display:block;}
.loving  td.sp:hover{background:#018d6a;color:#fff}
.loving  td.sp:hover .sinfo dt{color:#fff;background:url(../img/juxin2.jpg) no-repeat bottom left}
.news li{width:31.6%;float:left;margin-right:2.6%;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.2);margin-bottom:3%}
.news li .label{padding-bottom:62.5%} 
.news li .label img{-webkit-transition:transform 0.8s ease-out;-webkit-transform:scale(1);transition:transform 0.8s ease-out;transform:scale(1);}
.news li .label:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.news li:nth-child(3n){margin-right:0}
.paper{padding:4% 8%} 
.paper dt{font-size:12px;color:#666666; }
.paper  p{font-size:14px;color:#666666;line-height:1.5;text-align:justify;height:105px;overflow:hidden}
.paper dd{font-size:20px;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;padding:3% 0 4%;}
.timer{font-size:12px;color:#666666;background:url(../img/rright.png) no-repeat right center}
.pic{width:100%;}
 .ahead{color:#333;text-align:center;margin:5% 0 4%;background:url(../img/cu.png) no-repeat bottom center}
.ahead dt{font-size:24px; color:#333; }
.ahead dd{font-size:14px; color:#666666; padding:20px 0 40px}
.article{font-size:16px;line-height:1.5;color:#333333;text-indent:2em}
.article img{display:block;margin:20px auto;max-width:100%}
.share{font-size:16px;color:#333;float:right; padding:20px 0;line-height:40px;height:40px;clear:both;}
.offer{background:url(../img/cu.png) no-repeat left bottom;padding:5% 0;width:100%;clear:both; margin-bottom:3%}
.offer table{width:100%;}
.offer td{width:48%;vertical-align:middle;font-size:0;letter-spacing:-5px}
.offer tr>td:first-child{padding-right:4%;width:52%}
.offer a.fi{width:30%;padding-bottom:30%;position:relative;overflow:hidden;display:inline-block;vertical-align:middle;letter-spacing:normal}
.offer a.fi img{position:absolute;top:0;left:0;height:100%;min-width:100%;}
.offer dt{font-size:16px;color:#018d6a;margin-bottom:5%}
.offer dd{font-size:16px;color:#333;line-height:1.5;text-indent:2em;text-align:justify;}
.offer dd a{color:#018d6a;}
.oh{width:66%;display:inline-block;vertical-align:middle;letter-spacing:normal;margin-left:4%}
.pro{font-size:0;letter-spacing:-5px;position:relative;}
.doo{width:65.5%;display:inline-block;vertical-align:middle;margin-right:-5px}
.doo img{width:100%;}
.pinfo{width:25.5%;display:inline-block;vertical-align:middle;background:#018d6a;color:#fff;padding:8% 4.5% 12%; letter-spacing:normal;font-size:16px;line-height:2;text-align:justify;}
.pinfo dt{margin-bottom:7%}
.contrls{padding:24px;background:#fff;position:relative;top:-24px;z-index:200;margin:0 4%;box-shadow:0 0 10px rgba(0,0,0,.2) }
.contrl{font-size:0;letter-spacing:-5px;}
.contrl li{letter-spacing:normal;width:23.2%;margin-left:2.4%;display:inline-block;}
.contrl li:first-child{margin-left:0}
.contrl li.active .label img{-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid #018d6a;width:100%}
.contrl li dd{font-size:20px;color:#666666;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:8px}
.contrl li.active dd{color:#018d6a;font-weight:bold;}
a.toleft{width:40px;height:76px;background:#e1e1e1;position:absolute;top:50%;left:-90px;display:block;text-align:center;line-height:76px;z-index:200;margin-top:-20px;-webkit-transition:background 0.5s ease;transition:background 0.5s ease;}
a.toright{width:40px;height:76px;background:#e1e1e1;position:absolute;top:50%;right:-90px;display:block;text-align:center;line-height:76px;z-index:200;margin-top:-20px;-webkit-transition:background 0.5s ease;transition:background 0.5s ease;}
a.toleft:hover,a.toright:hover{background:#018d6a;}
.duct a{width:32%;float:left;margin-right:2%;margin-bottom:3%;background:#f7f7f7;box-shadow:0 0 6px rgba(0,0,0,.3);position:relative;}
.duct a:nth-child(3n){margin-right:0}
.duct a dd{font-size:16px;color:#333;line-height:1.5;padding:10px 0;text-align:center;-webkit-transition:background 0.4s ease;transition:background 0.4s ease;}
.duct a img{width:100%;height:288px}
.duct a dd span{display:inline-block;vertical-align:middle;padding-left:24px;background:url(../img/door1.png) no-repeat  left center;white-space:nowrap}
.duct a:hover dd span{background:url(../img/door2.png) no-repeat  left center}
.duct a:hover  dd{background:#018d6a;color:#fff}
 .msk{position:absolute;width:100%;padding-bottom:75%;background:url(../img/scale.png) no-repeat center center;background-size:cover;left:0;top:0;filter:alpha(opacity=0);opacity:0;-webkit-transition:all 0.5s linear;transition:all 0.5s linear;}
.duct a:hover .msk{filter:alpha(opacity=100);opacity:1;}
 
 @media screen and (max-width: 1400px) {
.need td{font-size:16px;line-height:1.6}
.ninfo{padding:0 6%}
a.toleft{left:0;background:rgba(0,0,0,.5)}
a.toright{right:0;background:rgba(0,0,0,.5)}
 }
 @media screen and (max-width: 1200px) {
.forest{height:350px;}
.forest img{margin-left:0;left:4%}
.cell{width:100%}
.coco li{width:23.5%;margin-right:2%}
.coco li dt{font-size:18px}
.coco li dd,.contrl li dd{font-size:16px}
.pinfo{font-size:16px;line-height:1.6;padding:5% 3%;width:28.5%}
 }
 @media screen and (max-width: 1000px) {
.banner img{max-height:200px}
.paper dd{font-size:16px}
.ninfo h2{display:none;}
.jian{display:none}
.need td{font-size:14px;line-height:1.5;}
.swish li p{margin-left:20px}
.swish li span{width:20px}
.sinfo dd{font-size:18px;line-height:1.8}
.sinfo dt{font-size:18px;padding-bottom:4%;margin-bottom:3%}
 }

 @media screen and (max-width: 800px) { 
.banner img{max-height:160px} 
.news li{width:49%;margin-right:2%}
.news li:nth-child(3n){margin-right:2%}
.news li:nth-child(2n){margin-right:0%}
.paper{padding:4%}
.offer td{display:block;width:100%}
.offer tr>td:first-child{padding-left:0;width:100%;padding-bottom:4%}
.offer dd,.offer dt,.contrl li dd,.pinfo{font-size:14px}
.ahead dd{padding:2% 0 4%}
.ahead dt{font-size:20px}
.abouts{padding:4% 0 4% 4%}
.about{padding:3%;width:46%}
.about p{font-size:14px;line-height:1.5;}
.about h3{font-size:30px}
.about h5{font-size:18px;margin-bottom:3%}
.forest{height:200px;}
.forest img{width:60%}
.simg{width:50%}
.say{padding:4% 3%;width:44%;margin-left:50%}
.need td{font-size:13px}
.step li span,.sinfo dd,.sinfo dt{font-size:16px}
.step li span{margin-left:8px}
.coco li{width:48%;margin-left:1%;margin-right:1%}
.contrls{margin:0;top:0}
 }
 


   .home dt {
    font-size: 28px;
    color: #333;
    font-family: apple;
    margin-bottom: 5px;
}
      .home dd {
    font-size: 22px;
    color: #198391;
    font-weight: bold;
}

.label {
    position: relative;
    display: block;
    padding-bottom: 75%;
    overflow: hidden;
    width: 100%;
}

.label>img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    min-width: 100%;
}
      
.online-join{padding:3% 0;}
      input, textarea, select, option {
    border: 0;
    background: none;
    outline: 0;
    font-size: 14px;
    font-family: "微软雅黑";
    padding: 0;
    margin: 0;
}
.ti, .name, .ch {
    line-height: 1.4;
}
.stipbox { background: #fff; padding:0px 55px 60px 55px;max-width:1100px;margin:0 auto;}
.stipbox .ti { font-size: 24px; margin-bottom: 40px; }
.stipbox li { width: 50%; float: left; }
.stipbox .name { font-size: 14px; display: block; margin-bottom: 10px; }
.stipbox .s-input { display: block; border: 1px solid #999; line-height: 25px; padding: 10px 20px; width: 386px; transition: 300ms; -webkit-transition: 300ms; font-size: 16px; color: #666; }
.stipbox .s-input:focus { border: 1px solid #a2192b; }
.stipbox .rb { overflow: hidden; }
.stipbox .r { float: left; margin-right: 38px; }
.stipbox .r .dot { display: block; float: left; width: 7px; height: 7px; border-radius: 100%; background: #d8d5d5; border: 4px solid #d8d5d5; cursor: pointer; transition: 300ms; -webkit-transition: 300ms; }
.stipbox .r.act .dot { border-color: #4a4f54; background: #fff; }
.stipbox .r .txx { line-height: 15px; font-size: 14px; float: left; margin-left: 15px; }
.stipbox .s-select { display: block; font-size: 16px; color: #666; width: 532px; height: 47px; background: #ececec; padding: 0 16px; background-repeat: no-repeat; /*background-image: url(../img/sertaw.png); background-position: 503px center;*/ }
.stipbox .s { overflow: hidden; width: 532px; }
.stipbox .s .s-select { float: right; width: 258px; background-position: 227px center; }
.stipbox .s .s-select:first-child { float: left; }
.stipbox .c { margin-bottom: 20px; }
.stipbox ul { margin-bottom: 35px; }
.stipbox .cb { overflow: hidden; margin-top: 35px; }
.stipbox .cb .txx { font-size: 16px; float: left; line-height: 20px; }
.stipbox .cb .sq { width: 20px; height: 20px; background: #e4e8e8; float: left; margin-left: 15px; cursor: pointer; }
.stipbox .cb .sq .ico { background-image: url(../img/rr-correct.png); opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.stipbox .cb.act .sq .ico { opacity: 1; visibility: visible; }
.stipbox .subBtn { width: 160px; height: 47px; display: block; background: #4a4f54; color: #fff; font-size: 16px; cursor: pointer; transition: 300ms; -webkit-transition: 300ms; /*margin-top: 30px;*/margin: 30px auto 0;border: none;}
.stipbox .subBtn:hover { background: #a2192b; }
 .texta textarea.s-input {
    border: 1px solid #ececec;
}  
.wjW50.curL {
    margin-right: 20px;
    width: 150px;
}
  .wjW50 input {
    width: 100% !important;
    box-sizing: border-box;
}
  .wjW50 {
    width: 195px;
    float: left;
}
  .wjW50 .rb {
    margin-top: 25px !important;
}
 .texta textarea.s-input{
    width: 532px;
    height: 140px;
    background: #ececec;
    display: inline-block;
    padding: 0 !important;
    text-indent: 20px;
    padding-top: 40px;
}

 
 @media screen and (max-width: 640px) { 
.banner img{max-height:100px}
.paper  p{font-size:12px;line-height:18px;height:54px}
.paper dd{font-size:14px;padding:2% 0}
.paper dt,.timer{display:none}
.article,.step li span{font-size:14px}
.offer dd,.about p,.need td{font-size:12px}
.ahead dt{font-size:17px;font-weight:bold;}
.about h5{font-size:16px}
.abouts{padding:0}
.about h3,.step li span small{display:none}
.forest{height:150px;}
.say{padding:4% 3%;width:94%;margin-left:0%;clear:both;}
.simg{position:static;padding-bottom:65%;width:100%;}
.swish li span{width:auto}
.swish li p{margin-left:0}
.need td{width:auto}
.sofa{width:25%}
.need tr>td:first-child{width:25%} 
.step li{width:47%;margin-left:1%;margin-right:1%}
.step li img{width:40px}
 .sinfo dd{font-size:12px;line-height:1.5;}
.sinfo dt{font-size:14px;padding-bottom:0;background:none}
.home img{max-height:54px}
.coco li dd{font-size:14px}
.coco li dt{font-size:16px;margin-top:1%}
.leave dd{width:100%;}
.leave dd:nth-child(2n){text-align:left}
.leave  button{margin-left:56px}
.pinfo{font-size:12px;line-height:1.5;display:block;width:94%}
.pinfo dt{margin-bottom:3%}
.doo{width:100%;}
a.toleft,a.toright{top:100%;margin-top:-76px}
.contrls{padding:10px}
.duct a{width:49%}
.duct a:nth-child(3n){margin-right:2%}
.duct a:nth-child(2n){margin-right:0%}
.duct a dd{font-size:14px}

.stipbox { padding: 55px 30px; }
.stipbox .s-input { width: 306px; }
.stipbox .s-select { width: 452px; background-position: 423px center; }
.stipbox .s{ width: 452px; }
.stipbox .s .s-select { width: 218px; background-position: 187px center; }
        .stipbox .s-input { width:80%; box-sizing:border-box; }
.stipbox .s,.stipbox .s-select { width: 100%; background-origin:content-box; background-position:right center; }
.stipbox .s .s-select{ width:49%; background-position:right center; }
        .stipbox li{ width:100%; float:none; }
.stipbox .s-input{ width:100%; }
        .stipbox { padding: 35px 15px; }
.stipbox .ti { font-size: 20px; margin-bottom:25px; }
.stipbox .name,.stipbox .s-input,.stipbox .r .txx,.stipbox .s-select,.stipbox .cb .txx{ font-size:14px; }
.stipbox .s-input { padding: 8px 10px;}
.stipbox .r .txx{ margin-left:6px; }
.stipbox .r { margin-right: 25px; }
.stipbox .s-select { height:43px; padding:0 10px 0 6px; }
.stipbox ul { margin-bottom: 15px; }
.stipbox .cb .sq { transform-origin:left center; -webkit-transform-origin:left center; transform:scale(0.8); -webkit-transform:scale(0.8); margin-left:6px; }
.stipbox .cb { margin-top: 15px; }
.stipbox .subBtn{ height:43px; width:130px; font-size:14px; }
        .stipbox{width: 90%;}
.stipbox { padding: 35px 5%; }
        .texta textarea.s-input{width:100%;}
        .home{padding:40px 0 35px;}
        .shop li{width:100%;}
        .shop li .label img{width:100%;}
        .better li:first-child, .better li:first-child+li,.better li{width:100%;}
        .better .label img{width:100%;}
        .jous li{width:100% !important;display:block;}
        .jous>li:first-child+li{padding:10px 0;}
        .jous li span{font-size:25px;}
        .jous li dd{font-size:20px;}
        .banner.active .cont{width:98%;}

   
 }