* {
	padding: 0;
	margin: 0;
}

body {
	max-width: 640px;
	min-width: 320px;
	margin:0 auto;
}

a,img {
	display: block;
	width:100%;
	text-decoration: none;
}


.header1{background-color:#fff;height:88px;width:100%;margin: 0 auto;}
	.header{background-color:#ee7700;height:88px;width:100%;margin: 0 auto;}
	
	.header .back{float:left;margin-left:20px;margin-top:22.5px;}
	.header p{font-size:30px;color:#fff;float:left;line-height:88px;margin-left:70px;}
	.header .close{float:right;margin-right:20px;margin-top:23px;}
	@media(max-width:375px){
	.header p{font-size:26px;margin-left:64px;}
		.header{height: 55px;}
		.header p{line-height: 55px;}
		.header .close{margin-top: 8px;}
		.header .back{margin-top: 8px;}
		
}
	@media(max-width:320px){
	.header p{font-size:22px;margin-left:50px;line-height:68px;}
	.header{height:68px;}
	.header .back{margin-top:12.5px;}
	.header .close{margin-top:12.5px;}
}
.title {
	text-align: center;
	padding: .2rem 0;
}

.title .line {
	width:10%;
	margin:0 auto;
	height:1px;
	background-color: #b6987e;
	position: relative;
	top:-.03rem;
}

.title p {
	color:#e9e7e6;
	font-weight: bold;
	font-size: .1rem;
}

.title h3 {
	position: relative;
	top:-.06rem;
	font-size: .16rem;
}

.p1 {
	text-align: center;
	line-height: 2;
}

.p1 b {
	font-size: .15rem;
}

.imgBox1 {
	display: flex;
	justify-content: space-between;
	width:96%;
	margin:0 auto;
}

.imgBox1>div {
	width:32%;
	text-align: center;
	color:#53201d;
	line-height: 1.5;
}

.imgBox1 div div {
	background-color: #ede2dc;
	height:1rem;
	padding: .6rem 0 .1rem;
}

.imgBox1 div img {
	position: relative;
	top:17%;
	width:92%;
	margin:0 auto;
}

.imgBox1 div h4 {
	font-size: .12rem;
}

.imgBox1 div p {
	font-size: .1rem;
}

.swtBtn {
	background-color: #53201d;
	width:90%;
	margin:.2rem auto;
	text-align: center;
	color:#fff;
	padding: .08rem 0;
	font-size: .13rem;
}

.mod2 {
	background-color: #f6f6f6;
	padding-bottom: 1px;
}

.mod2 .p2 {
	text-align: center;
	font-size: .11rem;
}

.imgBox2 {
	width:96%;
	margin:.2rem auto;
}

.imgBox2>div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #fff;
	margin-bottom: 2%;
}

.imgBox2 img {
	width:50%;
}

.imgBox2 h4 {
	color:#53201d;
	font-size: .11rem;
	margin-bottom: .04rem;
}

.imgBox2 p {
	font-size: .1rem;
	line-height: 1.5;
}

.imgBox2 div div {
	background-color: #fff;
	padding: .05rem;
}

.imgBox3 {
	width:96%;
	margin:0 auto;
}

.imgBox3>div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 6%;
}

.imgBox3 div div {
	position: relative;
}

.imgBox3 div div .hot {
	position: absolute;
	top:0;
	right:0;
	width:.25rem;
}

.imgBox3 img {
	width:48%;
}

.imgBox3 h4 {
	font-size: .14rem;
}

.imgBox3 div div {
	width:50%;
}

.imgBox3 .line {
	height:1px;
	background-color: #b6987e;
	width:20%;
	margin:.01rem 0;
}

.imgBox3 p {
	color:#b6987e;
	font-size: .1rem;
	line-height: 1.2;
	font-size: .11rem;
}

.imgBox3 .p {
	color:#000;
	font-size: .09rem;
	margin:.05rem 0;
}

.imgBox3 .swt {
	color:#e5c677;
	background-color: #53201d;
	text-align: center;
	padding: .05rem 0;
	font-weight: bold;
	font-size: .11rem;
}

.mod4 {
	background-color: #f6f6f6;
}

.mod4 .type {
	display: flex;
	align-items: center;
	width:96%;
	margin:0 auto;
}

.mod4 .type div:first-child {
	width:.5rem;
	margin-right: .1rem;
}

.mod4 .type div:first-child img {
	width:100%;
}

.mod4 .type div:last-child {
	color:#3b1f1e;
	width:100%;
}

.mod4 .type div:last-child h4 {
	font-weight: bold;
	font-size: .13rem;
}

.mod4 .type div:last-child p {
	font-size: .12rem;
	border-top:1px dotted #3b1f1e;
	padding-top: .05rem;
	margin-top: .05rem;
	line-height: 1.6;
}

.imgBox4 {
	margin:.3rem 0;
}

.imgBox4>div {
	display: flex;
	justify-content: space-between;
	margin-bottom: 2%;
}

.imgBox4>div>img,
.imgBox4>div div {
	width:49%
}

.imgBox4>div div img:first-child {
	margin-bottom: 4%;
}

.imgBox5 {
	background-color: #5c2e0d;
	display: flex;
	flex-wrap: wrap;
	padding: .2rem 0;
}

.imgBox5 div {
	width:45%;
	color:#fff;
	margin:0 auto;
}

.imgBox5 div img {
	margin-bottom: .05rem;
}

.imgBox5 div p {
	font-size: .11rem;
	line-height: 1.5;
}

.mod6 {
	background-color: #f6f6f6;
}

.mod6 .swiper-container {
	padding-bottom: 20px;
}

.mod6 .swiper-slide div {
	display: flex;
}

.mod6 .swiper-slide div img {
	width:40%;
	margin:0 auto;
}

.mod6 .swiper-pagination {
	bottom:0 !important;
}

.imgBox7 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width:96%;
	margin:0 auto;
}

