@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% "微软雅黑"; color:#000000;text-align:center; background:#f2f2f2;}
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:#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% "微软雅黑";}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.m10{ margin:10px auto;}
.w1000{ width:1000px;}
.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;}

/*header*/
.header{background:#fff;height:41px;}
.header span{float:left;}
.header span img{margin-top:3px;}
.header em{float:right;padding-top:8px;}
.header em a{margin:0 6px;}
.header em,.header em a,.header em a:link,.header em a:visited,.header em a:hover{color:#666;}

.top01{ background:url(images/top_pc.jpg) top center no-repeat; height:372px;}
.top01 p{ display:none;}
.nav{ background:#fff; height:68px;}
.nav div{ line-height:68px; text-align:center; font-size:18px; font-weight:100}
.nav div a{ padding:0 30px; font-weight:normal;}

.title01{ background:url(images/line01.png) center no-repeat; text-align:center; font-size:36px; height:55px; line-height:55px; margin:30px auto; font-weight:100; color:#5c5c5c;}

.p1_con{ background:#fff; padding:20px 25px; width:950px;}
.p1_con .fl{ width:445px;}
.p1_con .fr{ width:470px;}
.p1_con .fr b{ display:block; font-size:24px; margin:15px 0 30px;}
.p1_con .fr p{ font-size:16px; text-indent:2em;}


.p2_con{ background:#fff; margin-bottom:30px;}
.p2_con h2{ text-align:center; padding:40px 0 0;}
.p2_con h2 img{ margin:0 auto;}

.p2_con dl{ background:url(images/bg00.png) center no-repeat; width:500px; height:352px; overflow:hidden; float:left;}
.p2_con dl dt{ float:left; width:140px; margin:50px 0 0 45px; text-align:right; font-size:14px; color:#5e5e5f;}
.p2_con dl dt img{ display:block; margin-bottom:10px;}
.p2_con dl dd{ width:265px; float:right; margin:50px 35px 0 0;}
.p2_con dl dd b{ display:block; color:#2f4776; font-size:24px; font-weight:normal;}
.p2_con dl dd span{ display:block; font-size:14px; line-height:140%; padding:8px 0;}
.p2_con dl dd p{ font-size:12px; line-height:160%; height:190px; overflow-x:hidden; overflow-y:auto;}
.p2_con dl dd i{ display:block; text-align:center; padding-top:5px;}
.p2_con dl dd i img{ cursor:pointer;}


.map_m{ display:none;}


.copyright{ text-align:center; padding:30px 0; }



.device { width:445px; height: 250px; position: relative;}
.device .arrow-left { background: url(images/arrows.png) no-repeat left top;position: absolute;left: 0px; top: 0; width: 17px; height: 30px;}
.device .arrow-right { background: url(images/arrows.png) no-repeat left bottom; position: absolute; right: 0; top: 0;
  width: 17px; height: 30px;}
.swiper-container { height: 230px; width: 445px;}

.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:0px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch { background: #fff;}


/* MEDIA QUERIES Mobile phone
---------------------------------------------------------------------- */	   
	   
@media (min-device-width:320px) and (max-width:689px),
       (max-device-width:480px)
	   {
.top01{ background:none; height:auto;}
.top01 p{ display: block;}
.top01 p img{ width:100%; height:auto;}
.w1000{ width:100%;}

.nav{ background:#fff; height: auto;}
.nav div{ width:90%; line-height:200%; padding:15px 0; text-align:center; font-size:18px; font-weight:100}
.nav div a{ padding:0 20px; font-weight:normal;}


.map_pc{ display:none;}
.map_m{ display:block;}

.p1_con{ background:#fff; padding:5%; width:90%;}
.p1_con .fl{ width:100%;}
.p1_con .fl img{ width:100%; height:auto;}
.p1_con .fr{ width:100%;}

.p2_con dl{ background:#f7f7f7; padding:2%; width:94%; height: auto; overflow:hidden; float: none; margin:20px auto;}
.p2_con dl dt{ width:35%; margin:0; float:left;}
.p2_con dl dt img{ width:100%; height:auto;}
.p2_con dl dd{ width:58%; float:right; margin:0;}

.device { width:100%; height: 210px;}
.swiper-container { height: auto; width: 100%;}
}