/*通用类代码*/
body{background-color:#ffffff;font-size:12px; color:#000; padding:0; margin:0 auto;width:100%;height:100%;font-family:"微软雅黑";}
ul,li,dl,dt,dd,p,div,br,p,table{margin:0; padding:0; list-style-type:none;}
/* 链接颜色 */
a:link{color: #000;text-decoration:none;}
a:visited{color: #000;text-decoration:none;}
a:hover{color: #000;text-decoration:none;}
a:active{color: #000;text-decoration:none;}
img{border:0;}
.clear{ clear:both;}
/*高度*/
.height10{;height:10px;}
.height20{;height:20px;}
/*浮动*/
.clear{clear:both;}
.float-left{float:left;}
.float-right{float:right;}
/*行高*/
.line-height24{line-height: 24px;}
/*文字对齐*/
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
/*topbar*/
.topbar{height:39px;width:100%; background:#FFF;}
.top{margin:0 auto; width:950px; font-size:12px; line-height:38px; background:#FFF;}
.logo{float:left;}
.topnav{float:right; color:#303a5f;}
.topnav a {color:#303a5f;text-decoration:none;}
.topnav a:hover {color:#303a5f;text-decoration:none;}
/*bottom*/
.pbottom{background-color:#717171; font-size:12px; line-height:22px; text-align:center; color:#fff; padding:6px; margin:0px 0px 0px 0px; height:92px; border-top: solid 3px #333;}
.pbottom a {color:#fff;text-decoration: none;}
.pbottom a:hover {text-decoration: underline;color:#fff;}

/*专题代码开始*/
.header{width: 100%;height: 804px;background: url(../images/bg01.jpg) center top no-repeat;}
.box{background: url(../images/bg02.png) center top;background-repeat: repeat-y;}
.box1{width: 950px;margin: 60px auto 0px auto;}
.box1-left{float: left;}
.box1-right{float: left;margin-left: 30px;width: 520px;}
.box1-right-top{font-size: 20px;font-weight: bold;color: #333;}
.box1-right-top2{font-size: 14px;color: #666;line-height: 26px;margin-top: 15px;}
.box1-right-mian{margin-top: 10px;}
.box1-right-mian-left{width: 270px;float: left;font-size: 14px;color: #666;line-height: 34px;}
.box1-right-mian-left a{color: #666;}
.box1-right-mian-left a:hover {color:#666;text-decoration:none;}
.box1-right-mian-right{width: 250px;float: left;font-size: 14px;color: #666;line-height: 32px;}
.box1-right-je{height: 40px;line-height: 38px;font-size: 18px;color: #7071a1;border-bottom: dashed 1px #dddddd;border-top: dashed 1px #dddddd;margin-top: 17px;}
.box1-right-bottom{font-size: 14px;color: #666;line-height: 28px;margin-top: 17px;}
.box1-right-bottom2{margin-top: 10px;}
.box1-right-bottom2 a{display: block;font-size: 14px;color: #666;line-height: 32px;}
.box1-right-bottom2 a:hover{color: #666;}
.box1-right-bottom2 a span{color: #7071a1;}

/*焦点图区域*/
.focus{width:400px; height:450px; overflow:hidden; position:relative; zoom:1;}
.focus .image{position:relative;width:400px;height:450px;overflow:hidden;color:#fff;}
.focus .image ul{position:absolute;top:0;width:400px;height:450px;overflow:hidden;}
.focus .image li{position:relative;float:left;width:400px;height:450px;overflow:hidden;}
.focus .image a{display:block;}
.focus .caption{position:absolute;bottom:0;width:390px;padding: 0px 15px;line-height:40px;color:#fff;background:#000;background:rgba(82,83,117,0.65);font-size: 14px;}
.focus .trigger{position:absolute;bottom: 10px;right: 10px;}
.focus .trigger li{float:left;text-align:center;*height:20px;line-height:20px;font-weight:bold;margin:0 5px 0 0; width:20px; color:#000;background:#fff;cursor:pointer;*/}
.focus .trigger li.current{color:#fff;background:#ff7d01;}

.box2{width: 950px;margin: 60px auto 0px auto;}
.box2-top-left{font-size: 28px;font-weight: bold;color: #525375;height: 80px;line-height: 80px;float: left;}
.box2-top-right{float: right;}
.box2-top-right-mian{float: left;margin-top: 28px;}
.box2-top-right-mian-content1{width: 24px;height: 24px;background: #19ab7b;float: left;}
.box2-top-right-mian-content2{width: 24px;height: 24px;background: #efbd6b;float: left;margin-left: 34px;}
.box2-top-right-mian-content3{margin-left: 5px;float: left;height: 24px;line-height: 24px;font-size: 18px;color: #525375;}

.box2-table table{border-collapse: collapse;width: 949px;border: solid 1px #b7b8d0;margin-bottom: 2px;}
.box2-table table tr{border: solid 1px #b7b8d0;}
.box2-table table tr th{border: solid 1px #7071a1;color: #fff;background: #7071a1;height: 40px;line-height: 40px;font-size: 18px;}
.box2-table table tr td{border: solid 1px #b7b8d0;padding: 10px;line-height: 20px;text-align: center;vertical-align: middle;color: #fff;background: #29c97e;font-size: 14px;}
.box2-table table tr td.signing{background: #f43636;}

.box3{width: 950px;margin: 0px auto 50px auto;}


/* 多个左滚动 - 图片- 公用类 */
.leftLoop{overflow:hidden; position:relative;}
.leftLoop .hd{}
.leftLoop .hd .prev{display:block;width: 20px; height:50px;cursor:pointer; background:url("../images/bg05.png") center center no-repeat;position: absolute;left: 0px;top: 50%;margin-top: -25px;z-index: 11;}
.leftLoop .hd .next{display:block;width: 20px; height:50px;cursor:pointer; background:url("../images/bg06.png") center center no-repeat;position: absolute;right: 0px;top: 50%;margin-top: -25px;z-index: 11;}
.leftLoop .hd ul{;overflow:hidden; zoom:1;position: absolute;bottom: 10px;left: 50%;}
.leftLoop .hd ul li{position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);}
.leftLoop .hd ul li.on{background:#525375;}
.leftLoop .bd{width: 950px;height: 420px;margin: 0px -18px;}
.leftLoop .bd ul{overflow:hidden; zoom:1; }
.leftLoop .bd ul li{margin:0 18px; text-align:center; float:left; _display:inline; overflow:hidden;}
.leftLoop .bd ul li img{border: solid #525375 1px;width: 290px;height: 380px;}

.box4{width: 950px;margin: 0px auto;}
.box-img{width: 950px;height: 445px;margin: 0px auto;}
.box-img img{height: 445px;width: 950px;}

.f_gray{color: #333;}

.box3-top{margin-bottom: 5px;}
.box3-top .hover{background: #525375;color: #fff;}
.box3-top-mian{padding: 0px 20px;height: 40px;line-height: 40px;border-top-left-radius: 6px;border-top-right-radius: 6px;background: #dadada;color: #999;font-size: 24px;float: left;margin-right: 5px;cursor: pointer;}


.big_img{position: fixed;z-index: -1;opacity: 0;background: rgba(255,255,255,0.9);width: 100%;height: 100%;top:0;left:0;}
.big_img .swiper-container2 {position: relative;width: 100%;height: 100%;}
.big_img .swiper-container2  .swiper-wrapper{width: 100%;height: 100%;}
.big_img .swiper-slide{width: 100%;height: 100%;display: table}
.big_img .swiper-slide .cell{width: 100%;;height: 100%;display: table-cell;vertical-align: middle;text-align: center;}
.big_img .swiper-slide img{max-width: 90%;max-height: 80%;margin:0 auto;}
.big_img .swiper-pagination2{position: absolute; top:0.2rem;text-align: center;width: 100%;}
.big_img .swiper-pagination2 span{margin:0 0.05rem;}
.xz01-mian{margin: ;}
.xz01-mian,.xz02-mian,.xz03-mian,.xz04-mian,.xz05-mian{width: 33.33%;float: left;text-align: center;background: #19ab7b;border-left: solid 1px #fff;margin-left: -1px;border-right: solid 1px #fff;margin-right: -1px;}
.xz01-mian.signing,.xz02-mian.signing,.xz03-mian.signing,.xz04-mian.signing,.xz05-mian.signing{background: #efbd6b;}
.xz01-mian div,.xz02-mian div,.xz03-mian div,.xz04-mian div,.xz05-mian div{border-right: solid 1px #fff;border-bottom: solid 1px #fff;width: 33.33%;float: left;height: 40px;line-height: 40px;text-align: center;vertical-align: middle;color: #fff;font-size: 14px;margin-right: -1px;}
.rightButton{width:115px;position: fixed;right:30px;top:10%;}
.rightButton ul li{color:#41576c;text-align:center;margin-top:4px;width:115px;height:40px;line-height: 40px;background: #DBE2E8;border-radius: 3px;}
.rightButton ul li a{text-decoration: none;color:#41576c;}
.rightButton ul li.hover{background: #1B9DFE;}
.rightButton ul li.hover a{color:#FFFFFF;}
.rightButton ul li.last{background: #41576c;color:#FFFFFF;text-indent:23px;}
.rightButton ul li.last img.small{width:18px;height:18px;position:absolute;left:15px;top:11px;}
.bigerweima{width:160px;height:184px;text-align:center;position:absolute;left: -22px;top: 51px;margin-left: 0px;text-indent:0px;}



#wrapper{
	margin:50px auto;
	width:950px;
	height:445px;	
	position:relative;
	color:#fff;
	text-shadow:rgba(0,0,0,0.1) 2px 2px 0px;	
}

#slider-wrap{
	width:950px;
	height:445px;	
	position:relative;
	overflow:hidden;
}

#slider-wrap ul#slider{
	width:100%;
	height:100%;
	
	position:absolute;
	top:0;
	left:0;		
}

#slider-wrap ul#slider li{
	float:left;
	position:relative;
	width:950px;
	height:445px;	
}
#slider-wrap ul#slider li img{width: 100%;height: 100%;}
#slider-wrap ul#slider li > div{
	position:absolute;
	top:20px;
	left:35px;	
}

#slider-wrap ul#slider li > div h3{
	font-size:36px;
	text-transform:uppercase;	
}

#slider-wrap ul#slider li > div span{
	font-family: Neucha, Arial, sans serif;
	font-size:21px;
}

#slider-wrap ul#slider li i{
	text-align:center;
	line-height:400px;
	display:block;
	width:100%;
	font-size:90px;	
}


/*btns*/
.btns{
	position:absolute;
	width:50px;
	height:40px;
	top:50%;
	margin-top:-25px;
	line-height:57px;
	padding-top: 20px;
	text-align:center;
	cursor:pointer;	
	background:rgba(0,0,0,0.1);
	z-index:100;
	-webkit-user-select: none;  
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-ms-user-select: none;
	
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.btns:hover{
	background:rgba(0,0,0,0.3);	
}

#next{right:-50px; border-radius:7px 0px 0px 7px;}
#previous{left:-50px; border-radius:0px 7px 7px 7px;}
#counter{
	top: 30px; 
	right:35px; 
	width:auto;
	position:absolute;
}

#slider-wrap.active #next{right:0px;}
#slider-wrap.active #previous{left:0px;}


/*bar*/
#pagination-wrap{
	min-width:20px;
	margin-top:350px;
	margin-left: auto; 
	margin-right: auto;
	height:15px;
	position:relative;
	text-align:center;
}

#pagination-wrap ul {
	width:100%;
}

#pagination-wrap ul li{
	margin: 0 4px;
	display: inline-block;
	width:5px;
	height:5px;
	border-radius:50%;
	background:#fff;
	opacity:0.5;
	position:relative;
  top:0;
  
  
}

#pagination-wrap ul li.active{
  width:12px;
  height:12px;
  top:3px;
	opacity:1;
	box-shadow:rgba(0,0,0,0.1) 1px 1px 0px;	
}




/*Header*/
h1, h2{text-shadow:none; text-align:center;}
h1{	color: #666; text-transform:uppercase;	font-size:36px;}
h2{ color: #7f8c8d; font-family: Neucha, Arial, sans serif; font-size:18px; margin-bottom:30px;} 




/*ANIMATION*/
#slider-wrap ul, #pagination-wrap ul li{
	-webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-moz-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-o-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-ms-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	transition: all 0.3s cubic-bezier(1,.01,.32,1);	
}