.d-bx-ul {width: 100%;}

@media only screen and (max-width: 768px) {
	
	.i-banner{
		width: 100%;
		height: 60vw;
		overflow: hidden;
	}
	.nav-ul-im{
		overflow: hidden;
	}
	.i-xzdd-ul{
		overflow: hidden;
	}
	.i-xzdd-li{
		float: left;
		width: 24.25%;
		height: 30vw;
		padding: 0.5rem 0.3rem;
		overflow: hidden;
		background: #ddd;
		margin-bottom: 1vw;
		border-radius: 0.3rem;
	}
	.i-xzdd-li:first-child{
		width: 49%;
		padding: 2.5rem 0.75rem;
		height: 61vw;
		color: #fff;
		text-align: left;
		background: url(../image/xz-1.png) no-repeat;
		background-size: 100% 100%;
	}
	.i-xzdd-li:first-child .i-xzdd-t{
		font-size: 1.2rem;
	}
	.i-xzdd-li:first-child .i-xzdd-c{
		font-size: 0.8rem;
	}
	.i-xzdd-hr{
    width: 2rem;
    border: 1px solid #fff;
	}
	.i-xzdd-li:nth-child(2),.i-xzdd-li:nth-child(4){
		margin: 0 1%;
	}
	.i-xzdd-li:nth-child(7){
		margin-left: 1%;
	}
	.i-xzdd-li:nth-child(6),.i-xzdd-li:nth-child(7){
		width: 49%;
		position: relative;
		padding-left: 3rem;
		height: 20vw;
	}
	.i-xzdd-li:nth-child(6) .i-xzdd-i,.i-xzdd-li:nth-child(7) .i-xzdd-i{
		position: absolute;
		top: 50%;
		left: 1rem;
		transform: translateY(-50%);

	}
	.i-xzdd-i{
		font-size: 1.8rem;
	}
	.i-xzdd-t{
		font-size: 0.8rem;
		font-weight: 600;
	}
	.i-xzdd-c{
		font-size: 0.7rem;
	}
	.i-bm-li{
		width: 25%;
		padding: 0.3rem;
		cursor: pointer;
		background: #ddd;
		border-right: 1px solid #fff;
	}
	.i-bm-li:last-child{
		border-right: none;
	}
	.i-bm-i{
		display: block;
	}
	.i-bm-active{
		color: #fff;
		background: #333;
		border-top-left-radius: 0.3rem;
		border-top-right-radius: 0.3rem;
	}
	.i-bm-i{
		font-size: 1.5rem;
	}
	.i-bm-box{
		width: 100%;
		background: #333;
		padding: 1rem;
	}
	.i-bm-title{
		font-size: 1rem;
		color: #b98a44;
		font-weight: 600;
	}
	.i-bm-input,.i-bm-btn {
    width: 100%;
    padding: 0.7rem 1rem;
    margin-top: 0.75rem;
    border-radius: 0.3rem;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 0.8rem;
	}
	.i-bm-btn {
		font-size: 1rem;
		background: #b98a44;
		border: 1px solid #b98a44;
		color: #fff;
	}
	.i-bm-b{
		background: none!important;
	}
	.bm-block{
		padding-top: 0;
		padding-bottom: 0;
	}
	.i-hbzz-li{
		width: 32%;
		height: 42vw;
		border-radius: 0.3rem;
		box-shadow: 2px 2px 4px 0 rgba(0,0,0,.3);
	}
	.i-hbzz-mark{
		width: 100%;
		padding: 1rem 0.5rem;
		background: rgba(0,0,0,0.6);
		color: #fff;
	}
	.i-hbzz-t{
		font-size: 1.2rem;
		color: #b98a44;
		letter-spacing: 0.15rem;
		font-weight: 600;
	}
	.i-hbzz-t>hr{
		display: none;
	}
	.i-hbzz-p{
		font-weight: 600;
		font-size: 0.8rem;
	}
	.i-hbzz-p>span{
		font-size: 1rem;
	}
	.i-hbzz-c{
		display: none;
	}  
	.i-zpal-li{
		float: left;
		width: 100%;
		margin-bottom: 1rem;
		margin-left: 0;
		border: 1px solid #e5e5e5;
		background: #f5f5f5;
		border-radius: 0.3rem;
	}
	.i-zpal-img{
		width: 100%;
		height: 60vw;
		position: relative;
		overflow: hidden;
	}
	.i-zpal-img>img{
		transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear; 
	}
	.i-zpal-mark{
		position: absolute;
		top: -2.5rem;
		left: 0;
		width: 100%;
		height: 2.5rem;
		line-height: 2.5rem; 
		background: #b98a44;
		color: #fff;
		transition: top 0.3s;
		-webkit-transition: top 0.3s; 
		cursor: pointer;
	}
	.i-sjs-a{
		width: 3rem;
		height: 3rem;
		position: absolute;
		left: 1rem;
		top: -4rem;
	}
	.i-zpal-sjs{
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: left 0px top 0px;
		border-radius: 50%;
	}
	.i-zpal-content{
		position: relative;
		display: flex;
		width: 100%;
		padding: 0.75rem 0;
	}
	.i-zpal-text{
		width: 100%;
		text-align: left;
		padding: 0 0.5rem;
	}
	.i-zpal-t,.i-zpal-c{
		text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	}
	.i-zpal-t{
		font-size: 0.9rem;
		color: #b98a44;
	}
	.i-zpal-c{
		color: #999;
		margin-top: 0.3rem;
	}
	.i-zpal-b{
		width: 5rem;
    height: 1.6rem;
    line-height: 1.6rem;
    text-align: center;
    color: #fff;
    background: rgba(185,138,68,0.8);
    border-radius: 1rem;
    position: absolute;
		right: 1rem;
		top: -3rem;
	}
	.i-type-li{
		width: 17vw;
    height: 17vw;
    margin: 0 3vw;
	}
	.i-type-li>a{
		width: 100%;
    height: 100%;
    border-radius: 50%;
	  border: 1px solid #ccc;
	  color: #b98a44;
	  box-shadow: 0px -4px 5px #d6d6d6;
	  font-size: 0.65rem;
	}
	.h-fwlc-ul .i-type-li{
		width: 20vw;
		height: 20vw;
		margin: 0;
    border-radius: 50%;
	  border: 1px solid #ccc;
	  color: #b98a44;
	  box-shadow: 0px -4px 5px #d6d6d6;
	  font-size: 0.65rem;
	}
	.i-type-li:nth-child(-n+4){
		margin-bottom: 0.5rem;
	} 

  .i-type-icon{
    font-size: 1.5rem;
    color: #b98a44;
  }
  .i-type-ul{
		margin-bottom: 1rem;
  }
  .i-zpal-btn{
	  padding: 0.5rem 4rem;
	  border-radius: 1.8rem;
	  font-size: 1rem;
	  background: none;
	  border: 1px solid #ccc;
	  color: #666;
	  margin-top: 0.75rem;
	  box-shadow: 0px -5px 5px #d6d6d6;
	}
  .vr-big-box,.vr-small-box{
  	width: 45vw;
  	height: 45vw;
  }
	.vr-big-box{
  	background-size:auto 100% !important;
	  -webkit-animation: vryd 10s linear infinite;
	  -moz-animation: vryd 10s linear infinite;
	  -o-animation: vryd 10s linear infinite;
	  animation: vryd 10s linear infinite;
	}
	.vr-btn{
	  border-radius: 1rem;
	  min-width: 8rem;
	  height: 2rem;
	  line-height: 2rem;
	  font-size: 1rem;
	}
	.vr-btn-i{
		font-size: 1.5rem;
	}
	.vr-mark{
		display: none;
	}
	.i-sjs-b{
		background: rgba(0,0,0,0.8);
		color: #fff;
	}
	.i-sjs-block{
		width: 100%;
	}
	.i-sjs-cblock{
		width: 100%;
		
	}
	.i-sjs-container{
		height: 40vw;
	}
	.i-swiper-container{
		width: 100%;
		height: 100%;
	}
	.swiper-button-next,.swiper-button-prev{
		display: none;
	}
	.sjs-swipe-prev,.sjs-swipe-next{
		display: none;
	}

	.i-sjs-case {display: none;}
	.i-sjs-c p {display: none;}
	.i-sjs-js{
		width: 100%;
		height: inherit;
		overflow: hidden;
		background: #f5f5f5;
		position: relative;
		overflow: hidden;
	}
	.i-sjs-c{
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 0;
		padding: 0.3rem 0.5rem;
		text-align: left;
		background: rgba(0,0,0,0.8);
		color: #fff;
	}
	.i-sjs-n{
		font-weight: 600;
	}
	.i-sjs-c>p{
		font-size: 0.7rem;
		overflow : hidden;
	}
	.i-gy-block{
		background: url(../image/gy-b.png) no-repeat;
    background-size:cover; 
	}
	.i-gy-li{
		width: 32.5%;
		height: 22vw;
		background: rgba(0,0,0,0.6);
		margin-bottom: 0.3rem;
		padding: 0.5rem;
		position: relative;
		color: #b98a44;
	}
	.i-gy-li:nth-child(4),.i-gy-li:nth-child(5),.i-gy-li:nth-child(6),.i-gy-li:nth-child(7){
		width: 24%;
		height: 32vw;
	}
	.i-gy-icon{
		font-size: 1.3rem;
		color: #b98a44;
	}
	.i-gy-t{
		font-weight: 600;
	}
	.i-gy-et{
		font-size: 0.4rem;
	}
	.i-gy-hr{
		display: none;
	}
	.i-gy-n{
		position: absolute;
		left: 0.3rem;
		top: 0.3rem;
		font-size: 0.6rem;
	}
	.i-gy-li:first-child .i-gy-icon,.i-gy-li:nth-child(5) .i-gy-icon,.i-gy-li:nth-child(10) .i-gy-icon{
		color: #333;
	}
	.i-gy-li:first-child,.i-gy-li:nth-child(5),.i-gy-li:nth-child(10){
		background: rgba(185,138,68,0.8);
		color: #333;
	}
	.i-fwbz-li{
		position: relative;
		width: 30%;
		height: 40vw;
    border-radius: 0.3rem;
    border: 1px solid #f5f5f5;
    box-shadow: 2px 5px 5px #d6d6d6;
    padding: 0.5rem;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
	}
	.i-fwbz-li:nth-child(4){
		margin-left: 17.5%;
		margin-top: 0.75rem;
	}
	.i-fwbz-li:nth-child(5){
		margin-right: 17.5%;
		margin-top: 0.75rem;
	}
	.i-fwbz-bar{
		position: absolute;
		top: 0;
		left: 25%;
		width: 50%;
		height: 0.3rem;
		background: #b98a44;
		border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
	}
	.i-fwbz-icon{
		font-size: 1.5rem;
	}
	.i-fwbz-t{
		font-size: 1rem;
		font-weight: 600;
	}
	.i-fwbz-li:hover .i-fwbz-icon,.i-fwbz-li:hover .i-fwbz-t{
		color: #b98a44;
	}
	.i-fwbz-hr{
		width: 2rem;
	}
	.i-fwbz-c{
		font-size: 0.7rem;
		color: #999;
	}
	.i-fwlc-ul{
		height: 87.78vw;
		position: relative;
	}
	.i-fwlc-line{
		position: absolute;
		width: 0;
		height: 85vw;
		top: 0.5rem;
		left: 50%;
		border-left: 2px solid #b98a44;
	}
	.i-fwlc-li{
		width: 100%;
		height: 13.04vw;
		font-size: 0.7rem;
		position: relative;
		display: flex;
	  display: -webkit-flex;
	  display: -moz-flex;
	  align-items: center;
	  -webkit-align-items: center;
	  -moz-align-items: center; 
	}
	.i-fwlc-li:nth-child(2n){
		text-align: right;
		padding-right: 58%;
	}
	.i-fwlc-li:nth-child(2n+1){
		text-align: left;
		padding-left: 58%;
	}
	.i-fwlc-box{
		position: absolute;
		width: 12%;
		height: 11.04vw;
		line-height: 11.04vw;
		text-align: center;
		border: 1px solid #ddd;
		border-radius: 50%;
		margin: 0 auto;
		background: #fff;
	}
	.i-fwlc-icon{
		font-size: 1.5rem;
		color: #b98a44;
	}
	.i-fwlc-li:nth-child(2n) .i-fwlc-box{
		top: 1vw;
		right: 44%;
	}
	.i-fwlc-li:nth-child(2n+1) .i-fwlc-box{
		top: 1vw;
		left: 44%;
	}
	.i-fwlc-cbox{
		width: 100%;
	}
	.i-fwlc-t{
		font-size: 0.8rem;
		font-weight: 600;
		color: #b98a44;
	}
	.i-fwlc-number{
		display: none;
	}
	.i-lyfg-ul{
		overflow: hidden;
	}
	.i-lyfg-li{
		width: 25%;
		position: relative;
		float: left;
	}
	.i-lyfg-li:first-child{
		width: 50%;
		border-right: 1px solid #fff;
	}
	.i-lyfg-li:nth-child(2),.i-lyfg-li:nth-child(3){
		border-bottom: 1px solid #fff;
	}
	.i-lyfg-li:nth-child(2),.i-lyfg-li:nth-child(4){
		border-right: 1px solid #fff;
	}
	.i-lyfg-img{
		width: 100%;
		overflow: hidden;
		height: 33vw;
	}
	.i-lyfg-li:first-child .i-lyfg-img{
		height: 66vw;
	}
	.i-lyfg-t{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 0.3rem 0;
		background: rgba(0,0,0,0.6);
		color: #fff;
	}
	.i-lyfg-t>p{
		font-weight: 600;
	}
	.i-yxpp-li{
		width: 23%;
		margin-bottom: 0.5rem;
	  border: 1px solid #e5e5e5;
	  overflow: hidden;
	}
	.i-ppry-block{
		width: 100%;
		text-align: center;
		background: url(../image/kb-b.jpg) no-repeat;
    background-size:cover; 
	}
	.swiper-slide-img{
		width: 48%;
		height: 31vw;
		margin-bottom: 3.5vw;
		border: 3px solid #bc111a;
	}

  
  .common-banner{
  	width: 100%;
  	height: 60vw;
  }
  .case-choose-block{
  	padding: 0 4%;
  }
  .choose-box-m{
  	margin: 0.5rem auto;
  }
  .choose-m-li{
  	width: 18%;
  	height: 2rem;
  	line-height: 2rem;
  	border: 1px solid #ddd;
  	margin-right: 1%;
  	border-radius: 0.3rem;
  	position: relative;
  	padding: 0 1rem 0 0.2rem;
  	font-size: 0.7rem;
  }
  .choose-m-text{
  	display: inline-block;
  	width: 100%;
  	height: 100%;
  	overflow: hidden;
  }
  .choose-m-text-active{
  	color: #b98a44;
  }
  .choose-icon{
  	position: absolute;
  	font-size: 0.6rem;
  	color: #999;
  	right: 0.2rem;
  }
  .choose-search-li{
  	width: 42%;
  	position: relative;
  	height: 2rem;
  	line-height: 2rem;
  	vertical-align: top;
  }
  .search-input-m{
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	padding: 0 1.5rem 0 0.2rem;
		height: 1.95rem;
		line-height: 1.95rem;
  	font-size: 0.7rem;
  	border: 1px solid #ddd;
  	border-radius: 0.4rem;
  	box-sizing: border-box;
  }
	.search-input-m:focus {
	  outline: none;
	  border: 1px solid #b98a44;
	}
  .search-icon{
  	position: absolute;
  	top: 0;
  	right: 0;
  	font-size: 0.8rem;
  	padding: 0 0.3rem;
  }
  .choose-box{
  	position: relative;
  	z-index: 888;
  }
  .choose-ul{
  	display: none;
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 55%;
  	background: #fff;
  	font-size: 0.7rem;
  	text-align: left;
  	border: 1px solid #ddd;
  	border-radius: 0.3rem;
  }
  .choose-li{
 		height: 1.5rem;
 		line-height: 1.5rem;
 		padding: 0 0.5rem;
  }
  .c-case-ul{
  	overflow: hidden;
  }
  .c-case-li{
		position: relative;
		overflow: hidden;
	}
	.choose-li-active{
		color: #b98a44;
	}
	.sort-box{
		display: none;
	}
	.c-bm-li{
		width: 100%;
		margin-bottom: 1rem;
		text-align: left;
	}
	.c-bm-title{
		padding: 0 0.2rem;
		font-size: 1rem;
		font-weight: 600;
		border-left: 4px solid #b98a44;
		margin-bottom: 0.5rem;
	}
	.c-bm-tel{
		display: none;
		font-size: 0.4rem;
		color: #b98a44;
	}
	.c-bm-noCase{
		width: 100%;
		border: 1px solid #ddd;
		padding: 1rem 0.5rem;
		margin-bottom: 1rem;
	}
	.noCase-icon{
		font-size: 3rem;
		color: #999;
	}
	.noCase-title{
		font-size: 0.8rem;
		margin-bottom: 1rem;
	}
	.c-bm-input {
	  display: inline-block;
	  width: 48%;
	  padding: 0.75rem;
	  border: 1px solid #ccc;
	  border-radius: 0.3rem;
	  font-size: 0.8rem;
	  box-sizing: border-box;
	  margin-right: 1%;
	  margin-bottom: 0.75rem;
	  border-radius: 0.3rem;
	}
	.c-bm-input:focus {
	  outline: none;
	  border: 1px solid #b98a44;
	}
	.c-bm-btn {
	  width: 48%;
	  display: inline-block;
	  height: 2.75rem;
	  line-height: 2.75rem;
	  background-color: #b98a44;
	  border-radius: 0.3rem;
	  color: #fff;
	  border: none;
	  outline: none;
	  cursor: pointer;
	  text-align: center;
	  font-size: 1rem;
	  vertical-align: middle;
	}
	.c-title-box{
		margin: 0.75rem auto;
	}
	.c-block-title{
		padding: 0 0.5rem;
		font-size: 1rem;
		font-weight: 600;
		border-left: 4px solid #b98a44;
	}
	.c-sjs-ul{
		overflow: hidden;
	}
	.c-sjs-li{
		width: 48%;
		float: left;
		background: #f5f5f5;
		border-radius: 0.3rem;
		overflow: hidden;
	}
	.c-sjs-li:nth-child(2n){
		margin-left: 4%;
	}
	.c-sjs-li:nth-child(-n+2){
		margin-bottom: 0.5rem;
	}
	.sjs-page .c-sjs-li{
		margin-bottom: 0.75rem;
	}
	.c-sjs-img{
		width: 100%;
		height: 44.16vw;
		overflow: hidden;
		position: relative;
	}
	.c-sjs-img>img{
		object-position: left 0px top -5px;
	}
	.c-sjs-mark{
		font-size: 0.7rem;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 2rem;
		line-height: 2rem; 
		background: #b98a44;
		color: #fff;
		cursor: pointer;
	}
	.c-sjs-mark>span{
		float: left;
		width: 50%;
	}
	.c-sjs-content{
		text-align: left;
		overflow: hidden;
		padding: 0.5rem;
	}
	.c-sjs-content li{
		float: left;
		width: 100%;
		height: 1.2rem;
		line-height: 1.2rem;
		text-overflow: ellipsis;
	  overflow: hidden;
	  white-space: nowrap;
	  font-size: 0.7rem;
	}
	.c-sjs-content li:nth-child(2),.c-sjs-content li:nth-child(3){
		width: 50%;
	}
	.c-sjs-content li:nth-child(3){
		text-align: right;
	}
	.c-sjs-n{
		font-size: 0.8rem;
		font-weight: 600;
		margin-right: 0.5rem;
	}
	.c-lj-li{
		width: 48%;
		height: 26.6vw;  
	  background-size:100% 100%;
	  position: relative;
	  margin-bottom: 0.5rem;
	}
	.c-lj-li:first-child{
		background: url(/skin/whdyzs/image/case/lj01.png) no-repeat;
	}
	.c-lj-li:nth-child(2){
		background: url(/skin/whdyzs/image/case/lj02.png) no-repeat;
	}
	.c-lj-li:nth-child(3){
		background: url(/skin/whdyzs/image/case/lj03.png) no-repeat;
	}
	.c-lj-li:nth-child(4){
		background: url(/skin/whdyzs/image/case/lj04.png) no-repeat;
	}
	.c-lj-t{
		height: 2.2rem;
		line-height: 2.2rem;
		border-radius: 1.1rem;
		font-size: 0.8rem;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		color: #fff;
		width: 80%;
		background: rgba(185,138,68,0.8);
	}
	
	.a-ldys-ul{
		padding: 0 10%;
	}
	.a-ldys-li{
		width: 25vw;
		height: 25vw;
		border-radius: 50%;
		background-size: 100% 100%;
		margin-bottom: 1rem;
	}
	.a-ldys-mark{
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
		border-radius: 50%;
		color: #fff;
		font-weight: 600;
	}
	.a-bm-form{
		position: relative;
		background: url(../image/bm-b.jpg) no-repeat;
		background-size:100% 100%;
		padding: 1rem;
		flex-flow: row wrap;
		justify-content: center;
	  -webkit-justify-content: center;
	  -moz-justify-content: center;
	}
	.a-bm-icon,.a-bm-t{
		display: none;
	}
	.a-bm-form .c-bm-input,.a-bm-form .c-bm-btn{
		width: 80%;
	}
	.a-ldcj-li{
		width: 15.5%;
		height: 22vw;
		background-size:100% 100%;
		cursor: pointer;
	}
	.a-ldcj-box{
		width: 100%;
		height: 100%;
		background: rgba(255,255,255,0.8);
	}
	.a-ldcj-icon{
		font-size: 1.5rem;
	}
	.a-ldcj-t{
		font-size: 0.8rem;
	}
	.a-ldcj-content-t{
		display: inline-block;
		font-size: 1rem;
		font-weight: 600;
		padding: 0.5rem 1rem;
		margin: 1rem auto;
		border: 1px solid #ddd;
	}
	.a-ldcj-img-box{
		width: 100%;
		height: 50vw;
	}
	.a-ldcj-item-ul{
		width: 30%;
		text-align: left;
		border-right: 1px solid #fff;
	}
	.a-ldcj-desc-ul{
		width: 70%;
		text-align: left;
	}
	.a-ldcj-li-title,.a-ldcj-item-li,.a-ldcj-desc-li{
		height: 1.8rem;
		line-height: 1.8rem;
		padding: 0 0.5rem;
		text-overflow: ellipsis;
	  overflow: hidden;
	  white-space: nowrap;
	  background: #f5f5f5;
	  border-bottom: 1px solid #fff;
	}
	.a-ldcj-li-title{
		background: #b98a44;
		color: #fff;
		font-size: 0.8rem;
		font-weight: 600;
	}
	.a-ppzc-block{ overflow: hidden; }
	.a-ppzc-ulT{
		display: none;
	}
	.ppzc-img-box{
		width: 100%;
		height: 37vw;
		overflow: hidden;
		border: 1px solid #ddd;
		background-size:cover;
		background-repeat: no-repeat;
		position: relative;	
	}
	.ppzc-img-t{
		position: absolute;
		top: 0.5rem;
		right: 0.5rem;
		padding: 0.35rem 1rem;
		background: rgba(185,138,68,0.6);
		color: #fff;
		border-radius: 0.3rem;
		font-size: 1rem;
	}
	.a-ppzc-wrap{
		margin-top: 0.5rem;
	}
	.ppzcCon{
		display: none;
	}
	.a-ppzc-liC{
		width: 23%;
		height: 9.2vw;
		border: 1px solid #ddd;
		background-size:100% 100%;
		background-repeat: no-repeat;	
		margin-bottom: 0.5rem;
	}
	.ppzc-has-color{
	  color: #fff;
	  background: #b98a44;
	}
	.a-hbcl-box{
		width: 100%;
		height: 37vw;
	}
	.a-wfzt-li:first-child,.a-wfzt-li:nth-child(2){
		width: 48%;
		height: 33vw; 
		margin-bottom: 0.75rem;
	}
	.a-wfzt-li:nth-child(3),.a-wfzt-li:nth-child(4),.a-wfzt-li:nth-child(5){
		width: 32%;
		height: 22vw; 
	}
	.a-hbcl-bg{
	  background: url(/skin/whdyzs/image/bj-b.jpg) no-repeat;
	  background-size:100% 100%;
	}
	
	.a-yxyc-li{
		width: 23.5%;
		margin-bottom: 0.3rem;
	  border: 1px solid #e5e5e5;
	  overflow: hidden;
	}
	
	.h-pzjz-liT{
		width: 23%;
		height: 21.16vw;
		border-radius: 0.3rem;
		border: 1px solid #ddd;
		box-shadow: 2px 2px 6px 0 rgba(0,0,0,.3);
		margin-bottom: 0.5rem;
	}
	.h-pzjz-icon{
		font-size: 1.5rem;
		color: #b98a44;
	}
	.h-pzjz-con{
		margin-top: 0.3rem;
		width: 100%;
	}
	.h-pzjz-liCon{
		border-radius: 0.3rem;
		border: 1px solid #ddd;
		box-shadow: 2px 2px 6px 0 rgba(0,0,0,.3);
		color: #fff;
	}
	.h-pzjz-liCT{
		font-size: 1.2rem;
		font-weight: 600;
		margin-bottom: 0.75rem;
		font-style: italic;
	}
	.h-pzjz-liCon:first-child{
		width: 48%;
		height: 30vw;
		background: url(/skin/whdyzs/image/houseCustom/rz01.png) no-repeat;
		background-size: 100% 100%;
	}
	.h-pzjz-liCon:nth-child(2){
		width: 48%;
		height: 30vw;
		background: url(/skin/whdyzs/image/houseCustom/rz02.png) no-repeat;
		background-size: 100% 100%;
	}
	.h-pzjz-liCon:last-child{
		width: 100%;
		padding: 1rem 2rem;
		color: #666;
		overflow: hidden;
		margin-top: 0.5rem;
	}
	.h-pzjz-liCon:last-child>p{
		font-size: 1.2rem;
		font-weight: 600;
		color: #b98a44;
		margin-bottom: 0.75rem;
	}
	.h-ppsl-li{
		width: 23%;
		height: 21.16vw;
		background-color: #bc111a;
		color: #fff;
		font-weight: 600;
		border: 1px solid #ddd;
		border-radius: 0.5rem;
		box-shadow: 0px 5px 5px #d6d6d6;
	}
	.h-rzys-liT{
		display: none;
	}
	.h-fgbb-ulT{
		justify-content: center;
	  -webkit-justify-content: center;
	  -moz-justify-content: center;
	}
	.h-fgbb-liT{
		cursor: pointer;
	}
	.fgbb-has-color{
		color: #b98a44;
	}
	.h-fgbb-line{
		color: #999;
		margin: 0 0.5rem;
	}
	.h-fgbb-liT:last-child .h-fgbb-line{
		display: none;
	}
	.h-fgbb-ulC{
		overflow: hidden;
		margin-top: 0.75rem;
	}
	.h-fgbb-liC{
		float: left;
	}
	.h-fgbb-liC:first-child{
		width: 100%;
		height: 69vw;
		border-bottom: 1px solid #fff;
	}
	.h-fgbb-liC:nth-child(2){
		border-right: 1px solid #fff;
	}
	.h-fgbb-liC:nth-child(2),.h-fgbb-liC:nth-child(3){
		width: 50%;
		height: 39.5vw;
	}
	
	.d-jzxj-block{
	  background: url(../image/xj_b.png) no-repeat;
	  background-size:cover;
	  color: #fff;
	}
	.d-jzxj-li{
		width: 90%;
		height: 2.5rem;
		line-height: 2.5rem;
		border-radius: 1.25rem;
		background: rgba(255,255,255,0.1);
		margin-top: 0.75rem;
		color: #fff;
	}
	.d-jzxj-li:nth-child(2n){
		margin-right: 2rem;
	}
	.d-jzxj-li:nth-child(2n+1){
		margin-left: 2rem;
	}
	.d-kp-box{
		width: 70%;              
	  height: 19.32vw;
	  margin: 1rem auto 0;
	  background: url(/skin/whdyzs/image/crafts/sjx-b2.png) no-repeat;
	  background-size:100% 100%;
	}
	.d-kp-t{
		font-size: 1rem;
		font-weight: 600;
	}
	.d-hxjs-li{
		width: 23%;
		font-size: 0.7rem;
	}
	.d-hxjs-li:nth-child(-n+4){
		margin-bottom: 0.75rem;
	}
	.d-hxjs-icon{
		font-size: 2rem;
		color: #b98a44;
	}
	.d-hxjs-t{
		font-size: 0.8rem;
		font-weight: 600;
		color: #b98a44;
	}
	.d-hxjs-hr{
		width: 1.5rem;
		border: 1px solid #b98a44;
	}
	.d-xzly-li{
		width: 24%;
		color: #fff;
	}
	.d-xzly-liC{
		width: 100%;
		height: 22.08vw;
		background: #b98a44;
		border: 5px solid #ddd;
		border-radius: 50%;
	}
	.d-xzly-li:nth-child(-n+4){
		margin-bottom: 0.75rem;
	}
	.d-xzly-hr{
		display: none;
	}
	.d-xzly-t{
		font-weight: 600;
	}
	.d-xzly-c{
		display: none;
	}
	.d-xzly-cm{
		color: #666;
		font-size: 0.7rem;
	}
	.d-ysbz-block{
		background: url(../image/ysbz-bbp.png) no-repeat;
	  background-size:100% 100%;
	}
	.d-ysbz-li{
		width: 20%;
		padding-bottom: 1.25rem;
		border-bottom: 2px solid #b98a44;
		position: relative;
		margin-bottom: 1.5rem;
	}
	.d-ysbz-num{
		position: absolute;
		bottom: -0.8rem;
		left: 50%;
		margin-left: -0.7rem; 
		width: 1.4rem;
		height: 1.4rem;
		line-height: 1.4rem;
		border: 2px solid #b98a44;
		color: #b98a44;
		background: #fff;
		border-radius: 50%;
		box-sizing: content-box;
	}
	.ysbz-has-color{
		color: #fff;
		background: #b98a44;
	}
	.ysbz-slide{
		width: 100%;
		height: 75vw;
		background: url(/skin/whdyzs/image/crafts/ysbz-lbm.png) no-repeat;
	  background-size:100% 100%;
	  color: #fff;
	  border-radius: 0.5rem;
	  padding-top: 2.5rem;
	}
	.d-ysbz-l{
		position: relative;
		padding-left: 5rem;
		margin: 0 auto;	
		width: 15rem;
		text-align: left;
	}
	.d-ysbz-s{
		position: absolute;
		top: -2.2rem;
		left: 0;
		color: #b98a44;
		font-size: 6.5rem;
	}
	.d-ysbz-t{
		font-size: 2.8rem;
		letter-spacing: 0.2rem;
	}
	.d-ysbz-et{
		opacity: 0.6;
	}
	.d-ysbz-x{
		display: none;
	}
	.d-ysbz-cUl{
		overflow: hidden;
		width: 100%;
		margin-top: 1.5rem;
	}
	.d-ysbz-cUl li{
		float: left;
		width: 50%;
		line-height: 1.8rem;
	}
	.d-ysbz-cUl li:last-child{
		width: 100%;
	}
	.ysbz-item-li{
		display: inline-block;
		margin-right: 0.3rem;
	}
	.d-ysbz-cUl>li>span{
		opacity: 0.8;
	}
	.d-ysbz-icon{
		margin-right: 0.1rem;
		font-size: 0.75rem;
	}
	.d-sxcr-block{
		background: url(../image/zws31-b.png) no-repeat;
	  background-size:cover;
	  color: #fff;
	}
	.d-bx-ul,.d-zws-ul{
		padding-top: 0.3rem;
		font-size: 0.75rem;
	}
	.d-bx-li,.d-zws-li{
		width: 100%;
	}
	.d-bx-li>div{
		height: 1.6rem;
		line-height: 1.6rem;
		border-bottom: 1px solid #e5e5e5;
		padding: 0 0.3rem;
		overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	}
	.d-bx-bz{
		border-left: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
	}
	.d-bx-xm{
		width: 50%;
		background: #505050;
		color: #fff;
		border-left: 1px solid #e5e5e5;
	}
	.d-bx-bz{
		width: 25%;
		background: #7e7e7e;
		color: #333;
	}
	.d-bx-nbz{
		width: 25%;
		background: #c3c3c3;
		color: #b13131;
	}
	.d-bx-li:first-child{
		font-weight: 600;
		font-size: 0.8rem;
		color: #fff;
	}
	.d-bx-li:first-child>div{
		height: 2.5rem;
		line-height: 2.5rem;
		background: #333;
	}
	.d-bx-li:first-child .d-bx-xm{
		border-left: 1px solid #555;
	}
	.d-bx-li:first-child .d-bx-bz{
		color: #fff;
		border-left: 1px solid #555;
		border-right: 1px solid #555;
	}
	.d-bx-li:first-child .d-bx-nbz{
		height: 2.8rem;
		padding-top:0.3rem;
		color: #fff;
		background: #b13131;
		margin-top: -0.3rem;
		text-overflow:hidden;
	}
	.d-zws-li>div{
		height: 1.6rem;
		line-height: 1.6rem;
		border-bottom: 1px solid #fff;
		padding: 0 0.3rem;
		overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	}
	.d-zws-li:nth-child(2n){
		color: #b13131;
		background: #ededed;
	}
	.d-zws-li:nth-child(2n+1){
		color: #b13131;
		background: #dbdbdb;
	}
	.d-zws-i{
		width: 10%;
		border-right: 1px solid #fff;
	}
	.d-zws-xm{
		width: 90%;
	}
	.d-zws-li:first-child{
		height: 2.5rem;
		line-height: 2.5rem;
		font-weight: 600;
		font-size: 0.8rem;
		color: #fff;
		background: #b13131;
	}
	.d-jpgd-ul,.d-jpgd-ul2{
		overflow: hidden;
	}
	.d-jpgd-ul2{
		display: none;
	}
	.d-jpgd-li{
		float: left;
		width: 23%;
		margin: 0 2% 0.75rem 0;
		border: 1px solid #ddd;
	}
	.d-jpgd-li:nth-child(4n){
		margin-right: 0;
	}
	.d-jpgd-i{
		width: 100%;
		height: 25vw;
	}
	.d-jpgd-c{
		height: 2rem;
		line-height: 2rem;
	}
	.d-jpgd-more{
		display: inline-block;
	  padding: 0.5rem 2rem;
	  border-radius: 1.8rem;
	  font-size: 1rem;
	  background: none;
	  border: 1px solid #ccc;
	  color: #666;
	  box-shadow: 0px -5px 5px #d6d6d6;
	  cursor: pointer;
	}
	
	.s-content-block{
		
	}
	.s-content-box{
		width: 100%;
		padding: 0 4%;
	}
	.s-type-li{
		width: 48%;
		height: 20vw;
		border-radius: 0.3rem;
		overflow: hidden;
		color: #fff;
		text-align: center;
		cursor: pointer;
		font-size: 0.6rem;
	}
	.s-type-li-active{
		color: #b98a44;
	}
	.s-type-t{
		font-size: 1rem;
		font-weight: 600;
	}
	.s-detail-li{
	  width: 100%;
	  
	  padding: 0.5rem;
	  background-color: #fff;
	  overflow: hidden;
	  margin-top: 1rem;
	  text-align: left;
	  border: 1px solid #eee;
	  -webkit-box-shadow: 2px 2px 6px 0 rgba(0,0,0,.1);
	  box-shadow: 2px 2px 6px 0 rgba(0,0,0,.1);
	}
	.s-detail-img{
		width: 30%;
		height: 27.6vw;
	}
	.s-detail-con{
		width: 70%;
		height: 27.6vw;
		line-height: 1rem;
		padding-left: 0.5rem;
	}
	.s-detail-t{
		font-size: 1rem;
		font-weight: 600;
		color: #b98a44;
	  margin-bottom: 0.5rem;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  cursor: pointer;
	}
	.s-detail-text{
	  height: 2.4rem;
	  line-height: 1.2rem;
	  overflow: hidden;
	  margin-bottom: 0.5rem;
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.s-detail-btn{
	  width: 5rem;
	  height: 1.4rem;
	  line-height: 1.4rem;
	  border: 1px solid #b98a44;
	  text-align: center;
	  margin-bottom: 0.5rem;
	  cursor: pointer;
	}
	.s-detail-mark{
		display: none;
	}
	.s-right-box{
		display: none;
	}
	
	.s-content-t{
		border-bottom: 1px solid #ddd;
		padding-bottom: 0.5rem;
	}
	.s-content-bt{
		font-size: 1rem;
		color: #b98a44;
		margin-bottom: 0.3rem;
		font-weight: 400;
	}
	.s-text-detail{
		padding: 0.75rem 0 2rem 0;
		text-indent: 2rem;
		line-height: 1.3rem;
	}
	.s-text-detail img{
	 	max-width: 80%;
	 	height: auto;
	 	margin: 0.5rem auto;
	}
	
	.us-jj-box{
		background: url(/skin/whdyzs/image/aboutUs/dudu.jpg) no-repeat;
	  background-size:100% 100%;
	  padding: 1rem 0.5rem;
	}
	.us-jj-i{
		display: none;
	}
	.us-jj-c{
		width: 100%;
		height: auto;
		text-indent:2rem;
		text-align: left;
	}
	.us-fzlc-b{
		background: rgba(0,0,0,0.8);
		color: #fff;
	}
	.us-fzlc-ul{
		overflow: hidden;
	}
	.us-fzlc-li{
		border-bottom: 1px solid #ddd;
		background: #f5f5f5;
	}
	.us-fzlc-t{
		width: 25%;
		color: #b98a44;
		font-size: 1rem;
		font-weight: 600;
		position: relative;
	}
	.us-fzlc-icon{
		position: absolute;
		top: 0;
		right: -0.55rem;
		color: #999;
	}
	.us-fzlc-c{
		width: 75%;
		color: #666;
		text-align: left;
		padding: 0.75rem 0.75rem 0.75rem 1.5rem;
		border-left: 1px solid #ddd;
	}
	.us-jy-i{
		width: 100%;
	}
	.us-jy-c{
		width: 100%;
		text-align: left;
	}
	.us-jy-li{
		margin: 0.75rem 0;
	}
	.us-jy-li:first-child,.us-jy-li:nth-child(2){
		text-align: center;
	}
	.us-fgs-li{
		width: 100%;
		margin-bottom: 0.75rem;
		border: 1px solid #ddd;
		border-radius: 0.3rem;
		box-shadow:2px 5px 5px #aaa;
		overflow: hidden;
		text-align: left;
	}
	.us-fgs-t{
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 1rem;
		background: #b98a44;
		color: #fff;
		padding: 0 0.75rem;
	}
	.us-fgs-c{
		height: 5rem;
		line-height: 1.3rem;
		overflow: hidden;
		padding: 0.5rem;
	}
	.us-fgs-addr{
		max-height: 2.6rem;
		overflow: hidden;
	}
	#mapBox{
		height: 60vw;
	}
	.us-lxwm-c{
		width: 15rem;
		height: 2.5rem;
		line-height: 2.5rem;
		border: 1px solid #b98a44;
		border-radius: 1.25rem;
		color: #b98a44;
		font-weight: 600;
		overflow: hidden;
		margin: 1rem auto 0;
	}
	.us-lxwm-c>p{
		width: 50%;
	}
	.us-lxwm-tel{
		background: #b98a44;
		color: #fff;
	}
	 
	.case-title{
	  font-size: 1rem;
	  margin-bottom: 0.75rem;
	  color: #b98a44;
	  font-weight: 400;
	}
	.case-table{
	  width: 100%;
	  text-align: center;
	  font-size: 0.7rem;
	}
	.table-t,.table-d{
	  border: 1px solid #ddd;
	  height: 2rem;
	  line-height: 2rem;
	}
	.table-t{
	  width: 18%;
	  background-color: #f5f5f5;
	}
	.table-d{
	  width: 32%;
	}
	.design-notes{
	  padding: 0.5rem 0;
	  text-align: left;
	  text-indent: 1.5rem;
	  line-height: 1.3rem;
	}
	.design-notes img {max-width: 100% !important; height: auto !important;}
	.img-box{
	  width: 100%;
	  overflow: hidden;
	  padding-bottom: 1.5rem;
	}
	.img-box img{
	  max-width: 100%;
	  max-height: 100vw;
	  object-fit: contain;
	  margin: 0 auto 0.5rem;
	}	
	
	.d-s-pic{
		width: 40%;
		height: 60vw;
	}
	.d-s-content{
		width: 60%;
		padding: 0 0.75rem;
		text-align: left;
	}
	.d-s-title{
		font-size: 1.5rem;
		color: #b98a44;
		letter-spacing: 0.15rem;
	}
	.d-s-nameB{
		font-weight: 400;
		font-size: 0.8rem;
	}
	.d-s-name{
		font-size: 1rem;
		color: #b98a44;
		margin-right: 0.75rem;
	}
	.d-s-motto{
		height: 2.4rem;
		margin: 0.3rem 0;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		font-size: 0.7rem;
		color: #999;
	}
	.d-s-ul{
		height: 5rem;
		margin-bottom: 0.5rem;
		padding: 0.5rem 0;
		border-top: 1px solid #ddd;
		font-size: 0.7rem;
		color: #999;
	}
	.d-s-li{
		position: relative;
		padding-left: 4.2rem;
		height: 1.3rem;
		line-height: 1.3rem;
		text-overflow: ellipsis;
	  overflow: hidden;
	  white-space: nowrap;
	}
	.d-s-t{
		position: absolute;
		top: 0;
		left: 0;
	}
	.s-zp-block{
		margin: 0.5rem auto 0.75rem;
	}
	.s-zp-t{
		display: inline-block;
		height: 2rem;
		line-height: 2rem;
		font-size: 1rem;
		font-weight: 600;
		color: #b98a44;
		margin-right: 0.75rem;
		border-bottom: 2px solid #b98a44;
	}
	.s-zp-li{
		width: 100%;
		height: 63vw;
		margin-bottom: 0.75rem;
		cursor: pointer;
		position: relative;
		overflow: hidden;
		border-radius: 0.3rem;
	}
	.s-zp-img{
		width: 100%;
		height: 100%;
	}
	.s-zp-detail{
		position: absolute;
		width: 100%;
		height: 2.5rem;
		line-height: 2.5rem;
		padding: 0 1rem;
		color: #fff;
		background: rgba(0,0,0,0.6);
		bottom: 0;
		left: 0;
	}
	.s-bm-box{
		padding: 1rem;
	  border: 1px solid #e9e9e9;
	  -webkit-box-shadow: 2px 2px 6px 0 rgba(0,0,0,.1);
	  box-shadow: 2px 2px 6px 0 rgba(0,0,0,.1);
	  background-color: #fff;
	  margin-bottom: 1.5rem;
	  text-align: center;
	}
	.s-bm-t{
		font-size: 1.2rem;
	  font-weight: 600;
	  color: #b98a44;
	  margin-bottom: 0.75rem;
	  text-align: center;
	}
	.s-bm-input,.s-bm-btn {
	  width: 100%;
	  padding: 0.75rem;
	  margin-bottom: 0.75rem;
	  border-radius: 0.3rem;
	  border: 1px solid #ddd;
	  box-sizing: border-box;
	  font-size: 0.7rem;
	}
	.s-bm-btn {
		background: #b98a44;
		color: #fff;
		cursor: pointer;
		font-size: 1rem;
	}
	.more-data-text{
		font-size: 0.8rem;
		color: #f00;
		text-align: center;
		margin-bottom: 1rem;
	}
	
  
  .quote-banner{
    width: 100%;
    background: url(../image/bbg1.jpg) no-repeat;
    background-size:100% 100%;
  }
  .banner-block{
    width: 100%;
    padding: 1.5rem 4%;
  }
  .jsq-title{
    max-width: 80%;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.15rem;
    color: #fff;
    text-align: center;
    font-style:oblique;
    margin: 0 auto;
  }
  .jsq-box{
    width: 100%;
    padding: 1rem;
    margin-top: 1rem;
    background: #fff;
    border-radius: 0.5rem;
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.1);
    text-align: center;
  }
  .jsq-count-box{
    width: 100%;
  }
  .jsq-title-cn{
    display: inline-block;
    font-size: 1.2rem;
    margin: 0 auto 0.75rem;
    text-align: center;
  }
  .jsq-block-title{
    font-size: 0.8rem;
    margin-bottom: 1rem;
    color: #b98a44;
  }
  .jsq-form-li:nth-child(2){
    display: none;
  }
  .jsq-form-title{
    display: none;
  }
  .js-input{
    width: 100%;
    line-height: 3rem;
    height: 3rem;
    border-radius: 0.3rem;
    border: 1px solid #aaa;
    box-sizing: border-box;
    font-size: 0.8rem;
    padding: 0 15px;
    margin-bottom: 0.75rem;
  }
  .js-input:focus {
    outline:none;
    border: 1px solid #195d6e;
  }
  .jsq-show-box,.jsq-btn-box{
    display: none;
  }
  .ljjs-m{
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    background-color: #195d6e;
    color: #fff;
    border-radius: 0.25rem;
    font-size: 1rem;
    letter-spacing: 0.05rem;
    border: 1px solid transparent;
    margin-bottom: 0.5rem;
    outline: none;
  }
  .tx-ts{
    color: red;
  }
  .fg-li{
  	width: 48%;
  	border-radius: 0.5rem;
	  box-shadow: 0 4px 12px 0 rgba(0,0,0,.2);
	  overflow: hidden;
	  margin-bottom: 0.75rem;
  }
  .fg-li-title{
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1rem;
    color: #fff;
	  background: #2bb4aa;
  }
	.fg-img-box{
	  width: 100%;
	  height: 100%;
	}
  .ssjjx-mask-bg{
    color: #fff;
    background: url(../image/ssjjx-b-m.jpg) no-repeat;
    background-size:100% 100%;
  }
  .ssjjx-ul{
    flex-flow: row wrap;
  }
  .ssjjx-li{
    width: 49%;
    height: 60vw;
    color: #195d6e;
    position: relative;
  }
  .ssjjx-li:first-child{
    width: 100%;
    height: 37vw;
    margin-bottom: 0.5rem;
  }
  .ssjjx-b-box{
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center; 
    position: relative;
    width: 100%;
    height: 34vw;
  }
  .ssjjx-li:first-child .ssjjx-b-box{
    width: 55%;
    height: 37vw;
    background: url(../image/ssjb1.jpg) no-repeat;
    background-size:100% 100%;
  }
  .ssjjx-li:nth-child(2) .ssjjx-b-box{
    background: url(../image/qblc1.jpg) no-repeat;
    background-size:100% 100%;
  }
  .ssjjx-li:nth-child(3) .ssjjx-b-box{
    background: url(../image/ssjb3.jpg) no-repeat;
    background-size:100% 100%;
  }
  .ssjjx-icon-box{
    background: rgba(255,255,255,0.8);
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 50%;
  }
  .ssjjx-icon{
    font-size: 2rem;
    color: #195d6e;
    margin-top: 0.5rem;
  }
  .ssjjx-li-title{
    position: absolute;
    font-size: 0.9rem;
    top:65%;
    left:50%;
    transform: translate(-50%,-50%);
  }
  .ssjjx-hr{
    display: none;
  }
  .ssjjx-li-content{
    position: absolute;
    background: #195d6e;
    color: #fff;
    font-size: 0.75rem;
    width: 95%;
    height: 28vw;
    left: 2.5%;
    bottom: 0;
    border-radius: 0.2rem;
    text-align: left;
  }
  .ssjjx-li:first-child .ssjjx-li-content{
    width: 50%;
    height: 33vw;
    left: 50%;
    right: 0;
    bottom: 2vw;
  }
  .ssjjx-li-content p{
    position: absolute;
    width: 100%;
    padding: 0.4rem;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
  }
  .hylx-mask-bg{
    background: url(../image/hylx-b-m.jpg);
  }
  .hylx-ul{
    flex-flow: row wrap;
  }
  .hylx-li{
    width: 100%;
    height: 46vw;
    background: #fff;
    border: 1px solid #eee;
  }
  .hylx-img{
    width: 50%;
    height: 100%;
    overflow: hidden;
    float:left;
  }
  .hylx-content-box{
    padding: 0.5rem;
    width: 50%;
    float: right;
    text-align: left;
  }
  .hylx-li:nth-child(2n) .hylx-img{
    float: right;
  }
  .hylx-li:nth-child(2n) .hylx-content-box{
    float: left;
  }
  .hylx-li-title{
    font-size: 0.9rem;
    font-weight: 600;
    color: #195d6e;
  }
  .hylx-hr{
    width: 1.5rem;
    height: 0.15rem;
    margin: 0.2rem 0;
    border-top: 0.1rem solid #195d6e;
  }
  .hylx-li-content{
    font-size: 0.75rem;
    text-indent: 1.2rem;
  }
  .hqbj-mask-bg{
    background: url(../image/bj-b-m.jpg) no-repeat;
    background-size:100% 100%;
  }
  .hqbj-ul{
    padding-top: 1rem;
  }
  .hqbj-li{
    width: 48.5%;
    height: 9.5rem;
    border: 1px dashed #195d6e;
    margin-bottom: 2rem;
  }
  .hqbj-icon-box{
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    border-radius: 1.5rem;
    background: #195d6e;
    margin: -1.5rem auto 0;
  }
  .hqbj-icon{
    font-size: 1.5rem;
    color: #fff;
  }
  .hqbj-li-title{
    margin: 0.2rem auto 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: #195d6e;
  }
  .hqbj-hr{
    width: 1.5rem;
  }
  .hqbj-li-content{
    padding: 0.2rem 0.3rem;
    font-size: 0.8rem;
    text-indent: 1.2rem;
    text-align: left;
  }
  .hqbj-ul{
	  flex-flow: row wrap;
	  align-items: flex-start;
	  -webkit-align-items: flex-start;
	  -moz-align-items: flex-start; 
	}
	.hqbj-hr{
	  height: 2px;
	  background-color: #195d6e;
	  border: none;
	}
  
	.zz-wrap{
	  width: 100%;
	  margin-top: 0.75rem;
	}
	.zz-nav{
	  justify-content: center;
	  -webkit-justify-content: center;
	  -moz-justify-content: center;
	}
	.zz-li{
		width: 33%;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.9rem;
	  color: #b98a44;
	  background: #f5f5f5;
	  border-left: 1px solid #fff;
	  border-right: 1px solid #fff;
	  cursor: pointer;
	}
	.zz-content{
	  width: 100%;
	  display: none;
	  position: relative;
	}
	.nav-has-color{
	  color: #fff;
	  background: #b98a44;
	}
	.is-show{
	  display: block;
	}
	.zzbj-btn{
		position: absolute;
    bottom: 0.5rem;
    right: 1rem;
    width: 20%;
    height: 1.1rem;
    line-height: 1.1rem;
    border-radius: 0.2rem;
    font-size: 0.6rem;
	  background-color: #fc3232;
	  color: #fff;
	  letter-spacing: 0.15rem;
	  margin: 0;
	  padding: 0;
	  border: 1px solid transparent;
	  outline: none;
	  cursor: pointer;
	}
	.ddys-mask-bg{ 
    background: url(../image/ddys-b-m.jpg) no-repeat;
    background-size:100% 100%;
  }
  .ddys-tab-ul{
    margin-bottom: 0.75rem;
  }
  .ddys-tab-li{
    font-size: 1rem;
    background: #fff;
    height: 2rem;
    line-height: 2rem;
    padding: 0 1.5rem;
    border-radius: 0.3rem;
    margin: 0 0.5rem;
  }
  .ddys-tab-active{
    color: #fff;
    background: #1f687a;
  }
  .ddys-li{
    height: 1.8rem;
    line-height: 1.8rem;
    margin-bottom: 0.5rem;
    background-size:100% 100%;
    border-radius: 0.3rem;
    overflow: hidden;
  }
  .dd-content{ 
    width: 100%;
    color: #fff;
    background: #1f687a;
    font-weight: 600;
    overflow: hidden;
  }
  .other-content{
    display: none;
    width: 100%;
    background: rgba(0,0,0,0.1);
    font-weight: 600;
    color: #666;
    overflow: hidden;
  }
  .ddys-li:first-child{
    display: none;
  }
	.jxsg-li{
		width: 49%;
	  position: relative;
	}
	.jxsg-li:nth-child(-n+6){
    margin-bottom: .5rem;
  }
  .jxsg-img-box{
    width: 100%;
    height: 29.5vw;
    overflow: hidden;
  }
	.jxsg-img-box img{
	  width: 100%;
	  height: 100%;
	}
	.jx-content{
		height: 5rem;
		overflow: hidden;
	  display: flex;
	  display: -webkit-flex;
	  display: -moz-flex;
	  align-items: center;
	  -webkit-align-items: center;
	  -moz-align-items: center; 
	  width: 100%;
	  background: #e5e5e5;
	}
	.jx-title{
		height: 1.8rem;
    line-height: 1.8rem;
    bottom: 5rem;
    font-size: 0.8rem;
	  position: absolute;
	  left: 0;
	  color: #fff;
	  background: rgba(25,93,110,0.8);
	  text-align: left;
	  padding: 0 1rem;
	  border-top-right-radius: 0.3rem;
	}
	.jx-text{
    width: 100%;
    font-size: 0.75rem;
    text-align: left;
    padding: 0 0.2rem;
  }
	.icon-dian{
	  font-size: 0.5rem;
	  color: #666;
	}
  .qlmd-mask-bg{
    background: url(../image/qlmd-b-m.jpg) no-repeat;
    background-size:100% 100%;
  }
  .qlmd-img{
    width: 100%;
    height: 120vw;
    background: url(../image/mhty-m.png) no-repeat;
    background-size:100% 100%;
  }
	.qlmd-mask{
	  color: #fff;
	  background: rgba(25,93,110,0.8)
	}
	.qlmd-mask .title-line{
	  background: -webkit-linear-gradient(left, transparent -4%,#fff 50%,transparent 100%);
	}
  .ldcr-mask-bg{
    background: url(../image/ldcr-b-m.jpg) no-repeat;
    background-size:100% 100%;
  }
  .ldcr-ul{
    padding-top: 0.75rem;
  }
  .ldcr-li{
    width: 33%;
    color: #195d6e;
    margin-bottom: 1.25rem;
  }
  .ldcr-li-title{
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
  }
  .ldcr-li-content{
    font-size: 0.7rem;
  }
	.ldcr-icon-box{
		width: 2.5rem;
    height: 2.5rem;
    margin: 0 auto 0.75rem;
	  border: 2px solid #195d6e;
	  transform: rotate(45deg); 
	  -o-transform: rotate(45deg); 
	  -webkit-transform: rotate(45deg); 
	  -moz-transform: rotate(45deg);
	  transition:all 0.3s;
	  -moz-transition: all 0.3s; 
	  -webkit-transition:all 0.3s; 
	}
	.ldcr-icon{
		font-size: 1.5rem;
	  display: block;
	  transform: rotate(-45deg); 
	  -o-transform: rotate(-45deg); 
	  -webkit-transform: rotate(-45deg); 
	  -moz-transform: rotate(-45deg);
	  transition:all 0.3s;
	  -moz-transition: all 0.3s; 
	  -webkit-transition:all 0.3s;
	}
	.qblc-ul{
	  flex-flow: row wrap;
	  -webkit-justify-content: center;
	  -moz-justify-content: center;
	  align-items: center;
	}
  .qblc-li{
    width: 25%;
    position: relative;
    margin-bottom: 0.75rem;
  }
  .qblc-icon-box{
    width: 3.6rem;
    height: 3.6rem;
    background-size:100% 100%;
	  border-radius: 50%;
	  overflow: hidden;
	  margin: 0 auto;
  }
  .qblc-icon{
    font-size: 1.5rem;
  }
  .qblc-mark{
	  width: 100%;
	  height: 100%;
	  display: flex;
	  display: -webkit-flex;
	  display: -moz-flex;
	  justify-content: center;
	  -webkit-justify-content: center;
	  -moz-justify-content: center;
	  align-items: center;
	  -webkit-align-items: center;
	  -moz-align-items: center; 
	  background: rgba(0,0,0,0.5);
	  color: #fff;
	  opacity: 1;
	}
  .qblc-li-title{
    font-size: 0.8rem;
    font-weight: 600;
    margin: 0.5rem 0 0.2rem;
  }
  .qblc-li-text{
    font-size: 0.6rem;
  }
  .next-icon{
    left: -0.5rem;
    top: 1.3rem;
    font-size: 1rem;
    position: absolute;
	  font-weight: 600;
	  color: #195d6e;
  }
  .qblc-li:first-child .next-icon{
    display: none;
  }
	.gydd-mask-bg{
    background: url(../image/gydd-b-m.jpg) no-repeat;
    background-size:cover;
  }
  .gydd-mask{
    color: #fff;
    background: rgba(0,0,0,0.3);
  }
  .gydd-jiangbei{
    width: 4.5rem;
    margin-right: 0.75rem;
  }
  .gydd-js{
    font-size: 0.8rem;
    text-align: left;
  }
  .gydd-li{
    width: 32.5%;
    margin-top: 0.5rem;
  }
  .activity-img-btn{
		position: absolute;
		width: 74%;
		padding-bottom: 11%;
		bottom: 3.7vw;
		left: 50%;
		margin-left: -37%;
		cursor: pointer;
	}
	
	.tg-bi-p{
		display: none;
	}
	.tg-xl-ul{
		overflow: hidden;
	}
	.tg-xl-li{
		float: left;
		width: 32%;
		height: 30.72vw;
		background: linear-gradient(to bottom,#f8581a,#d53922);
		color: #fff;
		font-weight: 600;
		font-size: 0.9rem;
		border: 1px solid #ddd;
		border-radius: 0.3rem;
    margin-right: 2%;
    margin-bottom: 0.3rem;
	}
	.tg-xl-li:nth-child(3),
	.tg-xl-li:last-child{
		margin-right: 0;
	}
	.tg-xl-li:nth-child(4){
		margin-left: 17%;
	}
	.tg-xl-li .xl-num{
		font-size: 1.5rem;
	}
	.tg-qb-bg{
    background: url(/skin/whdyzs/image/tg/qb1-b.jpg) no-repeat;
    background-size: 100% 100%;
	}
	.tg-qb-content {
    width: 100%;
    text-align: center;
    overflow: hidden;
    background: #fff;
    padding: 1.5rem;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
  }
  .tg-bm-input{
  	box-sizing: border-box;
  }
  .mj-mark{
  	position: absolute;
  	top: 0;
  	display: inline-block;
  	height: 2rem;
  	line-height: 2rem;
  	right: 1rem;
  }
  .tg-bm-select,.tg-bm-input{
  	width: 100%;
  	height: 2.5rem;
  	line-height: 2.5rem;
  	padding-left: 0.5rem;
  	border-radius: 0.2rem;
    border: 1px solid #ccc;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    background: #fff;
  }
  .tg-bm-select:focus,.tg-bm-input:focus {
    outline: none;
    border: 1px solid #195d6e;
	}
	.tg-hx .tg-bm-select:nth-child(2){
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}
  .tg-bm-btn {
 		position: relative;
    width: 100%;
    padding: 0 1rem;
    height: 2.5rem;
    line-height: 2.5rem;
    color: #fff;
    background: linear-gradient(to left,#f8581a,#d53922);
    margin-top: 1rem;
    border-radius: 0.2rem;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 1rem;
  }
  .tg-bm-img{
  	position: absolute;
  	top: 0.75rem;
  	right:3rem;
  	width: 2.5rem;
  	height: auto;
  }
  .tg-qb-title{
  	font-size: 1rem;
  }
  .tg-qb-rbox{
  	display: none;
  }
  .tg-lbox-mark{
  	font-size: 0.6rem;
  	color: #999;
  	text-align: left;
  }
  .tg-bm-container{
		width: 100%;
		height: 10.5rem;
		margin-top: 0.5rem;
		overflow: hidden;
		font-size: 0.7rem;
	}
	.tg-qb-bg2{
		background: #23485d;
	}
	.tg-qb-bg2 .title-box{
		color: #fff;
	}
  .tg-qlmd-bg{
  	background: url(/skin/whdyzs/image/tg/qlmd-b.jpg) no-repeat;
    color: #fff;
    object-fit: cover;
  }
  .tg-qlmd-ul{
  	overflow: hidden;
  }
  .tg-qlmd-li{
  	float: left;
  	width: 23.25%;
  	margin-top: 1vw;
  }
  .tg-qlmd-li:first-child{
  	width: 55%;
  	height: 29vw;
  }
  .tg-qlmd-li:nth-child(2),.tg-qlmd-li:nth-child(3){
  	width: 44%;
  	height: 14vw;
  	margin-left: 1%;
  }
  .tg-qlmd-li:nth-child(4),.tg-qlmd-li:nth-child(5),.tg-qlmd-li:nth-child(6){
  	margin-right: 1%;
  }
  .tg-zt{
  	background: #23485d;
  	padding: 1rem 0.5rem;
  }
  .tg-zt-title{
  	color: #fff;
  	font-size: 1rem;
  	margin-bottom: 0.75rem;
  }
  .tg-zt-input {
    display: inline-block;
    width: 32%;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 0.5rem;
    border: 1px solid #ccc;
    border-radius: 0.2rem;
    box-sizing: border-box;
    margin-right: 0.5rem;
	}
	.tg-zt-btn{
		display: inline-block;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 0.2rem;
    margin: 0;
		background: linear-gradient(to left,#f8581a,#d53922);
		color: #fff;
		padding: 0 0.5rem;
		cursor: pointer;
		font-size: 0.9rem;
		vertical-align: middle;
	}
	.tg-wdkj-block{
    background: #23485d;
    color: #fff;
	}
	.zws-block{
		padding: 2rem 0 1.5rem 0;
		background: #f5f5f5;
		text-align: center;
	}
	.zws-pc{
		display: none;
	}
	.zws-p{
		padding: 0.3rem 0.2rem;
		background: linear-gradient(to left,#f8581a,#d53922);
		color: #fff;
		font-size: 0.55rem;
	}
	.tg-wdkj-container{
		padding-bottom: 2rem !important;	
	}
	.tg-wdkj-container .swiper-pagination-bullet-active{
		background-color: #d53922 !important;
	}
	.tg-wdkj-ul{
		overflow: hidden;
		width: 100%;
	}
	.tg-wdkj-li{
		float: left;
		width: 49.5%;
		height: 30vw;
		border: 1px solid #aaa;
	}
	.tg-wdkj-li:first-child{
		float: left;
		width: 100%;
		height: 60vw;
		margin-bottom: 1vw;
	}
	.tg-wdkj-li:last-child{
		margin-left: 1%;
		float: right;
	}
	.tg-wdkj-bm{
		background: url(/skin/whdyzs/image/red-b.png) no-repeat;
   		background-size:100% 100%;
   		width: 100%;
   		margin: 1rem auto;
   		padding: 0.5rem;
   		font-size: 0.5rem;
   		color: #e5e5e5;	
	}
	.tg-wdkj-t{
		font-size: 1rem;
		margin-bottom: 0.3rem;
	}
	.tg-wdkj-t span{
		font-size: 1.2rem;
		font-style: italic;
		margin: 0 0.5rem;
		text-decoration: underline;
		font-weight: 700;
	}
	.tg-wdkj-d{
		font-style: italic;
		color: #ccc;
	}
	.tg-sjs-ul{
		overflow: hidden;
	}
	.tg-sjs-li{
		float: left;
		width: 30%;
		height: 25vw;
		overflow: hidden;
		margin-right: 1%;
		margin-bottom:1vw;
	}
	.tg-sjs-li:first-child{
		width: 38%;
		height: 51vw;
	}
	.tg-sjs-li:nth-child(3),.tg-sjs-li:nth-child(5){
		margin-right: 0;
	}
	.tg-sjs-li img{
		object-fit: cover;
    object-position: left 0px top -8px;
	}
	.tg-sjs-sw{
		margin-top: 0.3rem;
		height: 3rem;
	}
	.tg-sjs-sw img{
		object-fit: cover;
    object-position: left 0px top -3px;
	}
	.tg-sjs-prev,.tg-sjs-next{
		font-size: 2rem;
		cursor: pointer;
	}
	.tg-yysjs-btn{
    width: 85%;
    padding: 0 1rem;
    height: 2.5rem;
    line-height: 2.5rem;
    color: #fff;
    background: linear-gradient(to left,#f8581a,#d53922);
    margin: 0 auto;
    margin-top: 0.75rem;
    border-radius: 0.2rem;
    font-size: 1rem;
    cursor: pointer;
	}
	.tg-sm-block{
		overflow: hidden;
		color: #fff;
	}
	.tg-sm-div{
		position: relative;
		padding-left: 5.5rem;
		margin-top: 0.85rem;
	}
	.tg-sm-div>span{
		position: absolute;
		display: inline-block;
		width: 5rem;
		height: 2.5rem;
		line-height: 2.5rem;
		top: 0;
		left: 0;
	}
	.tg-sm-lbox{
		padding: 0.5rem;
	}
	.tg-sm-ul{
		display: none;
	}
	.tg-cr-block{
		background: url(/skin/whdyzs/image/tg/ldcr-b.jpg) no-repeat;
    background-size:cover;
	}
	.tg-cr-block .ldcr-li{
		color: #fff;
	}
	.tg-cr-block .ldcr-icon-box{
		border: 2px solid #fff;
	}
	.tg-gd-li{
		width: 32%;
	}
	.tg-gd{
  	background: #23485d;
  	padding: 1rem 0.5rem;
  	margin-top: 0.75rem;
  }
  .tg-gd-title{
  	color: #fff;
  	font-size: 1rem;
  	margin-bottom: 0.75rem;
  }
	.tg-qdy-block{
		background: url(/skin/whdyzs/image/tg/qdy-b.jpg) no-repeat;
    background-size:cover;
	}
	.tg-kb-block{
		background: #f5f5f5;
	}
	.tg-kb-ul{
		overflow: hidden;
	}
	.tg-kb-li{
		float: left;
		width: 49%;
		margin-top: 0.5rem;
	}
	.tg-kb-li:nth-child(2n+1){
		margin-right: 2%;
	} 
	.title-block-num .title-box{
		position: relative;
		padding-left: 5.5rem;
	}
	.title-num{
		position: absolute;
		width: 4.2rem;
		height: 3.2rem;
		left: 0.75rem;
		top: -0.75rem;
	}
	.animation-btn{
		animation: btnA 1s ease infinite;
	}
	@keyframes btnA {
	  0% {transform: scale(0.9);}
	  50% {transform: scale(1);}
	  100% {transform: scale(0.9);}
	}
	@-webkit-keyframes btnA {
	  0% {transform: scale(0.9);}
	  50% {transform: scale(1);}
	  100% {transform: scale(0.9);}
	}
	@-moz-keyframes btnA {
	  0% {transform: scale(0.9);}
	  50% {transform: scale(1);}
	  100% {transform: scale(0.9);}
	}
	@-o-keyframes btnA {
	  0% {transform: scale(0.9);}
	  50% {transform: scale(1);}
	  100% {transform: scale(0.9);}
	}
}

@media only screen and (min-width: 769px) {
	.i-banner{
    width: 100%;
    height: 30vw;
    min-width: 60rem;
    min-height: 30rem;
		overflow: hidden;
	}
	.nav-block-m{
		display: none;
	}
	.i-xzdd-ul{
	  display: flex;
	  display: -webkit-flex;
	  display: -moz-flex;
	  justify-content: space-between;
	  -webkit-justify-content: space-between;
	  -moz-justify-content: space-between;
	  align-items: center;
	  -webkit-align-items: center;
	  -moz-align-items: center;
	}
	.i-xzdd-li{
		width: 18%;
		padding: 1.5rem 1.5rem 2rem 1.5rem;
		overflow: hidden;
		color: #b98a44;
		background: url(../image/i-xz-b.png) no-repeat;
		background-size:100% 100%;
	}
	.i-xzdd-li:first-child,.i-xzdd-li:last-child{
		display: none;
	}
	.i-xzdd-i{
		font-size: 3.5rem;
	}
	.i-xzdd-t{
		font-size: 1.4rem;
	}
	.i-bm-b{
		min-width: 60rem;
		background-image: url(../image/bm-lf.png);
		background-repeat: no-repeat;
		background-size:100% 100%;
		transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear;
	}
	.i-bm-li{
		width: 25%;
		height: 3.5rem;
		line-height: 3.5rem;
		font-size: 1.2rem;
		border-bottom: 2px solid #fff;
		cursor: pointer;
		transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear;
	}
	.i-bm-active{
		color: #b98a44;
		border-bottom: 2px solid #b98a44;
	}
	.i-bm-i{
		font-size: 1.8rem;
		vertical-align: middle;
		margin-right: 0.5rem;
	}
	.i-bm-box{
		width: 40%;
		margin: 0 auto;
	}
	.i-bm-title{
		font-size: 1.4rem;
		font-weight: 600;
		margin: 1.5rem auto 0;
	}
	.i-bm-input,.i-bm-btn {
    width: 100%;
    padding: 0.7rem 1rem;
    margin-top: 0.75rem;
    border-radius: 0.3rem;
    border: 1px solid #ddd;
    box-sizing: border-box;
    font-size: 0.8rem;
	}
	.i-bm-btn {
		font-size: 1rem;
		background: #b98a44;
		border: 1px solid #b98a44;
		color: #fff;
	}
	.i-hbzz-li{
		width: 19.2rem;
		height: 25.3rem;
		border-radius: 0.5rem;
		cursor: pointer;
		box-shadow: 2px 2px 6px 0 rgba(0,0,0,.3);
	}
	.i-hbzz-mark{
		width: 100%;
		padding: 1rem 0.5rem;
		background: rgba(0,0,0,0.6);
		color: #fff;
	}
	.i-hbzz-t{
		font-size: 2.3rem;
		color: #b98a44;
		letter-spacing: 0.2rem;
		font-weight: 600;
	}
	.i-hbzz-t>hr{
		display: inline-block;
		width: 2rem;
		border: 2px solid #b98a44;
		vertical-align: middle;
		margin: 0 0.2rem;
		margin-bottom: 0.3rem;
	}
	.i-hbzz-p{
		font-weight: 600;
		font-size: 1.8rem;
	}
	.i-hbzz-p>span{
		font-size: 4rem;
		margin-right: 0.5rem;
	}
	.i-hbzz-c{
		font-size: 1.3rem;
		letter-spacing: 0.15rem;
	}
	.i-zpal-li{
		float: left;
		width: 19.5rem;	
		margin-bottom: 1.5rem;
		margin-right: calc(2rem/4);
		cursor: pointer;
		transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear;
	}
	.i-zpal-li:hover{
		box-shadow: 2px 2px 6px 0 rgba(0,0,0,.3);
		transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear;
	}
	.i-zpal-li:nth-child(3n){
		margin-right: 0;
	}
	.i-zpal-img{
		width: 19.5rem;
		height: 14.0rem;
		position: relative;
		overflow: hidden;
	}
	.i-zpal-img>img{
		transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear;
	}
	.i-zpal-mark{
		position: absolute;
		top: -2.5rem;
		left: 0;
		width: 100%;
		height: 2.5rem;
		line-height: 2.5rem; 
		background: #b98a44;
		color: #fff;
		transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear;
		cursor: pointer;
	}
	.i-zpal-li:hover .i-zpal-img>img{
	  -webkit-transform: scale(1.1);
	  -moz-transform: scale(1.1);
	  -o-transform: scale(1.1);
	  transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear; 
	}
	.i-zpal-img:hover .i-zpal-mark{
		top: 0;
		transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear;
	}
	.i-zpal-sjs{
		width: 4.5rem;
		height: 4.5rem;
		object-fit: cover;
		object-position: left 0px top -5px;
		border-radius: 0.3rem;
	}
	.i-zpal-content{
		display: flex;
		margin: 0.5rem 0;
		width: 100%;
	}
	.i-zpal-text{
		width: 150rem;
		text-align: left;
	}
	.i-zpal-t,.i-zpal-c{
		height: 1.3rem;
		line-height: 1.3rem;
		text-overflow: ellipsis;
	  overflow: hidden;
	  white-space: nowrap;
	}
	.i-zpal-b{
		width: 5rem;
		height: 1.6rem;
		line-height: 1.6rem;
		text-align: center;
		color: #b98a44;
		border: 1px solid #b98a44;
		margin-top: 0.3rem;
		cursor: pointer;
		transition: all 0.3s;
    -webkit-transition: all 0.3s;
	}
	.i-zpal-b:hover{
		background: #b98a44;
		color: #fff;
		transition: all 0.3s;
    -webkit-transition: all 0.3s;
	}
	.i-type-li{
		width: 6rem;
    height: 6rem; 
	}
	.i-type-li>a{
		width: 100%;
		height: 100%;
		border-radius: 50%;
	  border: 1px solid #ccc;
	  color: #999;
	  background-color: #fff;
	  box-shadow: 0px -5px 5px #d6d6d6;
		transition: background 0.3s;
    -webkit-transition: background 0.3s;
	}
	.i-type-li>a:hover{
	  border: 1px solid #b98a44;
	  color: #fff;
	  background-color: #b98a44;
	  transition: background 0.3s;
    -webkit-transition: background 0.3s;
	}
	.h-fwlc-ul .i-type-li{
		width: 6rem;
    height: 6rem;
		border-radius: 50%;
	  border: 1px solid #ccc;
	  color: #999;
	  background-color: #fff;
	  box-shadow: 0px -5px 5px #d6d6d6;
		transition: background 0.3s;
    -webkit-transition: background 0.3s;
	}
	.h-fwlc-ul .i-type-li:hover{
	  border: 1px solid #b98a44;
	  color: #fff;
	  background-color: #b98a44;
	  transition: background 0.3s;
    -webkit-transition: background 0.3s;
	}
  .i-type-icon{
    font-size: 2rem;
  }
  .i-type-ul{
		margin-bottom: 1.5rem;
  }
	.i-zpal-btn{
	  padding: 0.5rem 4rem;
	  border-radius: 1.8rem;
	  font-size: 1rem;
	  background: none;
	  border: 1px solid #ccc;
	  color: #666;
	  box-shadow: 0px -5px 5px #d6d6d6;
	  transition: all 0.3s;
    -webkit-transition: all 0.3s;
	}
	.i-zpal-btn:hover {
	  background-color: #b98a44;
	  color: #fff;
	  transition: all 0.3s;
    -webkit-transition: all 0.3s;
	}
  .vr-big-box{
  	width: 40rem;
  	height: 25rem;
  }
  .vr-small-box{
  	width: 20rem;
  	height: 25rem;
	}
	.vr-btn{
	  border-radius: 1.5rem;
	  width: 10rem;
	  height: 3rem;
	  line-height: 3rem;
	  font-size: 1.2rem;
	}
	.vr-btn-i{
		font-size: 2.2rem;
	}
	.vr-mark{
		position: absolute;
		width: 95%;
		bottom: 1rem;
		left: 2.5%;
		height: 3.2rem;
		line-height: 3.2rem;
		border-radius: 1.6rem;
		background: rgba(185,138,68,0.6);
		color: #fff;
		font-size: 1.8rem;
		font-weight: 600;
		letter-spacing: 0.2rem;
	}
	.i-vr-b{
		font-size: 1rem;
		color: #fff;
		font-weight: 400;
		border: 2px solid #fff;
		height: 2rem;
		line-height: 1.8rem;
		margin-left: 1rem;
		padding: 0 0.5rem;
		cursor: pointer;
	}
	.i-sjs-b{
		background: rgba(0,0,0,0.8);
		color: #fff;
	}
	.i-sjs-block{
		width: 70rem;
	}
	.i-sjs-cblock{
		width: 100%;
		position: relative;
	}
	.i-swiper-container{
		width: 100%;
		height: 100%;
	}
	.swiper-button-next,.swiper-button-prev{
		display: none;
	}
	.sjs-swipe-prev,.sjs-swipe-next{
		font-size: 5rem;
		cursor: pointer;
	}
	.i-sjs-case{
		float: left;
		width: 43.8rem;
		height: 25rem;
		overflow: hidden;
	}
	.i-sjs-js{
		float: right;
		width: 16rem;
		height: 25rem;
		overflow: hidden;
		background: #f5f5f5;
		position: relative;
	}
	.i-sjs-c{
		position: absolute;
		width: 100%;
		height: 45%;
		left: 0;
		bottom: 0;
		padding: 1rem;
		text-align: left;
		background: rgba(0,0,0,0.8);
		color: #fff;
	}
	.i-sjs-n{
		font-size: 1.5rem;
		font-weight: 600;
	}
	.i-sjs-c>p{
		margin-top: 0.2rem;
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.i-gy-li{
		width: 10.6rem;
		background:#f5f5f5;
		border: 1px solid #e5e5e5;
		border-radius: 0.5rem;
		margin-top: 0.5rem;
		padding: 1rem 0;
		transition: all 0.3s;
    -webkit-transition: all 0.3s;
	}
	.i-gy-li:nth-child(5){
		margin-right: 5rem;
	}
	.i-gy-li:nth-child(6){
		margin-left: 5rem;
	}
	.i-gy-icon{
		font-size: 2.5rem;
		color: #b98a44;
	}
	.i-gy-t{
		font-size: 1.2rem;
		font-weight: 600;
	}
	.i-gy-et{
		font-size: 0.65rem;
	}
	.i-gy-hr{
		width: 2rem;
		border: 1px solid #b98a44;
		margin: 0.75rem auto;
	}
	.i-gy-n{
		color: #999;
		font-size: 1rem;
	}
	.i-gy-li:hover{
		box-shadow: 2px 4px 8px #e5e5e5;
		transition: all 0.3s;
    -webkit-transition: all 0.3s;
	}
	.i-gy-li:hover .i-gy-n{
		color: #b98a44;
	}
	.i-fwbz-li{
		position: relative;
		width: 18%;
		height: 12rem;
    border-radius: 0.5rem;
    border: 1px solid #f5f5f5;
    box-shadow: 2px 5px 10px #d6d6d6;
    padding: 0.75rem;
	}
	.i-fwbz-bar{
		position: absolute;
		top: 0;
		left: 25%;
		width: 50%;
		height: 0.5rem;
		background: #b98a44;
		border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
	}
	.i-fwbz-icon{
		font-size: 2.5rem;
	}
	.i-fwbz-t{
		font-size: 1rem;
		font-weight: 600;
	}
	.i-fwbz-li:hover .i-fwbz-icon,.i-fwbz-li:hover .i-fwbz-t{
		color: #b98a44;
	}
	.i-fwbz-hr{
		width: 3rem;
	}
	.i-fwlc-line{
		display: none;
	}
	.i-fwlc-li{
		width: 8.55rem;
	}
	.i-fwlc-li:hover .i-fwlc-box{
		background: rgba(0,0,0,0.8);
	}
	.i-fwlc-li:hover .i-fwlc-icon{
		color: #b98a44;
	}
	.i-fwlc-box{
		width: 4.5rem;
		height: 4.5rem;
		line-height: 4.5rem;
		border: 1px solid #ccc;
		border-radius: 50%;
		margin: 0 auto;
	}
	.i-fwlc-icon{
		font-size: 2.5rem;
		color: #666;
	}
	.i-fwlc-t{
		font-size: 1rem;
		font-weight: 600;
		color: #b98a44;
		margin-top: 0.5rem;
	}
	.i-fwlc-c{
		font-size: 0.7rem;
	}
	.i-fwlc-number{
		width: 1.5rem;
		height: 1.5rem;
		line-height: 1.5rem;
		border: 1px solid #ccc;
		border-radius: 50%;
		margin: 0.3rem auto 0;
	}
	.i-lyfg-ul{
		display: flex;
	  display: -webkit-flex;
	  display: -moz-flex;
	  justify-content: space-between;
	  -webkit-justify-content: space-between;
	  -moz-justify-content: space-between;
	  align-items: center;
	  -webkit-align-items: center;
	  -moz-align-items: center; 
	}
	.i-lyfg-li{
		width: 11.5rem;
	}
	.i-lyfg-img{
		width: 100%;
		overflow: hidden;
		height: 16.5rem;
	}
	.i-lyfg-img img{
		transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear; 
	}
	.i-lyfg-li:hover .i-lyfg-img img{
	  -webkit-transform: scale(1.1);
	  -moz-transform: scale(1.1);
	  -o-transform: scale(1.1);
	  transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear; 
	}
	.i-lyfg-t{
		padding: 0.3rem 0;
		background: #ddd;
	}
	.i-lyfg-t>p{
		font-size: 1.5rem;
		font-weight: 600;
		border-left: 4px solid #b98a44;
	}
	.i-yxpp-li{
		width: 13.3%;
		margin-bottom: 0.5rem;
	  border: 1px solid #e5e5e5;
	  overflow: hidden;
	  transition: all 0.3s;
    -webkit-transition: all 0.3s;
	}
	.i-yxpp-li:hover{
	  border: 1px solid #195d6e;
	  transition: all 0.3s;
    -webkit-transition: all 0.3s;
	}
	.i-yxpp-li img{
		transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear; 
	}
	.i-yxpp-li:hover img{
	  -webkit-transform: scale(1.1);
	  -moz-transform: scale(1.1);
	  -o-transform: scale(1.1);
	  transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear; 
	}
	.i-ppry-block{
		width: 100%;
		min-width: 60rem;
		text-align: center;
		background: url(../image/kb-b.jpg) no-repeat;
    background-size:cover; 
	}
	.i-ppry-container{
		margin: 1.5rem 0;
	}
	.swiper-slide-img{
		width: 19.5rem;
		height: 13.6rem;
		margin-bottom: 0.75rem;
		border: 4px solid #bc111a;
	}
  
  .common-banner{
  	width: 100%;
  	height: 30vw;
  	min-width: 60rem;
  	min-height: 30rem;
  }
	.case-choose-block{
  	padding:2rem 0 0 0;
  }
	.choose-box-m{
		display: none;
	}
	.choose-one{
	  overflow: hidden;
	  border-bottom: 1px solid #F5F5F5;
	  padding: 0.4rem 0;
	}
	.choose-title{
	  float: left;
	  margin-right: 2rem;
	  height: 1.5rem;
	  line-height: 1.5rem;
	  font-weight: 600;
	}
	.choose-ul{
	  float: left;
	  overflow: hidden;
	  max-width: 45rem;
	}
	.choose-li{
	  float: left;
	  margin-right: 1rem;
	  height: 1.5rem;
	  line-height: 1.5rem;
	  cursor:pointer;
	  padding: 0 0.5rem;
	}
	.choose-li-active{
		background: #b98a44;
		color: #fff;
	}
	.c-case-ul{
  	overflow: hidden;
  }
	.sort-box{
		padding: 0.75rem 0;
	}
	.sort-ul{
		overflow: hidden;
	}
	.sort-li{
		float: left;
		margin-right: 1.5rem;
		cursor:pointer;
	}
	.sort-icon{
		vertical-align: middle;
		font-size: 0.7rem;
		color: #999;
		border: 1px solid #ddd;
		border-radius: 0.2rem;
		padding: 0.1rem;
		margin-left: 0.1rem;
	}
	.search-box{
		background: #b98a44;
	}
	.search-input{
		width: 14rem;
	  padding: 0.5rem 1rem;
	  border: 1px solid #ccc;
	  box-sizing: border-box;
	  font-size: 0.8rem;
	  display: inline-block;
	}
	.search-btn{
		padding: 0 0.75rem 0 0.5rem;
		display: inline-block;
		color: #fff;
		cursor: pointer;
	}
	.c-bm-li{
		width: 100%;
		margin-bottom: 1.5rem;
		text-align: left;
		padding: 0.5rem 0.5rem 0 0.5rem;
	}
	.c-bm-noCase{
		width: 100%;
		border: 1px solid #ddd;
		padding: 1.5rem 0.5rem;
		margin-bottom: 1.5rem;
	}
	.noCase-icon{
		font-size: 4rem;
		color: #999;
	}
	.noCase-title{
		font-size: 1.2rem;
		margin-bottom: 1rem;
	}
	.c-bm-title{
		padding: 0 0.5rem;
		font-size: 1.2rem;
		font-weight: 600;
		border-left: 6px solid #b98a44;
		margin-bottom: 0.5rem;
	}
	.c-bm-tel{
		margin-left: 1rem;
		font-size: 0.8rem;
		color: #b98a44;
	}
	.c-bm-input {
	  display: inline-block;
	  width: 22%;
	  height: 50px;
    line-height: 50px;
	  padding: 0.5rem;
	  border: 1px solid #ccc;
	  border-radius: 0.3rem;
	  font-size: 0.8rem;
	  box-sizing: border-box;
	  margin-right: 1rem;
	}
	.c-bm-input:focus {
	  outline: none;
	  border: 1px solid #b98a44;
	}
	.c-bm-btn {
	  width: 22%;
	  display: inline-block;
	  height: 2.1rem;
	  line-height: 2.1rem;
	  background-color: #b98a44;
	  border-radius: 0.3rem;
	  color: #fff;
	  font-size: 0.8rem;
	  border: none;
	  outline: none;
	  cursor: pointer;
	  text-align: center;
	}
	.c-title-box{
		margin: 0.75rem auto;
	}
	.c-block-title{
		padding: 0 0.5rem;
		font-size: 1.2rem;
		font-weight: 600;
		border-left: 6px solid #b98a44;
	}
	.c-sjs-ul{
		overflow: hidden;
	}
	.c-sjs-li{
		float: left;
		width: 14.5rem;
		background: #f5f5f5;
		border-radius: 0.5rem;
		overflow: hidden;
		margin-right: calc(2rem/3);
		cursor: pointer;
	}
	.c-sjs-li:nth-child(4n){
		margin-right: 0;
	}
	.sjs-page .c-sjs-li{
		margin-bottom: 1rem;
	}
	.c-sjs-img{
		width: 100%;
		height: 14.5rem;
		overflow: hidden;
		position: relative;
	}
	.c-sjs-img>img{
		object-position: left 0px top -5px;
	}
	.c-sjs-mark{
		position: absolute;
		bottom: -2.5rem;
		left: 0;
		width: 100%;
		height: 2.5rem;
		line-height: 2.5rem; 
		background: #b98a44;
		color: #fff;
		transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear; 
		cursor: pointer;
	}
	.c-sjs-mark>span{
		float: left;
		width: 50%;
	}
	.c-sjs-li:hover{
		box-shadow: 2px 2px 6px 0 rgba(0,0,0,.3);
		transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear; 
	}
	.c-sjs-li:hover .c-sjs-mark{
		transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear; 
		bottom: 0;
	}
	.c-sjs-content{
		text-align: left;
		overflow: hidden;
		padding: 0.75rem;
	}
	.c-sjs-content li{
		float: left;
		width: 100%;
		height: 1.3rem;
		line-height: 1.3rem;
		text-overflow: ellipsis;
	  overflow: hidden;
	  white-space: nowrap;
	}
	.c-sjs-content li:nth-child(2),.c-sjs-content li:nth-child(3){
		width: 50%;
	}
	.c-sjs-content li:nth-child(3){
		text-align: right;
	}
	.c-sjs-n{
		font-size: 1rem;
		font-weight: 600;
		margin-right: 1rem;
	}
	.c-lj-ul{
		margin-bottom: 1.5rem;
	}
	.c-lj-li{
		width: 14.5rem;
		height: 8.75rem;  
	  background-size:100% 100%;
	  position: relative;
	}
	.c-lj-li:first-child{
		background: url(/skin/whdyzs/image/case/lj01.png) no-repeat;
	}
	.c-lj-li:nth-child(2){
		background: url(/skin/whdyzs/image/case/lj02.png) no-repeat;
	}
	.c-lj-li:nth-child(3){
		background: url(/skin/whdyzs/image/case/lj03.png) no-repeat;
	}
	.c-lj-li:nth-child(4){
		background: url(/skin/whdyzs/image/case/lj04.png) no-repeat;
	}
	.c-lj-t{
		height: 2.5rem;
		line-height: 2.5rem;
		border-radius: 1.25rem;
		font-size: 1.2rem;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		color: #fff;
		width: 80%;
		background: rgba(185,138,68,0.8);
	}
		
	.a-ldys-li{
		width: 8rem;
		height: 8rem;
		border-radius: 50%;
		background-size: 100% 100%;
	}
	.a-ldys-mark{
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
		border-radius: 50%;
		color: #fff;
		font-weight: 600;
		font-size: 1.2rem;
		opacity: 1;
		transition: opacity 0.5s;
		-webkit-transition: opacity 0.5s; 
	}
	.a-ldys-li:hover .a-ldys-mark{
		opacity: 0; 
	}
	.a-bm-form{
		position: relative;
		margin-top: 1.5rem;
		background: url(../image/bm-b.jpg) no-repeat;
		background-size:100% 100%;
		padding: 1rem 1.5rem;
	}
	.a-bm-icon{
		color: #fff;
		font-size: 2.5rem;
	}
	.a-bm-t{
		display: inline-block;
		width: 3rem;
		margin-right: 0.5rem;
		color: #fff;
		font-size: 1rem;
		font-weight: 600;
	}
	.a-ldcj-li{
		width: 9rem;
		height: 12rem;
		background-size:100% 100%;
		cursor: pointer;
	}
	.a-ldcj-box{
		width: 100%;
		height: 100%;
		background: rgba(255,255,255,0.8);
		transition: all 0.3s;
    -webkit-transition: all 0.3s;
	}
	.a-ldcj-icon{
		font-size: 2.5rem;
	}
	.a-ldcj-t{
		font-size: 1.2rem;
		font-weight: 600;
	}
	.a-ldcj-li:hover .a-ldcj-box{
		background: rgba(185,138,68,0.8);
		color: #fff;
		transition: all 0.3s;
    -webkit-transition: all 0.3s;
	}
	.a-ldcj-li:hover .a-ldcj-icon{
		color: #fff;
	}
	.a-ldcj-li:hover .a-ldcj-t{
		color: #fff;
	}
	.a-ldcj-content-t{
		display: inline-block;
		font-size: 1.5rem;
		font-weight: 600;
		padding: 0.5rem 1rem;
		margin: 1rem auto;
		border: 1px solid #ddd;
	}
	.a-ldcj-img-box{
		width: 100%;
		height: 30rem;
	}
	.a-ldcj-item-ul{
		width: 30%;
		text-align: left;
		border-right: 1px solid #fff;
	}
	.a-ldcj-desc-ul{
		width: 70%;
		text-align: left;
	}
	.a-ldcj-li-title,.a-ldcj-item-li,.a-ldcj-desc-li{
		height: 2rem;
		line-height: 2rem;
		padding: 0 0.75rem;
		text-overflow: ellipsis;
	  overflow: hidden;
	  white-space: nowrap;
	  background: #f5f5f5;
	  border-bottom: 1px solid #fff;
	}
	.a-ldcj-li-title{
		background: #b98a44;
		color: #fff;
		font-size: 1rem;
	}
	.a-ppzc-block{ overflow: hidden; }
	.a-ppzc-liT{
		width: 5rem;
		height: 3rem;
		line-height: 3rem;
		background: #ddd;
		border-right: 1px solid #fff;
		transition: background 0.3s;
    -webkit-transition: background 0.3s;
    cursor: pointer;
	}
	.ppzc-img-box{
		width: 100%;
		height: 22.5rem;
		overflow: hidden;
		border: 1px solid #ddd;
		background-size:cover;
		background-repeat: no-repeat;	
	}
	.swiper-wrapper,.swiper-slide{
		transition: all 0.5s;
    -webkit-transition: all 0.5s;
	}
	.ppzc-img-t{
		display: none;
	}
	.a-ppzc-wrap{
		margin-top: 0.5rem;
	}
	.ppzcCon{
		display: none;
	}
	.a-ppzc-liC{
		width: 7rem;
		height: 2.8rem;
		border: 1px solid #ddd;
		background-size:100% 100%;
		background-repeat: no-repeat;	
	}
	.ppzc-has-color{
	  color: #fff;
	  background: #b98a44;
	}
	.a-hbcl-box{
		width: 100%;
		height: 22.5rem;
	}
	.a-wfzt-li:first-child,.a-wfzt-li:nth-child(2){
		width: 29.5rem;
		height: 20rem; 
		margin-bottom: 1rem;
	}
	.a-wfzt-li:nth-child(3),.a-wfzt-li:nth-child(4),.a-wfzt-li:nth-child(5){
		width: 19.5rem;
		height: 14rem; 
	}
	.a-hbcl-bg{
	  background: url(/skin/whdyzs/image/bj-b.jpg) no-repeat;
	  background-size:100% 100%;
	}
	
	.a-yxyc-li{
		width: 13.3%;
		margin-bottom: 0.5rem;
	  border: 1px solid #e5e5e5;
	  overflow: hidden;
	  transition: all 0.3s;
    -webkit-transition: all 0.3s;
	}
	.a-yxyc-li:hover{
	  border: 1px solid #195d6e;
	  transition: all 0.3s;
    -webkit-transition: all 0.3s;
	}
	.a-yxyc-li img{
		transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear; 
	}
	.a-yxyc-li:hover img{
	  -webkit-transform: scale(1.1);
	  -moz-transform: scale(1.1);
	  -o-transform: scale(1.1);
	  transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear; 
	}
	
	.h-pzjz-liT{
		width: 6.8rem;
		height: 6.8rem;
		border-radius: 0.5rem;
		border: 1px solid #ddd;
		box-shadow: 2px 2px 6px 0 rgba(0,0,0,.3);
		transition: background 0.3s;
    -webkit-transition: background 0.3s;
	}
	.h-pzjz-icon{
		font-size: 1.8rem;
		color: #b98a44;
		transition: color 0.3s;
    -webkit-transition: color 0.3s;
	}
	.h-pzjz-liT:hover{
		background: #b98a44;
		color: #fff;
		transition: background 0.3s;
    -webkit-transition: background 0.3s;
	}
	.h-pzjz-liT:hover .h-pzjz-icon{
		color: #fff;
		transition: color 0.3s;
    -webkit-transition: color 0.3s;
	}
	.h-pzjz-con{
		margin-top: 1rem;
	}
	.h-pzjz-liCon{
		width: 16.5rem;
		height: 16.5rem;
		border-radius: 0.5rem;
		border: 1px solid #ddd;
		box-shadow: 2px 2px 6px 0 rgba(0,0,0,.3);
		color: #fff;
		font-size: 1rem;
	}
	.h-pzjz-liCT{
		font-size: 2rem;
		font-weight: 600;
		margin-bottom: 1rem;
		font-style: italic;
	}
	.h-pzjz-liCon:first-child{
		background: url(/skin/whdyzs/image/houseCustom/rz01.png) no-repeat;
		background-size: 100% 100%;
	}
	.h-pzjz-liCon:nth-child(2){
		background: url(/skin/whdyzs/image/houseCustom/rz02.png) no-repeat;
		background-size: 100% 100%;
	}
	.h-pzjz-liCon:last-child{
		width: 25rem;
		padding: 1rem 3rem;
		color: #666;
	}
	.h-pzjz-liCon:last-child>p{
		font-size: 1.5rem;
		font-weight: 600;
		color: #b98a44;
		margin-bottom: 0.75rem;
	}
	.h-ppsl-li{
		width: 11rem;
		height: 11rem;
		background-color: #b98a44;
		color: #fff;
		font-weight: 600;
		font-size: 1.6rem;
		border: 1px solid #ddd;
		border-radius: 1rem;
		box-shadow: 0px 5px 5px #d6d6d6;
		transition: background 0.3s;
    -webkit-transition: background 0.3s;
	}
	.h-ppsl-li:hover{
		background-color: #999;
		transition: background 0.3s;
    -webkit-transition: background 0.3s;
	}
	.h-rzys-liT{
		width: 7.5rem;
		border-right: 1px solid #fff;
	}
	.h-fgbb-ulT{
		justify-content: center;
	  -webkit-justify-content: center;
	  -moz-justify-content: center;
	}
	.h-fgbb-liT{
		cursor: pointer;
		transition: all 0.3s;
    -webkit-transition: all 0.3s;
	}
	.fgbb-has-color,.h-fgbb-liT:hover{
		color: #b98a44;
		transition: all 0.3s;
    -webkit-transition: all 0.3s;
	}
	.h-fgbb-line{
		color: #999;
		margin: 0 0.75rem;
	}
	.h-fgbb-liT:last-child .h-fgbb-line{
		display: none;
	}
	.h-fgbb-ulC{
		overflow: hidden;
		height: 25rem;
		margin-top: 1rem;
	}
	.h-fgbb-liC{
		float: left;
	}
	.h-fgbb-liC:first-child{
		width: 73%;
		height: 100%;
		border-right: 1px solid #fff;
	}
	.h-fgbb-liC:nth-child(2){
		border-bottom: 1px solid #fff;
	}
	.h-fgbb-liC:nth-child(2),.h-fgbb-liC:nth-child(3){
		width: 27%;
		height: 50%;
	}
	
	.d-jzxj-block{
	  background: url(../image/xj_b.png) no-repeat;
	  background-size:100% 100%;
	  color: #fff;
	}
	.d-jzxj-li{
		width: 40%;
		height: 2.5rem;
		line-height: 2.5rem;
		border-radius: 1.25rem;
		background: rgba(255,255,255,0.1);
		margin-top: 1.5rem;
		color: #fff;
	}
	.d-jzxj-li:nth-child(3),.d-jzxj-li:nth-child(7){
		margin-left: 3rem;
	}
	.d-jzxj-li:nth-child(4),.d-jzxj-li:nth-child(8){
		margin-right: 3rem;
	}
	.d-kp-box{
		width: 25rem;              
	  height: 6rem;
	  margin: 1.5rem auto 0;
	  background: url(../image/sjx-b.png) no-repeat;
	  background-size:100% 100%;
	}
	.d-kp-t{
		font-size: 1.2rem;
		font-weight: 600;
		margin-bottom: 1rem;
	}
	.d-hxjs-li{
		width: 14rem;
		margin-top: 1.5rem;
	}
	.d-hxjs-icon{
		font-size: 3rem;
		color: #b98a44;
	}
	.d-hxjs-t{
		font-size: 1.2rem;
		font-weight: 600;
		color: #b98a44;
	}
	.d-hxjs-hr{
		width: 2rem;
		border: 1px solid #b98a44;
	}
	.d-xzly-li{
		width: 11rem;
		height: 11rem;
		margin-top: 1.5rem;
		color: #fff;
	}
	.d-xzly-liC{
		width: 100%;
		height: 100%;
		border-radius: 50%;
		border: 10px solid #ddd;
		box-shadow: 0px 5px 5px #d6d6d6;
		background: #b98a44;
	}
	.d-xzly-li:first-child{
		margin-left: 12rem;
	}
	.d-xzly-li:nth-child(3){
		margin-right: 12rem;
	}
	.d-xzly-hr{
		width: 100%;
	  height: 2px;
	  margin: 0.5rem 0;
	  background: -webkit-linear-gradient(left, transparent 0,#fff 50%,transparent 100%);
	}
	.d-xzly-t{
		font-size: 1.2rem;
		font-weight: 600;
	}
	.d-xzly-c{
		color: rgba(255,255,255,0.8);
	}
	.d-xzly-cm{
		display: none;
	}
	.d-ysbz-block{
		background: url(../image/ysbz-bbp.png) no-repeat;
	  background-size:100% 100%;
	}
	.ysbz-slide{
	  display: flex;
	  display: -webkit-flex;
	  display: -moz-flex;
	  justify-content: center;
	  -webkit-justify-content: center;
	  -moz-justify-content: center;
	  align-items: center;
	  -webkit-align-items: center;
	  -moz-align-items: center; 
	}
	.d-ysbz-li{
		width: 20%;
		padding-bottom: 1.5rem;
		font-size: 1rem;
		border-bottom: 2px solid #b98a44;
		cursor: pointer;
		position: relative;
		margin-bottom: 2.5rem;
	}
	.d-ysbz-num{
		position: absolute;
		bottom: -0.8rem;
		left: 50%;
		margin-left: -0.8rem; 
		width: 1.6rem;
		height: 1.6rem;
		line-height: 1.6rem;
		border: 2px solid #b98a44;
		color: #b98a44;
		background: #fff;
		border-radius: 50%;
		box-sizing: content-box;
	}
	.ysbz-has-color{
		color: #fff;
		background: #b98a44;
	}
	.ysbz-slide{
		width: 100%;
		height: 15rem;
		background: url(../image/ysbz-lb.png) no-repeat;
	  background-size:100% 100%;
	  color: #fff;
	  padding-bottom: 1.5rem;
	  border-radius: 0.5rem;
	}
	.d-ysbz-l{
		position: relative;
		padding-left: 5rem;
		padding-right: 3.5rem;
		text-align: left;
		margin-right: 1rem;
	}
	.d-ysbz-s{
		position: absolute;
		top: -1.8rem;
		left: 0;
		color: #b98a44;
		font-size: 6rem;
	}
	.d-ysbz-t{
		font-size: 3rem;
		letter-spacing: 0.2rem;
	}
	.d-ysbz-et{
		opacity: 0.6;
	}
	.d-ysbz-x{
		position: absolute;
		top: 3rem;
		right: 0;
		width: 4rem;
		transform:rotate(-60deg);
	}
	.d-ysbz-cUl{
		overflow: hidden;
		width: 30rem;
		text-align: left;
		margin-top: 1.5rem;
	}
	.d-ysbz-cUl li{
		float: left;
		width: 50%;
		font-size: 1rem;
		line-height: 1.8rem;
		letter-spacing: 0.15rem;
	}
	.d-ysbz-cUl li:last-child{
		width: 100%;
	}
	.ysbz-item-li{
		display: inline-block;
		margin-right: 0.8rem;
	}
	.d-ysbz-cUl>li>span{
		font-size: 0.8rem;
		opacity: 0.8;
	}
	.d-ysbz-icon{
		margin-right: 0.3rem;
	}
	.d-sxcr-block{
	  background: url(../image/zws31-b.png) no-repeat;
	  background-size:cover;
	  color: #fff;
	}
	.d-bx-ul,.d-zws-ul{
		padding-top: 0.5rem;
	}
	.d-bx-li,.d-zws-li{
		width: 100%;
	}
	.d-bx-li>div{
		height: 1.6rem;
		line-height: 1.6rem;
		border-bottom: 1px solid #e5e5e5;
	}
	.d-bx-bz{
		border-left: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
	}
	.d-bx-xm{
		width: 50%;
		background: #505050;
		color: #fff;
		border-left: 1px solid #e5e5e5;
	}
	.d-bx-bz{
		width: 25%;
		background: #7e7e7e;
		color: #333;
	}
	.d-bx-nbz{
		width: 25%;
		background: #c3c3c3;
		color: #b13131;
	}
	.d-bx-li:first-child{
		font-size: 1.2rem;
		font-weight: 600;
		color: #fff;
	}
	.d-bx-li:first-child>div{
		height: 2.5rem;
		line-height: 2.5rem;
		background: #333;
	}
	.d-bx-li:first-child .d-bx-xm{
		border-left: 1px solid #555;
	}
	.d-bx-li:first-child .d-bx-bz{
		color: #fff;
		border-left: 1px solid #555;
		border-right: 1px solid #555;
	}
	.d-bx-li:first-child .d-bx-nbz{
		height: 3rem;
		padding-top:0.5rem;
		color: #fff;
		background: #b13131;
		margin-top: -0.5rem;
	}
	.d-zws-li>div{
		height: 1.6rem;
		line-height: 1.6rem;
		border-bottom: 1px solid #fff;
	}
	.d-zws-li:nth-child(2n){
		color: #b13131;
		background: #ededed;
	}
	.d-zws-li:nth-child(2n+1){
		color: #b13131;
		background: #dbdbdb;
	}
	.d-zws-i{
		width: 5%;
		border-right: 1px solid #fff;
	}
	.d-zws-xm{
		width: 95%;
	}
	.d-zws-li:first-child{
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 1.2rem;
		font-weight: 600;
		color: #fff;
		background: #b13131;
	}
	.d-jpgd-ul,.d-jpgd-ul2{
		overflow: hidden;
	}
	.d-jpgd-ul2{
		display: none;
	}
	.d-jpgd-li{
		float: left;
		width: 11.5rem;
		margin: 1.5rem 0.5rem 0 0;
		border: 1px solid #ddd;
	}
	.d-jpgd-li:nth-child(5n){
		margin-right: 0;
	}
	.d-jpgd-i{
		width: 100%;
		height: 16rem;
	}
	.d-jpgd-c{
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 1rem;
	}
	.d-jpgd-more{
		display: inline-block;
		margin-top: 1.5rem;
	  padding: 0.5rem 4rem;
	  border-radius: 1.8rem;
	  font-size: 1rem;
	  background: none;
	  border: 1px solid #ccc;
	  color: #666;
	  box-shadow: 0px -5px 5px #d6d6d6;
	  cursor: pointer;
	  transition: all 0.3s;
    -webkit-transition: all 0.3s;
	}
	.d-jpgd-more:hover{
		background: #b98a44;
		color: #fff;
		transition: all 0.3s;
    -webkit-transition: all 0.3s;
	}
	
	.s-content-block{
		align-items: flex-start;
	}
	.s-content-box{
		width: 45rem;
	}
	.s-type-li{
		width: 22rem;
		height: 6.5rem;
		border-radius: 0.5rem;
		overflow: hidden;
		color: #fff;
		text-align: center;
		cursor: pointer;
		transition: all 0.3s;
    -webkit-transition: all 0.3s;
	background-size: cover;
	background-repeat: no-repeat;
	}
	.s-type-li a {color: #fff;}
	.s-type-li:hover a,.s-type-li-active a {
		color: #b98a44;
		transition: all 0.3s;
    -webkit-transition: all 0.3s;
	}
	.s-type-t{
		font-size: 1.2rem;
		font-weight: 600;
	}
	.s-detail-li{
	  width: 100%;
	  height: 11rem;
	  padding: 1rem;
	  background-color: #fff;
	  overflow: hidden;
	  margin-top: 1.5rem;
	  text-align: left;
	  border: 1px solid #eee;
	  -webkit-box-shadow: 2px 2px 6px 0 rgba(0,0,0,.1);
	  box-shadow: 2px 2px 6px 0 rgba(0,0,0,.1);
	}
	.s-detail-img{
		width: 13rem;
		height: 9rem;
	}
	.s-detail-con{
		width: 29.5rem;
		height: 9rem;
		line-height: 1.2rem;
		padding-left: 1rem;
	}
	.s-detail-t{
		font-size: 1.2rem;
		font-weight: 600;
		color: #b98a44;
	  margin-bottom: 0.5rem;
	  height: 1.8rem;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  cursor: pointer;
	}
	.s-detail-text{
	  height: 2.6rem;
	  line-height: 1.3rem;
	  overflow: hidden;
	  margin-bottom: 0.75rem;
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.s-detail-btn{
	  width: 6rem;
	  height: 1.6rem;
	  line-height: 1.6rem;
	  border: 1px solid #b98a44;
	  text-align: center;
	  margin-bottom: 0.75rem;
	  cursor: pointer;
	  transition: all 0.3s;
    -webkit-transition: all 0.3s;
	}
	.s-detail-btn:hover{
		background: #b98a44;
		color: #fff;
		transition: all 0.3s;
    -webkit-transition: all 0.3s;
	}
	.s-detail-mark>span{
		margin-right: 1rem;
		font-size: 0.7rem;
	}
	.s-right-box{
		width: 14rem;
	}
	.s-bm-box{
		padding: 1rem;
	  border: 1px solid #e9e9e9;
	  -webkit-box-shadow: 2px 2px 6px 0 rgba(0,0,0,.1);
	  box-shadow: 2px 2px 6px 0 rgba(0,0,0,.1);
	  background-color: #fff;
	  margin-bottom: 1.5rem;
	  text-align: center;
	}
	.s-bm-t{
		font-size: 1.2rem;
	  font-weight: 600;
	  color: #b98a44;
	  margin-bottom: 0.75rem;
	  text-align: center;
	}
	.s-bm-input,.s-bm-btn {
	  width: 100%;
	  padding: 0.5rem 0.75rem;
	  margin-bottom: 0.75rem;
	  border-radius: 0.3rem;
	  border: 1px solid #ddd;
	  box-sizing: border-box;
	  font-size: 0.8rem;
	}
	.s-bm-btn {
		background: #b98a44;
		color: #fff;
		cursor: pointer;
	}
	.s-tj-box{
	  padding: 0.5rem;
	}
	.s-tj-t{
		font-size: 1.2rem;
		margin-bottom: 0.75rem;
	}
	.s-tj-more{
		font-size: 0.8rem;
		cursor: pointer;
	}
	.s-tj-li{
		width: 100%;
		background: #fff;
		margin-bottom: 0.75rem;
		cursor: pointer;
		overflow: hidden;
		border: 1px solid #ddd;
	}
	.s-tj-detail{
		height: 2.5rem;
		line-height: 2.5rem;
		padding: 0 0.75rem;
		overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	}
	
	.s-content-c{
		border: 1px solid #e9e9e9;
	  -webkit-box-shadow: 2px 2px 6px 0 rgba(0,0,0,.1);
	  box-shadow: 2px 2px 6px 0 rgba(0,0,0,.1);
	  text-align: left;
	  padding: 0 1.5rem;
	  margin-bottom: 1.5rem;
	  background: #fff;
	}
	.s-content-t{
		border-bottom: 1px solid #ddd;
		padding: 0.75rem 0;
	}
	.s-content-bt{
		font-size: 1.2rem;
		margin-bottom: 0.3rem;
		font-weight: 400;
	}
	.s-text-detail{
		padding: 0.75rem 0 2rem 0;
		text-indent: 1.5rem;
		line-height: 1.3rem;
	}
	.s-text-detail img{
	 	max-width: 80%;
	 	height: auto;
	 	margin: 0.5rem auto;
	}
	
	.us-jy-im{
		display: none;
	}
	.us-jj-c,.us-jy-c{
		width: 35rem;
		height: 30rem;
		line-height: 1.6rem;
		text-align: left;
		padding: 0 1rem;
		overflow: hidden;
	}
	.us-jj-c{
		text-indent:2rem;
	}
	.us-jj-i,.us-jy-i{
		width: 25rem;
		height: 30rem;
		overflow: hidden;
	}
	.us-fzlc-b{
		background: rgba(0,0,0,0.8);
		color: #fff;
	}
	.us-fzlc-ul{
		overflow: hidden;
	}
	.us-fzlc-li{
		border-bottom: 1px solid #ddd;
		background: #f5f5f5;
		transition: all 0.5s;
		-webkit-transition: all 0.5s; 
	}
	.us-fzlc-li:hover{
		background: #fff;
		box-shadow:0px 0px 10px 5px #aaa;
		transition: all 0.5s;
		-webkit-transition: all 0.5s; 
	}
	.us-fzlc-t{
		width: 10rem;
		color: #b98a44;
		font-size: 1rem;
		font-weight: 600;
		position: relative;
	}
	.us-fzlc-icon{
		position: absolute;
		top: 0;
		right: -0.55rem;
		color: #999;
		transition: all 0.5s;
    -webkit-transition: all 0.5s;
	}
	.us-fzlc-li:hover .us-fzlc-icon{
		color: #b98a44;
		transition: all 0.5s;
    -webkit-transition: all 0.5s;
	}
	.us-fzlc-c{
		width: 50rem;
		color: #666;
		text-align: left;
		padding: 1rem 1rem 1rem 2rem;
		border-left: 1px solid #ddd;
	}
	.us-jy-li{
		margin: 1.5rem 0;
	}
	.us-fgs-li{
		width: 19rem;
		margin-bottom: 1.5rem;
		border: 1px solid #ddd;
		border-radius: 0.3rem;
		box-shadow:2px 5px 5px #aaa;
		overflow: hidden;
		text-align: left;
	}
	.us-fgs-t{
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 1rem;
		background: #b98a44;
		color: #fff;
		padding: 0 0.75rem;
		
	}
	.us-fgs-c{
		height: 6rem;
		line-height: 1.5rem;
		overflow: hidden;
		padding: 0.75rem;
	}
	.us-fgs-addr{
		height: 2.6rem;
		line-height: 1.3rem;
		margin-bottom: 0.4rem;
		overflow: hidden;
	}
	#mapBox{
		height: 30rem;
	}
	.us-lxwm-c{
		width: 20rem;
		height: 2.5rem;
		line-height: 2.5rem;
		border: 1px solid #b98a44;
		border-radius: 1.25rem;
		color: #b98a44;
		font-weight: 600;
		overflow: hidden;
		margin: 1.5rem auto;
		font-size: 1rem;
	}
	.us-lxwm-c>p{
		width: 50%;
	}
	.us-lxwm-tel{
		background: #b98a44;
		color: #fff;
	}
	 
	.case-title{
	  font-size: 1.2rem;
	  margin: 0.75rem 0;
	  font-weight: 400;
	}
	.case-table{
	  width: 100%;
	  text-align: center;
	}
	.table-t,.table-d{
	  border: 1px solid #ddd;
	  height: 2rem;
	  line-height: 2rem;
	}
	.table-t{
	  width: 18%;
	  background-color: #f5f5f5;
	}
	.table-d{
	  width: 32%;
	}
	.design-notes{
	  padding: 0.5rem 0;
	  text-align: left;
	  text-indent: 1.5rem;
	  line-height: 1.3rem;
	}
	.design-notes img {max-width: 100% !important;height: auto !important;}
	.img-box{
	  width: 100%;
	  overflow: hidden;
	  padding-bottom: 1.5rem;
	}
	.img-box img{
	  max-width: 100%;
	  max-height: 43rem;
	  object-fit: contain;
	  margin: 0 auto 0.75rem;
	}
	.s-tj-li2{
		margin-bottom: 1rem;
		cursor: pointer;
	}
	.s-tj-img2{
	  width: 3.5rem;
	  height: 3.5rem;
	  border-radius: 50%;
	  border: 1px solid #eee;
	  overflow: hidden;
	}
	.s-tj-img2 img{
	  object-position: left 0px top -5px;
	}
	
	.d-s-pic{
		width: 12rem;
		height: 18rem;
	}
	.d-s-content{
		width: 33rem;
		padding: 1rem 1.5rem;
		text-align: left;
	}
	.d-s-title{
		font-size: 2rem;
		color: #b98a44;
		letter-spacing: 0.15rem;
	}
	.d-s-nameB{
		font-weight: 400;
		font-size: 0.8rem;
	}
	.d-s-name{
		font-size: 1.2rem;
		color: #b98a44;
		margin-right: 1rem;
	}
	.d-s-motto{
		height: 2.5rem;
		margin: 0.5rem 0;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		color: #999;
	}
	.d-s-ul{
		height: 8rem;
		padding-top: 0.5rem;
		border-top: 1px solid #ddd;
		color: #999;
	}
	.d-s-li{
		position: relative;
		padding-left: 4.5rem;
		margin-bottom: 0.5rem;
		max-height: 2.5rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.d-s-t{
		position: absolute;
		top: 0;
		left: 0;
	}
	.s-zp-block{
		margin-bottom: 1rem;
	}
	.s-zp-t{
		display: inline-block;
		height: 3rem;
		line-height: 3rem;
		font-size: 1.2rem;
		font-weight: 600;
		color: #b98a44;
		margin-right: 1rem;
		border-bottom: 2px solid #b98a44;
	}
	.s-zp-ul{
		overflow: hidden;
	}
	.s-zp-li{
		float: left;
		width: 13rem;
		height: 9rem;
		margin-bottom: 1rem;
		margin-right: 1.4rem;
		cursor: pointer;
		position: relative;
		overflow: hidden;
	}
	.s-zp-li:nth-child(3n){
		margin-right: 0;
	}
	.s-zp-img{
		width: 13rem;
		height: 9rem;
	}
	.s-zp-detail{
		position: absolute;
		width: 100%;
		height: 2rem;
		line-height: 2rem;
		padding: 0 1rem;
		color: #fff;
		background: rgba(0,0,0,0.6);
		bottom: -2rem;
		left: 0;
		transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear; 
	}
	.s-zp-li:hover .s-zp-detail{
		bottom: 0;
		transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear; 
	}
	.more-data-text{
		margin-bottom: 1.5rem;
		color: #f00;
		text-align: center;
	}
	
  
  .ljjs-m-box{
    display: none;
  }
  .quote-banner{
    width: 100%;
    height: 30vw;
    min-width: 60rem;
    min-height: 30rem;
    background: url(../image/bbg1.jpg) no-repeat;
    background-size:100% 100%;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;

    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
  }
  .banner-block{
    width: 100%;
    max-width: 60rem;
    margin: -50px auto 0;
  }
  .jsq-title{
    font-size: 2.2rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
    color: #fff;
    text-align: center;
    font-style:oblique;
    text-shadow: 1px 3px 5px rgba(0,0,0,.33);
  }
  .jsq-box{
    width: 100%;
    background-color: #fff;
    margin-top: 15px;
    padding: 2rem 3rem 3rem;
    text-align: center;
    overflow: hidden;
    border-radius: 0.5rem;
    box-shadow:0 4px 12px 0 rgba(0,0,0,.3); 
  }
  .jsq-title-cn{
    display: inline-block;
    width: 30rem;
    margin: 0 auto 1.5rem;
    font-size: 1.6rem;
    font-weight: 600;
  }
  .jsq-block-title{
    font-size: 1.2rem;
    margin-bottom: 1.25rem;
    color: #b98a44;
  }
  .jsq-count-box{
    width: 22rem;
  }
  .jsq-people{
    display: inline-block;
    height: 1.6rem;
    line-height: 1.6rem;
    font-weight: 700;
    border-bottom: 1px solid #999;
    vertical-align: top;
    margin: 0 0.2rem;
  }
  .jsq-form-li{
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center; 
    font-size: 0.8rem;
    border: 1px solid transparent;
    margin-top: 1rem;
  }
  .js-input{
    flex-grow: 1;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 15px;
    margin-left: 0.5rem;
    border-radius: 0.3rem;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 0.8rem;
  }
  .js-input:focus {
    outline:none;
    border: 1px solid #195d6e;
  }
  .jsq-btn-box{
    position: relative;
    width: 7.2rem;
    height: 7.2rem;
    padding: 0.55rem;
    border-radius: 50%;
  }
  .jsq-btn{
    position: absolute;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center; 
    top: 1.05rem;
    left: 1.05rem;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background-color: #195d6e;
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
    cursor: pointer;
  }
  .jsq-btn:hover{
    font-size: 1.3rem;
    padding: 0.75rem;
  }
  .js-circle {
    width: 6rem;
    height: 6rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #0c6f88;
    z-index: 12;
    -webkit-animation: scale2 1.5s ease infinite;
    -moz-animation: scale2 1.5s ease infinite;
    -o-animation: scale2 1.5s ease infinite;
    animation: scale2 1.5s ease infinite;
    animation-fill-mode: both;
  }
  @keyframes scale2 {
    0% {transform: scale(1);opacity: 1}
    100% {transform: scale(1.2);opacity: 0}
  }
  @-webkit-keyframes scale2 {
    0% {transform: scale(1);opacity: 1}
    100% {transform: scale(1.2);opacity: 0}
  }
  @-moz-keyframes scale2 {
    0% {transform: scale(1);opacity: 1}
    100% {transform: scale(1.2);opacity: 0}
  }
  @-o-keyframes scale2 {
    0% {transform: scale(1);opacity: 1}
    100% {transform: scale(1.2);opacity: 0}
  }
  .jsq-show-box{
    width: 18rem;
  }
  .text-budget{
    display: inline-block;
    min-width: 6rem;
    height: 1.6rem;
    line-height: 1.6rem;
    font-weight: 700;
    border-bottom: 1px solid #999;
    vertical-align: top;
    text-align: center;
  }
  .jsq-ul{
    border: 1px solid #ccc;
    border-radius: 0.3rem;
    padding: 0.3rem 1rem;
  }
  .jsq-ul li{
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center; 
    height: 1.8rem;
    line-height: 1.8rem;
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
  }
  .jsq-ul li>span{
    min-width: 6rem;
    border-bottom: 1px solid #999;
    text-align: center;
    color: #b98a44;
    font-weight: 700;
    font-size: 1rem;
  }
	.fg-li{
		width: 23%;
	  border-radius: 0.5rem;
	  box-shadow: 0 4px 12px 0 rgba(0,0,0,.2);
	  overflow: hidden;
	  margin-bottom: 0.75rem;
	}
	.fg-img-box{
	  width: 100%;
	  height: 15rem;
	  overflow: hidden;
	}
	.fg-li-title{
		height: 3rem;
    line-height: 3rem;
    font-size: 1.2rem;
	  color: #fff;
	  background: #2bb4aa;
	}
	.fg-li img{
	  transition:all 0.3s;
	  -moz-transition: all 0.3s; 
	  -webkit-transition:all 0.3s;
	}
	.fg-li:hover img{
	  -webkit-transform: scale(1.1);
	  -moz-transform: scale(1.1);
	  -o-transform: scale(1.1);
	  transition:all 0.3s;
	  -moz-transition: all 0.3s; 
	  -webkit-transition:all 0.3s;
	}
  .ssjjx-mask-bg{
    background: url(../image/ssjjx-b.jpg) no-repeat;
    background-size:100% 100%;
    color: #fff;
  }
  .ssjjx-li{
    width: 15rem;
    height: 21rem;
    padding: 2rem 1.75rem;
    border: 1px solid #eee;
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.2);
    background: #fff;
    color: #195d6e;
    border-radius: 0.2rem;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
  }
  .ssjjx-li:hover{
    margin-top: -1rem;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
  }
  .ssjjx-li-title{
    font-size: 1.5rem;
    margin: 0.3rem 0;
  }
  .ssjjx-icon{
    font-size: 4rem;
    color: #195d6e;
  }
  .ssjjx-hr{
    width: 6rem;
    height: 1px;
    background-color: #195d6e;
    border: none;
  }
  .ssjjx-li-content{
    font-size: 0.8rem;
    margin-top: 1.5rem;
  }
  .hylx-mask-bg{
    background: url(../image/hylx-b.jpg) no-repeat;
    background-size:100% 100%;
  }
  .hylx-ul{
    padding-top: 0;
  }
  .hylx-li{
    width: 18%;
    height: 25rem;
    border: 1px solid #eee;
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.1);
    background: rgba(0,0,0,0.8);
    border-radius: 0.2rem;
    overflow: hidden;
    color: #fff;
  }
  .hylx-li:nth-child(2n){
    margin-top: 3rem;
  }
  .hylx-img{
    width: 100%;
    height: 10.9rem;
    overflow: hidden;
  }
  .hylx-li-title{
    font-size: 1rem;
    margin: 1rem 0.5rem 0.5rem;
    font-weight: 600;
  }
  .hylx-hr{
    width: 2rem;
    border-top: 3px solid #fff;
    margin: 0 auto;
  }
  .hylx-li-content{
    padding: 0 0.75rem;
    font-size: 0.75rem;
    margin-top: 1rem;
    text-indent: 1.5rem;
  }
  .hylx-li img{
    transition:all 0.3s;
    -moz-transition: all 0.3s; 
    -webkit-transition:all 0.3s;
  }
  .hylx-li:hover img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transition:all 0.3s;
    -moz-transition: all 0.3s; 
    -webkit-transition:all 0.3s;
  }
  .hqbj-mask-bg{
    background: url(/skin/whdyzs/image/bj-b.jpg) no-repeat;
    background-size:100% 100%;
  }
  .hqbj-li{width: 25%;}
  .hqbj-icon-box{
    width: 6rem;
    height: 6rem;
    line-height: 6rem;
    border-radius: 3rem;
    background: #ccc;
    margin: 0 auto;
  }
  .hqbj-icon{
    font-size: 3rem;
  }
  .hqbj-li-title{
    margin: 1rem auto;
    font-size: 1rem;
    font-weight: 600;
    color: #195d6e;
  }
  .hqbj-hr{
    width: 2rem;
  }
  .hqbj-li-content{
    padding: 0.75rem 2rem;
    font-size: 0.8rem;
  }
  .hqbj-li:hover .hqbj-icon-box{
    background: rgba(25,93,110,0.2)
  }
  .hqbj-li:hover .hqbj-icon-box{
    color: #195d6e;
    -webkit-animation: routate1 2s ease infinite;
    -moz-animation: routate1 2s ease infinite;
    -o-animation: routate1 2s ease infinite;
    animation: routate1 2s ease infinite;
  }
  @keyframes routate1 {
    0% {transform: rotate(20deg);}
    50% {transform: rotate(-20deg);}
    100% {transform: rotate(20deg);}
  }
  @-webkit-keyframes routate1 {
    0% {transform: rotate(20deg);}
    50% {transform: rotate(-20deg);}
    100% {transform: rotate(20deg);}
  }
  @-moz-keyframes routate1 {
    0% {transform: rotate(20deg);}
    50% {transform: rotate(-20deg);}
    100% {transform: rotate(20deg);}
  }
  @-o-keyframes routate1 {
    0% {transform: rotate(20deg);}
    50% {transform: rotate(-20deg);}
    100% {transform: rotate(20deg);}
  }
  .hqbj-ul{
	  flex-flow: row wrap;
	  align-items: flex-start;
	  -webkit-align-items: flex-start;
	  -moz-align-items: flex-start; 
	}
	.hqbj-hr{
	  height: 2px;
	  background-color: #195d6e;
	  border: none;
	}
	
	.zz-wrap{
	  width: 100%;
	  margin-top: 0.75rem;
	}
	.zz-nav{
	  justify-content: center;
	  -webkit-justify-content: center;
	  -moz-justify-content: center;
	}
	.zz-li{
		width: 12rem;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1.2rem;
	  color: #b98a44;
	  background: #f5f5f5;
	  border-left: 1px solid #fff;
	  border-right: 1px solid #fff;
	  cursor: pointer;
	}
	.zz-content{
	  width: 100%;
	  display: none;
	  position: relative;
	}
	.nav-has-color{
	  color: #fff;
	  background: #b98a44;
	}
	.is-show{
	  display: block;
	}
	.zzbj-btn{
		position: absolute;
    bottom: 1.5rem;
    right: 5%;
    width: 20%;
    max-width: 11rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 0.2rem;
    font-size: 1.2rem;
	  background-color: #fc3232;
	  color: #fff;
	  letter-spacing: 0.15rem;
	  margin: 0;
	  padding: 0;
	  border: 1px solid transparent;
	  outline: none;
	  cursor: pointer;
	}
	.ddys-mask-bg{ 
    background: url(../image/ddys-b.jpg) no-repeat;
    background-size:100% 100%;
  }
  .ddys-tab-ul{
    display: none;
  }
  .ddys-li{
    height: 2.6rem;
    line-height: 2.6rem;
    margin-bottom: 0.5rem;
    background-size:100% 100%;
    overflow: hidden;
  }
  .dd-content{ 
    height: 2.6rem;
    line-height: 2.6rem;
    font-size: 1.3rem;
    width: 57%;
    color: #fff;
    background: #195d6e;
    font-weight: 600;
    box-shadow: #999 0px 2px 4px;
    border-right: 1px solid #999;
    overflow: hidden;
  }
  .other-content{
    height: 2.1rem;
    line-height: 2.1rem;
    font-size: 1rem;
    width: 43%;
    background: #e5e5e5;
    font-weight: 600;
    color: #666;
    overflow: hidden;
  }
  .ddys-li:first-child{
    background: none;
  }
  .ddys-li:first-child>div{
    font-size: 1.5rem;
    background: none;
    color: #333;
    font-weight: 400;
    box-shadow: none;
    border: none;
  }
	.jxsg-li{
		width: 24%;
	  position: relative;
	}
	.jxsg-li:nth-child(-n+4){
    margin-bottom: .65rem;
  }
  .jxsg-img-box{
    width: 100%;
    height: 15.8vw;
    max-height: 9.5rem;
    overflow: hidden;
  }
	.jxsg-img-box img{
	  width: 100%;
	  height: 100%;
	}
	.jx-content{
		height: 5.5rem;
		overflow: hidden;
	  display: flex;
	  display: -webkit-flex;
	  display: -moz-flex;
	  align-items: center;
	  -webkit-align-items: center;
	  -moz-align-items: center; 
	  width: 100%;
	  background: #e5e5e5;
	}
	.jx-title{
		height: 2rem;
    line-height: 2rem;
    bottom: 5.5rem;
    font-size: 1rem;
	  position: absolute;
	  left: 0;
	  color: #fff;
	  background: rgba(25,93,110,0.8);
	  text-align: left;
	  padding: 0 1rem;
	  border-top-right-radius: 0.3rem;
	}
	.jx-text{
    width: 100%;
    font-size: 0.8rem;
    text-align: left;
    padding: 0 0.5rem;
  }
	.jxsg-li img{
	  transition:all 0.3s;
	  -moz-transition: all 0.3s; 
	  -webkit-transition:all 0.3s;
	}
	.jxsg-li:hover img{
	  -webkit-transform: scale(1.2);
	  -moz-transform: scale(1.2);
	  -o-transform: scale(1.2);
	  transition:all 0.3s;
	  -moz-transition: all 0.3s; 
	  -webkit-transition:all 0.3s;
	}
	.icon-dian{
	  font-size: 0.5rem;
	  color: #666;
	}
	.qlmd-mask-bg{
    background: url(../image/qlmd-b.jpg) no-repeat;
    background-size:100% 100%;
  }
  .qlmd-img{
    height: 35vw;
    max-height:22rem;
    background: url(../image/mhty.jpg) no-repeat; 
    background-size:100% 100%;  
  }
	.qlmd-mask{
	  color: #fff;
	  background: rgba(25,93,110,0.8)
	}
	.qlmd-mask .title-line{
	  background: -webkit-linear-gradient(left, transparent -4%,#fff 50%,transparent 100%);
	}
  .ldcr-mask-bg{
    background: url(../image/ldcr-b.jpg) no-repeat;
    background-size:100% 100%;
  }
  .ldcr-ul{
    padding-top: 1.5rem;
  }
  .ldcr-li{
    width: 15%;
    color: #195d6e;
  }
  .ldcr-li-title{
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0.75rem auto;
  }
  .ldcr-li-content{
    font-size: 0.8rem;
  } 
	.ldcr-icon-box{
		width: 5.5rem;
    height: 5.5rem;
    margin: 0 auto 1.5rem;
	  border: 2px solid #195d6e;
	  transform: rotate(45deg); 
	  -o-transform: rotate(45deg); 
	  -webkit-transform: rotate(45deg); 
	  -moz-transform: rotate(45deg);
	  transition:all 0.3s;
	  -moz-transition: all 0.3s; 
	  -webkit-transition:all 0.3s; 
	}
	.ldcr-icon{
		font-size: 3rem;
    margin-top: 0.5rem;
	  display: block;
	  transform: rotate(-45deg); 
	  -o-transform: rotate(-45deg); 
	  -webkit-transform: rotate(-45deg); 
	  -moz-transform: rotate(-45deg);
	  transition:all 0.3s;
	  -moz-transition: all 0.3s; 
	  -webkit-transition:all 0.3s;
	}
	.ldcr-li:hover .ldcr-icon-box{
	  background: #195d6e;
	  transition:all 0.3s;
	  -moz-transition: all 0.3s; 
	  -webkit-transition:all 0.3s;
	}
	.ldcr-li:hover .ldcr-icon{
	  color: #fff;
	  transition:all 0.3s;
	  -moz-transition: all 0.3s; 
	  -webkit-transition:all 0.3s;
	}
	.qblc-ul{
	  flex-flow: row wrap;
	  -webkit-justify-content: center;
	  -moz-justify-content: center;
	  align-items: center;
	}
  .qblc-li{
    width: 13.5%;
    padding-right: 0.8rem; 
	position: relative;
  }
  .qblc-icon-box{
    width: 5rem;
    height: 5rem;
    background-size:100% 100%;
	  border-radius: 50%;
	  overflow: hidden;
	  margin: 0 auto;
  }
  .qblc-icon{
    font-size: 2rem;
  }
  .qblc-li-title{
    font-size: 1rem;
    font-weight: 600;
    margin: 0.75rem 0 0.3rem;
  }
  .next-icon{
    right: -0.5rem;
    top: 2rem;
    font-size: 1.2rem;
    position: absolute;
	  font-weight: 600;
	  color: #195d6e;
  }
  .qblc-li:last-child .next-icon{
    display: none;
  } 
	.qblc-mark{
	  width: 100%;
	  height: 100%;
	  display: flex;
	  display: -webkit-flex;
	  display: -moz-flex;
	  justify-content: center;
	  -webkit-justify-content: center;
	  -moz-justify-content: center;
	  align-items: center;
	  -webkit-align-items: center;
	  -moz-align-items: center; 
	  background: rgba(0,0,0,0.5);
	  color: #fff;
	  opacity: 1;
	}
	.qblc-li:hover .qblc-mark{
	  opacity: 0;
	  transition:all 0.3s;
	  -moz-transition: all 0.3s; 
	  -webkit-transition:all 0.3s;
	}
  .gydd-mask-bg{
    background: url(../image/gydd-b-p.jpg) no-repeat;
    background-size:cover;
  }
  .gydd-jiangbei{
    width: 6rem;
    margin-right: 2rem;
  }
  .gydd-js{
    font-size: 1.3rem;
    letter-spacing: 0.15rem;
    text-align: left;
  }
  .gydd-li{
    width: 19%;
    margin-top: 1rem;
  }
  .gydd-li:nth-child(-n+5){
    margin-top: 0;
  }
  .gydd-mask{
    color: #fff;
    background: rgba(0,0,0,0.3);
  }
  .activity-img-btn{
		position: absolute;
		width: 48%;
		padding-bottom: 6%;
		bottom: 2.5vw;
		left: 50%;
		margin-left: -24%;
		cursor: pointer;
	}
	
	.tg-bi-m{
		display: none;
	}
	.tg-xl-ul{
		overflow: hidden;
	}
	.tg-xl-li{
		float: left;
		width: 11rem;
		height: 11rem;
		background: linear-gradient(to bottom,#f8581a,#d53922);
		color: #fff;
		font-weight: 600;
		font-size: 1.6rem;
		border: 1px solid #ddd;
		border-radius: 0.3rem;
		box-shadow: 0px 5px 5px #d6d6d6;
		transition: background 0.3s;
    -webkit-transition: background 0.3s;
    margin-right: 1.25rem;
	}
	.tg-xl-li:last-child{
		margin-right: 0;
	}
	.tg-xl-li .xl-num{
		font-size: 2.8rem;
	}
	.tg-qb-bg{
    background: url(/skin/whdyzs/image/tg/qb1-b.jpg) no-repeat;
    background-size: 100% 100%;
	}
	.tg-qb-content {
    width: 100%;
    background-color: #fff;
    padding: 2rem 3rem;
    text-align: center;
    overflow: hidden;
    border-radius: 0.2rem;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
  }
  .tg-qb-lbox{
  	float: left;
  	width: 50%;
  	padding: 0 4.5rem 0 1.5rem;
  }
  .tg-qb-rbox{
  	float: right;
  	width: 50%;
  	padding: 0 3rem;
  	margin-top: 0.5rem;
  }
  .tg-bm-input{
  	box-sizing: border-box;
  }
  .mj-mark{
  	position: absolute;
  	top: 0;
  	display: inline-block;
  	height: 2rem;
  	line-height: 2rem;
  	right: 1rem;
  }
  .tg-bm-select,.tg-bm-input{
  	width: 100%;
  	height: 2.5rem;
  	line-height: 2.5rem;
  	padding-left: 0.5rem;
  	border-radius: 0.2rem;
    border: 1px solid #ccc;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    background: #fff;
  }
  .tg-bm-select:focus,.tg-bm-input:focus {
    outline: none;
    border: 1px solid #195d6e;
	}
	.tg-hx .tg-bm-select:nth-child(2){
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}
  .tg-bm-btn {
 		position: relative;
    width: 100%;
    padding: 0 1rem;
    height: 2.5rem;
    line-height: 2.5rem;
    color: #fff;
    font-size: 1rem;
    background: linear-gradient(to left,#f8581a,#d53922);
    margin-top: 1rem;
    border-radius: 0.2rem;
    box-sizing: border-box;
    cursor: pointer;
  }
  .tg-bm-img{
  	position: absolute;
  	top: 0.75rem;
  	right:5rem;
  	width: 2.5rem;
  	height: auto;
  }
  .tg-qb-rbox{
  	border-left: 1px solid #e5e5e5;
  }
  .tg-qb-title{
  	font-size: 1.2rem;
  }
  .tg-qb-budget{
    display: inline-block;
    min-width: 6rem;
    height: 1.8rem;
    line-height: 1.8rem;
    font-weight: 700;
    vertical-align: top;
    text-align: center;
    color: #d8381d;
    font-size: 1.8rem;
  }
  .tg-qb-ul{
  	margin-top: 1rem;
    padding: 0.3rem 1rem;
  }
  .tg-qb-ul li{
    height: 1.8rem;
    line-height: 1.8rem;
    margin-bottom: 0.75rem;
    font-size: 1rem;
  }
  .tg-qb-ul li>span{
    min-width: 6rem;
    text-align: center;
    font-weight: 700;
    font-size: 1.2rem;
  }
  .tg-lbox-mark{
  	font-size: 0.7rem;
  	color: #999;
  	text-align: left;
  }
  .tg-rbox-mark{
  	font-size: 0.7rem;
  	color: #999;
  	margin-top: 0.5rem;
  }
  .tg-bm-container{
		width: 100%;
		height: 11.5rem;
		margin-top: 0.5rem;
		overflow: hidden;
		font-size: 0.7rem;
	}
	.tg-qb-bg2{
		background: #23485d;
	}
	.tg-qb-bg2 .title-box{
		color: #fff;
	}
  .tg-qlmd-bg{
  	background: url(/skin/whdyzs/image/tg/qlmd-b.jpg) no-repeat;
    color: #fff;
    object-fit: cover;
  }
  .tg-almd-block{
  	padding:0 0 1.5rem 0;
  }
  .tg-qlmd-ul{
  	overflow: hidden;
  }
  .tg-qlmd-li{
  	float: left;
  	width: 14.7rem;
  	margin-top: 0.5rem;
  }
  .tg-qlmd-li:first-child{
  	width: 32rem;
  	height: 20rem;
  }
  .tg-qlmd-li:nth-child(2),.tg-qlmd-li:nth-child(3){
  	width: 27.5rem;
  	height: 9.75rem;
  	margin-left: 0.5rem;
  }
  .tg-qlmd-li:nth-child(4),.tg-qlmd-li:nth-child(5),.tg-qlmd-li:nth-child(6){
  	margin-right: 0.4rem;
  }
  .tg-zt{
  	background: #23485d;
  	padding: 1.5rem 0.75rem;
  }
  .tg-zt-title{
  	color: #fff;
  	font-size: 1.2rem;
  	margin-bottom: 1rem;
  }
  .tg-zt-input {
    display: inline-block;
    width: 26%;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 0.5rem;
    border: 1px solid #ccc;
    border-radius: 0.2rem;
    font-size: 0.9rem;
    box-sizing: border-box;
    margin: 0 0.5rem;
	}
	.tg-zt-btn{
		display: inline-block;
    width: 26%;
    height: 55px;
    line-height: 55px;
    border-radius: 0.2rem;
    font-size: 1rem;
    margin: 0 0.5rem;
		background: linear-gradient(to left,#f8581a,#d53922);
		color: #fff;
		cursor: pointer;
	}
	.tg-wdkj-block{
	    color: #fff;
	    background: #23485d;
	}
	.zws-block{
		padding: 3rem 0 1.5rem 0;
		background: #f5f5f5;
		text-align: center;
	}
	.zws-m{
		display: none;
	}
	.zws-p{
		display: inline-block;
		padding: 0.3rem 0.5rem;
		background: linear-gradient(to left,#f8581a,#d53922);
		color: #fff;
	}
	.tg-wdkj-container{
		padding-bottom: 2rem !important;	
	}
	.tg-wdkj-container .swiper-pagination-bullet-active{
		background-color: #d53922 !important;
	}
	.tg-wdkj-ul{
		overflow: hidden;
		width: 100%;
	}
	.tg-wdkj-li{
		float: left;
		width: 19.5rem;
		height: 12.75rem;
		border: 1px solid #aaa;
	}
	.tg-wdkj-li:first-child{
		float: left;
		width: 40rem;
		height: 26rem;
		margin-right: 0.5rem;
	}
	.tg-wdkj-li:last-child{
		margin-top: 0.5rem;
	}
	.tg-wdkj-bm{
		background: url(/skin/whdyzs/image/red-b.png) no-repeat;
   		background-size:100% 100%;
   		width: 30rem;
   		margin: 1.5rem auto;
   		padding: 1rem;
   		font-size: 0.7rem;
   		color: #e5e5e5;	
	}
	.tg-wdkj-t{
		font-size: 1.3rem;
		margin-bottom: 0.3rem;
	}
	.tg-wdkj-t span{
		font-size: 1.8rem;
		font-style: italic;
		margin: 0 0.5rem;
		text-decoration: underline;
		font-weight: 700;
	}
	.tg-wdkj-d{
		font-style: italic;
		color: #ccc;
	}
	.tg-wdkj-btn{
		width: 24%;
	}
	.tg-sjs-ul{
		overflow: hidden;
	}
	.tg-sjs-li{
		float: left;
		width: 11.5rem;
		height: 9.5rem;
		overflow: hidden;
		margin-right: 0.5rem;
		margin-bottom: 0.5rem;
	}
	.tg-sjs-li:first-child{
		width: 24rem;
		height: 19.5rem;
	}
	.tg-sjs-li:nth-child(4),.tg-sjs-li:nth-child(7){
		margin-right: 0;
	}
	.tg-sjs-li img{
		object-fit: cover;
    object-position: left 0px top -20px;
	}
	.tg-sjs-sw{
		margin-top: 0.5rem;
		height: 7rem;
	}
	.tg-sjs-sw img{
		object-fit: cover;
    object-position: left 0px top -15px;
	}
	.tg-sjs-prev,.tg-sjs-next{
		font-size: 3rem;
		cursor: pointer;
	}
	.tg-yysjs-btn{
    width: 70%;
    padding: 0 1rem;
    height: 2.5rem;
    line-height: 2.5rem;
    color: #fff;
    background: linear-gradient(to left,#f8581a,#d53922);
    margin: 0 auto;
    margin-top: 1rem;
    border-radius: 0.2rem;
    font-size: 1.2rem;
    cursor: pointer;
	}
	.tg-sm-block{
		overflow: hidden;
		color: #fff;
	}
	.tg-sm-div{
		position: relative;
		padding-left: 4.5rem;
		margin-top: 0.85rem;
	}
	.tg-sm-div>span{
		position: absolute;
		display: inline-block;
		height: 2rem;
		line-height: 2rem;
		top: 0;
		left: 0;
	}
	.tg-sm-lbox,.tg-sm-ul{
		float: left;
		width: 50%;
		padding: 0.5rem 3rem;
	}
	.tg-sm-ul{
		border-left: 1px solid #fff;
		overflow: hidden;
	}
	.tg-sm-li{
		float: left;
		width: 11.5rem;
		height: 6rem;
		line-height: 6rem;
		position: relative;
		margin-bottom: 0.5rem;
	}
	.tg-sm-li:nth-child(2n+1){
		margin-right: 0.5rem;
	}
	.tg-sm-li:nth-child(1){
		background: url(/skin/whdyzs/image/tg/sm1.png) no-repeat;
    background-size:100% 100%;
	}
	.tg-sm-li:nth-child(2){
		background: url(/skin/whdyzs/image/tg/sm2.png) no-repeat;
    background-size:100% 100%;
	}	.tg-sm-li:nth-child(3){
		background: url(/skin/whdyzs/image/tg/sm3.png) no-repeat;
    background-size:100% 100%;
	}	.tg-sm-li:nth-child(4){
		background: url(/skin/whdyzs/image/tg/sm4.png) no-repeat;
    background-size:100% 100%;
	}
	.tg-cr-block{
		background: url(/skin/whdyzs/image/tg/ldcr-b.jpg) no-repeat;
    background-size:100% 100%;
	}
	.tg-cr-block .ldcr-li{
		color: #fff;
	}
	.tg-cr-block .ldcr-icon-box{
		border: 2px solid #fff;
	}
	.tg-gd-li{
		width: 19.2rem;
	}
	.tg-gd{
  	background: #23485d;
  	padding: 1.25rem;
  	margin-top: 1rem;
  }
  .tg-gd-title{
  	color: #fff;
  	font-size: 1.2rem;
  	margin-bottom: 0.75rem;
  }
	.tg-qdy-block{
		background: url(/skin/whdyzs/image/tg/qdy-b.jpg) no-repeat;
    background-size:100% 100%;
	}
	.tg-kb-block{
		background: #f5f5f5;
	}
	.tg-kb-ul{
		overflow: hidden;
	}
	.tg-kb-li{
		float: left;
		width: 11.4rem;
		margin-right: 0.75rem;
		margin-top: 0.75rem;
	}
	.tg-kb-li:nth-child(5n){
		margin-right: 0;
	}
	.title-block-num .title-box{
		position: relative;
		padding-left: 10rem;
	}
	.title-num{
		position: absolute;
		width: 7.5rem;
		height: 5.5rem;
		left: 0;
		top: -1rem;
	}
	.animation-btn{
		animation: btnA 1s ease infinite;
	}
	@keyframes btnA {
	  0% {transform: scale(0.9);}
	  50% {transform: scale(1);}
	  100% {transform: scale(0.9);}
	}
	@-webkit-keyframes btnA {
	  0% {transform: scale(0.9);}
	  50% {transform: scale(1);}
	  100% {transform: scale(0.9);}
	}
	@-moz-keyframes btnA {
	  0% {transform: scale(0.9);}
	  50% {transform: scale(1);}
	  100% {transform: scale(0.9);}
	}
	@-o-keyframes btnA {
	  0% {transform: scale(0.9);}
	  50% {transform: scale(1);}
	  100% {transform: scale(0.9);}
	}
	
}

.i-hbzz-li:first-child{
	background: url(../image/hbzz1.png) no-repeat;
	background-size: 100% 100%;
}
.i-hbzz-li:nth-child(2){
	background: url(../image/hbzz2.png) no-repeat;
	background-size: 100% 100%;
}
.i-hbzz-li:nth-child(3){
	background: url(../image/hbzz3.png) no-repeat;
	background-size: 100% 100%;
}
.i-hbzz-li>a{
	width: 100%;
	height: 100%;
}

.vr-big-box{
	position: relative;
	background-repeat: no-repeat;
	background-size:100% 100%;
}
.vr-small-box{
	position: relative;
	background-repeat: no-repeat;
	background-size:auto 100%;
  -webkit-animation: vryd 10s linear infinite;
  -moz-animation: vryd 10s linear infinite;
  -o-animation: vryd 10s linear infinite;
  animation: vryd 10s linear infinite;
}
@keyframes vryd {
  0% { background-position: 0 0;}
  50% { background-position: 100% 100%;}
  100% { background-position: 0 0;}
}
@-webkit-keyframes vryd {
  0% { background-position: 0 0;}
  50% { background-position: 100% 100%;}
  100% { background-position: 0 0;}
}
@-moz-keyframes vryd {
  0% { background-position: 0 0;}
  50% { background-position: 100% 100%;}
  100% { background-position: 0 0;}
}
@-o-keyframes vryd {
  0% { background-position: 0 0;}
  50% { background-position: 100% 100%;}
  100% { background-position: 0 0;}
}
.vr-btn{
	position: absolute;
	top: 50%;
	left: 50%;
  transform: translate(-50%,-50%);
  background: rgba(0,0,0,0.8);
  color: #fff;
  cursor: pointer;
}
.vr-btn-i{
	vertical-align: middle;
}


.huodong-page .img-box{
  padding-bottom: 0;
}
.img-box img.activity-img{
	width: 100%;
	max-height: none;
	height: 100%;
  margin: 0 auto;
}
.activity-img-box{
	position: relative;
}
.i-banner-a{
	display: block;
	width: 100%;
	height: 100%;
}
.banner-img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.c-block-more{
	cursor: pointer;
}
.is-show{
	display: block;
}
.ldcr-ul,.jxsg-ul,.fg-ul,.nav-li-mi,.i-gy-ul,.i-fwbz-ul,.i-lyfg-ul,.i-xzdd-ul,.us-jy-box,.h-fwlc-ul,.h-pzjz-con,.a-ppzc-ulC,.a-ldys-ul,.h-pzjz-ulT,.a-wfzt-ul,.c-lj-ul,.i-ppry-ul,.i-type-ul,.d-jzxj-ul,.us-fgs-ul,.i-yxpp-ul,.c-case-ul,.c-sjs-ul,.ldys-ul,.a-yxyc-ul,.gydd-ul,.d-hxjs-ul,.d-xzly-ul,.i-fwlc-ul,.i-zpal-ul,.d-sxcr-ul,.s-zp-ul{
	flex-flow: row wrap;
}