html,body{ width:100%; height:100%; overflow:hidden; }
.guide{width:180px;background:#333;background:rgba(0,0,0,.2);position:fixed;top:0;padding-top:4%;bottom:0;right:-180px;z-index:3000;-webkit-transition:all 1.5s ease;transition:all 1.5s ease;overflow-y:auto;}
.guide.active{right:0;}
a.logo{position:fixed;top:0;margin-top:2.5%;left:3%;z-index:4000}
.lead li{display:block;text-align:center;margin-top:25px; }
.lead li a{display:block;color:#fff;font-size:18px}
.lead li:hover a,.lead li.active a{color:#f9b52c;}
.lead li span{font-size:10px;display:block;line-height:1.5; }
.lead li::after{width:20px;height:2px;background:#fff;display:block;margin:5px auto 0;content:"";-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.lead li:hover::after,.lead li.active::after{background:#f9b52c}
a.menu{position:fixed;z-index:4000;display:block;width:40px;height:40px;top:25px;right:30px;}
a.menu b{height:4px;display:block;background:#f9b52c;-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);box-shadow:none}
a.menu.active b.sp{margin-top:-4px; }
a.menu.active b.mi{margin-top:-4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.section-wrap{ width:100%;height:100%;overflow:visible;position:relative;top:0; }
.section{ position:relative; width:100%; height:100%;background-attachment:fixed;background-position:center center;background-repeat:no-repeat;background-size:cover}
.section-btn{ width:18px;position:fixed;left:3%;bottom:50%;z-index:300;-webkit-transform:translateY(50%);transform:translateY(50%);}
.section-btn li{width:10px;height:10px;cursor:pointer;border-radius:50%;-webkit-border-radius:50%;margin-top:14px;margin-right:9px;display:block;background:#c4c4c4;position:relative; }
.section-btn li span{position:absolute;font-size:12px;line-height:19px;padding:0 12px;left:18px;z-index:100;white-space:nowrap;display:inline-block;vertical-align:top;border-radius:2px;filter:alpha(opacity=0);opacity:0;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;top:-8px;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:0% 50%;transform-origin:0% 50%;background:rgba(255,255,255,.3);color:#fff}
.section-btn li.on{background:#f9b52c}
.section-btn li.on span{filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);transform:scale(1); }
.section-btn>li:last-child{display:none;}
.table{display:table-cell;width:100%;height:100%;vertical-align:middle}
.table .cont{padding-bottom:2.5%}
#obj4 .table .cont,#obj10 .table .cont{padding-bottom:0}
.arrow{width:25px;height:25px;background:url(../img/down.png) no-repeat center center;position:fixed;bottom:2%;left:50%;margin-left:-12px;z-index:2000;display:block;}
.arrow.one{background:url(../img/arr2.png) no-repeat center center;}
.jssorb01 {position: absolute;right:0%!important;left:0!important;bottom:4%!important;width:100%!important;z-index:3000;text-align:center;height:5px!Important;}
.jssorb01 div{width: 9px;height:4px;overflow: hidden; cursor: pointer; display:inline-block; margin:0 4px;background:#fff;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;vertical-align:top;position:static!important;border-radius:4px }
.jssorb01 .av {width:42px;background:#f5c375 }
.jssorb01 .dn, .jssorb01 .dn:hover {background-color: #075d4f; }
.jssora05l, .jssora05r {display: block;position: absolute;width:30px;height:60px;cursor: pointer;top:50%!important;margin-top:-30px!important;overflow: hidden;opacity:0.5;}
.jssora05l {background: url(../img/left.png) no-repeat center center;left:10% }
.jssora05r { background: url(../img/right.png) no-repeat center center;right:10% }
.jssora05l:hover, .jssora05r:hover{opacity:1}
.caption{width:100%;top:0%;left:0;margin-top:6%;text-align:center;position:absolute;} .caption img{max-width:38%;}
.chead{font-size:60px;color:#fff;text-align:center;line-height:1;padding-bottom:6%}
.chead p{font-size:16px;color:#999;padding-top:1%;text-transform:uppercase }
.logos td{border:1px solid #fff;text-align:center;padding:5% 0;width:20%}
.logos td img{max-width:90%;}
.logos td img.sp{display:none}
.logos td:hover{background:#f9b52c;border-color:#f9b52c}
.logos td:hover img{display:none}
.logos td:hover img.sp{display:inline}
.farm td{width:33.3%;padding-bottom:2%}
.li{padding-left:5%;}
.pp{padding:2.5% 0;text-align:center;font-size:18px;color:#222;background:#fff;line-height:1.5;}
.pp:before{width:2px;height:18px;margin-right:8px;background:#c9a062;display:inline-block;content:"";vertical-align:middle}
.li:hover .pp:before{background:#000}
.li:hover .pp{background:#f9b52c;color:#000}
.min{width:42.5%;float:right;text-align:center;}
.stars li{width:48%;float:left;padding-bottom:42%;margin-top:9%;background-image:url(../img/sec.png);background-position:center center;background-repeat:no-repeat;background-size:100%;position:relative;}
.stars li:nth-child(2n){margin-left:4%}
.star{position:absolute;left:15%;width:70%;text-align:center;bottom:50%;-webkit-transform:translateY(50%);transform:translateY(50%);}
.cele img.sp{display:none}
.star h3{font-size:18px;color:#fff;line-height:1;padding-top:5%}
.star p{font-size:14px;line-height:18px;color:#999999;padding:0 10%}
.star p:before{width:30px;height:2px;background:#c9a062;display:block;margin:11% auto;content:""}
.stars li:hover{background-image:url(../img/sec2.png);}
.stars li:hover .star h3,.stars li:hover .star p{color:#222}
.stars li:hover .star p:before{background:#222}
.stars li:hover .cele img{display:none}
.stars li:hover .cele img.sp{display:inline}
.series li{width:33.3%;float:left;position:relative;overflow:hidden;}
.series li:first-child{width:33.4%}
.series li:after{width:100%;height:100%;content:"";display:block;top:0;left:0;z-index:300;background:rgba(12,113,161,.8);position:absolute;-webkit-transition:all 1s ease;transition:all 1s ease;filter:alpha(opacity=100);opacity:1;}
.series li a{position:absolute;width:328px;border:1px solid #fff;left:50%;bottom:50%;padding:10px 25px;box-sizing:border-box;border:1px solid #fff;font-size:24px;color:#fff;line-height:1.3;margin-left:-164px;z-index:400;background:url(../img/kb.png) no-repeat 92% center}
.series li a span{font-size:12px;color:#999999;display:block; }
.series li:hover:after{filter:alpha(opacity=0);opacity:0;}
.series li:hover a{border-color:#0c71a1;background:url(../img/kb2.png) no-repeat 92% center #0c71a1}
.team li{box-sizing:border-box;width:24%;padding:7px;background:#fff;margin-left:1.33%;float:left;color:#222;text-align:center;}
.team li:first-child{margin-left:0}
.cover{padding-bottom:91%;position:relative;overflow:hidden;margin-bottom:6%}
.team li h3{font-size:18px;margin-bottom:10px;line-height:1.2}
.team li h3:after{width:25px;height:2px;background:#c9a062;content:"";display:block;margin:10px auto 0}
.team li p{font-size:14px;color:#999999;line-height:18px; padding-bottom:6%}
.team li:hover{background:#f9b52c}
.team li:hover p{color:#222}
.team li:hover h3:after{background:#222}
.awards{width:72%}
.award li{width:23.5%;float:left;margin-right:2%;margin-bottom:2%;}
.award li:nth-child(4n){margin-right:0}
.award li .label{padding-bottom:142%}
.award li.sp .label{padding-bottom:70.6%}
.award li a:after{width:100%;height:100%;position:absolute;top:0;left:0;background:url(../img/kk.png) no-repeat center center;background-size:cover;content:""}
.award li.sp a:after{background:url(../img/kk2.png) no-repeat center center;background-size:cover; }
.mm{clear:both;padding-top:3%;text-align:center;}
.mm a{width:158px;line-height:31px;color:#fff;border-radius:16px;display:inline-block;border:1px solid #fff}
.mm a:hover{background:#fff;color:#f9b52c}
.quote{float:right;text-align:center;margin-top:15%}
.quote a{font-size:16px;line-height:34px;color:#222;padding:0 28px;background:#f9b52c;border-radius:17px;display:inline-block;margin-top:30px}
.til{padding-bottom:2%;text-align:center;}
.coco{width:60%;margin:0 auto;text-align:center;letter-spacing:-5px;font-size:0}
.coco li{display:inline-block;width:17%;letter-spacing:normal;padding-bottom:17%;box-sizing:content-box;border:1px solid #fff;border-radius:50%;position:relative;margin:5% 4% 0;box-sizing:border-box;}
.supp{position:absolute;bottom:50%;left:10%;width:80%;text-align:center;transform:translateY(50%);color:#fff;line-height:1.3}
.spp img.sp{display:none}
.supp h4{font-size:20px;padding-top:10px}
.supp p{font-size:12px;}
.coco li:hover{background:#f9b52c;border-color:#f9b52c}
.coco li:hover .supp{color:#222}
.coco li:hover .spp img{display:none}
.coco li:hover .spp img.sp{display:inline}
.nbg{width:48%;float:left;background:#fff}
.nbg.sp{margin-right:4%}
.dt{padding:0 4% 0 5%;font-size:20px;background:#f9b52c;color:#222222;line-height:68px}
.dt a{float:right;font-size:14px}
.news{padding:0 5% 5%}
.news li{position:relative;margin-top:5%;padding-left:48%}
.ming{position:absolute;width:44%;top:0;left:0;height:100%;overflow:hidden;}
.info h3{font-size:18px;line-height:25px;height:50px;overflow:hidden;}
.info p{font-size:14px;line-height:22px;color:#999999;height:66px;overflow:hidden;margin:14px 0}
.time{color:#999999;text-align:right;}
.news li:hover h3 a{color:#0f6fa1}
.news li:hover .info p,.news li:hover .info .time{color:#0f6fa1}
@media screen and (max-width: 1700px) {
}
@media screen and (max-width: 1400px) {
.cont{width:80%;}
.lead li span{display:none}
.lead li{margin-top:15px}
.chead{font-size:40px}
}
@media screen and (max-width: 1200px) {
.cele{display:none}
.coco{width:100%}
}
@media screen and (max-width: 1000px) {
.chead{font-size:30px}
.series li a{width:90%;margin-left:0;left:5%}
}
@media screen and (max-width:800px) {
}
@media screen and (max-width:640px) {
.section-btn{left:1%;-webkit-transform:none;transform:none;bottom:10%}
.section-btn li span{display:none;}
.cont{width:96%;}
.table .cont{padding-bottom:0%}
.jssora05l{background-size:10px}
.jssora05r{background-size:10px}
.caption{margin-top:50%}
.guide a{font-size:16px; }
a.logo img{height:26px}
a.menu{-webkit-transform:scale(0.8);transform:scale(0.8);top:5px;right:3%}
.lead li::after{display:none}
.tel{position:absolute;bottom:20px;left:0;width:100%;}
.caption img{max-width:90%;}
.chead{font-size:20px}
.farm{text-align:center;margin-bottom:10%}
.farm td{width:40%;display:inline-block;vertical-align:top;text-align:center;}
.farm td:first-child{width:80%}
.min{width:100%; }
.stars li{margin-top:5%}
.star h3,.series li a{font-size:16px}
.chead p{font-size:12px}
.team li{width:100%;padding:2% 0 2% 40%;position:relative;margin-top:2%}
.cover{position:absolute;top:0;left:0;padding-bottom:0;margin-bottom:0;height:100%;width:38%}
.team li h3{font-size:15px;margin-bottom:2px}
.team li p{padding-bottom:0}
.awards{width:100%}
.quote{margin-top:20%}
.coco li{width:28%;padding-bottom:28%;margin:2% 2.5%}
.supp h4{font-size:15px;padding-top:5px}
.nbg.sp, .nbg{width:100%}
.dt{font-size:16px;line-height:30px}
.info h3{height:25px}
.info p{height:22px;margin:2px 0}
.table .cont{padding-bottom:0%;padding-top:2%}
}