﻿
* { margin: 0; padding: 0; font-size: 16px}
ul, li { list-style:none}
a { color: black; text-decoration:none}
.wrap img { border: none; width:100%; display:block;}
.orange { color:orange}
.blue { color:blue}
body { font-family:"微软雅黑";}
.wrap {
	max-width:720px;
	/*max-width:640px; */
	min-width:320px;margin:0 auto;}

/*banner*/
.banner { width:100%;margin:0 auto; position:relative; background:url(../images/001.jpg) no-repeat top; background-size:100%; display:inline-block;}
.banner a { width:30%; position:absolute; left:16%; top:76%;}
.banner img{ width:100%;}
.kong{ margin-top:50%;}
.clear{ clear:both;}
/*AF*/
.AF { width:100%;margin:0 auto; padding-top:30px;}
.AF_01 h1 { text-align:center; font-size:20px; font-weight:bold;}
.AF p.yi { padding-left:12px; padding-right:12px; font-size:16px; font-weight:normal; margin-top:10px; text-align:justify;}
.AF ul.yi { padding-left:20px; padding-right:10px;margin-top:15px;}
.AF ul.yi li { width:24%;float:left; margin-right:1px; padding-bottom:5px;}
.AF ul.yi li.you { margin-right:0px;}
.AF ul.yi li p { text-align:center; font-size:22px; font-weight:normal; margin-top:5px;}
.AF ul.er { clear:both; padding-left:20px; padding-right:10px;padding-top:8px;border-top:1px dashed #000;}
.AF ul.er li { width:24%; float:left; margin-right:1px;}
.AF ul.er li.you { margin-right:0px;}
.AF ul.er li p { text-align:center; font-size:22px; font-weight:normal; margin-top:5px;}
.AF_02{ padding-top:20px;clear:both;}
.AF_02 a { width:40%; margin:0 auto;clear:both; display:block;}

/*BF*/
.BF { width:100%;margin:0 auto; margin-top:10px; background:#1c99ed;}
.BF p{ text-align:justify;}
.BF_01 p { text-align:center; font-size:20px; font-weight:bold; padding-top:20px; color:#fff;}
.BF_02 {position:relative;}
.BF_02 p { width:64%;line-height:26px; position:absolute; left:34%; top:31%; font-size:23px; font-weight:normal; text-align:justify;}
.BF_02 a { width:30%;position:absolute; left:68%; top:82%;}
.BF_02 a img{ width:100%;}
.BF_03 { position:relative;}
.BF_03 p.yi { width:40%;position:absolute; left:6%; top:54%; font-size:23px; line-height:26px;font-weight:normal;}
.BF_03 p.er { width:40%;position:absolute; left:53%; top:54%;font-size:23px; line-height:26px;font-weight:normal;}
.BF_04 {position:relative;}
.BF_04 p.yi { width:40%; height:120px;position:absolute; left:6%; top:52%; font-size:23px; line-height:26px;font-weight:normal;}
.BF_04 p.er { width:40%; height:120px;position:absolute; left:53%; top:52%;font-size:23px; line-height:26px;font-weight:normal;}

/*CF*/
.CF { width:100%;margin:0 auto; padding-top:35px;}
.CF_01 h1 { text-align:center; font-size:20px; font-weight:bold;}
.CF_02 { margin-top:10px; position:relative;}
.CF_02 p.yi { width:40%;line-height:26px; position:absolute; left:2%; top:6%; font-size:23px; font-weight:normal; text-align:justify;}
.CF_02 a { width:38%;line-height:38px; position:absolute; left:1.5%; top:90%; border-radius:5px; background:#1c99ed; color:#FFF; font-size:24px; font-weight:bold; text-align:center;}
.CF_02 p.er { width:54%;line-height:26px; position:absolute; left:44%; top:78%; font-size:23px; color:#FFF; text-align:justify;}
.CF_02 p.er span { font-size:16px; color:#fac700;}
.CF_03 {margin-top:10px;}
.CF_04 {margin-top:36px;}
.CF_04 h1 { text-align:center; font-size:20px; font-weight:bold;}
.CF_05 { margin-top:10px; position:relative;}
.CF_05 p.yi {width:40%;line-height:26px; position:absolute; left:2%; top:7%; font-size:23px; font-weight:normal; text-align:justify;}
.CF_05 a { width:38%;line-height:38px; position:absolute; left:1.5%; top:91.2%; border-radius:5px; background:#1c99ed; color:#FFF; font-size:23px; font-weight:bold; text-align:center;}
.CF_05 p.er {width:54%;line-height:26px; position:absolute; left:44%; top:74%; font-size:23px; color:#FFF; text-align:justify;}
.CF_05 p.er span { font-size:23px; color:#fac700;}
.CF_06 {
	margin-top: 10px;}
.CF_07 {margin-top:33px;}
.CF_07 h1 { text-align:center; font-size:20px; font-weight:bold;}
.CF_08 {position:relative; margin-top:10px;}
.CF_08 p.yi {width:40%;line-height:26px; position:absolute; left:2%; top:7%; font-size:23px; font-weight:normal; text-align:justify;}
.CF_08 a {  width:38%;line-height:38px; position:absolute; left:1.5%; top:90%; border-radius:5px; background:#1c99ed; color:#FFF; font-size:24px; font-weight:bold; text-align:center;}
.CF_08 p.er {width:54%;line-height:26px; position:absolute; left:44%; top:76%; font-size:23px; color:#FFF; text-align:justify;}
.CF_08 p.er span { font-size:23px; color:#fac700;}
.CF_09 { margin-top:10px;}
.CF_10 {margin-top:36px;}
.CF_10 h1 { text-align:center; font-size:20px; font-weight:bold;}
.CF_11 { margin-top:10px; position:relative;}
.CF_11 p.yi {width:40%;line-height:26px; position:absolute; left:2%; top:7%; font-size:23px; font-weight:normal; text-align:justify;}
.CF_11 a {width:38%;line-height:38px; position:absolute; left:1.5%; top:90%; border-radius:5px; background:#1c99ed; color:#FFF; font-size:24px; font-weight:bold; text-align:center;}
.CF_11 p.er {width:54%;line-height:26px; position:absolute; left:44%; top:76%; font-size:23px; color:#FFF; text-align:justify;}
.CF_11 p.er span { font-size:23px; color:#fac700;}
.CF_12 {margin-top:10px;}

/*DF*/
.DF { width:100%;margin:0 auto; padding-top:36px;}
.DF_01 {}
.DF_01 h1 { text-align:center; font-size:20px; font-weight:bold;}
.DF p.yi { text-align:center; font-size:16px; font-weight:normal; margin-top:10px;}
.DF p.yi span { font-size:16px; font-weight:normal; color:#9b7732;}
.DF_02 {position:relative; margin-top:10px;}
.DF_02 p.san { width:42%;line-height:26px; position:absolute; left:6%; top:64%; font-size:23px; font-weight:normal; text-align:justify;}
.DF_02 p.er {width:42%;line-height:26px; position:absolute; left:52%; top:64%; font-size:23px; font-weight:normal; text-align:justify;}
.DF_03 { position:relative;}
.DF_03 p.san {width:42%;line-height:26px; position:absolute; left:6%; top:64%; font-size:23px; font-weight:normal; text-align:justify;}
.DF_03 p.er {width:42%;line-height:26px; position:absolute; left:52%; top:64%; font-size:23px; font-weight:normal; text-align:justify;}
.DF_04 {}
.DF_04 a { width:40%; display:block; margin:0 auto;}

/*EF*/
.EF { width:100%; margin:0 auto;}
.EF_01 {}
.EF_01 p { text-align:center; padding-top:33px; font-size:20px; font-weight:bold;}
/*动态效果*/
.swipe-wrap {overflow: hidden; position:relative;}
.swipe-wrap img{width: 100%;  /*让我们的图片宽度是100%*/height: auto;}
.swipe-wrap a.yi { width:226px; height:36px; position:absolute; left:55px; top:340px;}
.swipe-wrap a.er { width:150px; height:36px; position:absolute; left:340px; top:340px;}
.swipe-wrap a.san { width:226px; height:36px; position:absolute; left:55px; top:340px;}
.swipe-wrap a.si{ width:150px; height:36px; position:absolute; left:340px; top:340px;}
.swipe-wrap a.wu { width:226px; height:36px; position:absolute; left:55px; top:340px;}
.swipe-wrap a.liu{ width:150px; height:36px; position:absolute; left:340px; top:340px;}
.swipe-wrap > figure {float: left;width: 100%;position: relative;}
.swipe { overflow:hidden; height:415px; position:relative;}
.swipe ol{ position:absolute; top:390px; left:275px;}
.swipe ol li{ width: 20px; height: 20px; float:left; margin:0 5px; text-align:center; line-height: 20px; background:#9e9e9e; border-radius:20px; cursor:pointer;}
.swipe ol li:hover{ background: #3b1300;}
.swipe ol li.current{background:#3b1300;}

/*FF*/
.FF { width:100%;margin:0 auto;}
.FF_01 {}
.FF_01 p { text-align:center; padding-top:33px; font-size:20px; font-weight:bold;}
/*第二个动态效果*/
.focus2 {height:528px; position:relative; overflow:hidden;}
.focus2 .hd { width:100%; height:20px;  position:absolute; z-index:1; top:506px; text-align:center;}
.focus2 .hd ul { display:inline-block;  }
.focus2 .hd ul li { display:inline-block; width:30px; height:0.1px; float:left;   margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus2 .bd{ position:relative; z-index:0; }
.focus2 .bd li img { height:528px;}
.focus2 .bd li.yi{position:relative;}
.focus2 .bd li.yi a.yi { width:144px; height:35px; position:absolute; left:338px; top:457px; border-radius:1em;}
.focus2 .bd li.er{position:relative;}
.focus2 .bd li.er a.er { width:145px; height:36px; position:absolute; left:338px; top:457px; border-radius:1em; }


/*GF*/
.GF { width:100%; height:1000px; margin:0 auto;padding-top:45px;}
.GF_01 { height:65px; background:url(../images/040.jpg) no-repeat;}
.GF_01 h1 { text-align:center; font-size:20px; font-weight:bold;}
.GF_02 { height:46px; background:url(../images/041.jpg) no-repeat; margin-top:34px; padding-left:27px; line-height:46px;}
.GF_02 p { font-size:16px; font-weight:bold; color:#3b1300;}
.GF p.yi { padding-left:28px; padding-right:28px; margin-top:10px; font-size:16px; font-weight:normal; line-height:28px;}
.GF_03 { height:46px; background:url(../images/041.jpg) no-repeat; margin-top:15px; padding-left:27px; line-height:46px;}
.GF_03 p { font-size:16px; font-weight:bold; color:#3b1300;}
.GF_04 { height:46px; background:url(../images/041.jpg) no-repeat; margin-top:15px; padding-left:27px; line-height:46px;}
.GF_04 p { font-size:16px; font-weight:bold; color:#3b1300;}
.GF_05 { height:46px; background:url(../images/041.jpg) no-repeat; margin-top:15px; padding-left:27px; line-height:46px;}
.GF_05 p { font-size:16px; font-weight:bold; color:#3b1300;}
.GF_06 { height:46px; background:url(../images/041.jpg) no-repeat; margin-top:15px; padding-left:27px; line-height:46px;}
.GF_06 p { font-size:16px; font-weight:bold; color:#3b1300;}
.GF_07 { height:100px; position:relative;}
.GF_07 a { width:214px; height:51px; position:absolute; left:215px; top:25px;}

.buy-zj{ width:100%; max-width:640px; margin:0 auto; position:relative; height:auto;overflow:hidden; margin-top:20px;margin-bottom:20px; z-index:0;}
.buy-zj *{ list-style:none;}
.buy-zj img{width:80%; display:block; margin:0 auto; margin-top:-1px;}



@media (max-width:337px){
	.BF_02 p{ line-height:13px;}
	.BF_02 a {top:79%; z-index:99;}	
}
@media (max-width:359px){
	    
		.BF_02 p{ font-size:12px;}
		.BF_03 p.yi{font-size:12px; line-height:14px;}
		.BF_03 p.er{font-size:12px; line-height:14px;}
		.BF_04 p.yi{font-size:12px; line-height:14px;}
		.BF_04 p.er{font-size:12px; line-height:14px;}
		.CF_02 p.yi{font-size:12px; line-height:13px;}
		.CF_02 p.er{font-size:12px; line-height:13px;}
		.CF_05 p.yi{font-size:12px; line-height:13px;}
		.CF_05 p.er{font-size:12px; line-height:13px;}
		.CF_05 p.er span { font-size:12px;}
		.CF_08 p.yi{font-size:12px; line-height:13px;}
		.CF_08 p.er{font-size:12px; line-height:13px;}
		.CF_08 p.er span { font-size:12px;}
		.CF_11 p.yi{font-size:12px; line-height:13px;}
		.CF_11 p.er{font-size:12px; line-height:13px;}
		.CF_11 p.er span { font-size:12px;}


}
@media (min-width: 360px) and (max-width:371px){
		.BF_02 p{ line-height:15px;}
}
@media (min-width: 401px){
		.BF_02 a {top:78%;}	
}



#wpzj{margin-top: 0.2rem;
	margin-bottom: 0.2rem;}
#wpzj .con{position: relative;margin: 0.1rem auto 0 auto; overflow: hidden;}
#wpzj .bd{/*height: 4rem;*/ overflow: hidden;}
#wpzj .bd li{position: relative;/*height: 4rem;*/}
#wpzj .bd li img.b{width:100%;height:auto; vertical-align:top;}
#wpzj .zj-label{position: absolute;top: 0.15rem; right: 0; height: 0.5rem; padding: 0 0.1rem; line-height: 0.5rem; font-size: 0.2rem; color: #fff; background: #24b7bb;border-radius: 0.25rem 0 0 0.25rem;}
#wpzj .zj-info{
	position: absolute;
	right: 0.2rem;
	width: 70%;
	bottom: 1rem;
	text-align: right;
}
#wpzj .zj-xm{font-size: 0.36rem;color: #24b7bb;}
#wpzj .zj-zc{font-size: 0.2rem; color: #333;padding: 0 0 0 0.35rem;}
#wpzj .zj-ry{margin:0.15rem 0 0.05rem 0;font-size: 0.2rem; line-height: 0.3rem;color: #333;}
#wpzj .zj-line{height: 0;font-size: 0;border-bottom: 1px dotted #999;}
#wpzj .zj-sc{margin:0.1rem 0 0 0;font-size: 0.2rem; line-height: 0.3rem;color: #333;}
#wpzj .zj-sc strong{font-size: 0.2rem; font-weight: normal; color: #24b7bb;}
#wpzj .zj-btns{margin: 3.2rem 0 0 0;font-size: 0;}
#wpzj .zj-btns a{margin: 0 15px 0 0;}
#wpzj .zj-btns a:nth-child(2){margin: 0;}
#wpzj .zj-btns img{width: 35%;vertical-align: top;/*margin-left: 0.2rem;*/}
#wpzj .hd{position: absolute;bottom: 7px; right: 2px;}
#wpzj .hd li{float: left;width: 0.5rem;height: 0.5rem;margin: 0 5px 0 0; border-radius: 50%; overflow: hidden; text-indent: -9999px; background: #fff;}
#wpzj .hd li.on{background: #42ace5;}
.zj-btns-l{
	width: 115px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	position: absolute;
	right: 140px;
	bottom: 0;
	color: #fff;
	background: #92d050;
	font-size: 18px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.zj-btns-r{
	width: 115px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	position: absolute;
	right: 15px;
	bottom: 0;
	color: #fff;
	background: #42ace5;
	font-size: 18px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}