.tv li{width:580px;float:left;position:relative;overflow:hidden;}
 .tv>li:first-child{margin-right:40px;}
 .tv li .label{padding-bottom:384px;}
 .mask{width:93%;position:absolute;top:0%;margin-top:3.5%;margin-bottom:3.5%;left:3.5%;bottom:0%; background:rgba(202,202,202,.7);filter:alpha(opacity=0);opacity:0;-webkit-transition:all 0.4s ease;;transition:all 0.4s ease;}
  .tv li:hover .mask{filter:alpha(opacity=100);opacity:1; }
 .mask dt{font-size:16px;color:#fff;padding:16px 20px 0;margin-bottom:2px} 
 .mask dd{font-size:18px;color:#333333;padding:0px 20px 0;} 
 .play{top:50%;left:50%;margin-top:-51px;margin-left:-51px;position:absolute;cursor:pointer;}
 .profile{width:100%;}
 .profile td:first-child{width:57%}
 .plam{padding-right:3%;position:relative;}
  .plam::after{content:'';clear:both;display:block;}
 .ller{right:5%;bottom:4%;white-space:nowrap;position:absolute;z-index:400;font-size:0}
 .ller a{box-shadow:0 0 4px rgba(0,0,0,.2);width:6px;height:6px;border-radius:4px;border:1px solid #fff;display:inline-block;vertical-align:top;margin:0 5px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
 .ller a.active{width:30px;background:#fff}
 .plam img{min-width:100%;height:100%;position:absolute;filter:alpha(opacity=0);opacity:0;-webkit-transition:all 0.8s linear;transition:all 0.8s linear;z-index:100;}
 .plam img.active{filter:alpha(opacity=100);opacity:1; }
 .infos{background:#fff;box-shadow:0 0 10px rgba(0,0,0,.2)}
 .info{padding:0 5%}
 .info h3{font-size:34px;color:#222;font-weight:bold;padding-bottom:4%;border-bottom:1px solid #e4e4e4;margin-bottom:7% }
 .info p{font-size:16px;color:#444;line-height:1.5;margin-bottom:12.5%}
.hot{width:59%;position:relative;padding-right:2.5%}
.hot .label{box-shadow:0 0  10px rgba(0,0,0,.2)}
.hot  dd{position:absolute;bottom:-70px;left:0;padding:0 5%;line-height:70px;background:#fff;width:90%;font-size:20px;color:#222;filter:alpha(opacity=100);opacity:0;-webkit-transition:all 034s ease;transition:all 0.3s ease;}
.hot dd a.btn2{position:absolute;right:0;bottom:17px;padding:0 4%;border-left:1px solid #e8e8e8;line-height:36px;border-radius:0;}
.hot dd a.btn img{margin-top:-2px}
.hot:hover dd{bottom:0;filter:alpha(opacity=100);opacity:1;}
.so  dd{position:absolute;bottom:-54px;left:0;padding:0 5%;line-height:54px;background:#fff;width:90%;font-size:16px;color:#222;filter:alpha(opacity=100);opacity:0;-webkit-transition:all 034s ease;transition:all 0.3s ease;}
.so dd a.btn2{position:absolute;right:0;bottom:12px;padding:0 4%;border-left:1px solid #e8e8e8;line-height:30px;border-radius:0;}
.so dd a.btn img{margin-top:-2px}
.so:hover dd{bottom:0;filter:alpha(opacity=100);opacity:1;}
.sings{height:6px;background:#d5d7d4;margin-top:1.6%;border-radius:3px;overflow:hidden;                                                                                                          }
#ok{height:6px;background:#4c4c4c;border-radius:3px;float:left;transition:width 0.6s ease;width:20%}
.come{padding:2% 14%}
.come h3{font-size:26px;line-height:36px;margin-bottom:7%}
.come dd{font-size:14px;line-height:22px;margin-bottom:23%}
.come p{font-size:14px ;}
.come dt{margin-bottom:23%}
.quite{margin-bottom:30px}
 .skill{position:relative;float:left;width:100%;}
 .skill li{float:left;width:380px;margin-left:20px;padding-bottom:514px;position:relative;overflow:hidden;}
 .skill li:first-child{margin-left:0}
 .skill li:nth-child(2n){padding-bottom:243px;}
 .skill li:last-child{position:absolute;left:380px;bottom:0}
 .skill li dd{position:absolute;bottom:-52px;left:0;padding:0 5%;line-height:52px;background:rgba(0,0,0,.8);width:90%;font-size:20px;color:#fff;filter:alpha(opacity=100);opacity:0;-webkit-transition:all 034s ease;transition:all 0.3s ease;}
 .skill li dd a.btn{position:absolute;right:0;bottom:0;width:52px;line-height:52px;border-radius:0}
 .skill li dd a.btn img{margin-top:-2px}
 .skill li:hover dd{bottom:0;filter:alpha(opacity=100);opacity:1;}
.see{position:absolute;top:6%;left:6%;width:88%;box-sizing:border-box;-webkit-box-sizing:border-box;height:88%;-webkit-transform:scale(0); -webkit-transition:all 0.3s ease;-webkit-transform:scale(0); transition:all 0.3s ease;filter:alpha(opacity=0);opacity:0;cursor:pointer;}
.see .bea{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #fff;filter:alpha(opacity=80);opacity:.8;background:rgba(125,125,125,.8)}
.item:hover .see{filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.word{position:absolute;bottom:50%;left:0;width:100%;text-align:center;-webkit-transform:translateY(50%);transform:translateY(50%);z-index:200}
.word  dt{font-size:20px;color:#fff;margin-bottom:15px}
#team  .owl-dots{position:relative;margin-bottom:0;margin-top:37px}
 .add{text-align:center;font-size:0;height:610px;display:flex;align-items:center;justify-content:center;flex-wrap;letter-spacing:-4px;flex-wrap:wrap}
 .add li{width:282px;display:inline-block;vertical-align:middle;font-size:14px;position:relative;overflow:hidden;padding-bottom:0%;-webkit-transition:all 0.5s linear;transition:all 0.5s linear;letter-spacing:normal;}
.aimg{width:100%;}
.some{font-size:16px;line-height:2;color:#444444;background:#fff;position:absolute;bottom:-100%;left:0;width:100%;display:flex;align-items:center;justify-content:center;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;height:67%}
.intos{height:33%;display:flex;justify-content:center;align-items:center;position:absolute;top:61%;left:0;width:100%;color:#333;-webkit-transition:all 0.4s ease 0.1s;transition:all 0.4s ease 0.1s;}
.into{position:relative;z-index:200;width:100%;}
.into  dd{font-size:22px;line-height:1.5;font-weight:bold;}
.into dd span,.into dd br{display:none;}
.into  p{font-size:16px;color:#f3a474;margin-top:10%}
.bea2{background:#fff;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all 0.5s ease;transition:all 0.5s ease; z-index:20}
.into  dt{font-size:14px;color:#fff;margin-bottom:5%;display:none;} 
.add li:hover .intos{height:37%;top:0%;color:#fff}
 .add li:hover .bea2{background:rgba(202,202,202,.9)} 
.add li:hover  dt{display:block;}
.add li:hover  p{display:none;}
.add li:hover .into dd span, .add li:hover .into dd br{display:unset;}
.add li:hover{padding-bottom:64px;}
.add li:hover .some{bottom:0;}
.cocos{text-align:center;}
.cocos li{width:29%;margin:0 1%;display:inline-block;}
.cocos li .label{padding-bottom:61.5%}
.coco{padding:7% 0;background:#fff;font-size:16px;color:#333;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.coco dt{font-size:20px;margin-bottom:5px;font-weight:bold;}
.cocos li:hover .coco{}
.quote{text-align:center;color:#fff;margin-bottom:6%}
.quote dt{font-size:16px;font-weight:bold;margin-bottom:8px}
.quote dd{font-size:14px;line-height:1.5;padding:3.5% 0}
.quote p{font-size:16px;color:#f3a474}
.area{padding:0 90px}
.city{background:rgba(255,255,255,.2);padding:25px 0;text-align:center;}
.con{height:50px;line-height:50px;margin-bottom:5px}
.con img.sp{display:none}
.oh{width:2px;height:100%;background:url(../img/oh.png) no-repeat center center;position:absolute;top:0;left:-1px;}
.city dt{font-size:18px;color:#FFFF}
.city:hover dt{color:#f3a474}
.city:hover .con img{display:none;}
.city:hover .con img.sp{display:inline;}
.city dd{font-size:12px;color:#f3a474}
#city .owl-prev{width:30px;height:30px;line-height:30px;margin-top:-15px;background:#fff;left:-15px;font-size:16px;color:#333}
#city .owl-next{width:30px;height:30px;line-height:30px;margin-top:-15px;background:#fff;right:-15px;font-size:16px;color:#333}
#city  .owl-stage-outer{overflow:hidden;}
#city {overflow:visible;margin-bottom:4%}
#city .owl-prev:hover,#city .owl-next:hover{background:#f3a474}
.team{width:50%;position:absolute;top:0;left:0;height:100%;}
.supp{border-top:1px solid #5e5e5e;margin-top:10%}
.supp li{font-size:14px;line-height:3.7;color:#fff;border-bottom:1px solid #5e5e5e;position:relative;background:none}
.supp li label{font-size:22px;color:#f3a474;position:absolute;right:0px;top:50%;margin-top:-11px;line-height:1;font-family:app;font-weight:bold;}
.supp li:hover{padding:0 7px;width:100%;margin-left:-7px;}
.bac{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/bac.jpg) repeat-y;background-size:100%;filter:alpha(opacity=0);opacity:0;}
.supp li:hover .bac{filter:alpha(opacity=100);opacity:1;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.supp li:hover label {right:0px;color:#fff}
.news li{width:49%;background:#fff;float:left;margin-bottom:2%;position:relative;-webkit-transition:all 0.8s ease-out;transition:all 0.8s ease-out;top:0;box-shadow:none}
.news li:hover{top:-10px;box-shadow:0 0 8px rgba(0,0,0,.4)}
.news li:nth-child(2n){margin-left:2%}
.nbag{padding:7% 55% 7% 6%}
.news li a.fi{position:absolute;top:0;right:0;width:48%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.news li a.fi img{height:100%;min-width:100%}
.news li:nth-child(2n) .nbag{padding:7% 6% 7% 55%}
.news li:nth-child(2n) a.fi{right:auto;left:0}
.nbag dd{font-size:14px;line-height:22px;color:#333333;height:66px;overflow:hidden;margin:15% 0}
.nbag dt{font-size:18px;line-height:26px;color:#333333;height:52px;overflow:hidden;font-weight:bold;}
.nbag p{font-size:14px;color:#333}
.news li a.fi .snow{top:0;left:0;width:100%;height:100%;box-sizing:border-box;border:2px solid #cacaca;background-image:url(../img/snow.png);background-repeat:no-repeat;background-position:right bottom;background-size:64px;position:absolute;-webkit-transition:all 0.8s ease-out;transition:all 0.8s ease-out;opacity:0}
.news li a.fi:hover  .snow{border-color:#cacaca;opacity:1;}
#teams{position:relative;} 
#play{margin-bottom:2%}
#teams::after{content:'';clear:both;display:block;}
.mleft{width:40px;height:40px;line-height:40px;position:absolute;top:50%;left:-20px;margin-top:-20px;background:rgba(0,0,0,.4);z-index:200; text-align:center;border-radius:50%}
.mright{width:40px;height:40px;line-height:40px;position:absolute;top:50%;right:-20px;margin-top:-20px;background:rgba(0,0,0,.4);z-index:200; text-align:center;border-radius:50%}
.life{position:relative;padding-bottom:40%;overflow:hidden;}
.life>img{position:absolute;min-width:100%;min-height:100%;top:0;left:0;}
.life dd{font-size:16px;line-height:16px;padding:1.2% 0;background:rgba(0,0,0,.8);color:#fff;text-align:center;position:absolute;bottom:0;left:0;width:100%;-webkit-transform:translateY(100%);-webkit-transition:all 0.5s ease 0.2s;transform:translateY(100%);transition:all 0.5s ease 0.2s;}
#play .owl-item.active .life dd{-webkit-transform:translateY(0%);transform:translateY(0%);}
#play .owl-dots{bottom:13%;margin-bottom:16px;text-align:right;padding-right:2%;right:0;left:auto} 
#play .owl-dots .owl-dot span {border:1px solid #fff }
#play  .owl-dots .owl-dot.active span{background:#fff}
.dw{font-size:20px;color:#fff;position:absolute;top:0;left:0}
.ups{width:840px;margin:0 auto;position:relative;padding-top:60px}
.up{font-size:0;letter-spacing:-5px;text-align:center;}
.up li{width:15%;margin-left:2%;text-align:center;letter-spacing:normal;font-size:24px;color:#ffffff;line-height:24px;display:inline-block;vertical-align:bottom;}
.up li:first-child{margin-left:0}
.up li dd{margin-top:20px;padding-top:40px;position:relative;z-index:2}
.up li dd::after{width:12px;height:12px;display:block;border-radius:50%;content:'';background:#b0b0b0;position:absolute;top:0;left:50%;margin-left:-6px}
.mean{width:52px;background:#b0b0b0;margin:0 auto;height:20px;border-radius:26px 26px 0 0; }
.up li:hover .mean{background:#fff;transition:all 0.5s ease!important;transition:all 0.5s ease!important;}
.up li dt{margin-bottom:8px;}
.dian{height:2px;position:absolute;left:0;width:100%;background:url(../img/bot.png) repeat-x;bottom:24px;margin-bottom:34px}
.blo{position:absolute;top:0;left:0;width:100%;z-index:-1}
.blo img{width:100%}
.blist{width: 51.5%;padding-left:1.5%}
.blist li{width:50%;float:left;padding-bottom:50%;position:relative;}
.jer{position:absolute;left:0;bottom:0;color:#fff;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;padding-bottom:0%;width:100%;}
.jer dt{font-size:18px;color:#fff;padding:7% 6.6%}
.jer dt small{display:block;font-size:12px} 
 .blist li:first-child, .blist li:first-child+li{margin-bottom:0.5%}
.blist li:hover .jer{background:rgba(202,202,202,.8);padding-bottom:15%}
 .why li{width:25%;float:left;text-align:center;position:relative;z-index:200}
.gpp{width:64px;height:87px;background-image:url(../img/n1.png);background-repeat:no-repeat;background-position:bottom center;background-size:100%;margin:0 auto;font-size:18px;color:#333;font-weight:bold;line-height:64px;overflow:hidden;-webkit-transition:background-image 0.5s ease;transition:background-image 0.5s ease;}
.why li:hover .gpp{background-image:url(../img/n2.png)}
.are{padding-top:72px;margin-top:20px;position:relative;z-index:200;display:inline-block;min-width:60%; }
.here{background:#747474;color:#fff;padding:22% 1%;border-radius:20px;position:relative;white-space:nowrap;font-size:28px;font-weight:bold;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.are::before{width:28px;height:28px;border-radius:50%;background:#323434;content:'';position:absolute;top:0;left:50%;margin-left:-14px;}
.here::before{width:35px;height:25px;background:url(../img/tt2.png) no-repeat bottom center;content:'';position:absolute;top:-25px;left:50%;margin-left:-17px;background-size:100%;}
 .why li:hover .here{background:#cacaca;}
 .go2{height:10px;background:#747474;position:absolute;top:116px;left:0;width:100%;}
 .why li:hover .here::before{background:url(../img/tt3.png) no-repeat bottom center;background-size:100%;}
.baby{position:relative;}
.baby>img{width:100%;}
.progress{overflow:hidden;}
.way{position:absolute;bottom:0;left:0;}
.loco{position:absolute;width:29px;height:44px;margin-left:-14px;margin-top:-22px;top:10%;left:10%}
.loco>label{position:absolute;bottom:0;left:120%;font-size:21px;line-height:1.5;color:#444444;white-space:nowrap}
.loco> dd{display:none;padding:0 15px;background:#fff;border:2px solid #525252;border-radius:3px;white-space:nowrap;position:absolute;bottom:100%;left:-20px;margin-bottom:20px;z-index:200}
.way dd{padding-left:54px;position:relative;font-size:18px;color:#444444;margin-top:30px;}
.way dd>img{position:absolute;top:50%;left:0;margin-top:-18px}
.way dd>b{font-family:arial,simhei;font-size:24px;line-height:1}
.loco> dd b{font-size:24px;color:#333333;display:block;line-height:44px}
.loco> dd span{line-height:59px;display:block;border-bottom:1px solid #eee;font-size:18px;color:#333333; }
.loco>dd img.sp{width:40px;margin-right:8px;margin-top:-2px}
.loco> dd::after{width:16px;height:19px;content:'';background:url(../img/so1.png) no-repeat center center;position:absolute;bottom:-18px;left:23px;}
.loco:hover> dd{display:block}
.loco:hover{z-index:200}
 .gave{width:38%;padding-left:2%}
 .give{display:none;}
.give li{width:48%;padding:10% 0;float:left;color:#333;margin-left:2%;margin-bottom:2%;border-radius:10px;background:#fff;text-align:center;box-shadow:0 0 0px rgba(0,0,0,.2);-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.give li dt{height:40px;line-height:40px;padding-top:16px;padding-bottom:15px}
.give li dd{font-size:18px;font-weight:bold;line-height:1.5} 
.give li p{font-size:12px;color:#444444;line-height:16px;height:32px;} 
.give::after{clear:both;content:'';display:block;}
.happ{text-align:center;}
.happ a{width:32px;background:#cacaca;height:4px;display:inline-block;margin:0 5px;border-radius:3px}
.happ a.active{background:#464646;}
.give li:hover{box-shadow:0 0 8px rgba(0,0,0,.2);}


 @media screen and (max-width: 1200px) {
.tv li{width:49%;}
.tv > li:first-child{margin-right:2%}	 
.tv li .label{padding-bottom:75%}
.skill li{width:32.66%;margin-left:1%;padding-bottom:44%}
.skill li:nth-child(2n){padding-bottom:21.5%} 
.skill li:last-child{left:32.66%}
.add{height:auto}
.add li:hover{padding-bottom:0;}
.add li{width:25%}
.mleft{left:0}
.mright{right:0}
 }
 
 
  @media screen and (max-width: 1000px) {
.item{width:100%!important}  
.into dd{font-size:18px}
.some{font-size:14px;line-height:inherit}
.area{padding:0 20px}
.supp li{line-height:3}
.ups{width:100%}
  } 


  @media screen and (max-width: 800px) {
.info h3{font-size:24px} 
.skill li dd{padding:0 2%;width:96%;font-size:14px;line-height:30px}	  
.skill li dd a.btn{width:30px;height:30px;line-height:30px} 
.cocos{display:flex;justify-content:space-between}
.cocos li{width:32.5%;margin:0;}
.nbag{padding:3% 50% 3% 2%}
.news li:nth-child(2n) .nbag{padding:3% 2% 3% 50%}
.nbag dt{font-size:15px;line-height:20px;height:40px}
.nbag dd{font-size:12px;line-height:18px;height:54px;margin:10% 0}
.nbag p{font-size:12px; }
.info h3{font-size:20px}
.come{padding:2% 4%}
.come dt{display:none}
.come h3{font-size:20px;line-height:28px;margin-bottom:5%}
.hot dd,.so dd{height:40px;line-height:40px;font-size:14px}
.hot dd a.btn2,.so dd a.btn2{height:30px;line-height:30px;top:5px}
.hot dd a.btn2 img,.so dd a.btn2 img{height:30px; }
.quite{margin-bottom:2%}
.see{top:0;left:0;width:100%;height:100%}
 .here{font-size:20px}
 .loco{margin-left:-7px;margin-top:-10px;height:20px;width:14px}
 .loco>img{width:14px; }
 .loco > label{font-size:12px}
 .loco > dd{padding:0 10px;border:1px solid #525252;left:-24px}
 .loco > dd span{font-size:14px;line-height:30px;background-size:22px; }
 .loco>dd img.sp{width:24px;}
 .loco > dd b{font-size:14px;line-height:30px}
 .way dd{font-size:12px;line-height:1.2;padding-left:26px;margin-top:10px}
 .way dd > img{width:22px;margin-top:-11px}
 .way dd > b{font-size:16px}
 .give li dd{font-size:14px;}
 }
  
  
  
  @media screen and (max-width: 640px) {
.skill li dd{font-size:12px}
.mask dt{font-size:12px;padding:2%  3% 0}	  
.mask dd{font-size:12px;padding:0 3% 0}	   
.info p{font-size:12px;margin-bottom:4%;margin-top:2%;line-height:1.4}
.info a.btn{font-size:12px;line-height:24px;width:80px;}
.info h3{font-size:14px;border-bottom:none;padding-bottom:0;margin-bottom:1%}
.word dt{font-size:12px;margin-bottom:5px}
.word dd img{width:20px}
.dream dd{font-size:12px;}
.plam{padding-right:0}
.info{padding:4%}
.profile td{display:block;width:100%!important;}
.into dd{font-size:16px;}
 .add li{width:48%;margin:1%}
 .add li .intos{height:37%;top:0%;color:#fff}
 .add li .bea2, .add li:hover .bea2{background:rgba(0,0,0,.8) } 
.add li  dt{display:block;}
.add li  p{display:none;}
.add li .into dd span, .add li .into dd br{display:unset;}
.add li .some{bottom:0;background:rgba(255,255,255,.8);height:63%}
.got li dd{font-size:14px}
.coco dt{font-size:14px;margin-bottom:2px}
.coco{font-size:12px;padding:5% 0}
.quote dd,.come p{font-size:12px}
.quote dt{font-size:14px;margin-bottom:0}
.city dt{font-size:14px}
.city{padding:15px 0}
.supp li{font-size:12px;line-height:2.5}
.nbag{padding:78% 2% 3%}
.news li:nth-child(2n) .nbag{padding:78% 2% 3%}
.news li a.fi{width:100%;height:auto;padding-bottom:75%}
.news li a.fi img{position:absolute;left:0;top:0;height:100%;}
 .nbag dd{margin:3% 0;height:36px;}
 #ad .owl-nav{display:none;}
 .nbag dt{font-size:14px;line-height:18px;height:36px}
 .hot{padding-right:0}
 .come h3{font-size:14px;line-height:16px;margin-bottom:3%}
.come dd{font-size:12px;line-height:16px;margin-bottom:3%}
.hot dd,.so dd{height:30px;line-height:30px;font-size:12px;padding:0 2%;width:96%}
.hot dd a.btn2,.so dd a.btn2{top:0px;border-left:none}
.hot dd a.btn2 img,.so dd a.btn2 img{height:20px; }
.life dd{font-size:12px;}
.up li{font-size:12px}
.ups{padding-top:3%}
.up li dd{font-size:14px;padding-top:20px;margin-top:10px}
.mean{width: 40px}
.dian{bottom:3px}
#co1{display:none}
.blist{display:block;width:100%;padding-left:0}
.blist li{margin:1%;width:48%}
.jer{background:rgba(202,202,202,.8);padding-bottom:0!important}
.jer dt{font-size:14px;}
.jer dt small{display:none;}
.gpp{background-size:100%;width:40px;height:55px;font-size:12px;line-height:40px}
.here{font-size:16px;border-radius:10px}
.are{padding-top:46px;margin-top:10px;min-width:80%}
.go2{top:74px}
.here::before{width:18px;height:13px;margin-left:-9px;margin-top:12px}
#co2{display:block;padding-bottom:50%}
.gave{display:block;width:100%;padding-left:0}
.give li{width:23%;margin:1%;padding:3% 0}
.give{display:block}
.happ,.give li p{display:none}
.give li dt{padding-bottom:5px;padding-top:0}
.dw{font-size:14px}
 }