@charset "gbk";
/* CSS Document */
.fl{float: left}
.fr{float: right}
.item_body img{width: 100%;}
.item_body i,.item_body em{ font-style: normal}
.w100{width:100%; display:block;}    
.mart0{margin:0 auto;}
.mart1{margin:1% auto 0;}
.mart3{margin:3% auto 0;}
.mart4{margin:4% auto 0;}
.mart8{margin:8% auto 0;}

.zzyTit{text-align: center;margin-bottom: 6%;}
.zzyTit h2{display:inline-block;color: #333;line-height: 1.6em;font-size: 1.6em;border-bottom: 1px solid #9E9E9E;padding: 0 3% 0.2em;}
.zzyTit h2 b{font-size: 1em;color: #b58d62;}
.zzyTit i{display: block;width:3em;height: 5px;background: #A0A0A0;margin: -3px auto 0;position: relative;z-index: 2;}
.zzyTit span{display: block;margin-top:8px;color: #666;line-height: 1em;font-size: 1.1em;}
                             
.zzy1{padding: 6% 2.67%;}
.zzy1 p,.zzy2 p,.zzy3 p{font-size: 1.1em;color: #666;line-height: 1.5em;text-indent: 2em;}
.zzy1 ul{overflow: hidden;margin: 5% auto;}
.zzy1 ul li{float: left;width: 31%;margin-right: 3.5%;text-align: center;position: relative;}
.zzy1 ul li:nth-child(1){background: url(../images/zzy11.jpg) no-repeat;background-size: 100%;}
.zzy1 ul li:nth-child(2){background: url(../images/zzy12.jpg) no-repeat;background-size: 100%;}
.zzy1 ul li:nth-child(3){margin-right: 0;background: url(../images/zzy13.jpg) no-repeat;background-size: 100%;}
.zzy1 ul li b,.zzy1 ul li span{display: block;width: 100%;font-size: 1.1em;color: #fff;line-height: 1.2em;font-weight: normal;position: absolute;left: 0;}
.zzy1 ul li span{top: 4%;}
.zzy1 ul li b{bottom: 11%;}
.zzy11{background: #EFEFEF url(../images/zzy14.png) no-repeat 5.6% top;background-size: 15.5%;border-radius: 15px;box-sizing: border-box;padding: 4% 4% 6% 26%;}
.zzy11 h3{font-size: 1.3em;color: #ce455f;}
.zzybtn{overflow:hidden;border: 2px solid #CD455E;border-radius: 30px;margin-top: 5%;}
.zzybtn span,.zzybtn i{width: 50%;float: left;line-height: 34px;text-align: center;font-size: 1.1em;color: #333;}
.zzybtn i{background: #CD455E;border-radius: 30px;color: #fff;}

.zzy2,.zzy3{padding: 0 2.67% 8%;}
.zzy21{background: url(../images/zzy21.jpg) no-repeat center;background-size: 100%;padding: 10% 2% 10% 44%;margin: 4% auto;}
.zzy21 h3{font-size: 1.2em;color: #333;font-weight: bold;margin-bottom: 3%;}
.zzy21 span{display: block;font-size: 1.1em;color: #666;}
.zzy2 ul{overflow: hidden;}
.zzy2 ul li{float: left;width: 48%;}
.zzy2 ul li:nth-child(2){float: right;}
.zzy2 ul li img{display: block;width: 37.7%;margin: 0 auto -10%;}
.zzy2 ul li div{background: #EFEFEF;border-radius: 30px;padding: 12% 8% 6%;}
.zzy2 ul li b{display: block;text-align: center;font-size: 1.1em;color: #333;margin-bottom: 2%;}
.zzy31{width: 100%;margin-top: 4%;overflow: hidden;}
.zzy31 li{width: 100%;background: #EFEFEF;border-radius: 30px;position: relative;overflow: hidden;}
.zzy31 li .zzy31L{width: 48.6%;position:absolute;left: 1.7%;top: 1.7%;font-size: 1em;text-align: left;}
.zzy31 li .zzy31L img{display: block;margin-bottom: 6%;}
.zzy31 li .zzy31R{width: 54%;float: right;border-radius: 30px;background: #B48C62;padding:5% 0;position: relative;z-index: 2;}
.zzy31 li .zzy31R b{font-size: 1.2em;color: #fff;text-align: center;display: block;margin-bottom: 4%;}
.zzy31 li .zzy31R span{display: block;font-size: 1em;color: #fff;line-height: 1.5em;margin-left: 14%;background: url(../images/zzy33.jpg) no-repeat left center;background-size: 10%;padding-left: 12%;}
.zzy3page{text-align: center;padding-top: 16px;}
.zzy3page span {width: 10px;height: 10px;background: #A0A0A0;margin: 0 5px;border-radius: 50%;display: inline-block;text-indent: -999px;overflow: hidden;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;opacity: 1;}
.zzy3page span.swiper-pagination-bullet-active {width: 30px;border-radius: 20px;}


@media screen and (max-width:3000px){
	.zzy1 ul li{height: 460px;}
	.zzy1 ul li b,.zzy1 ul li span{font-size:26px;}
}
@media screen and (max-width:590px){
	.zzy1 ul li{height: 18.4em;}
	.zzy1 ul li b,.zzy1 ul li span{font-size: 1.2em;}
}
@media screen and (max-width:414px){
	
}
@media screen and (max-width:375px){
	.zzy1 ul li b,.zzy1 ul li span{font-size: 1.1em;}
	.zzy1 ul li{height: 16.6em;}
}
@media screen and (max-width:320px){
	.zzy1 ul li{height: 14em;}
	.zzy1 ul li b,.zzy1 ul li span{font-size: 1em;}
	.zzy21 h3,.zzy21 span,.zzy2 ul li b,.zzy2 ul li span{font-size: 1em;}
	.zzy31 li .zzy31R b{font-size: 1.1em;}
	.zzy31 li .zzy31R span{font-size: 0.9em;margin-left: 11%;}
	.zzy31 li .zzy31L{font-size: 0.9em;}
	}