@charset "utf-8";
/* CSS Document  V */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,header,footer,section,aside,article{padding:0;margin:0;}
address,caption,cite,code,dfn,em,th,var {font-weight:normal;font-style:normal}
ul {list-style:none;}
li{vertical-align:bottom;}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6 {font-size:100%}
abbr,acronym,img,input{border:0}
button,input,select,textarea{font-size:100%;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
table {border-collapse:collapse;border-spacing:0;}
a{color:#333;text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;}
a:focus,input:focus{outline:none;}
body{color:#333;font-size:14px;font-family:Microsoft Yahei,arial,"楷体";background:#fff;}
header,footer,section,aside,article{display:block;}
a:hover{text-decoration:none;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; }
.clearfix{*zoom:1}
.clear{clear:both;height:0;font-size:0;line-height:0;overflow:hidden;}
.floatL{float:left;}
.floatR{float:right;}
img{display:block;max-width:100%;}
html{overflow-x:hidden;}
.main{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;}
[v-cloak]{display:none;}
#footer{display:none;}

.top-box{
  padding-top:15px;
}

/*背景颜色*/
.bgf{
  background:#fff;
}
/*按钮背景色*/
.btn-bg1{
  background:#FF6A3E;
}
.btn-bg1:hover{
  background:#EE592C;
}
.btn-bg2{
  background:#FEF103;
}
.btn-bg2:hover{
  background:#F7E301;
}
.btn-bg3{
  background:#61B847;
}

/*按钮圆角值*/
.btn-radius{
  border-radius:20px;
}
.btn-radius2{
  border-radius:5px;
}
.btn-radius3{
  border-radius:29px;
}
.btn-radius4{
  border-radius:8px;
}
/*按钮高度*/
.btn-h1{
  line-height:50px;
}
.btn-h2{
  line-height:40px;
}
/*背景定位图片*/
.pic{
  position:absolute;
}
.pic-module{
  top:125px;
  left:-143px;
}
.pic-module2{
  top:50%;
  margin-top:-34px;
  right:-190px;
}

/*轮播图*/
.swiper-container {
  width: 100%;
  height: 100%;
  border-radius:10px;
  -webkit-border-radius:10px;
}
.swiper-slide {
  text-align: center;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide img{
  border-radius:10px;
  -webkit-border-radius:10px;
}
.swiper-button-prev,.swiper-button-next{
  display:none;
}
.swiper-container-horizontal .swiper-pagination-bullets{
  bottom:24px;
  z-index:2;
}
.swiper-slide a.no{
  cursor:default;
}
.swiper-pagination-bullet{
  width:30px;
  height:6px;
  background:#FFF;
  border-radius:2px;
  opacity:0.4;
}
.swiper-pagination-bullet-active{
  opacity:1;
}
.carousel{
  float:left;
  width:100%;
  height:454px;
}
@media screen and (max-width: 1218px) {
  .main{
    max-width:1024px;
  }
  html{
    min-width:1024px;
    overflow-x:auto;
  }
  .carousel{height:390px;}
}
@media screen and (max-width:769px) {
  .ipadBox .main{
    max-width:768px;
  }
    html.ipadBox{
    min-width:768px;
    overflow-x:auto;
  }
  .ipadBox .carousel{height:292px;}
}

/*遮罩层*/
.mask,.mask2{
	display:none;
	width: 100%;
	height: 100%;
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	-moz-opacity: 0.5;
	opacity: 0.5;
	z-index: 98;
	filter: alpha(opacity=30);
}
