/* MAIN
---------------------------------------------- */
/* first */
/* arrow */



.mainArea .videos {width:100%;}
.mainArea .right-bg {position:absolute; top:0; right:0; background:url(../images/main/right_bg.png) repeat-y right top; z-index:9999; width:600px; height:100%;}
.mainArea .main_title {position:absolute; top:150px; right:40px; z-index:9999; width:542px; height:412px; }
.mainArea .banner_m {position:absolute; bottom:66px; right:0%; width:845px; height:158px; background:url(../images/main/banner_m.png) no-repeat left top; z-index:9999;}
.mainArea .banner_m li {float:left; margin-top:32px; }
.mainArea .banner_m li:nth-child(1) {padding-left:45px;}
.mainArea .banner_m li:nth-child(2) {padding-left:40px;}
.mainArea .banner_m li:nth-child(3) {padding-left:50px;}
.mainArea .banner_m li:nth-child(4) {padding-left:20px;}








.home-slider {position:relative; background-color:#302F2F; height:95%; }
.home-slider .slide-1 .main_tit1 {position:fixed; left:0; top:130px; z-index:9999999;}
.home-slider .slide-2 .main_tit2 {position:fixed; left:0; top:130px; z-index:9999999;}
.home-slider .slide-3 .main_tit3 {position:fixed; left:0; top:130px; z-index:9999999;}
.home-slider .slide-4 .main_tit4 {position:fixed; left:0; top:130px; z-index:9999999;}
.home-slider .slide-1 .left-bg {position:fixed; top:0; left:0; background:url(../images/main/left_bg.png) repeat-y left top; z-index:999; width:370px; height:100%; }
.home-slider .slide-2 .left-bg {position:fixed; top:0; left:0; background:url(../images/main/left_bg.png) repeat-y left top; z-index:999; width:370px; height:100%; }
.home-slider .slide-3 .left-bg {position:fixed; top:0; left:0; background:url(../images/main/left_bg.png) repeat-y left top; z-index:999; width:370px; height:100%; }
.home-slider .slide-4 .left-bg {position:fixed; top:0; left:0; background:url(../images/main/left_bg.png) repeat-y left top; z-index:999; width:370px; height:100%; }
.home-slider div.slick-slide {width:100%; float:left; background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:999999; }
.home-slider .slider-nav {position:fixed; left:48px; top:263px; width:360px; z-index:99999;}
.home-slider .slider-nav .slick-list {background: none;}
.home-slider .slider-nav .slick-track {width:100% !important; transform:none !important; text-align:left; background:none;}
.home-slider .slider-nav a { display:inline-block; float:none; vertical-align:bottom; text-align:center; position:relative; transition:all .1s ease 0s; -webkit-transition:all .1s ease 0s; cursor:pointer;}
.home-slider .slider-nav a span {padding:0px 0px 0px 0px; display:inline-block; position:relative; float:left;}
.home-slider .slider-nav a:after {content:'.'; opacity:0;}
.home-slider .slider-nav a:last-of-type:after {content:''!important; opacity:0;}



.home-slider .slider-nav a span.btn_1 {background:url(../images/main/btn_3_o.png) no-repeat left top; width:140px; height:115px; position:absolute; left:0px; top:0;}
.home-slider .slider-nav a:hover span.btn_1,
.home-slider .slider-nav a.slick-current span.btn_1 {opacity:99999999; background:url(../images/main/btn_3.png) no-repeat left top;  width:140px; height:115px;  position:absolute; left:0; top:0; }


.home-slider .slider-nav a span.btn_2 {background:url(../images/main/btn_4_o.png) no-repeat left top; width:140px; height:115px; position:absolute; left:140px; top:0; z-index:99999; }
.home-slider .slider-nav a:hover span.btn_2,
.home-slider .slider-nav a.slick-current span.btn_2 {opacity:99999999; background:url(../images/main/btn_4.png) no-repeat left top;  width:140px; height:115px;  position:absolute; }

.home-slider .slider-nav a span.btn_3 {background:url(../images/main/btn_1_o.png) no-repeat left top; width:140px; height:115px; position:absolute; left:0px; top:125px;}
.home-slider .slider-nav a:hover span.btn_3,
.home-slider .slider-nav a.slick-current span.btn_3 {opacity:99999999; background:url(../images/main/btn_1.png) no-repeat left top;  width:140px; height:115px;  position:absolute; left:0; top:125px; }


.home-slider .slider-nav a span.btn_4 {background:url(../images/main/btn_2_o.png) no-repeat left top; width:140px; height:115px; position:absolute; left:140px; top:105px; z-index:99999; }
.home-slider .slider-nav a:hover span.btn_4,
.home-slider .slider-nav a.slick-current span.btn_4 {opacity:99999999; background:url(../images/main/btn_2.png) no-repeat left top;  width:140px; height:115px;  position:absolute; left:140px; top:105px;}



@media all and (max-width:1920px){


.mainArea .videos {width:100%; height:100%; }
.mainArea .main_title {position:absolute; top:100px; right:40px; z-index:9999; width:542px; height:412px; }
.mainArea .banner_m {position:absolute; bottom:102px; right:0%;  height:158px; background:url(../images/main/banner_m.png) no-repeat left top; z-index:9999;}


}