/* CSS Document */
h2 { font:1.825em/1.5em "Microsoft YaHei"; color:#000; text-align:center;}
.f12bla .firstNd p { font:1em/1.5em "Microsoft YaHei"; }
.alignLeft{ text-align:left;color:#3AB2AE;}

.picList { width:100%; overflow:hidden;}
.picList ul { width:100%;}
.picList li { float:left;}
.picList p { font:1em/1.5em "Microsoft YaHei";}
.picList .w20 li { width:20%; text-align:center; margin-right:6%;}
.picList .w20 li:last-child { margin-right:0;}
.picList .w20 li .cBlack { display:block;}
.picList .w20 li img { margin-bottom:.4em;}

.picList .w33 li { width:33.3%; text-align:center;}
.picList .w33 li img.w60 { width:60%;}
.picList .w33 li img.w100 { width:100%;}

.picList .w50 li { width:48%;}
.picList .w50 li:first-of-type { margin-right:.833em;}
.picList .w50 li:first-of-type img { width:50%; display:inline; float:left;}
.picList .w50 li:nth-child(2) img { margin-bottom:.833em}
.picList .w50_02 li { width:48%;}
.picList .w50_02 li:nth-child(2),.picList .w50_02 li:nth-child(3) { width:22.5%; margin-left:.833em;}




.slider {width:100%; height:13em; margin:0 auto; position:relative;}

/*首页焦点图新样式*/
#swiper-wrapper .swiper-slide,#swiper-wrapper .swiper-slide a{ display:block;} 
.swiper-slide a{ display:block;}
.swiper-slide{ display:block;}
.swiper-container { height:13em; width:100%; text-align:left; margin:0 auto; overflow:visible; position:relative;  z-index:5; padding:0; }
.swiper-container .swiper_title{ position:absolute; bottom:0;left:0;height:35px; width:100%; color:#FFF;overflow:hidden; z-index:50; text-align:left; text-indent:1em;background: none repeat scroll 0 0 rgba(12, 0, 0, 0.6); overflow:hidden; display:none;}
.swiper-wrapper {position: relative;z-index:10;}
.swiper-slide {position:relative;text-align:left; float:left; margin:0; padding:0;}
.swiper-slide a{ position:relative; width:100%; height:100%; display:block; overflow:hidden;}
.swiper-slide img{ max-height:100%;  max-width:100%;  vertical-align:middle; position:relative;}
.swiper-slide h3,.swiper-slide p{ display:inline; }

.swiper-container .pagination{ position:absolute; width:100%; bottom:0; right:2%;z-index:100; text-align:right;}
.swiper-container .pagination .swiper-pagination-switch{ display:inline-block; height:13px; width:13px; background:#cccccc; border-radius:50%; _display:inline; margin-right:0.5em;}
.swiper-container .pagination .swiper-active-switch{ background:#008883;}

.swiper-container .pagination2{ position:absolute; width:100%; bottom:0; right:2%;z-index:100; text-align:right;}
.swiper-container .pagination2 .swiper-pagination-switch{ display:inline-block; height:13px; width:13px; background:#cccccc; border-radius:50%; _display:inline; margin-right:0.5em;}
.swiper-container .pagination2 .swiper-active-switch{ background:#008883;}

.swiper-bxList { width:100%; height:22em; margin:0 auto; position:relative;overflow:hidden;}
.swiper-home_mainAd  { height:8.333em; width:100%; margin:0 auto; position:relative;overflow:hidden;}
.swiper-home_mainAd .swiper-slide img { width:100%;}


.anli_list {}
.anli_list li { float:left; width:31%; margin-right:3.33%; text-align:center;}
.anli_list li p { font:1em/1.5em "Microsoft YaHei";}
.anli_list li>div { display:table; text-align:center; background-color:#f5f5f5; border:1px solid #cccccc; width:100%; height:4.166em; margin-bottom:.3em; overflow:hidden;}
.anli_list li>div span { display:table-cell; vertical-align:middle; font:1em/1.5em "Microsoft YaHei"; }
.anli_list li>div img { width:100%; height:4.166em; overflow:hidden; display:block; }
.anli_list li:last-child { margin-right:0;}



.noticeBanner { padding:.5em; border:solid #ccc; border-width:1px 0; background-color:#fff; overflow:hidden; }
.fa { float:left;  font-size:1.25em; color:#e0161e; padding-right:.3em;}
#noticeScroll { height:1.5em; line-height:1.5em; overflow:hidden;width:90%;float:left;}
#noticeScroll li {width:100%;height:1.5em;}

.f12bla_firstInfo li { padding:.5em; border:solid #ccc; border-width:1px 0;}
.f12bla_firstInfo .fa { font-size:1.25em; color:#e0161e; padding-right:.3em;}



.m-menu{ width:100%; margin:0; overflow:hidden;}
.m-menu ul { width:100%;}
.m-menu li{ position:relative;}


.m-menu .m-tips{ position:absolute; top:5.625em; right:0; width:443%; display:none;  z-index:2;}
.m-menu dl { margin-top:1em; background:#92cc53; border-radius:.5em;}
.m-menu dd{ color:#fff;display:inline-block; width:24%; text-align:center; font:1em/2em "Microsoft YaHei";}
.m-menu dd a{ color:#fff;display:block;}


.bx_title_box { position:relative; overflow:hidden;}
.bx_title { background:url(../images/bx_title.png) no-repeat; background-size:100%; width:7.5em; height:8.333em; position:absolute; top:0; left:1em; overflow:hidden; display:block; font-size:1em;}
.pic_box { position:relative; overflow:hidden;}
.pic_box p { position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,0.5); color:#fff; padding:.1em 0 .1em 0; overflow:hidden; width:100%; text-align:right; font:1em/1.5em "Microsoft YaHei"; }
.bx_anliShu { float:right; margin:0 3em 0 0; background:url(../images/bx_but.png) right .725em no-repeat; background-size:1em 2em; padding-right:3em;}
.bx_anliShu .firstNd p>em { border:1px solid #ccc; background-color:#f5f5f5; color:#f60; padding:0 .2em; margin-left:.2em;}

.kjtd a{width:30%;line-height:2em;text-align:center;display:block;float:left;border-radius:5px;margin-right:5%;margin-bottom:10px;color:#fff;font-family:"Microsoft YaHei";}
.kjtd a:nth-child(3) ,.kjtd a:nth-child(6),.kjtd a:nth-child(9),.kjtd a:nth-child(12),.kjtd a:nth-child(15){margin-right:0;}

.yqsb{padding:10px 0;}
.yqsbIcon{display:block;margin-bottom:10px;}
.yqsbIcon p{text-indent:2em;}
.yqsbIcon img{float:left;padding-right:2%;}

.fa-phone-square{background: url(../images/tel.png) no-repeat center;background-size:70%;}
.fa-history{background: url(../images/mzsj.jpg) no-repeat center;background-size:80%;}
.fa-map-marker{background: url(../images/yydz.jpg) no-repeat center;background-size:80%;}

.tel_box form { padding: 19px 5px 0; }
.tel_box table { width: 100%; padding: 0; margin: 0; border: none; border-spacing: 0; height: 33px; background: #FFFFFF; border: #CCCCCC 1px solid; border-radius: 16px; box-shadow: 1px 1px 0 #FFFFFF, inset 0 1px 4px #F2F2F2; }
.tel_box .t { padding: 0 10px; overflow: hidden; }
.tel_box .t input { float: left; height: 27px; width: 100%; border: none; font-size: 14px; color: #666; box-shadow: 0 2px 2px -2px #DDD inset; }
.tel_box .s { width: 80px; border-left: #CCCCCC 1px solid; border-radius: 0 16px 16px 0; background: -ms-linear-gradient(-90deg, #FFFFFF, #F2F2F2); background: -moz-linear-gradient(-90deg, #FFFFFF, #F2F2F2); background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2)); }
.tel_box .s input { float: left; height: 31px; width: 100%; border: none; background: none; font: 15px/1.5 '微软雅黑'; color: #666666; }

.arc_jbdh a{display:block;float:left;text-align:center;line-height:2em;width:22%;margin-right:4%;margin-top:10px;font-family:"Microsoft YaHei";border-radius:5px;color:#fff;}
.color01{background:#FF9966;}
.color02{background:#FF6666;}
.color03{background:#FFCDCD;}
.color04{background:#CD9966;}
.color05{background:#666666;}
.color06{background:#CD9999;}
.color07{background:#FF6666;}
.color08{background:#99CD66;}
.arc_jbdh a:nth-child(4),.arc_jbdh a:nth-child(8){margin-right:0;}

.color1{background:#FF9966;}
.color2{background:#FF6666;}
.color3{background:#99CD66;}
.color4{background:#FF9999;}
.color5{background:#CD9999;}
.color6{background:#FF9966;}
.color7{background:#CD9999;}
.color8{background:#0099CD;}
.color9{background:#FF9999;}
.color10{background:#99CD66;}
.color11{background:#FF9999;}
.color12{background:#FF6666;}
.color13{background:#0099CD;}
.color14{background:#FF9966;}
.color15{background:#0099CD;}


.jb_t,.jb_fc{ width:100%; margin:10px auto 3px; margin-bottom:10px;}
.wyj_list{ line-height:22px;text-align:left; background-position:top right; padding:0.5em 0em 0.5em 1em; border-bottom:1px  solid #fff;overflow:hidden;}
.wyj_img{ float:left; width:13%; display:block; padding-top:0.5%;}
.wyj_img img{ width:100%;}
.wyj_text{ float:right; width:82%; display:block;}
.wyj_text .wyj_tit{ padding-right:2%; font-weight:bold; line-height:1.8em; text-align:left; color:#333; display:block; white-space:nowrap;}
.wyj_tit a:link,.wyj_tit a:visited{ color:#333; text-decoration:none;}
.wyj_tit a:hover,.wyj_tit a:active{ color:#06C; text-decoration:none;}
.wyj_text .wyj_info{ padding-right:2%; line-height:1.8em; text-align:left; display:block;}
.wyj_text .wyj_info strong{ color:#F00; white-space:nowrap;float:right;}
.wyj_info strong a:link,.wyj_info strong a:visited{ color:#F00; text-decoration:none;}
.wyj_info strong a:hover,.wyj_info strong a:active{ color:#F00; text-decoration:none;}
.ljgd{display:block;line-height:2em;text-align:center;background:#E6E6E6;}

.listss{ padding:0 10px;}
.listss dl{ border-bottom:1px dashed #ccc; padding:28px 0;}
.listss dt { font-size:16px;color:#008883; background:url(../images/lists_03.gif) no-repeat left; padding-left:10px;}
.listss dt a{ color:#008883;line-height:2em;}
.listss dt span{ float:right;}
.listss dd{ font-size:14px;line-height:2em;}
.cl {color: #087974;}
.pagelists{ margin:20px 0;text-align: center;}
.pagelists li{ display:inline-block;_float:left;}
.pagelists li.thisclass{ background:#0088A2; color:#fff; margin:0 1px; padding:2px 12px; }
.pagelists li.thisclass a{color: #fff;border: 0;padding:0px;}
.pagelists a{ display:inline-block; margin:0 1px; border:1px solid #dbd4cf; padding:1px 10px; color:#0088A2;}

.arcBody p{line-height:2em;}
.arcTitle{text-align:center;padding:10px 0;}

.txtList{margin:0 auto; height:27px;border-bottom:1px solid #d8d8d8; }
.txtList p{height:27px;line-height:30px;padding-left:10px; }
.txtList p a,.txtList p{color:#949494;}

@media only screen and (min-width: 320px) and (max-width: 900px){
	body{font-size:14px;}
	.font-20px { font-size:.833em;}
	.anli_list li>div { height:7.25em; }
	.picList .w50_02 li:nth-child(2),.picList .w50_02 li:nth-child(3) { margin-left:.7em;}
}
@media only screen and (min-width: 1280px){
	body{font-size:24px;}
	.wrapper{width:640px;}	
}
@media only screen and (min-width: 640px) and (max-width: 1279px){
	body{font-size:24px;}
	.wrapper{width:640px;}	
}
@media only screen and (min-width: 480px) and (max-width: 639px){
	body{font-size:18px;}
	.wrapper{width:100%;}
}
@media only screen and (min-width: 360px) and (max-width: 479px){
	body{font-size:14px;}
	.wrapper{width:100%;}
	.anli_list li>div { height:4.166em; }
}
@media only screen and (max-width: 360px){
	body{font-size:12px;}
	.wrapper{width:100%;}
	.anli_list li>div { height:4.166em; }
}
@media only screen and (max-width: 360px){
	.center-btn7 li{width:19.5%;}	
	.center-btn8 li{width:24.5%;}	
}