@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% "微软雅黑"; color:#333;text-align:center;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/200% "微软雅黑";}
li,p{text-align:left;font:normal 12px/200% "微软雅黑";}
a:link,a:visited{color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/200% "微软雅黑";}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.m10{ margin:10px auto;}
.w980{ width:980px;}
.list_14 li{ background:url(images/dot.gif) no-repeat 0 12px; padding-left:12px;font-size:14px;}
.list_12 li{ background:url(images/dot.gif) no-repeat 0 8px; padding-left:12px;}
.fl{ float:left;}
.fr{ float:right;}

/*top*/
.top01{ height:30px; background:#f2f2f2;}
.top01 em{ float:left;}
.top01 i{ float:right; line-height:30px;}
.top01 i a{ padding:0 8px;}

.w1000{ width:1000px;}



.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide { position:relative; overflow:hidden;}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}
html { height: 100%;}
body {position: relative;height: 100%;}
.swiper-container {width: 100%;height: 100%;}

.gray,.gray a:link,.gray a:visited,.gray a:hover{ color:#666;}
.withe,.withe a:link,.withe a:visited,.withe a:hover{ color:#fff;}
.fm_con{ background:url(images/p1_01.jpg) top center no-repeat; height:918px; overflow:hidden;}

.nav_01{ background:#4b4b4d; height:60px; position:fixed; bottom:0; width:100%; text-align:center; left:0; z-index:100; font:normal 18px/60px "微软雅黑"; overflow:hidden;}
.nav_01 a{ padding:0 22px;}
.nav_01 i{ padding:17px 20px; background:#0298eb;}


.p1_con{ background:url(images/p1_bg.jpg) top center no-repeat;}
.p1_con_box{}
.p1_con_box .fl{ width:550px;}
.p1_con_box .fr{ width:405px;}
.p1_con_box .fl .fouse{ padding-top:15px;}
.p1_con_box .fl .text{ font:normal 18px/210% "微软雅黑"; padding:10px 0; border-bottom:#ccc 1px solid;}
h2{ color:#135db0; font-size:24px; line-height:220%;}
.p1_con_box .fr dl{ border-bottom:#ccc 1px solid; padding:15px 0;}
.p1_con_box .fr dl dt{ float:left; width:120px;}
.p1_con_box .fr dl dd{ float:right; font-size:14px; width:260px;}
.p1_con_box .fr dl dd b{ display:block; font:normal 18px/200% "微软雅黑";}
.p1_con_box .fr dl dd i{ display:block;}
.p1_con_box .fr .pic{ margin:8px auto 15px;}
.p1_con_box .fr .pic img{ display:block; margin-bottom:10px; font-size:14px;}
.p1_con_box .fr .pic p{ display:block;}

#box4{width:550px;height:310px;position:relative;}
#box4 ul li{display:none;text-align:center;position:absolute;}
#box4 ul li img{display:block;}
#box4 ul li span{position:absolute;top:280px;left:8px;font-size:14px;z-index:3;}
#box4 ul li a{color:#fff;}
#box4 ul li div{background:#000;filter:alpha(opacity=70);opacity:.7;height:40px;line-height:40px;position:absolute;top:270px;width:550px;z-index:1;}
#box4 ol{position:absolute;top:285px;right:5px;z-index:1;}
#box4 ol li.active{display:block;background:url(images/icon02.png) no-repeat;filter:alpha(opacity=70);opacity:.7;}
#box4 ol li{width:12px;height:12px;float:left;cursor:pointer;margin:0 3px;background:url(images/icon01.png) no-repeat;filter:alpha(opacity=70);opacity:.7;text-indent:-9999px;}



.p2_con{ background:url(images/p2_bg.jpg) top center no-repeat;}
.p2_con_box{ padding:6% 0 0;}
.p2_con_box .fl{ width:146px;}
.p2_con_box .fr{ width:824px;}
.p2_con_box .fl ul li{ background:url(images/title_bg02.png); width:146px; height:324px; margin-bottom:20px;}
.p2_con_box .fl ul li.t01{ background:url(images/title_bg.png); color:#fff;}
.p2_con_box .fl ul li i{ display:block; font-size:18px; padding:90px 0 20px; text-align:center;}
.p2_con_box .fl ul li b{ font-size:30px; display:block; text-align:center; font-weight:normal;}
.p3_con_box{ padding:6% 0 0;}
.p3_con_box .fl ul li{ background:url(images/title_bg04.png) ;width:146px; height:209px; margin-bottom:20px;}
.p3_con_box .fl ul li.t01{ background:url(images/title_bg03.png); color:#fff;}
.p3_con_box .fl ul li i{ display:block; font-size:18px; padding:50px 0 20px; text-align:center;}
.p3_con_box .fl ul li b{ font-size:30px; display:block; text-align:center; font-weight:normal;}



.p4_con{ background:url(images/p3_bg.jpg) top center no-repeat;}

/*p4-focus*/
#box{width:983px;height:730px;position:relative;overflow:hidden; padding-top:4%; padding-bottom:2%;}
#pic_list li{display:none;text-align:center;font-size:14px;position:absolute;height:730px;}
#pic_list li.active{display:block;}
#pic_list li img{display:block;border:none;}
#pic_list li i{z-index:1;position:absolute;height:70px;display:block;line-height:70px;top:620px;left:0; width:480px; background:#000;color:#fff;filter:alpha(opacity=80);  
-moz-opacity:0.8;  
-khtml-opacity: 0.8;  
opacity: 0.8; text-align:left; padding-left:20px;}
#pic_list li i a:link,#pic_list li i a:hover,#pic_list li i a:visited{color:#fff;text-decoration:none;}
#num_list{z-index:2;clear:both;height:50px; position:absolute;top:660px;left:500px;width:483px;padding:10px 10px; background:#000;filter:alpha(opacity=80);  
-moz-opacity:0.8;  
-khtml-opacity: 0.8;  
opacity: 0.8; }
#num_list li{width:80px;height:50px;padding:0;text-align:center;overflow:hidden;float:left;margin-right:1px;}
#num_list li i{display:none;}
#num_list li img{width:80px; height:50px; }
#num_list .pic_list{ height:50px; overflow:hidden;}
#num_list li:hover img{}
#num_list li.active img{border:1px solid #666;width:78px; height:48px;}
.pic_list{height:730px; overflow:hidden;}
.pic_list ul{ position:relative;left:0;top:0; float:left;width:auto;}
.up{ text-align:center;cursor:pointer; position:absolute;top:-320px;left:-500px; z-index:10}
.down{ text-align:center; cursor:pointer;position:absolute;top:-320px;right:20px;}



.copyright{ text-align:center; color:#666;}