/* Slider */
body,ul, ol{ margin:0;padding:0; }
ul{ list-style: none; }
.desktop_full .flexslider,
.desktop_full .flex-viewport,
.full .flexslider,
.full .flex-viewport,
.full .slides,
.full .slide-item { position: relative; height: 100% !important; min-height: 100%; max-height: 100%; background-size:cover; background-repeat: no-repeat; background-position: center; }

/* Control Nav */
.control_b .flex-control-nav { position: absolute; bottom: 20px; left:50%; width: 100%; height: 50px; line-height: 50px; margin-left:-50%; text-align: center; }
.flex-control-nav li { display: inline-block; margin:0 3px; }
.control_b .flex-control-nav a { width:20px; height:12px; border-radius: 50px; display: block;border:1px solid #fcf4eb; background-color: #fcf4eb; /*border:2px solid transparent;*/ display: inline-block; text-align: center; font-size: 14px; color: #C9CACA; cursor: pointer; zoom: 1;}
.flex-control-nav a:hover,
.flex-control-nav a:active,
.flex-control-nav a.flex-active { width:50px; color: #fcf4eb; zoom: 1; border:1px solid #fcf4eb; background-color: #fcf4eb; }
#banner .slides a{ display: block; width:100%; height:100%; } 

#banner .flex-direction-nav{ overflow: hidden; position: absolute; top:50%; left:0px; z-index:9; width:100%; transform: translateY(-50%);}
#banner .flex-direction-nav li{ position: relative; transition:all .9s ease;-moz-transition:all .9s ease;-webkit-transition:all .9s ease;-o-transition:all .9s ease; }
#banner .flex-direction-nav li:first-child{ float:left; left:-100px; }
#banner .flex-direction-nav li:last-child{ float:right; right:-100px; }
#banner .flexslider:hover .flex-direction-nav li:first-child{ left:0px; }
#banner .flexslider:hover .flex-direction-nav li:last-child{ right:0px; }

.flex-direction-nav li{
	display: block;
	width: 50px;
	height: 50px;
	position: relative;
}
.flex-direction-nav li:nth-of-type(1)>a{
	text-decoration: none;
	outline: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.flex-direction-nav li:nth-of-type(1)>a:after{
	content: "";
	border: 1px solid rgba(255,255,255,0.14);
	transition: all .5s;
	color: #fff;
	padding: 23px;
	color: #1d65b1;
	background-image: url(../img/gls-22.jpg);
	background-color: #4fa45f;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 0 2px 2px 0;
	margin-left: 50px;
}
.flex-direction-nav li:nth-of-type(1)>a:hover:after{
	background-color: #57b86a;
	border: 1px solid #57b86a;
	background-color: #57b86a;
}

.flex-direction-nav li:nth-of-type(2)>a{
	text-decoration: none;
	outline: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.flex-direction-nav li:nth-of-type(2)>a:after{
	content: "";
	border: 1px solid rgba(255,255,255,0.14);
	transition: all .5s;
	color: #1d65b1;
	padding: 23px;
	background-image: url(../img/gls-23.jpg);
	background-color: #4fa45f;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 2px 0 0 2px;
	margin-right: 50px;
}
.flex-direction-nav li:nth-of-type(2)>a:hover:after{
	border: 1px solid #57b86a;
	background-color: #57b86a;
}

.slide-item img{
	display: block;
	max-width: 100%;
	height: auto;
}

.flex-active-slide {
    visibility: visible;
    opacity: 1;
    -webkit-transform: perspective(600px) rotateX(0deg) rotateY(0deg) scale(1);
    -ms-transform: perspective(600px) rotateX(0deg) rotateY(0deg) scale(1);
    transform: perspective(600px) rotateX(0deg) rotateY(0deg) scale(1);
}



.pc-banner{
	position: relative;
	overflow: hidden;
}
.pc-banner .pc-index-swiper-container .swiper-pagination-bullet {
    width: 50px;
    height: 8px;
	border-radius: 0;
	background-color: #f5ede4;
	opacity: 1;
}
.pc-banner .pc-index-swiper-container .swiper-pagination-bullet-active {
    opacity: 1;
    background: #bf1923;
}
.pc-banner .swiper-container-horizontal>.swiper-pagination-bullets, 
.pc-banner .swiper-pagination-custom, 
.pc-banner .swiper-pagination-fraction{
	position: absolute;
	text-align: center;
	z-index: 1;
	bottom: 35px;
}
@media screen and (max-width: 1280px) {
	.pc-banner .pc-index-swiper-container .swiper-pagination-bullet {
	    width: 45px;
	}
	.pc-banner .swiper-container-horizontal>.swiper-pagination-bullets,
	.pc-banner .swiper-pagination-custom, 
	.pc-banner .swiper-pagination-fraction{
		bottom: 30px;
	}
}
@media screen and (max-width: 1199px) {
	.pc-banner .pc-index-swiper-container .swiper-pagination-bullet {
	    width: 40px;
	    height: 7px;
	}
	.pc-banner .swiper-container-horizontal>.swiper-pagination-bullets,
	.pc-banner .swiper-pagination-custom, 
	.pc-banner .swiper-pagination-fraction{
		bottom: 25px;
	}
}
@media screen and (max-width: 991px) {
	.pc-banner .pc-index-swiper-container .swiper-pagination-bullet {
	    width: 30px;
	    height: 6px;
	}
	.pc-banner .swiper-container-horizontal>.swiper-pagination-bullets,
	.pc-banner .swiper-pagination-custom, 
	.pc-banner .swiper-pagination-fraction{
		bottom: 20px;
	}
}
@media screen and (max-width: 767px) {
	.pc-banner .pc-index-swiper-container .swiper-pagination-bullet {
	    width: 20px;
	    height: 6px;
	}
	.pc-banner .swiper-container-horizontal>.swiper-pagination-bullets,
	.pc-banner .swiper-pagination-custom, 
	.pc-banner .swiper-pagination-fraction{
		bottom: 15px;
	}
}
@media screen and (max-width: 575px) {
	.pc-banner .pc-index-swiper-container .swiper-pagination-bullet {
	    width: 15px;
	    height: 5px;
	}
	.pc-banner .swiper-container-horizontal>.swiper-pagination-bullets,
	.pc-banner .swiper-pagination-custom, 
	.pc-banner .swiper-pagination-fraction{
		bottom: 10px;
	}
}


.wap-banner{
	position: relative;
	overflow: hidden;
}
.wap-banner .wap-index-swiper-container .swiper-pagination-bullet {
    width: 50px;
    height: 8px;
	border-radius: 0;
	background-color: #f5ede4;
	opacity: 1;
}
.wap-banner .wap-index-swiper-container .swiper-pagination-bullet-active {
    opacity: 1;
    background: #bf1923;
}
.wap-banner .swiper-container-horizontal>.swiper-pagination-bullets, 
.wap-banner .swiper-pagination-custom, 
.wap-banner .swiper-pagination-fraction {
    position: absolute;
    text-align: center;
    z-index: 1;
    bottom: 35px;
}
@media screen and (max-width: 1280px) {
	.wap-banner .wap-index-swiper-container .swiper-pagination-bullet {
	    width: 45px;
	}
	.wap-banner .swiper-container-horizontal>.swiper-pagination-bullets,
	.wap-banner .swiper-pagination-custom, 
	.wap-banner .swiper-pagination-fraction {
	    bottom: 30px;
	}
}
@media screen and (max-width: 1199px) {
	.wap-banner .wap-index-swiper-container .swiper-pagination-bullet {
	    width: 40px;
	    height: 7px;
	}
	.wap-banner .swiper-container-horizontal>.swiper-pagination-bullets,
	.wap-banner .swiper-pagination-custom, 
	.wap-banner .swiper-pagination-fraction {
	    bottom: 25px;
	}
}
@media screen and (max-width: 991px) {
	.wap-banner .wap-index-swiper-container .swiper-pagination-bullet {
	    width: 30px;
	    height: 6px;
	}
	.wap-banner .swiper-container-horizontal>.swiper-pagination-bullets,
	.wap-banner .swiper-pagination-custom, 
	.wap-banner .swiper-pagination-fraction {
	    bottom: 20px;
	}
}
@media screen and (max-width: 767px) {
	.wap-banner .wap-index-swiper-container .swiper-pagination-bullet {
	    width: 20px;
	    height: 6px;
	}
	.wap-banner .swiper-container-horizontal>.swiper-pagination-bullets,
	.wap-banner .swiper-pagination-custom, 
	.wap-banner .swiper-pagination-fraction {
	    bottom: 15px;
	}
}
@media screen and (max-width: 575px) {
	.wap-banner .wap-index-swiper-container .swiper-pagination-bullet {
	    width: 15px;
	    height: 5px;
	}
	.wap-banner .swiper-container-horizontal>.swiper-pagination-bullets,
	.wap-banner .swiper-pagination-custom, 
	.wap-banner .swiper-pagination-fraction {
	    bottom: 10px;
	}
}