@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_18 li{ background:url(images/dot.gif) no-repeat 0 18px; padding-left:12px;font-size:18px; line-height:200%;}
.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{ height:280px; overflow:hidden;}

.fm_con_bg{ background:url(images/p1_01.jpg) top center no-repeat #e0f0ff;}
/*foucs3*/

.foucs3{ position:relative;width:940px; height:592px; background:url(images/bg00.jpg) bottom repeat-x #fff;}
.foucs3 li{ text-align:center; float:left;font-size:14px;line-height:40px; width:900px; padding:20px 0 0 20px; font-size:18px;}
.foucs3 li img{ display:block; margin-bottom:10px;}
.pre3{ background:url(images/lt.png);width:60px;height:100px; position:absolute;top:260px;left:0;z-index:100}
.next3{ background:url(images/rt.png);width:60px;height:100px;top:260px;right:0;position:absolute; z-index:100}


/*foucs2*/

.foucs2{ position:relative;width:1000px;}
.foucs2 h2{}
.foucs2 li{ position:relative; text-align:center;float:left; width:240px; margin:0 5px;}
.foucs2 li em{ position:absolute; background:url(images/icon03.png) no-repeat; width:26px; height:31px; display:block; z-index:10; top:70px; left:120px;}
.foucs2 li img{ display:block;}
.pre2{ background:url(images/lt.png) center;width:50px;height:80px; position:absolute;top:120px;left:0;z-index:100}
.next2{ background:url(images/rt.png) center;width:50px;height:80px;top:120px;right:0;position:absolute; z-index:100}


.nav_01{ background:#529afc; 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:#1974f0;}


.p1_con{ background:url(images/p1_bg.jpg) top center no-repeat #e6f3ff;}
.p1_con_box{ padding:4% 0 1%;}
.p1_con_box .fl{ width:510px; background:#fff; border-top:#4f8bfb 4px solid; padding:10px 15px 20px;}
.p1_con_box .fr{ width:402px; background:#e0eeff; padding:0;}
h2{ color:#135db0; font-size:30px; line-height:220%;}
.p1_con_box .fr .pic{ margin:0 auto 5px;}
.p1_con_box .fr .pic img{ display:block; margin-bottom:10px; font-size:14px;}
.p1_con_box .fr p{ display:block; padding:0 15px 18px; font-size:16px; color:#666; line-height:210%;}
.p1_con_box .fr h2{ padding-left:15px;}


.p3_con{ background:url(images/p2_bg.jpg) top center no-repeat #cadeff;}
.p3_con_box{ padding:6% 0 0; width:1003px;}
.p3_con_box .fl{ width:149px; position:relative; z-index:10;}
.p3_con_box .fr{ width:800px; float:left; background:url(images/bg002.png) right bottom no-repeat; padding-right:60px; padding-bottom:0; margin-left:-8px; position:relative; z-index:1;}
.p3_con_box{ padding:6% 0 0;}
.p3_con_box .fl ul li{ background:url(images/title_bg_02.png) ;width:149px; height:166px; margin-bottom:2px;}
.p3_con_box .fl ul li.t01{ background:url(images/title_bg_01.png); color:#fff;}
.p3_con_box .fl ul li i{ display:block; font-size:18px; padding:32px 0 20px; text-align:center; height:75px;}
.p3_con_box .fl ul li b{ font-size:30px; display:block; text-align:center; font-weight:normal;}

.p3_con_box .fr div{ width:800px;}
.p3_con_box .fr div span{ font-size:16px; display:block; text-align:right; text-align:right; height:60px; line-height:60px; color:#999;}
.p3_con_box .fr div span a,.p3_con_box .fr div a;hover{ color:#999;}

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




.copyright{ text-align:center; color:#8eb1e0; margin-top:40px;}