.imgBox7 div {
	width:49%;
	position: relative;
	margin-bottom: 2%;
}

.imgBox7 div p {
	position: absolute;
	bottom:0;
	color:#fff;
	background-color: rgba(0,0,0,.3);
	font-size: .11rem;
	text-align: center;
	width:100%;
	padding: .05rem 0;
}

.mod8 {
	background-color: #f6f6f6;
	padding-bottom: .2rem;
}

.mod8 .title2 {
	border-left:.03rem solid #b6987e;
	font-size: .17rem;
	margin-bottom: .1rem;
	padding-left: .05rem;
}

.imgBox8 {
	width:96%;
	margin:0 auto .1rem;
}

.imgBox8 div {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.imgBox8 div img {
	width:32%;
	margin-bottom: 2%;
	border:1px solid #cea884;
	box-sizing: border-box;
}

.imgBox8 p {
	font-size: .12rem;
}

.mod8 .h3 {
	font-size: .16rem;
	text-align: center;
	margin-bottom: .1rem;
}

.mod8 .h3 span {
	color:#53201d;
}

.imgBox9 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width:96%;
	margin:0 auto;
}

.imgBox9 div {
	width:49%;
	margin-bottom: 2%;
}

.imgBox9 div p {
	background-color: #764340;
	color:#fff;
	text-align: center;
	padding: .05rem 0;
	font-size: .13rem;
}

.imgBox10 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width:96%;
	margin:0 auto;
}

.imgBox10>div {
	width:49%;
	border:1px solid #dfa8a4;
	box-sizing: border-box;
	margin-bottom: 2%;
}

.imgBox10 div div {
	padding: 0 .05rem .15rem;
}

.imgBox10 h3 {
	border-left:.03rem solid #c25b54;
	font-size: .14rem;
	padding-left: .05rem;
	margin:.1rem 0 .05rem;
}

.imgBox10 h3 span {
	color:#53201d;
}

.imgBox10 p {
	font-size: .11rem;
}


	/*底部*/
