﻿
@charset "utf-8";

/* CSS Document */



li {list-style: none;}

.clear {

	clear: both !important;

	height: 0px !important;

	width: 0px !important;

	float: none !important;

	margin: 0px !important;

	padding: 0px !important;

	border: 0px !important;

}

textarea:focus {

	outline: none;

}

input:focus {outline: none;}
input:focus {outline: none;}/*去除按钮选中的高亮标签*/

div, p, table, td, ul, li, span, a, ol, input {padding: 0px;margin: 0px;border: 0px;}
input::-ms-input-placeholder { /* Internet Explorer 10+ */color:#4d4d4d;font-size:14px;}
input::-webkit-input-placeholder { /* WebKit browsers */color:#4d4d4d;font-size:14px;}
input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#4d4d4d;font-size:14px;}
input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#4d4d4d;font-size:14px;}

.fl {float: left;}
.fr {float: right;}


.mo {display: none;}


#flexslider {

	width: 100%;

	height: 570px;

	margin: 0px auto 0px;

	clear: both;

	position: relative;

	overflow: hidden;

	z-index: 0;

}/***修改这里的高度*****/

/***图片上的箭头**/

#flexslider #ban .jiantou {

	width: 90%;

	margin-top:265px;

	height: 40px;

	z-index: 221;

	display: inline-block;

}/***修改这里的高度以调整箭头高度*****/

#flexslider #ban .jiantou .jiantou_left {

	cursor: pointer;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	color: transparent;
	background: url(../images/icon.png)no-repeat 5px -248px;
	width: 40px;
	height: 40px;
	background-color: rgba(255, 255, 255, 0.4);
	border: 0;
	transition: all 0.3s ease 0s;
	float: left; border-radius:50%

}

#flexslider #ban .jiantou .jiantou_left:hover{

background-color: rgba(255, 255, 255, 0.8); border-radius:50%

}

#flexslider #ban .jiantou .jiantou_right {

	width: 40px;
	height: 40px;
	cursor: pointer;
	background: url(../images/icon.png)no-repeat -42px -248px;
	margin: 0;
	background-color: rgba(255, 255, 255, 0.4);
	transition: all 0.3s ease 0s;
	border: 0;
	float: right; border-radius:50%

}
#flexslider #ban .jiantou .jiantou_right:hover{

	background-color: rgba(255, 255, 255, 0.8); border-radius:50%}

#ban {

	width: 100%;

	height: 570px;

	margin: auto;

	position: relative;

	overflow: hidden;

	z-index: 0;

}/***修改这里的高度*****/

#ban ul.ban_bj li {

	display: block;

	width: 100%;

	height: 570px;

	position: absolute;

	left: 0px;

	top: 0px;

	text-align: center;

	z-index: 30;

	cursor: pointer;

}/***修改这里的高度*****/

#ban ul.ban_bj li.on {

	z-index: 21;

}

#ban ul.ban_bj li a {

	display: block;

	text-indent: -300000em;

}

#ban ul.ul_dian {

	display: inline-block;

}

#ban ul.ul_dian li {
	display: block;
	width: 15px;
	height:15px;
	float: left;
background: #acc7e6;
cursor: pointer;
border-radius:3px;
margin: 0 8px; box-shadow:0 0 2px 1px rgba(0,0,0,.1)

}

#ban ul.ul_dian li.licurr {
width: 15px;
background:#518fd9; border-radius:3px;
height:15px; 
transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;
}

 @media screen and (max-width:1100px) {
 
 #ban ul.ul_dian li {
	display: block;
	width: 8px;
	height:8px;
	float: left;
background: #acc7e6;
cursor: pointer;
border-radius:2px;
margin: 0 5px;

}

#ban ul.ul_dian li.licurr {
width: 8px;
background: #518fd9; border-radius:2px;
height:8px; 
transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;
}


#flexslider #ban .jiantou .jiantou_left {

	cursor: pointer;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	color: transparent;
	background: url(../images/icon.png)no-repeat 0px -253px;
	width: 30px;
	height: 30px;
	background-color: rgba(0, 0, 0, 0.4);
	border: 0;
	transition: all 0.3s ease 0s;
	float: left; border-radius:50%

}



#flexslider #ban .jiantou .jiantou_right {

	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(../images/icon.png)no-repeat -47px -253px;
	margin: 0;
	background-color: rgba(0, 0, 0, 0.4);
	transition: all 0.3s ease 0s;
	border: 0;
	float: right; border-radius:50%

}

 }

.dian {

	width: 100%;

	text-align: center;

	position: absolute;

	bottom: 16px;

	z-index: 11111;

}

.jiantou_box {

	width: 100%;

	height: 0;

	text-align: center;

	position: absolute;

	z-index: 11111;

}


 @media screen and (max-width:1366px) {


#flexslider {

	height: 500px;

}

#ban {

	height: 500px;

}

#ban ul.ban_bj li {

	height: 500px;

	background-size: cover;

}


#flexslider #ban .jiantou {

	width: 90%;

	margin-top:230px;

	height: 40px;

	z-index: 221;

	display: inline-block;



}
}


 @media screen and (max-width:1040px) {


#flexslider {

	height: 350px;

}

#ban {

	height: 350px;

}

#ban ul.ban_bj li {

	height: 350px;

	background-size: cover;

}


#flexslider #ban .jiantou {

	width: 90%;

	margin-top:150px;

	height: 40px;

	z-index: 221;

	display: inline-block;



}
}

@media screen and (max-width:770px) {

#flexslider {

	height:280px;

}

#ban {

	height: 280px;

}

#ban ul.ban_bj li {

	height: 280px;

	background-size: cover;

}


#flexslider #ban .jiantou {

	width: 90%;

	margin-top:120px;

	height: 40px;

	z-index: 221;

	display: inline-block;



}
}

@media screen and (max-width:640px) {
#flexslider {height: 200px;}
#flexslider #ban .jiantou {width: 90%;margin-top:80px;height: 40px;z-index: 221;display: inline-block;}
#ban {height: 200px;}
#ban ul.ban_bj li {height: 200px;background-size: cover;}
}

@media only screen and (max-width:414px) {
#flexslider {height: 150px;}	
#flexslider #ban .jiantou {width: 90%;margin-top:55px;height: 40px;z-index: 221;display: inline-block; }
#ban ul.ban_bj li {height: 150px;background-size: cover;}
#ban {height:150px;}
#ban ul.ban_bj li {height: 150px;background-size: cover;}

}