/* 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 8px; }
.control_b .flex-control-nav a { width:28px; height:5px; opacity: 0.5; 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 {color: #fcf4eb; zoom: 1; opacity: 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: ;
	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: ;
	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);
}





.wap-banner{
	position: relative;
	overflow: hidden;
}
.wap-banner .index-swiper-container .swiper-pagination-bullet {
    width: 15px;
    height: 4px;
	border-radius: 0;
	background-color: #fcf4eb;
}