﻿/* Slider */
.slick-slider {overflow: hidden; position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list {  }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { width: 100%; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none;width: 100%; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; width: 100%;}
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Icons */
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 45px; width: 45px; z-index: 999; line-height: 0; font-size: 0; cursor: pointer; background: #00508f; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before {  font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: 0px; }
/*.slick-prev:before { content: "\2190"; }*/

.slick-next { right: 18px; }
/*.slick-next:before { content: "\2192"; }*/

/* Dots */


.slick-dots { position: absolute; bottom: 20px; list-style: none; display: none; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 14px; width: 14px; margin: 0px 5px; padding: 0px; cursor: pointer; ;background: #fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-transition: all .5s;-moz-transition: all .5s; transition: all .5s;}
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li.slick-active{ width: 35px; height: 14px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;background:#ff8f1c;-webkit-transition: all .5s;-moz-transition: all .5s; transition: all .5s;}



.banner .slick-dots { position: absolute; bottom: 20px; list-style: none; display: none; text-align: center; padding: 0px; width: 100%; }
.banner .slick-dots li { position: relative; display: inline-block; height: 14px; width: 14px; margin: 0px 5px; padding: 0px; cursor: pointer; ;background: #fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-transition: all .5s;-moz-transition: all .5s; transition: all .5s;}
.banner .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.banner .slick-dots li.slick-active{ width: 35px; height: 14px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;background:#ff8f1c;-webkit-transition: all .5s;-moz-transition: all .5s; transition: all .5s;}





.wList .slick-prev{top:80px; left: 0px;width: 35px;height: 70px;background: url(../images/prve.jpg) no-repeat;float: left;position: absolute; }
.wList .slick-next{top:80px; right: -2px;width: 35px;height: 70px;background: url(../images/next.jpg) no-repeat;float: left;position: absolute; }

.wList .slick-prev:hover{top:80px; left: 0px;width: 35px;height: 70px;background: url(../images/prvein01.jpg) no-repeat;float: left;position: absolute; }
.wList .slick-next:hover{top:80px; right: -2px;width: 35px;height: 70px;background: url(../images/next02.jpg) no-repeat;float: left;position: absolute; }

.wList .slick-list{padding: 0px 3px !important;}


 .ylist .slick-slide img{width: auto}

.ylist .slick-prev{top:55px; width: 38px;height: 80px;background: url(../images/prve01.png) no-repeat;float: left;position: absolute; }
.ylist .slick-next{top:55px;right: 0; width: 38px;height: 80px;background: url(../images/next01.png) no-repeat;float: left;position: absolute; }

.ylist .slick-prev:hover{top:55px; width: 38px;height: 80px;background: url(../images/prve02.jpg) no-repeat;float: left;position: absolute; }
.ylist .slick-next:hover{top:55px;right: 0; width: 38px;height: 80px;background: url(../images/sernext02.jpg) no-repeat;float: left;position: absolute; }


.clist .slick-prev{top:100px;left: 25px; width: 38px;height: 80px;background: url(../images/prve01.png) no-repeat;float: left;position: absolute;}
.clist .slick-next{top:100px;right: 25px; width: 38px;height: 80px;background: url(../images/next01.png) no-repeat;float: left;position: absolute; }

.clist .slick-prev:hover{top:100px; width: 38px;height: 80px;background: url(../images/prve02.jpg) no-repeat;float: left;position: absolute; }
.clist .slick-next:hover{top:100px;right: 25px; width: 38px;height: 80px;background: url(../images/sernext02.jpg) no-repeat;float: left;position: absolute; }

 .vvlist .slick-slide img{width: auto}


.vvlist .slick-prev{top:160px;left: 0px; width: 38px;height: 80px;background: url(../images/prve01.png) no-repeat;float: left;position: absolute;}
.vvlist .slick-next{top:160px;right: 0px; width: 38px;height: 80px;background: url(../images/next01.png) no-repeat;float: left;position: absolute; }

.vvlist .slick-prev:hover{top:160px; width: 38px;height: 80px;background: url(../images/prve02.jpg) no-repeat;float: left;position: absolute; }
.vvlist .slick-next:hover{top:160px;right: 0px; width: 38px;height: 80px;background: url(../images/sernext02.jpg) no-repeat;float: left;position: absolute; }


.wzlist .slick-prev{top:160px;left: 0px; width: 38px;height: 80px;background: url(../images/prve01.png) no-repeat;float: left;position: absolute;z-index: 999}
.wzlist .slick-next{top:160px;right: 20px; width: 38px;height: 80px;background: url(../images/next01.png) no-repeat;float: left;position: absolute;z-index: 999 }

.wzlist .slick-prev:hover{top:160px; width: 38px;height: 80px;background: url(../images/prve02.jpg) no-repeat;float: left;position: absolute; z-index: 999}
.wzlist .slick-next:hover{top:160px; width: 38px;height: 80px;background: url(../images/sernext02.jpg) no-repeat;float: left;position: absolute; z-index: 999}


/**/


.brlist .slick-prev{bottom: -7px;top:auto;left: 27%;width: 85px;height: 47px;background: url(../images/borprve.png) center center no-repeat;position: absolute;border-top: 1px  solid #dedede;border-left: 1px  solid #dedede;border-bottom: 1px  solid #dedede;}
.brlist .slick-next{bottom: -7px;top:auto;right: 61%;width: 86px;height: 47px;background: url(../images/bornext.png) center center  no-repeat;position: absolute;border-top: 1px  solid #dedede;border-right:  1px  solid #dedede;border-bottom: 1px  solid #dedede;}

.brlist .slick-prev:hover{background: url(../images/borprve01.png) center center no-repeat;position: absolute;border-top: 1px  solid #dedede;border-left: 1px  solid #dedede;border-bottom: 1px  solid #dedede;}
.brlist .slick-next:hover{background: url(../images/bornext02.png) center center  no-repeat;position: absolute;border-top: 1px  solid #dedede;border-right:  1px  solid #dedede;border-bottom: 1px  solid #dedede; }

/**/


.hd_list .slick-prev{width: 20px;height: 27px;background: url(../images/dact_01.png) no-repeat;display: block;position: absolute;z-index: 999;top:39%;}
.hd_list .slick-next{width: 20px;height: 27px;background: url(../images/dact_03.png) no-repeat;display: block;position: absolute;z-index: 999;top:39%;}

.hd_list .slick-prev:hover{background: url(../images/dact_02.png) no-repeat;}
.hd_list .slick-next:hover{background: url(../images/dact_04.png) no-repeat;}


/*wifi*/

	.wifiPic .slick-prev{width: 38px;height: 80px;background: url(../images/wiprve.jpg) no-repeat;display: block;position: absolute;z-index: 77;top:39%;}
	.wifiPic .slick-next{right: 0; width: 38px;height: 80px;background: url(../images/winext.jpg) no-repeat;display: block;position: absolute;z-index: 77;top:39%;}

/*wifi*/

/*ctrl*/

	.ctrl .slick-prev{width: 38px;height: 80px;background: url(../images/wiprve.jpg) no-repeat;display: block;position: absolute;z-index: 77;top:25%;}
	.ctrl .slick-next{right: 3.3%; width: 38px;height: 80px;background: url(../images/winext.jpg) no-repeat;display: block;position: absolute;z-index: 77;top:25%;}

/*ctrl*/


/*suck*/

	.suck .slick-prev{width: 38px;height: 80px;background: url(../images/wiprve.jpg) no-repeat;display: block;position: absolute;z-index: 77;top:50%;}
	.suck .slick-next{right: 3.3%;width: 38px;height: 80px;background: url(../images/winext.jpg) no-repeat;display: block;position: absolute;z-index: 77;top: 50%;}



/*suck*/


	.ws1 .slick-prev{width: 38px;height: 80px;background: url(../images/wiprve.jpg) no-repeat;display: block;position: absolute;z-index: 77;top:39%;}
	.ws1 .slick-next{right: 0; width: 38px;height: 80px;background: url(../images/winext.jpg) no-repeat;display: block;position: absolute;z-index: 77;top:39%;}

	.ws2 .slick-prev{width: 38px;height: 80px;background: url(../images/wiprve.jpg) no-repeat;display: block;position: absolute;z-index: 77;top:39%;}
	.ws2 .slick-next{right: 0%; width: 38px;height: 80px;background: url(../images/winext.jpg) no-repeat;display: block;position: absolute;z-index: 77;top:39%;}


	.ws3 .slick-prev{width: 38px;height: 80px;background: url(../images/wiprve.jpg) no-repeat;display: block;position: absolute;z-index: 77;top:39%;}
	.ws3 .slick-next{right: 3.4%; width: 38px;height: 80px;background: url(../images/winext.jpg) no-repeat;display: block;position: absolute;z-index: 77;top:39%;}

	.ws4 .slick-prev{width: 38px;height: 80px;background: url(../images/wiprve.jpg) no-repeat;display: block;position: absolute;z-index: 77;top:39%;}
	.ws4 .slick-next{right: 3%; width: 38px;height: 80px;background: url(../images/winext.jpg) no-repeat;display: block;position: absolute;z-index: 77;top:39%;}
	




@media screen and (min-width: 1336px){

	.wifiPic .slick-prev:hover{width: 38px;height: 80px;background: url(../images/wiprve02.jpg) no-repeat;display: block;position: absolute;z-index: 77;top:39%;}
	.wifiPic .slick-next:hover{right: 0; width: 38px;height: 80px;background: url(../images/winext02.jpg) no-repeat;display: block;position: absolute;z-index: 77;top:39%;}

	.ctrl .slick-prev:hover{background: url(../images/wiprve02.jpg) no-repeat;}
	.ctrl .slick-next:hover{background: url(../images/winext02.jpg) no-repeat;}


	.suck .slick-prev:hover{background: url(../images/wiprve02.jpg) no-repeat;}
	.suck .slick-next:hover{background: url(../images/winext02.jpg) no-repeat;}

	.ws1 .slick-prev:hover{width: 38px;height: 80px;background: url(../images/wiprve02.jpg) no-repeat;display: block;position: absolute;z-index: 77;top:39%;}
	.ws1 .slick-next:hover{right: 0; width: 38px;height: 80px;background: url(../images/winext02.jpg) no-repeat;display: block;position: absolute;z-index: 77;top:39%;}

	.ws2 .slick-prev:hover{width: 38px;height: 80px;background: url(../images/wiprve02.jpg) no-repeat;display: block;position: absolute;z-index: 77;top:39%;}
	.ws2 .slick-next:hover{right: 0; width: 38px;height: 80px;background: url(../images/winext02.jpg) no-repeat;display: block;position: absolute;z-index: 77;top:39%;}

	.ws3 .slick-prev:hover{width: 38px;height: 80px;background: url(../images/wiprve02.jpg) no-repeat;display: block;position: absolute;z-index: 77;top:39%;}
	.ws3 .slick-next:hover{right: 3.4%; width: 38px;height: 80px;background: url(../images/winext02.jpg) no-repeat;display: block;position: absolute;z-index: 77;top:39%;}

	.ws4 .slick-prev:hover{width: 38px;height: 80px;background: url(../images/wiprve02.jpg) no-repeat;display: block;position: absolute;z-index: 77;top:39%;}
	.ws4 .slick-next:hover{right: 3%; width: 38px;height: 80px;background: url(../images/winext02.jpg) no-repeat;display: block;position: absolute;z-index: 77;top:39%;}


}


@media screen and (max-width: 1440px){
	.brlist .slick-next{    right: 55%;}
	.brlist .slick-prev{left:31%;}
	.wList .slick-next{right: 20px;}
	.wList .slick-next:hover{right: 20px;}
	

	.wList .slick-prev{left: 0px;}
	.wList .slick-prev:hover{left: 0px;}



}


@media screen and (max-width: 1200px){

	.wzlist .slick-prev{left: 0;}
	.wzlist .slick-next{right: 0;}


	.brlist .slick-prev{bottom: auto; top:10px;right:55px; width: 55px;height: 37px;left: auto;}
	.brlist .slick-next{bottom: auto; top:10px;right: 0%; width: 56px;height: 37px;}

	.wList .slick-next{right: 0;}
	.wList .slick-next:hover{right: 0}


	.wifiPic .slick-prev { left: 0px;background: #00bde9;width: auto; height: auto;z-index: 22; }
	.wifiPic .slick-prev:before { content: "\2190";background: #00bde9;width: auto; height: auto; z-index: 22;}

	.wifiPic .slick-next { right: 0; background: #00bde9;width: auto; height: auto;z-index: 22;}
	.wifiPic .slick-next:before { content: "\2192"; background: #00bde9;width: auto; height: auto;z-index: 22;}

	.ctrl .slick-prev { left: 0px;background: #00bde9;width: auto; height: auto;z-index: 22; }
	.ctrl .slick-prev:before { content: "\2190";background: #00bde9;width: auto; height: auto; z-index: 22;}

	.ctrl .slick-next { right: 4%; background: #00bde9;width: auto; height: auto;z-index: 22;}
	.ctrl .slick-next:before { content: "\2192"; background: #00bde9;width: auto; height: auto;z-index: 22;}


	.suck .slick-prev { left: 0px;background: #00bde9;width: auto; height: auto;z-index: 22; }
	.suck .slick-prev:before { content: "\2190";background: #00bde9;width: auto; height: auto; z-index: 22;}

	.suck .slick-next { right: 4%; background: #00bde9;width: auto; height: auto;z-index: 22;}
	.suck .slick-next:before { content: "\2192"; background: #00bde9;width: auto; height: auto;z-index: 22;}

	.ws1 .slick-prev { left: 0px;background: #00bde9;width: auto; height: auto;z-index: 22; }
	.ws1 .slick-prev:before { content: "\2190";background: #00bde9;width: auto; height: auto; z-index: 22;}

	.ws1 .slick-next { right: 0%; background: #00bde9;width: auto; height: auto;z-index: 22;}
	.ws1 .slick-next:before { content: "\2192"; background: #00bde9;width: auto; height: auto;z-index: 22;}

	.ws2 .slick-prev { left: 0px;background: #00bde9;width: auto; height: auto;z-index: 22; }
	.ws2 .slick-prev:before { content: "\2190";background: #00bde9;width: auto; height: auto; z-index: 22;}

	.ws2 .slick-next { right: 0%; background: #00bde9;width: auto; height: auto;z-index: 22;}
	.ws2 .slick-next:before { content: "\2192"; background: #00bde9;width: auto; height: auto;z-index: 22;}

	.ws3 .slick-prev {top:50%; left: 0px;background: #00bde9;width: auto; height: auto;z-index: 22; }
	.ws3 .slick-prev:before { content: "\2190";background: #00bde9;width: auto; height: auto; z-index: 22;}

	.ws3 .slick-next {top:50%; right: 4%; background: #00bde9;width: auto; height: auto;z-index: 22;}
	.ws3 .slick-next:before { content: "\2192"; background: #00bde9;width: auto; height: auto;z-index: 22;}

	.ws4 .slick-prev {top:50%; left: 0px;background: #00bde9;width: auto; height: auto;z-index: 22; }
	.ws4 .slick-prev:before { content: "\2190";background: #00bde9;width: auto; height: auto; z-index: 22;}

	.ws4 .slick-next {top:50%; right: 3%; background: #00bde9;width: auto; height: auto;z-index: 22;}
	.ws4 .slick-next:before { content: "\2192"; background: #00bde9;width: auto; height: auto;z-index: 22;}



}

@media screen and (max-width: 768px){
	.banner .slick-dots{bottom: 10px;}
	.banner .slick-dots li{width: 10px;height: 10px;}
	.banner .slick-dots li.slick-active{height: 10px;width: 20px;}

	.wzlist .slick-prev,.wzlist .slick-next{width: 28px;height: 50px;background-position: 0 -13px;}
	.wzlist .slick-prev:hover{width: 28px;height: 50px;background-position: 0 -13px;}
	.wzlist .slick-next:hover{width: 28px;height: 50px;right: 0;background-position: 0 -13px;}

	.wList .slick-next,.wList .slick-next:hover,.wList .slick-prev,.wList .slick-prev:hover{top:44%;}


	.ws3 .slick-prev {top:50%; left: 0px;background: #00bde9;width: auto; height: auto;z-index: 22; }
	.ws3 .slick-prev:before { content: "\2190";background: #00bde9;width: auto; height: auto; z-index: 22;}

	.ws3 .slick-next {top:50%; right: 0%; background: #00bde9;width: auto; height: auto;z-index: 22;}
	.ws3 .slick-next:before { content: "\2192"; background: #00bde9;width: auto; height: auto;z-index: 22;}

	.hd_list .slick-next{background-size:cover;top: 25%;right:0;    width: 15px; height: 21px;}
	.hd_list .slick-prev{background-size:cover;top: 25%;left:0;    width: 15px; height: 21px;}

}



@media screen and (max-width: 640px){
	.banner .slick-dots{bottom: 8px;}
	.banner .slick-dots li{width: 8px;height: 8px;}
	.banner .slick-dots li.slick-active{height: 8px;width: 16px;}

	.ylist .slick-slide img{width: 75%;}
	.vvlist .slick-slide img{width: 65%}

	.ctrl .slick-next{right: 0;}

}






