@charset "utf-8";

/* CSS Document */



/*-----数据初始化-----*/

html{

	-webkit-text-size-adjust:100%;

	-ms-text-size-adjust:100%;

}

body,ul,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{margin:0;padding:0;}

em{ font-style:normal}

ul{ list-style:none;}

img{ max-width:100%; max-height:100%; vertical-align: middle;}

i{ font-style:normal;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

.wrapper{margin:0 auto;background-color:#F8F8F8;padding:1px 0;}

.wrapper_bgW{margin:0 auto;background-color:#fff;padding:1px 0;}





.banner_box { border-bottom:1px solid #ccc; text-align:center;}

.banner_box img { vertical-align:top;}



.swiper-pagination{position:absolute;text-align:right;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:3px;right:5px;width:100%}

.swiper-pagination-bullet{width:12px;height:12px;display:inline-block;border-radius:100%;background:#000;opacity:.2}

.swiper-pagination-bullet-active{opacity:1;background:#0dbac8}



/*-----通用代码-----*/



.clearfix:after {clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:".";}



.juzhong{margin:auto; padding:0; width:97%;}



/*-----中心-----*/

.szyx{width:38%; float:left;}

.szyx ul{overflow:hidden;}

.szyx ul li{width:50%; float:left;}



.byby{width:38%; float:left; margin-left:2.5%;}

.byby ul{overflow:hidden;}

.byby ul li{width:50%; float:left;}
.byby1{width:19%; float:left; margin-left:2.5%;}

.byby1 ul{overflow:hidden;}

.byby1 ul li{width:100%; float:left;}



.lianjie{width:100%; overflow:hidden;}

.lianjie ul{overflow:hidden;}

.lianjie ul li{float:left; width:33.33%;}






.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 .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-container2{height:21em;}




/*-----自适应-----*/

@media only screen and (min-width: 1280px){

	body{font-size:24px;}

	.wrapper{width:96%;}

}

@media only screen and (min-width: 640px) and (max-width: 1279px){

	body{font-size:24px;}

	.wrapper{width:96%;}

}

@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:13px;}

	.wrapper{width:100%;}

}

@media only screen and (max-width: 360px){

	body{font-size:12px;}

	.wrapper{width:100%;}

}