html,body{background:#000}
div,li,span,p{background-repeat: no-repeat;background-position: center center;}
.area{min-width: 1200px;overflow:hidden;}
.inner{width: 1200px;position: relative;margin: 0 auto;}

/* footer */
.doc{text-align: left;}
body .g-footer .gft-links,
body .g-footer .gft-links a{ color:#fff;}
body .g-footer .gft-copyRight,
body .g-footer .gft-copyRight a{ color:#fff;}

html .navibar{min-width: 1200px;}
html body .g-footer {min-width: 1200px;height: 201px;border-top: none;margin: 0 auto;background:url(../img/area_10.jpg) no-repeat center top;}

.area_02{height:442px;background-image:url(../images/area_02.jpg)}
.area_03{height:429px;background-image:url(../images/area_03.jpg?22);overflow:visible}
.area_04{height:748px;background-image:url(../images/area_04.jpg);display: none}
.area_05{height:710px;background-image:url(../images/area_05.jpg)}
.area_06{height:988px;background-image:url(../images/area_06.jpg)}
.area_07{height:723px;background-image:url(../images/area_07.jpg)}
.area_08{height:759px;background-image:url(../images/area_08.jpg)}
.area_09{height:569px;background-image:url(../images/area_09.jpg)}

.hctrl li{width: 144px;height: 144px;background-image: url(../images/cli.png);position: absolute;cursor: pointer;font-size: 28px;font-weight: 600;color:#fff;line-height: 1.2;transition: .3s}
.hctrl .cli-1{top:271px;left:100px;}

/*.hctrl .cli-2{top:297px;left:267px;}
.hctrl .cli-3{top:264px;left:438px;}
.hctrl .cli-4{top:232px;left:612px;}
.hctrl .cli-5{top:175px;left:783px;}
.hctrl .cli-6{top:215px;left:958px;}*/

.hctrl .cli-2{top:297px;left:167px;}
.hctrl .cli-3{top:264px;left:338px;}
.hctrl .cli-4{top:232px;left:512px;}
.hctrl .cli-5{top:175px;left:683px;}
.hctrl .cli-6{top:215px;left:858px;}

.hctrl a{width: 144px;height: 144px;display: block;color:#fff;text-decoration: none;box-sizing: border-box;padding:37px 30px 0 45px;}
.hctrl li:hover{color:#2ec34d;transform:translateY(-10px);}

.live{width: 800px;height: 450px;background:#000;position: absolute;top:147px;left:201px;}
.live video{width: 800px;height: 450px;background:#000;}

.empty{position: absolute;top:200px;}



.vslide{width: 800px;height: 450px;position: absolute;top:149px;left:200px;overflow:hidden;}
.vslide:hover img{filter:alpha(opacity=80)!important;opacity: 0.8!important;}
.vslide ul{height: 450px}
.vslide li{width: 800px;height: 450px;position: relative;}
.video{width: 800px;height: 450px;}

.vsbtn div{width: 98px;height: 101px;position: absolute;top:325px;cursor: pointer;}
.vprev{left:100px;}
.vnext{right:100px;}

.video{width: 800px;height: 450px;background: #000;cursor: pointer;overflow:hidden;}
.video img{filter:alpha(opacity=50);opacity: 0.5;transition: .2s;}

.vbtn{width: 114px;height: 114px;background:url(../images/vbtn.png) no-repeat center top;position: absolute;display: block;top:50%;margin-top:-57px;left:50%;margin-left:-57px;animation-iteration-count: infinite;animation-duration: 2.2s;}
.vmain{width: 800px;height: 450px;display: none}


.col-l{width: 560px;height: 420px;position: absolute;top:334px;left:168px;}
.col-r{width: 365px;position: absolute;top:345px;left:728px;padding-left: 30px;box-sizing: border-box;}
.list{margin-bottom: 30px;text-align: justify;position: relative;}
.list .htxt{font-size: 22px;line-height: 1.2;margin-bottom: 5px;color:#2ec34d;}
.list .btxt{font-size: 14px;color: #797979;line-height: 1.5}
.list:hover .btxt{color:#fff;}
.list a{text-decoration: none}
.list span{color: #2ec34d;}

.list::before{width: 23px;height: 7px;background-image: url(../images/icon.png);content: '';position: absolute;left:-30px;top:8px;}


.area_07 .slide{width: 742px;height: 450px;;position: absolute;top:144px;left:101px;overflow:hidden;}
.area_07 .sldie ul{height: 450px}
.area_07 .sldie li{width: 742px;height: 450px;}

.area_07 .sctrl{width: 243px;height: 400px;position: absolute;top:164px;left:856px;overflow:hidden;}
.area_07 .sctrl li{width: 243px;height: 120px;box-sizing: border-box;border: 1px solid #2ec34d;margin:10px 0;background: #000;cursor: pointer;}
.area_07 .sctrl li img{filter:alpha(opacity=80);opacity: 0.8;}
.area_07 .sctrl li.cur img{filter:alpha(opacity=100);opacity: 1;}
.sbtn div{width: 243px;height:29px;cursor: pointer;left:856px;;position: absolute;}
.sbtn .prev{top:132px;}
.sbtn .next{top:566px;}



.area_08 .des{position: absolute;top:150px;left:101px;}
.area_08 .des li{width: 493px;height: 342px;float: left;margin-right:11px}
.area_08 .des p{line-height: 41px;font-size: 20px;text-align: center;font-weight: 600}
/*.area_08 .des img{filter:alpha(opacity=90);opacity: 0.9;}
.area_08 .des li:hover img{filter:alpha(opacity=100);opacity: 1;}*/

.area_08 .tul{width: 1200px;position: absolute;left:51px;top:544px;}
.area_08 .tul li{width: 353px;height: 44px;background-image: url(../images/txt.png);margin-right:13px;font-size: 17px;line-height: 2;box-sizing: border-box;padding-left:50px;float: left;margin-bottom:29px}
.area_08 .des a{text-decoration: none;color:#000;}
.area_08 .tul a{text-decoration: none;color:#2ec34d;}

.weibo{width: 1000px;height: 363px;position: absolute;top: 172px;left: 101px;}