@charset "gb2312";

/* CSS Document */

h2 { font:1.825em/1.5em "Microsoft YaHei"; color:#000; text-align:center;}

.f12bla .firstNd p { font:1em/1.5em "Microsoft YaHei"; }



.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 .w25 li { width:25%; text-align:center;}

.picList .w25 li img.w80 { width:80%;}



.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; }

.noticeBanner>.fa { float:left;  font-size:1.25em; color:#e0161e; padding-right:.3em;}

#noticeScroll { height:1.5em; line-height:1.5em; overflow:hidden;width:87%;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/icon//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/icon//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;}







@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%;}	

}