@charset "utf-8";
/* CSS Document */
html{font-size:62.5%;}
body{ padding:0; margin:0;  font:normal 12px/200% "微软雅黑"; font-size:1.2rem; color:#000000;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% "微软雅黑"; font-size:1.2rem;}
li,p{text-align:left;font:normal 12px/200% "微软雅黑"; font-size:1.2rem;}
a:link,a:visited{color:#000000; text-decoration:none;}
a:hover{color:#000000; 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% "微软雅黑"; font-size:1.2rem;}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.m10{ margin:10px auto;}
.fl{ float:left;}
.fr{ float:right;}
.w1400_320{width:1400px;}
.withe,.withe a:link,.withe a:visited,.withe a:hover{ color:#fff;}
.red,.red a:link,.red a:visited,.red a:hover{ color:#cc3333;}

/*top*/
.top01{ height:46px; background:url(images/bg01.jpg) top center;}
.top01 em{ float:left; padding-top:5px;}
.top01 i{ float:right; line-height:46px;}
.top01 i a{ padding:0 8px;}

.nav01{ background:url(images/bg02.jpg) top center no-repeat; height:120px; width:100%; overflow:hidden;}
.nav01 em{ float:left; padding-top:20px;}
.nav01 p{ font:normal 18px/120px "微软雅黑"; text-align:right; font-size:1.8rem;}
.nav01 p a{ padding:0 20px;}


.p1_con{ margin:30px auto;}
.p1_con .fl{ width:1036px;}
.p1_con .fr{ width:350px;}
.p1_con .fr ul li{ float:left; width:166px; margin:0 0 8px 8px; background:#f9f9f9;height:190px;}
.p1_con .fr ul li img{ display:block;}
.p1_con .fr ul li p{ padding:10px 10px 5px 15px;line-height:160%;}


h2{ font-size:30px; font-size:3.0rem; line-height:60px; font-weight:bold;}
.p2_con{ margin:20px auto;}
.p2_con ul{}
.p2_con ul li{ float:left; padding:14px; background:#f9f9f9; border:#f0f0f0 1px solid; margin:10px 20px 15px 20px; width:160px;height:160px;line-height:160%; text-align:center;}
.p2_con ul li img{ display:block;}
.p2_con ul li p{ display:block; margin:15px auto 0; border-left:#e0d9d9 3px solid; padding-left:8px;}
.p2_con ul li p b{ font-size:14px; font-size:1.4rem; display:block;}
.p2_con ul li p,.p2_con ul li p a,.p2_con ul li p a:hover{ color:#666;}
.page_n{ text-align:center; padding:50px 0;}
.copyright{ background:#0e1a1e; color:#fff; text-align:center; padding:20px 0;}

.nav1{ display:none;}



/* MEDIA QUERIES PAD
---------------------------------------------------------------------- */
@media (min-device-width:1024px) and (max-width:1400px),
       screen and (max-device-width:1400px) {
		html{font-size:62.5%;}  
.w1400_320{width:980px;}	   
.p1_con .fl{ width:980px; float:none;}		   
.p1_con .fl img{ width:980px; height:auto;}		   
.p1_con .fr{ width:980px; float:none;}
.p1_con .fr ul li{ margin:0 1px 0 0; width:162px;}
.p1_con .fr ul li img{ width:162px; height:auto;}		   
		   
.p2_con ul li{ margin:10px 26px 30px;}		   
		   }

 /* MEDIA QUERIES Mobile phone
---------------------------------------------------------------------- */	   
	   
@media (min-device-width:320px) and (max-width:760px),
       (max-device-width:480px) and (orientation:portrait){
	    html{font-size:62.5%;} 
		.w1400_320{width:100%;}
.nav01{ height:190px;}
.nav01 em{ display:block; width:100%; float:none; text-align:center; padding-top:20px;}
.nav01 p{ font:normal 18px/200% "微软雅黑"; text-align: center; font-size:1.8rem; padding-top:10px;}
.nav01 p a{ padding:0 12px;}
.withe,.withe a:link,.withe a:visited,.withe a:hover{ color:#333;}
.p1_con{ margin:10px auto;}
.p1_con .fl{ width:100%; float:none;}	
.p1_con .fl img{ width:100%; height:auto;}		
	
.p2_con ul{ width:90%; margin:0 auto;}
.p2_con ul li{ margin:10px 6px 10px; padding:4%; width:40%;height:380px;}
.p2_con ul li a{font-size:24px;line-height:160%;}		
.p2_con ul li img{ width:95%; height:auto;}

.p1_con .fr{ display:none;}
.nav1_pic{ float:left; width:100%; margin:0 1px 0; background:#f9f9f9;}
.nav1_pic img{ display:block;}
.nav1_pic p{ padding:10px 10px 11px 15px;}
.page_n a{font-size:26px;}
.nav1{ display:block;}
 .swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
.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 {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
.swiper-container{width:100%;text-align:center; height:185px; overflow:hidden;}


}