﻿@charset "utf-8";
*{ margin:0; padding:0;}
a{color:#333333; text-decoration:none; cursor:pointer;}
img{ border:none;}
ul,li{ list-style:none;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
body{font-size:18px; width:100%; min-width:320px; color:#333333; overflow:auto;font-family:"Microsoft YaHei", "微软雅黑", "宋体", "SimSun", "Arial";}

#body{ width:100%; height:auto; overflow:hidden; background:url(../images/body_bg.jpg) no-repeat; background-size:100% 100%;}
/*顶部*/
#top{ width:100%; height:auto; overflow:hidden; background:#fe720c;}
.top{ width:1200px; height:35px; line-height:35px; margin:0 auto;}
.top .top_1{ width:50%; height:auto; float:left; font-size:18px; color:#fff;}
.top .top_2{ width:40%; height:auto; float:right; font-size:18px; color:#fff;}
.top .top_2 a{ width:50px; height:24px; line-height:24px; float:right; font-size:16px; color:#fe720c; background:#fff; text-align:center; border-radius:5px; margin-left:10px; margin-top:6px;}
/*顶部*/

/*导航*/
#nav{ width:100%; height:auto; overflow:hidden; position:absolute; left:0; top:20px; z-index:999;}
.nav{ width:1350px; height:auto; overflow:hidden; margin:0 auto;}
.nav .logo{ width:240px; height:auto; float:left;}
.nav .nav_1{ width:100%; height:auto; float:right; font-size:18px;}
.nav .nav_1 li{ height:30px; line-height:30px; float:left; color:#fff; padding:0 20px; margin-left:20px;}
.nav .nav_1 li:hover{ background:rgba(255,255,255,0.1);}
.nav .nav_1 .nav_li1{ margin-left:0;}
.nav .nav_1 .nav_li2{ }
/*导航*/
/*banner*/
#banner{ width:100%; height:auto; overflow:hidden;}
.banner{ width:100%; height:auto; overflow:hidden;}
.banner img{ width:100%; height:auto;}

.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.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;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.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;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}


.device {
  width: 100%;
  height: auto;
  border-radius: 20px;
  margin:0 auto;
  position: relative;

}
.device .arrow-left {
  background: url(../images/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:999;
}
.device .arrow-right {
  background: url(../images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:999;
}
.swiper-container {
  height: auto;
  width: 100%;
}
.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
  z-index:99999;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}
.swiper-slide img{ width:100%;}

.buycon{ width:100%; height:auto; background:#000000; margin:40px auto; overflow:hidden;}
.buycon .bn_list{ width:1200px; height:auto; margin:24px auto; margin-bottom:0; }
.buycon .bn_list li{ width:230px; height:320px; background:#fff; float:left; margin-left:12px; margin-right:12px; margin-bottom:24px; text-align:center;}
.bn_list li h5{ font-size:16px; color:#000; padding:20px 0; padding-bottom:14px;}
.bn_list li p{ padding:12px 0; font-size:14px;}
.bn_list a.blink{ display:inline-block; width:120px; height:30px; background:url(../images/buybtn.jpg) no-repeat;}

/*banner*/
/*底部*/
#font{ width:100%; height:auto; overflow:hidden; background:#333;}
.font{ width:1200px; height:auto; overflow:hidden; margin:0 auto; text-align:center; color:#fff; padding:34px 0; font-size:16px;}
.font p{ margin-bottom:5px;}
.font span{ color:#fff;}
.font a{ color:#fff;}
/*底部*/




.zw{ width:1200px; margin:0px auto}
.zw img{ width:100%;}

.zlbs1{  width:1200px; margin:0px auto 40px;}
.zlbs1 li{ width:1160px; padding:10px 20px;   line-height:40px;  border-bottom:1px dashed #ddd; font-size:16px; text-align:left; }

.bisaixq .bisaixq_xq1 {
    width: 96%;
    height: auto;
    margin: 0 auto;
    font-size: 16px;
    line-height: 36px;
    color: #333;
    padding: 20px 0;
}