.dibu { width: 100%; background: #fff; font-size:100px;}
.di_title{ padding-top:.55em; }
.di_title span{ width:2px; height:.26em; background:#fe4d00; margin-left:.16em; margin-right:.07em;float:left; margin-top:-0.28em;}
.di_title p{line-height:.3em; font-size:.3em; float:left; color:#fe4d00; font-family:"微软雅黑";    -webkit-margin-before: -0.7em;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin-left: 18px;}
.di_dh{ float:right; width:1.31em; padding-right:.16em}
.di_dh img{ width:100%;margin-top: -18px;}
.di_xian{ width:100%; height:1px; background:#eeeeee;margin-top:.13em;}

.dibu .baoming{
	width:100%;}
.dibu li{
	line-height:0;
	list-style:none;
	margin:0 auto;
	width:95%;
	margin-top:.24em;
	height:.5em;}
.dibu li input{
	list-style:none;
	color:#666666;
	width:100%;
	height:2.2em;
	line-height:2.2em;
	font-size:.26em;}
#baoming #name, #baoming #tell {height:2.2em;text-indent: .5em; border:#cccccc 1px solid; outline: none;margin:0; position:relative; z-index:999;}
.di_ctn{
	padding-top:.4em;
	width:100%;}
.di_ctn img{
	width:100%;}
.di_ctn .di_zuo{
	float:left;
	padding-left:13.75%;
	width:22.96%;}
.di_ctn .di_you{
	float:left;
	width:63.29%;}
.dibu .banquan{
	padding-top:.34em; 
	font-size:14px;
	line-height:24px;
	text-align:center;
	padding-bottom:11em;
	color:#666666;}
input,button,select,textarea{outline:none; -webkit-appearance: button;
    cursor: pointer;
	    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    vertical-align: middle;}
textarea{resize:none}
/*4.footer

---------------------------------------------------------------------- */
.zx-con{width:100%;max-width:640px;min-width:320px;position:fixed;bottom:0;background:#fe4d00;z-index:999;transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);animation:zx-con1 1.4s 1s forwards;-webkit-animation:zx-con1 1.4s 1s forwards;-moz-animation:zx-con1 1.4s 1s forwards;}
@keyframes zx-con1{0%{transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%)}100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}}
@-webkit-keyframes zx-con1{0%{transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%)}100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}}
@-moz-keyframes zx-con1{0%{transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%)}100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}}
.zx-con>a{display:block;height:2.7em;line-height:2.7em;font-size:.24em;text-align:center;color:#fff;width:100%}
.zx-con>ul{display:block;width:100%;height:.71em;background:#333}
.zx-con>ul li{width:33.333%;float:left;height:2.7em;font-size:.24em;text-align:center;color:#fff;font-weight:100;line-height:2.7em}
.zx-con>ul b{font-size:1em;padding:0 .1em}
.zx-con>ul li a:nth-child(3) b{font-size:.3em}
.zx-con>ul a:nth-child(2) li{background:#242424}
.footer-b{padding:14px 0 7em 0;text-align:center;font-size:12px;font-weight:100;letter-spacing:.3px;color:#333;}

@font-face {
  font-family: 'iconfont';  /* project id 370198 */
  src: url('//at.alicdn.com/t/font_ov264gtk9yvte29.eot');
  src: url('//at.alicdn.com/t/font_ov264gtk9yvte29.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_ov264gtk9yvte29.woff') format('woff'),
  url('//at.alicdn.com/t/font_ov264gtk9yvte29.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_ov264gtk9yvte29.svg#iconfont') format('svg');
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:.22em;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


element{ margin:0;}

@media(max-width:540px){
	.dibu{ font-size:84px;}
	}
@media(max-width:480px){
	.dibu{ font-size:75px;}
	}
@media(max-width:480px){
	.dibu{ font-size:75px;}
	}
@media(max-width:450px){

	.dibu{ font-size:70px;}
	}
@media(max-width:414px){
	.dibu{ font-size:64px;}
	}
@media(max-width:375px){
	.dibu{ font-size:58px;}
	}
@media(max-width:360px){
	.dibu{ font-size:56px;}
	}
@media(max-width:320px){
	.dibu{ font-size:50px;}
	}

/*底部结束*/