html{font-size:14px ;-webkit-text-size-adjust:none;}
input{-webkit-appearance:none; }
body {font-family: Helvetica, 'Microsoft Yahei'; background:#ffffff; -webkit-overflow-scroll:touch;}
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote,  hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin:0;padding:0}
input, select, textarea,button {font-size:100%;outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); font-family:inherit;}
table {border-collapse:collapse;border-spacing:0}
fieldset, img {border:0}
abbr, acronym {border:0;font-variant:normal}
address, caption, cite, code, dfn, em,i {font-style:normal;font-weight:500;}
ol, ul {list-style:none}
a,a:visited{color:#4c4c4c;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0.5);}
a:active{background:none;}
a:hover,a:active{outline: none;-webkit-tap-highlight-color: transparent; -webkit-appearance: none;  }
img{vertical-align: top;    max-width: 100%;}
/*common*/
.clearfix { *zoom: 1;}
.clearfix:before,.clearfix:after { display: table;line-height: 0;content: "";}
.clearfix:after { clear: both;}
.tal{text-align: left !important;}
.tac{text-align: center}
.textOver{overflow: hidden;white-space: nowrap;text-overflow: ellipsis}

/*布局*/
.swiper-fy{width:10rem !important;height: 100% !important;position:fixed  !important;top:0;left:50%;margin-left:-5rem !important;z-index: 1;}
.swiper-slide .animated{display: none}
.swiper-slide-active .animated{display: inline-block}
.by1{background: url(../images/wap-bg.jpg) no-repeat center center;}
.by2{background: url(../images/wap-bg2.jpg) no-repeat center center;}
.by3{background: url(../images/wap-bg.jpg) no-repeat center center;}
.by4{background: url(../images/wap-bg3.jpg) no-repeat center center;}
/* 主体内容 */
.logo {
	width: 240px;
	margin: 0 auto;
	height: 100px;
	position: fixed;
	top:10px;
	left:50%;
	z-index: 1000;
	margin-left: -600px
}
.tab-mob,.two-tab,.four-cont,.three-tab{
	width: 10rem;
	margin: 0 auto;
	height: 100%; 
}
.tab-mob span {
	position: relative;
	background: url(../images/one-pic.png) no-repeat 0 0;
	background-size: 100%;
	width: 7rem;
	height: 10.5rem;
	margin:0 0 0 2.5rem;
}
.tab-mob a.dwon {
	margin: 0 0 -1rem 2.25rem;
	
	width: 5.5rem;
	line-height: 1.5rem;
	color: #fff;
	background: #558836;
	font-size: .5rem;
	border-radius: .3rem;
	text-align: center;

}
.tab-mob dl {
	float: left;
	margin: 270px 0 0 0;
	background: url(../images/hua.png) no-repeat center bottom;
	padding-bottom:60px;
	text-align: center;
}
.two-tab span {
	display: inline-block;
	width:9rem;
	height: 10.2rem;
	margin-left: 2.8rem
}
.two-sj span{
	background: url(../images/two-sj.png) no-repeat 0 0;
	display: inline-block;
	background-size: 100%;
}
.two-sj a.dwon {
    margin: 0 0 0 2.25rem;
   
    width: 5.5rem;
    line-height: 1.5rem;
    color: #fff;
   	border: 1px solid #fff;
    font-size: .5rem;
    border-radius: .3rem;
    text-align: center;
    }
.two-tab dl {
	float: left;
	margin: 270px 0 0 0;
}
.two-tab dd {
	text-align: left;
	margin-top: 30px;
}
.two-tab dd p {
	font-size: 16px;
	line-height: 30px;
}

.four-cont {
	
}
.map {

	width: 9rem;
	height: 4rem;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	margin:.5rem ;
}
.copyright {
	text-align: left;
	padding:0 0 0 .5rem;
	font-size: .4rem;
}
.copyright h3 {
	font-size: 30px;
	color: #fff;
}
.copyright dl {
	padding:20px 0;
	overflow: hidden;
}
.copyright dt {
	float: left;
}
.copyright dd {
	float: left;
	padding:40px 0 0 20px;
	color: #fff;
}
.copyright span {
	font-size:.3rem;
	display: block;
	color: #fff;
	overflow: hidden;
	margin-bottom:.1rem;
}
.copyright span i {
	float: left;
	margin: 2px 10px 0 0;
}
.copyright span p {
	float: left;
	color: #fff;
	width: 8rem;
}
.swiper-pagination{position: fixed;
	top: 0;
	left: 50%;
	height: 100px;
	z-index: 70;
	width: 10rem;
	margin-left:25px;
	margin-left: -5rem !important;
}
.swiper-pagination span{width: 150px;
	height: 100px;
	line-height:100px;
	text-align: center;
	display: inline-block;
	color: #222;
	font-family: "STXingkai";
	cursor: pointer;
}

span.swiper-pagination-bullet-active{}
/*手机切换*/
.pic-scroll {
	width: 3.95rem;
	height: 7.3rem;
	position: relative;
	margin: 1rem 0 0 .45rem;
	overflow: hidden;
}
.pic-scroll01 {
	width: 3.95rem;
	height: 7.3rem;
	position: relative;
	margin: 1rem 0 0 .2rem;
	overflow: hidden;
}
.banner-main-img01 li {
    width: 4.6rem;
    display: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.ui-controls01 ul {
    position: absolute;
    bottom: .3rem;
    right: 1.16rem;
}
.ui-controls01 ul li {
    float: left;
    width: 6px;
    height: 6px;
    margin: 0 5px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background: #eee;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
 }
    
.ui-controls01 ul li.current {
    border: 1px solid #ccc;
    background: #999;
}        


/*切换2*/
.banner-main-img li {
    width: 4.55rem;
    display: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.ui-controls ul {
    position: absolute;
    bottom: .3rem;
    right: 1.16rem;
}
.ui-controls ul li {
    float: left;
    width: 6px;
    height: 6px;
    margin: 0 5px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background: #eee;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
 }
    
.ui-controls ul li.current {
    border: 1px solid #ccc;
    background: #999;
}  


/*移动页面*/
.waplogo{
	width: 6rem;
	margin: .5rem auto;
}
.three-tab span {
	display:inline-block;
	width:5rem;
}
.three-tab span:last-child {
	width: 3rem;
}
.three-tab {
	padding:3rem 0 0 0;
	text-align: center;
}
.fourlogo {
    width: 5rem;
    margin: .5rem auto;
}
.erwm {
	text-align: center;
	background: url(../images/fourpic2.png) no-repeat center bottom;
	width: 5.5rem;
	background-size:100%;
	padding:0 0 1.5rem 0;
	margin:0 auto;
}
.erwm img {
	width: 3rem;
}
