/*通用类*/
*{
	margin:0;
	padding:0;	
}
body{ max-width:640px;	

	margin:0 auto;
	font-size:14px;
	font-family:arial,Microsoft Yahei;	
	background:#fff;
	color:#545456; 

}
h1,h2,h3{	
	font-weight:500;	
}
img{
	border:none; max-width:100%;	
}
a{
	cursor:pointer;
	color:#545456;
	text-decoration:none;	
	outline:none;
}
a:hover{
	color:#4674ae;	
}
ul{
	list-style-type:none;	
	border:0;
	width:auto;
}
em{
	font-style:normal;	
}
span{
	float:none;
	margin:0;	
	
}
.f_l{
	float:left;	
}
.f_r{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
input,textarea{
	font-family:"Microsoft Yahei";
	outline:none;	
}
table{
	border-collapse:collapse;	
}
table td,table th{
	padding:0;	
}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;	
}
/*wrapin 主体容器宽度*/
.wrapin{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

/*公用CSS 开始*/

/*header 开始*/
.header{
	height:auto; width:100%;
	background:#fff; overflow:hidden;
		
}
.header .logo{ width:100%; height:auto; border-bottom:1px solid #d7e4ea;
	float:left; text-align:center;
	margin-top:5px; 
}
.nav{width:100%;
	float:right; 
	height:auto;
	
text-align:center;
	font-size:16px;
	color:#153768;	
}
.nav li{ display:inline-block; position:relative; padding-left:3px; padding-right:3px; margin-left:0px; text-align:center;}
.nav li a{ display:block;width:100%; height:40px; line-height:40px; vertical-align:middle; color:#a7a7a8; font-size:14px;}
.nav li:hover,.nav .hover{ color:#000; }
.nav li:hover a,.nav .hover a{color:#000;}
.banner{ width:100%; height:auto; overflow:hidden;}
.wap-nav{ display:none;}
.st2{ width:100%; height:auto; float:left;}

/*header 结束*/

/*footer 底部开始*/
.footer{ width:100%; position:fixed; bottom:0;
	background:#272727; height:auto; overflow:hidden; z-index:999999999;

	   
}
.footer a{
	color:#fff !important;	
}
.footer ul li{ width:50%;	box-sizing:border-box; height:auto; float:left; text-align:center;}
.footer ul li a{ display:block;}
.footer ul li img{ display:block;}

.box{width:100%; padding:20px 30px 20px 30px; box-sizing:border-box; line-height:30px; text-align:justify; position:relative;height: auto;
    overflow: hidden;}
.blue-style{ color:#3090BC; font-weight:bold;}
.green-style{color:#4D8315; font-weight:bold;}
.font-18{font-size:18px;}
.font-16{font-size:16px;}
.font-14{font-size:14px;}
.sl-style{ color:#022437;}
.bg1{ background:#f5f7f9;}
.st1 h1{ font-size:20px; font-weight:bold; color:#264B6F; margin-bottom:20px;}
.st1{ text-align:center;}
.st1 p{ color:#022437; font-size:16px;}
.more{ display:inline-block; background:#FFD202; font-size:20px; color:#fff; padding-left:30px; padding-right:30px; line-height:40px; vertical-align:middle; border-radius:5px;}
.st3{ height:40px; float:left; width:100%;}


#example {width: 500px;height: 350px;background: red;margin: 1000px auto 0 auto;}
@-webkit-keyframes fadeInLeft{
			0%{	opacity: 0;	transform: translate3d(-100%,0,0);}
			100%{opacity: 1;transform: none;}
		}
@-webkit-keyframes fadeInTop{
			0%{	opacity: 0;	transform: translate3d(0,-100%,0);}
			100%{opacity: 1;transform: none;}
		}
@-webkit-keyframes fadeInRight{
			0%{	opacity: 0;	transform: translate3d(100%,0,0);}
			100%{opacity: 1;transform: none;}
		}
@-webkit-keyframes fadeInBottom{
			0%{	opacity: 0;	transform: translate3d(0,100%,0);}
			100%{opacity: 1;transform: none;}
		}
@-webkit-keyframes fadeIn{
			0%{	opacity: 0;	transform: translate3d(0,0,0);}
			100%{opacity: 1;transform: none;}
		}
.fadeInLeft {animation-name: fadeInLeft;animation-duration: 2s;animation-fill-mode:forwards;}
.fadeInTop {animation-name: fadeInTop;animation-duration: 2s;animation-fill-mode:forwards;}
.fadeInRight {animation-name: fadeInRight;animation-duration: 2s;animation-fill-mode:forwards;}
.fadeInBottom {animation-name: fadeInBottom;animation-duration: 2s;animation-fill-mode:forwards;}
.fadeIn{animation-name: fadeIn;animation-duration: 2s;animation-fill-mode:forwards;}


.f-box1 p{ opacity:0;}
.list2{ margin-top:10px; margin-bottom:10px; width:100%; height:auto; overflow:hidden;}
.list2 li{ width:33.33%; float:left; height:auto; padding-left:30px; padding-right:30px; box-sizing:border-box; text-align:center;}

.st4{ background:url(../images/pic18.png) repeat-x; background-size:auto 88%; opacity:0;}
.f-box2 h1{ opacity:0;}
.list2 li{ opacity:0;}
.list3{ position:absolute; bottom:0; width:80%; right:30px; bottom:35px;}
.list3 li{ opacity:0;}
.list3-bg{ opacity:0;}

.sn-st1{ position:relative;}
.sn-st1 img{ display:block; float:left;}
.sn-st23{ position:absolute; bottom:0px; opacity:0; z-index:999;}

.list1{ width:100%; height:auto; float:left; overflow:hidden; text-align:center; margin-top:15px; margin-bottom:20px; opacity:0;}
.list1 h1 {width:100%; height:auto; float:left; overflow:hidden; margin-bottom:10px;}
.list1 h1 img{ max-height:30px;}
.list1 p{ font-size:16px; line-height:30px; width:100%; text-align:left;}
.green-more{ display:inline-block; background:#90ce4d; font-size:20px; color:#fff; padding-left:30px; padding-right:30px; line-height:40px; vertical-align:middle; border-radius:5px;}

.bg2{ background:#272727;}
.yellow-style{ color:#FFD202; font-weight:bold;}
.bg4{ background:#ffd200;}
.small-ban{ width:100%; height:auto;  overflow:hidden;}
.whiter-more{display:inline-block; background:#fff; font-size:20px; color:#272727; padding-left:30px; padding-right:30px; line-height:40px; vertical-align:middle; border-radius:5px;}
.ll-more{display:inline-block; background:#5a83f5; font-size:20px; color:#fff; padding-left:30px; padding-right:30px; line-height:40px; vertical-align:middle; border-radius:5px;}
.bg5{ background:#343535;}
.red-style{color:#BE4653; font-weight:bold}

.box2{width:100%; height:auto; float:left; background:#323132; padding-top:15px; padding-bottom:20px;}
.title{ width:100%; height:auto; float:left;}
.list4{ position:absolute; left:-50%; margin-left:450px; width:900px; height:auto; float:left;  }
.list4 li{ width:300px; padding-left:10px; padding-right:10px; box-sizing:border-box; float:left;}
.list4-box{ width:100%; height:auto; float:left; position:relative; }
.list5{ width:100%; height:auto; background:#F1F1F0; padding:15px; box-sizing:border-box; overflow:hidden;}
.list5 li{ width:20%; float:left; height:auto; box-sizing:border-box;}
.list5 li img{ display:block; max-width:100%;}
.list5 .list5-on{ border:1px solid #d3a9a7; background:#fff;}
.list5-con-list img{ display:none; width:100%;}


.slide{
		width: 100%;
		min-height: 180px; margin-bottom:10px;
		overflow: hidden;
		position: relative;

	}
	.slide .img{
		overflow: hidden;
		position: absolute;
		transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
	}
	.slide .img img{
		width: calc(100% - 14px);
		height: calc(100% - 14px);
		margin: 7px;
	}
	.slide .img1{
		width: 40%;
		height: 40%;
		top: 30%;
		left: -50%;
		z-index: 1;
	}
	.slide .img2{
		width: 60%;
		height: 60%;
		top: 20%;
		left: -20%;
		z-index: 2;
	}
	.slide .img3{
		width: 80%;
		height: 80%;
		top: 10%;
		left: 10%;
		z-index: 3;
	}
	.slide .img4{
		width: 60%;
		height: 60%;
		top: 20%;
		left: 60%;
		z-index: 2;
	}
	.slide .img5{
		width: 40%;
		height: 40%;
		top: 30%;
		left: 110%;
		z-index: 1;
	}
	.slide-bt{
		position: absolute;
		left: 50%;
		bottom: 2%;
		z-index: 10;
	}
	.slide-bt span{
		width: 10px;
		height: 10px;
		background: rgba(255,255,255,0.7);
		float: left;
		margin: 5px;
		border-radius: 50%;
	}
	.slide .slide-bt .on{
	background: #ffffff;
    width: 12px;
    height: 12px;
    margin-top: 4px;
	}
	
	.more-box{ width:100%; height:auto; text-align:center;}
	.yellow2-more{ background:#f0a93e;display: inline-block;    font-size: 20px;
    color: #fff;    padding-left: 30px;
    padding-right: 30px;    line-height: 40px;
    vertical-align: middle;    border-radius: 5px;}


.box3{ padding-top:15px; padding-bottom:15px;    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    height: auto;
    overflow: hidden;}
	.footer ul{ width:100%; height:auto; overflow:hidden;}
	.footer2{ background:none;}
	.footer2 ul li{ padding:0;}
	.footer2 ul li img{ display:block; }
	.footer2 ul .li1{ width:44%;}
	.footer2 ul .li2{ width:12%;}
	
	.box{width:96%; margin:0 auto;}

	.bcon{  width:96%; float:left; height:100px; overflow:hidden; margin-left:2%; border-bottom:1px solid #dadada; padding-top:5px; padding-bottom:5px;}
	.list_lh{ width:100%; height:100px;}
	.list{ width:100%; height:auto; float:left; overflow:hidden;}
	.list li{ width:100%; height:auto; float:left; line-height:30px; vertical-align:middle; font-size:12px;}
	.list .list_lh1{width:15%; overflow:hidden;float:left; padding-left:10px; box-sizing:border-box;}
	.list .list_lh2{width:15%;float:left;}
	.list .list_lh3{width:20%;float:left;}
	.list .list_lh4{width:30%;float:left;}
	.list .list_lh5{width:20%;float:left;}
	.tir{ background:#fa6e6e; color:#fff; padding-top:5px; padding-bottom:5px;width:96%; margin-left:2%; }
	
	.imgbox{ width:100%; height:auto; float:left;}
	.img-list{width:100%; height:auto; float:left;}
	.img-list li{ float:left;}
	.btn-xx{width:100%; margin-top:20px; height:auto; float:left; text-align:center;}
	.btn-xx li{ width:5px; height:5px; background:#dcdcdc; display:inline-block; margin-left:15px; margin-right:15px;}
	.btn-xx .onc,.btn-xx li:hover{ width:5px; height:5px; background:#5cbbe5;}
	
	.bab{ width:100%; height:; float:left;}
	/* main_image */
.main_visual{height:335px;overflow:hidden;position:relative;}
.main_image{height:100%;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:100%;overflow:hidden;position:absolute;top:0;left:0;margin-top:0px; margin-left:0px;}
.main_image li{float:left;width:100%;height:100%;}
.main_image li span{display:block;width:100%;height:100%; background-size:100% auto; background-repeat:no-repeat; background-position:center top;}
.main_image li a{display:block;width:100%;height:100%}

div.flicking_con{position:absolute;bottom:20px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}


.addWrap{ position:relative; width:100%; height:auto; float:left; background:#fff;margin:0; padding:0; margin-bottom:20px;}
.addWrap .swipe{overflow: hidden;visibility: hidden;position:relative; padding-bottom:30px;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}
#position,#position2{ position:absolute; bottom:0; right:0; padding-right:0px; margin:0;  opacity: 0.4; width:100%; filter: alpha(opacity=50);text-align:center;}
#position li,#position2 li{width:8px;height:8px;margin:0 2px;display:inline-block;-webkit-border-radius:5px;border-radius:0px;background-color:#AFAFAF;}
#position li.cur,#position2 li.cur{background-color:#5bbbe3;}
.img-responsive { display: block; max-width:100%;height: auto;}
#position4{ bottom:22px;}

#position2 li{ float:left;}
#position2{ width:72px; left:50%; margin-left:-36px;}

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