.head{background:#222222;position:relative;border-bottom:none}
.banner{padding:15% 0 19%;filter:alpha(opacity=0);opacity:0;-webkit-transition:all 1.5s linear;transition:all 1.5s linear;text-align:center; }
.banner img{max-width:40%;}
.banner.active{filter:alpha(opacity=100);opacity:1;}
.banner.active img{-webkit-animation: fadeInUp 1.2s 0.4s ease-in-out both;animation: fadeInUp  1.2s  0.4s ease-in-out both;}
.ahead{text-align:center;padding:5% 0 2%;position:relative;}
.ahead::after{width:1920px;content:"";height:1px;background:#ccc;display:block;bottom:0;left:-360px;position:absolute;}
.ahead dt{font-size:24px;color:#333333;margin-bottom:1%;font-weight:bold;}
.ahead dd{font-size:12px;color:#666666;}
.fall{font-size:16px;line-height:36px;text-align:justify;margin-top:4%; }
.fall p{text-indent:2em;color:#333}
.fall  img{max-width:100%;display:block;margin:30px auto}
.offer{font-size:14px;color:#333;padding-top:15px;clear:both;position:relative; }
.offer::before{width:1920px;content:"";height:1px;background:#ccc;display:block;top:0;left:-360px;position:absolute;}
.offer a{float:left;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.offer a:first-child+a{float:right;}
.pany td{text-align:center;width:33.3%;font-size:16px;position:relative;}
.pany td:after{height:70%;bottom:5%;left:0;content:"";background:#e5e5e5;width:1px;position:absolute;}
 .pany td:first-child:after{display:none}
 .pany img.sp{display:none}
.pany td:hover{color:#f08300}
.pany td:hover img{display:none}
.pany td:hover img.sp{display:inline}

 .idt{padding:11px 0 20px;font-weight:bold;}
#map{height:465px}
 @font-face {font-family: bolder;
    src: url(../css/bold.ttf)
  }
.list li{width:386px;float:left;margin-right:21px;margin-bottom:31px;box-shadow:2px 4px 4px rgba(0,0,0,.1)}
 .list li:nth-child(3n){margin-right:0}
.list li .label{padding-bottom:258px}
.list p{padding-left:20px;font-size:16px;line-height:44px;color:#fff;background:#fff;padding-right:50px;cursor:pointer;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list p:after{width:24px;height:24px;content:"";display:block;position:absolute;top:50%;right:20px;margin-top:-12px;background:url(../img/big.png) no-repeat center center}
.list li:hover p:after{background:url(../img/big2.png) no-repeat center center}
.list li:hover p{background:#f08300}
.list li:hover{box-shadow:none}
.kind{text-align:center;margin-bottom:5%;clear:both;}
.kind a{font-size:20px;line-height:36px;border:1px solid #434343;display:inline-block;border-radius:18px;padding:0 3.5%;margin:1% 2%}
.kind a.ac,.kind a:hover{color:#fff;border-color:#f08300;background:#f08300}
.type li{width:48.5%;float:left;margin-bottom:5%}
.type li:first-child{margin-right:3%}
.info{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(250,131,0,.6);display:block;filter:alpha(opacity=0);opacity:0;z-index:20}
 .exp{font-size:36px;text-shadow:1px 2px  2px rgba(0,0,0,.2);position:absolute;bottom:50%;left:9%;color:#fff;-webkit-transform:translateY(50%);transform:translateY(50%);}
.exp span{display:block;font-size:20px;text-transform:uppercase;padding-top:2%;margin-bottom:10%}
.exp:after{width:48px;height:3px;background:#fff;display:block;content:"";}
.type li:hover .info{filter:alpha(opacity=100);opacity:1;} 
@font-face {font-family: "iconfont";
    src: url('../css/iconfont.eot?t=1571558585853#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAANoAAsAAAAACAAAAAMbAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDXAqCSIIMATYCJAMgCxIABCAFhG0HYxvpBhEVlPVkf0vuBGV7dZwDQ3QYZArfck8I+ttlr/smTNcfOpCyHhDMdaVi5mBGPiYe/lvjd9/M7Pp3oKlFDskkk6hiiaRSSZ8uVqpXQiSLZhOf79R/mRMsfBQbi5LnAV/g2W2NS1TAFnMU6tAOnHMZ5AOfRVomlo5hA1v/J3njAqBsdpEht/SqCVFCZRXlJbgDsLmRj5qe/WHnvm9rrg7YqAhVkmfh36NfyC43nTRHTnwCWMX//DHTJdBA8tm3uXQF4HhAA826aDqSAjphvmHsJsqDuJ9AbwmK7K0kC1AUYFUgTg15CCgpj6Jo8VaoSw4WcRuqTbfSApjnvx9fEEZLUmVg44FWTIDymOFv/l8diuEFBPF4hYxNoBAXSyOnwQuNxOvfItgP6LWS9P59nIVp///vnzFOFezI0puE/+IRkqyo1BqiBnJHcFwSN+fHxYjg/QuReP9GZN7/EYUPIKLiA4mo+UAd0YAWTKdjW8Ahibh1JKCx62pw0VhfscjUySZNDDvVslxPeAQYU2XEBcxkapMYeWbmPquGEz+jTvQ8NYWp6c3fKY3jtHA/YNr3RNXfnYP9FEW8qv2sDf1KSh8jwzwZmGHksiF0uFwz7QCwIL/hfsgv5Qekx+mDfJYLgPQ9bVuaXpXJuj/1Nx7/f/Tt9KsyFPD6liRrivGirURr7n/hthwqLh9o22J3h2sEWmOvLyT0evwTx6zXmLKFrUOENsXvYWssdiBrrcIW4iaoDDZDrbUDehvV1sHcn64pHTa4iRCm3SGZ9AKyaQ9sIT6hssgJtenI0DtI/AsHa0IXTxdGJWhBvyEaGh3SyynI/0J/L4qTfE7+Q56jH/qmy8Y/cUQeY8v88IOIA8dU4UN4GJZCMDElNNIEkenctq7skxpDdXFalFEJWtBviIZGRyfLKffzX+jvRXFNW4fxD3mOs0PfdC2wn5KxVdu1fGR++EHEgWOq8CHMw1IIpvJ5CY00oUdoOrdwnGsraeaX1Sc9hfQL8EYvg6RohsWcKGZ6cvRBjtFrCzrZaGXyxtJz3Iz4kh1jpQeu7tNiAQA=') format('woff2'),
    url('../css/iconfont.ttf') format('truetype') 
  }
.icon{font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 18px}
.news{margin-top:-1.5%}
.news li{width:30.6%;margin-right:4.1%;}
.shop li{width:47.5%;float:left;margin-right:5%;margin-bottom:4%;box-shadow:2px 2px 6px rgba(0,0,0,.2);cursor:pointer;}
.shop li:nth-child(2n){margin-right:0}
.snam{padding:0 7%;font-size:18px;line-height:50px;background:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .snam img{margin-right:10px}
.snam img.sp{display:none}
.snam:hover{background:#f08300;color:#fff}
.snam:hover img{display:none}
.snam:hover img.sp{display:inline}
.play li{width:23.5%;float:left;margin-left:2%;margin-bottom:2%;box-shadow:2px 2px 6px rgba(0,0,0,.2);cursor:pointer;}
.play li:first-child{margin-left:0}
.origin{padding:0 85px}
.box{overflow:hidden;font-size:0;letter-spacing:-5px}
.water{display:flex;padding:25px 10px;position:relative;margin-left:139px;position:relative;}
.water li{width:257px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);display:inline-block;letter-spacing:normal;font-size:16px;line-height:24px;vertical-align:bottom;flex-shrink:0;padding:20px 24px 28px;box-sizing:border-box;margin-right:24px;position:relative;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.hdt{font-size:22px;color:#f08300;margin-bottom:8px;font-family:bolder}
.water.sp li{vertical-align:top}
.water li:after{width:18px;height:18px;background:#fff;transform:rotate(45deg);position:absolute;left:50%;margin-left:-6px;bottom:-8px;content:"";display:block;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.water.sp li:after{bottom:auto;top:-8px}
.ctrls{padding:0 13px;position:relative;margin:3% 0}
.cl{position:absolute;top:50%;left:-95px;width:20px;height:20px;margin-top:-8px;border-left:2px solid #7b7979;border-bottom:2px solid #7b7979;z-index:2;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.cr{position:absolute;top:50%;right:-95px;width:20px;height:20px;margin-top:-8px;border-top:2px solid #7b7979;border-right:2px solid #7b7979;z-index:2;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.cl:hover,.cr:hover{border-color:#f08300}
.ctrls:after{width:1920px;content:"";display:block;border-bottom:1px solid #ddd;position:absolute;left:-445px;top:19px;}
.water li:hover{background:#f08300;color:#fff}
.water li:hover:after{background:#f08300;}
.water li:hover .hdt{color:#fff}
.water.sp{margin-left:0}
.cop{width:40%}
 .cop img{max-width:100%}
 .man{padding-left:12%;-webkit-box-lines:multiple;flex-wrap:wrap;}
 .man li{font-size:20px;width:126px;height:126px;border-radius:50%;border:1px dashed #c5c5c5;position:relative;margin:3% 0 3% 6%;display:inline-block;}
.rect{position:absolute;bottom:50%;left:0;width:100%;text-align:center;-webkit-transform:translateY(50%);transform:translateY(50%);}
 .man li img.sp{display:none}
 .man li:hover img{display:none}
 .man li:hover img.sp{display:inline}
 .man li:hover {border-color:#f08300}
.rect:after{width:20px;height:2px;content:"";display:block;margin:10px auto 0;background:#cdcdcd}
 .man li:hover .rect:after{background:#f08300}
.rect p{margin-top:10px}
.man li:hover .rect p{color:#f08300}
.bimg{width:376px;position:relative;}
 .bimg:after{border:6px solid #0b5fad;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;content:"";display:block;}
 .bimg .label{padding-bottom:268px;}
 .bimg.sp{width:190px}
 .cl.sp{left:-55px;}
.cr.sp{right:-55px;}
.sbag li{width:32.6%;float:left;margin-bottom:0.9%}
.sbag li:first-child{width:66.6%;margin-right:0.8%}
.base li{width:32%;float:left;margin-right:2%;margin-bottom:2%}
.base li:nth-child(3n){margin-right:0}
.we li{padding:6px;float:left;width:24.25%;margin-right:1%;margin-bottom:1%;box-sizing:border-box;background:#fff;text-align:center;-webkit-transition:background 0.5s ease;transition:background 0.5s ease;} 
.wdt{white-space:nowrap;padding-top:15px;font-size:18px;color:#595757}
.wdd{font-size:12px;color:#c7c6c6;text-transform:uppercase;padding-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wdt:after{width:20px;height:2px;content:"";display:block;background:#f08300;margin:8px auto;}
.we li:nth-child(4n){margin-right:0}
.we li:hover{background:#f08300;}
.we li:hover .wdt,.we li:hover .wdd{color:#fff}
.we li:hover .wdt:after{background:#fff}
.bea{-webkit-box-lines:multiple;flex-wrap:wrap;}
.bea li{width:23.3%;float:left;margin-bottom:4%;text-align:center;background:#fff}
.addn{font-size:18px;line-height:1.5;padding:7px 2px;background:#fff;}
.addn em{color:#f08300} 
.bea li:hover .addn{background:#f08300;color:#fff} 
.bea li:hover .addn em{color:#fff}
 .step{font-size:0;letter-spacing:-5px;text-align:center}
 .step li{display:inline-block;vertical-align:top;font-size:16px;text-align:center;letter-spacing:normal;position:relative;margin-right:-22px;line-height:18px;font-weight:bold;}
.thin{position:absolute;bottom:50%;left:20%;width:60%;text-align:center;-webkit-transform:translateY(50%);transform:translateY(50%);}
.thin em{font-size:22px;margin-bottom:8px;display:block;}
.modal{position:fixed;top:0;left:0;height:100%;width:100%;background:#000;background:rgba(0,0,0,.8);z-index:4200;align-items:center;display:none;}
.modal>iframe{width:50%;position:fixed;height:60%;top:0%;left:0%;box-shadow:10px 10px 20px rgba(0,0,0,.5);filter:alpha(opacity=0);opacity:0; -webkit-transform: translateY(-80px);-webkit-transition:all 0.5s ease-out 0.2s;transform: translateY(-80px);transition:all 0.5s ease-out 0.2s;transition:all 0.5s ease-out 0.2s;}
.modal.active>iframe{ -webkit-transform: translateY(0);transform: translateY(0);filter:alpha(opacity=100);opacity:1;}
a.close{width:50px;height:50px;background:url(../img/close.png) no-repeat center center;position:absolute;right:0px;top:0px;margin-top:-50px;margin-left:-50px}
 
 @media screen and (max-width: 1400px) {
 
 }
 @media screen and (max-width: 1200px) {
 .list li{width:32%;margin-right:2%;margin-bottom:3%}
 .list li .label{padding-bottom:66.8%}
 .origin{padding:0}
 .cl{left:2%!important}
.cr{right:2%!important}
 }
 @media screen and (max-width: 1000px) {
 
 }
 
 
 @media screen and (max-width: 800px) {
 .cops td{display:block;width:100%;text-align:center}
 .man{padding-left:0; }
 .man li{margin:3% 2%}
 #map{height:300px}
 
 } 
 
 
 
 @media screen and (max-width: 640px) {
 .fall img{margin:15px auto}
.offer a{max-width:100%; }
.offer a:first-child+a{float:left;margin-top:2%}
.exp{font-size:20px}
.exp span{font-size:14px}
.info{filter:alpha(opacity=100);opacity:1;}
.kind a{font-size:15px;line-height:30px}
.list li{width:49%}
.list li:nth-child(3n){margin-right:2%}
.list li:nth-child(2n){margin-right:0%}
.list p{color:#333}
.div img{width:600px}
.water{padding:10px 0;margin-left:77px}
.water li{width:150px;padding:10px;margin-right:10px;font-size:13px;line-height:18px}
.hdt{font-size:18px}
.man li{width:90px;height:90px;font-size:14px}
.man li img{height:15px}
.bimg{width:150px}
.bimg.sp{width:76px}
.bimg .label{padding-bottom:108px}
.bimg::after{border-width:2px}
.cl.sp{position:static;display:inline-block;margin-top:3%}
.cr.sp{position:static;display:inline-block;margin-top:3%}
.snam{font-size:16px;line-height:40px}
.play li{width:49%}
.play li:nth-child(2n+1){margin-left:0%}
 #map{height:250px}
.pany td{display:block;width:90%;padding:20px 5%}
.pany td::after{bottom:100%;height:0;width:100%;height:1px}
.idt{padding:6px 0 7px}
.we li{width:32%;margin-right:2%;margin-bottom:2%}
.we li:nth-child(4n){margin-right:2%}
.we li:nth-child(3n){margin-right:0%}
.wdt{font-size:15px;padding-top:10px}
.wdd{display:none}
.step{position:relative;left:-8px}
.step li{margin-right:-16px}
.step li>img{width:120px;}
.bea li{width:32%}
.addn{font-size:12px}



 }