html,body{ width:100%; height:100%; overflow:hidden; }
.home{text-align:center;padding-bottom:5%;}
.home>img{max-width:90%}
.section-wrap{ width:100%;height:100%;overflow:visible;position:relative;top:0; }
.section{ position:relative; width:100%; height:100%;background-attachment:fixed!important;}
.section-btn{ width:12px;position:fixed;right:3%;top:50%;z-index:300;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.section-btn li{text-align:center;}
.click{width:8px;height:8px;cursor:pointer;border-radius:50%;-webkit-border-radius:50%;display:block;border:2px solid #fff; }
.section-btn li::before{width:2px;height:20px;background:#fff;display:block;content:"";margin:0 auto}
.section-btn li.on .click{ background:#b2193b;border-color:#b2193b}
.section-btn>li:first-child::before{display:none;}
.table{display:table-cell;width:100%;height:100%;vertical-align:middle}
.table>.cont{padding-top:2.5%}
.bgg{position:absolute;top:0;height:100%;left:0%;width:50%;overflow:hidden;}
.bgg img{position:absolute;top:0;left:0;height:100%;min-width:100%;}
.arrow{display:none;}
.jssorb01 {position: absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);right:auto!important;width:auto!important;}
.jssorb01 div{width: 8px;height:8px;overflow: hidden; cursor: pointer; display:inline-block; margin:0 9px;background:#fff; border-radius:4px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;vertical-align:middle;position:static!important;}
.jssorb01 .av {width:44px;background:#e31545; }
 .jssorb01 .dn, .jssorb01 .dn:hover {background-color: #555555; }
.jssora05l, .jssora05r {display: block;position: absolute;width: 60px;height: 60px;cursor: pointer;top:50%!important;margin-top:-30px!important;overflow: hidden;opacity:0.5;}
.jssora05l {background: url(../images/left.png) no-repeat center center;left:10% }
.jssora05r { background: url(../images/right.png) no-repeat center center;right:10% }
.jssora05l:hover, .jssora05r:hover{opacity:1} 
.brand{font-size:16px;margin-bottom:5%;color:#231f20;text-align:center;margin-top:-2.5%}
.brand span{margin:0 1%;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.brand span:hover{color:#e31545}
.base{position:relative;}
.base::after{display:block;content:"";clear:both;}
.base li:first-child{margin-left:0}
.base li{position:relative;width:32%;margin-left:2%;float:left;}
.base li.sp{position:absolute;bottom:0;left:0;margin-left:0}
.base li.sp2{position:absolute;bottom:0;left:32%}
.base li a{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.more{text-align:center;padding-top:5%;clear:both;}
.more a{width:144px;line-height:31px;height:31px;display:inline-block;border:2px solid #e31545;border-radius:6px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.more a:hover{background:#fff}
.award li{width:23.5%;float:left;margin-right:2%;margin-bottom:4%;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;padding:1% 0;border:1px solid #918f90;border-radius:10px;-webkit-transition:all 0.8s linear;transition:all 0.8s linear}
.icon{height:90px;line-height:90px;padding:18px 0;}
.award li dd{font-size:16px;color:#fff;line-height:18px;height:36px;overflow:hidden; }
.award li:nth-child(4n){margin-right:0}
.award::after{display:block;content:"";clear:both;margin-bottom:-4%}
.award li:hover{background:#e31544;border-color:#e31544}
.good{text-align:center;padding-top:5%}
.good li{padding:30px 16px;border:2px solid #231f20;margin:0 15px;display:inline-block;vertical-align:middle;min-width:130px;color:#231f20;-webkit-transition:background 0.5s ease;transition:background 0.5s ease}
.good li dd{font-size:16px;white-space:nowrap}
.good li dt{height:30px;line-height:30px;margin-bottom:15px;}
.good li dt img.sp{display:none}
.good li:hover{background:#e31544;border-color:#e31544;color:#fff}
.good li:hover dt img{display:none}
.good li:hover dt img.sp{display:inline}
.band{padding-top:4%;padding-bottom:4%;position:relative;}
.tv{position:absolute;top:0;left:4%;width:61%;height:100%;background:#231f20}
.start{padding-left:67%;background:#231f20;padding-right:2%;padding-top:5%;padding-bottom:5%;color:#fff}
.start dt{font-size:24px;margin-bottom:10%;}
.start dd{font-size:16px;color:#999999;line-height:1.75;}
.bhead{font-size:34px;line-height:1;margin-bottom:2%;letter-spacing:-2px}
.tv>video{position:absolute;top:0;left:0;width:100%;height:100%}
.tv::before{width:100%;height:100%;top:0;left:0;background:url(../images/play.png) no-repeat center center rgba(0,0,0,.5);position:absolute;z-index:20;content:"";display:block;cursor:pointer;}
.tv:hover::before{display:none;}
.pro>a{float:left;margin-left:1.5%;position:relative;display:block;}
.pro>a:first-child{margin-left:0}
.pro a dd{position:absolute;bottom:0;left:0;padding:12px 8%;background:rgba(255,255,255,.9);right:0;overflow:hidden;z-index:2}
.pro a dd>b{font-size:16px;color:#231f20;position:relative;z-index:200;line-height:1.3;display:block;}
.pro a dd>label{white-space:nowrap;position:absolute;bottom:50%;left:7%;font-size:23px;color:#bfbdbd;font-weight:200;line-height:1;-webkit-transform:translateY(50%);transform:translateY(50%);}
.pro>a:first-child dd>b{font-size:24px;padding:3% 0}
.pro>a:first-child dd>label{font-size:48px}
.team dt{font-size:24px;color:#e31544;text-align:center;margin-bottom:2%;margin-top:-2%}
.vi>img{max-width:100%;margin:0 auto 2%;display:block;}
.coco>dt{padding:1.5% 0;position:relative;}
.coco>dt::after{content:"";height:1px;position:absolute;left:0%;bottom:0;width:1920px;margin-left:-360px;background:#fff;background:rgba(255,255,255,.4);display:block;}
.cctv li{width:585px;float:left;text-align:center;margin-top:3%}
.cctv li:first-child{margin-right:30px;}
.cctv li dd{font-size:16px;color:#fff;padding-top:3%}
.supp{padding-top:4%;font-size:0;letter-spacing:-5px;}
.supp li{letter-spacing:normal;width:96px;border:1px solid #fff;display:inline-block;padding-top:14px;padding-bottom:11px;border-radius:10px;text-align:center;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;margin-right:20px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.supp li dd{font-size:16px;color:#fff;padding-top:6px;white-space:nowrap}
.supp li:hover{background:#e31544;border-color:#e31544}
.free li{float:left;margin-left:2%;width:100%;width:32%;text-align:center}
.free li:first-child{margin-left:0}
.free li dd{font-size:16px;color:#fff;padding-top:3%}
.free li dd b{font-size:150%}
.free::after{ content:"";clear:both;padding-bottom:4%;display:block;}
.first{width:600px;margin:0 auto}
.first p{font-size:16px;line-height:1.5;color:#999999}
.first p a{color:#e31545}
.first dt{font-size:30px;line-height:36px;margin-bottom:6%;color:#fff}                        
.first dd{font-size:20px;color:#fff;margin-bottom:2%;margin-top:1%}
.news{padding-left:37.5%;padding-top:9%;padding-bottom:9%;position:relative;margin-top:2.5%}
.hlist{position:relative;z-index:20}
.hlist li{width:35%;padding:3% 6%;margin-left:3%;float:left;background:#fff;color:#231f20;-webkit-transition:background 0.4s linear;transition:background 0.4s linear; box-shadow:0 0 10px rgba(0,0,0,.5)  }
.hlist::after{content:"";clear:both;display:block;}
.hlist li dt{font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;}
.hlist li dd{font-size:14px;opacity:0.7;padding-bottom:8px;line-height:1.4;margin:4% 0 8%;position:relative; }
.hlist li dd::after{content:"";width:22px;height:3px;background:#231f20;display:block;position:absolute;left:0;bottom:0}
.hlist li p{font-size:36px;line-height:1.1;font-weight:200}
.hot{width:62%;position:absolute;top:0;left:0;height:100%;display:block;}
.hlist li:hover{background:#e31545;color:#fff}
.hlist li:hover dd::after{background:#fff}
.hlist li:hover dt a{color:#fff}
.we{position:fixed;bottom:0;left:0;width:100%;z-index:3000;background:rgba(0,0,0,.5);-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.we.active{bottom:-125px;}
.cimg{max-width:50%}
.form{right:5px;top:50%;margin-top:-33px;position:absolute; }
.form input{width:122px;height:26px;border:none;line-height:26px;padding-left:12px;color:#231f20;font-size:14px;background:#fff;border-radius:4px;margin-left:5px;float:left;}
.form select{width:122px;height:26px;border:none;line-height:26px;padding-left:12px;color:#231f20;font-size:14px;background:url(../images/togg.png) no-repeat 96% center #fff;border-radius:4px;margin-left:5px;margin-top:15px;float:left;}
.form button{width:122px;height:26px;border:none;line-height:26px;color:#fff;background:#e31545;border-radius:4px;font-size:14px;float:left;margin-left:5px;}
.del{position:absolute;right:0;cursor:pointer;top:5%;width:20px;height:20px;background:url(../images/close.png) no-repeat center center;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.we.active .del{background:url(../images/top.png) no-repeat center center;bottom:125px;top:auto}
.form input:focus {box-shadow:0 0  4px #e31545}
.copy{padding-bottom:0;margin-top:10%}
.team{padding:0 10%}
.div{padding-bottom:3%}



 @media screen and (max-width: 1700px) {
 
 }





 @media screen and (max-width: 1400px) {
 
 }


 @media screen and (max-width: 1200px) {
.section-btn li::before{height:10px;}
.bhead,.start dt,.team dt{font-size:20px}
.cctv li{width:49%;margin-top:2%}
.cctv li:first-child{margin-right:2%}
.cctv li dd,.supp li dd{font-size:14px}
.supp li{width:9%;margin-right:1%;padding-top:8px;padding-bottom:8px;}
.cont{width:80%}
.brand{margin-bottom:3%;font-size:14px;}
 }
 
 @media screen and (max-width: 1000px) {
.form select{margin-top:9px}
.form{margin-top:-30px}
.good li dd{font-size:14px}
.good,.supp{padding-top:3%}
.good li{min-width:auto;padding:2% 1%;margin:0 1%}
.start dd{font-size:14px;line-height:1.5;}
.award li{margin-bottom:2%}
.pro a dd{padding:6px 5%}
.pro a dd > b,.first p{font-size:14px;}
.pro a dd > label{font-size:20px}
 .pro > a:first-child dd > b{font-size:16px;}
 .pro > a:first-child dd > label{font-size:24px;}
 .more{padding-top:4%}
 .team dt{font-size:16px}
 .first{width:60%}
 .first dt{font-size:24px;margin-bottom:3%}
 .hlist li p,.hlist li dt{font-size:14px}
 .hlist li{padding:3%;width:41%}
 
 }


 @media screen and (max-width:800px) {
.cimg{display:none;} 
.form{float:none;position:static;margin-top:0}
.form input,.form button,.form select{width:30%;margin-left:1.5%; padding-left:1%;padding-right:1%}
.more a{width:100px;height:22px;line-height:22px;border-width:1px}
.more a img{max-width:80%;margin-top:-3px}
.icon{height:70px;line-height:70px;padding:15px 0}
.award li dd{font-size:12px;line-height:15px;height:30px}
.bhead{display:none;}
.start dt{font-size:14px}
.start dd,.free li dd{font-size:12px; } 
 .more{padding-top:3%}
  .team dt,.first dd{font-size:14px}
.home{padding-bottom:3%}
.supp li{width:19%;margin-bottom:2%}
.first dt{font-size:18px}
.first{width:90%}
.copy{margin-top:4%}
.home > img{max-height:50px; }
 }



 @media screen and (max-width:640px) {
.section-btn li::before{height:5px;}
.form input,.form button,.form select{margin-left:1%}
.award li{width:32%;}
.award li:nth-child(4n){margin-right:2%}
.award li:nth-child(3n){margin-right:0%}
.good li{margin-top:2%;width:130px}
.team dt,.cctv li dd,.supp li dd,.first p,.brand,.hlist li dd{font-size:12px}
.home > img{max-height:40px; }
.news{padding-left:0%;padding-right:0%;padding-top:0;padding-bottom:0;}
.cont{width:98%}
.team{padding:0}
.icon{padding:8px 0}
.base li,.pro a{width:49%!important;padding-bottom:38%!important;position:relative!important;margin-bottom:2%!important;margin-left:2%!important;left:0!important}
.base li:nth-child(2n-1),.pro a:nth-child(2n-1){margin-left:0!important}
.tv{left:0;position:relative;padding-bottom:60%;width:100%;}
.start{padding-left:2%;padding-top:2%;padding-bottom:2%}
.band{padding-top:0;padding-bottom:0}
.start dt{margin-bottom:2%}
.good li dt{margin-bottom:5px}
 .pro > a:first-child dd > b{font-size:14px}
 .pro > a  dd > label{font-size:18px}
 .pro > a:first-child dd > label{font-size:18px}
 .div{padding-bottom:10%}
 .cctv li{width:96%;margin-left:2%}
 .free li dd b{font-size:100%}
 .supp li{border:none}
 .hot{position:relative;padding-bottom:50%;width:100%;}
 .hlist li{padding:2%;width:44%;margin-left:1%;margin-right:1%;margin-top:2%}
 .supp li img{width:60%}
 }








