.page-container { font-size: 16px; color: #343c56; }
.flex-wrap{ flex-wrap:wrap; }
.page-container .img{ width: 100%; }
.w1{ max-width: 6.9rem; width: 100%; margin: 0 auto; }
.mt60{ margin-top: 0.6rem!important; }
.mt50{ margin-top: 0.5rem!important; }
.fs35{ font-size: 0.35rem; }
input::input-placeholder{ color: #343c56 }
input::-webkit-input-placeholder{ color: #343c56 }
input::-moz-input-placeholder,:-moz-placeholder {color: #343c56 }
.page-container form .items { padding:0.2rem 0.45rem; }
.page-container form .item label{ width: 50%; position: relative; margin-bottom: 0.3rem; padding-left: 0.22rem; font-size: 0.28rem;}
.page-container form .item input[type='radio']{ appearance:none; -webkit-appearance:none;}
.page-container form .item label:before{ content: ""; display: inline-block; width: 0.23rem; height: 0.23rem; margin-right: 0.15rem; border-radius: 50%; border:0.02rem solid #343c56; }
.page-container form .item .radio:checked+label:after{  content: ""; display: inline-block; position: absolute; left: 0.27rem; top:0.09rem; width: 0.16rem; height: 0.16rem; background: #343c56; border-radius: 50%; }
.page-container form .input{ height: 0.88rem; border-radius: 0.22rem; border: solid 1px #212c56; padding:0.15rem; background:#f6f4f4 url(images/i-1.png) no-repeat 0.15rem center/0.55rem; width: 100%; text-indent: 0.8rem; margin-bottom: 0.28rem; font-size: 0.24rem; color: #343c56}
.page-container form .input.tel{ background-image:url(images/i-2.png); }
.page-container .btn-1{display: block; margin:0 auto; width: 4.91rem;height: 0.7rem;line-height: 0.7rem; background-image: linear-gradient(72deg, 
		#cf8b6f 0%,#d78f70 33%, #dc9f85 76%, #d78f70 100%), linear-gradient(#dab692, #dab692);border-radius: 0.24rem; box-shadow: 0.06rem 0.1rem 0 #ecdbc5;}
.page-container .hands{ display: block; width: 0.63rem; height: 0.63rem; position: absolute; top:0.3rem; left: 50%; margin-left:90px; animation: 1.5s big ease-in-out infinite; }
.page-container .hands2{ right: 14% }
.bg1{ background: #212c56!important; }
.bg2{ background: #1c2863!important; }
.color{ color: #212c56; }
.c1{ color: #343c56; }
.c2{ color: #db997d }
.ff{ font-family:"思源宋体","JiangChengXieSong"; }
.t-1{ width: 6.9rem; display: block; margin:0 auto; }
.div-1 .txt{ position: absolute; top:0; left:0; width: 100%; padding-top: 40px; }
.s-title{ font-size: 0.54rem; font-family:"思源宋体","JiangChengXieSong"; padding:0 0 0.5rem 0.45rem; background: url(images/t-bg.png) no-repeat center bottom/100%; }
.s-title span{ display: block; font-size: 0.4rem; }
.s-title em{display: block; position: absolute;  background: url(images/zoneking.png) no-repeat left center/100%; width: 1.7rem; height: 0.3rem; left: 2.4rem; top: .4rem;}

.div-pd{  padding:0.3rem; }
.div-2 ul{ padding:0 0.45rem; }
.div-2 ul li{ width: 33.3% }
.div-2 img{ width: 1.1rem; display: block; margin: 0 auto; }
.div-3 .case-swiper{ border-top:0.2rem solid #cf8c6f; border-bottom: 0.2rem solid #080c20; margin:0.25rem 0; }
.div-3 .case-swiper a{ display: block; width: 100%; height: 3.8rem; overflow: hidden; position: relative;}
.div-3 .case-swiper a img{ width: 100%; height: 100%; object-fit: cover; }
.div-3 .case-swiper a .small{position: absolute; background: rgba(0,0,0,0.35); border-radius: 0.05rem; height: 0.4rem; line-height: 0.4rem; padding: 0 0.2rem; bottom: 0.15rem; left: 50%; width: 3.6rem; overflow: hidden; white-space: normal; text-overflow: ellipsis; text-align: center;; margin-left: -1.8rem; }
.img-flex img{ width: 32.3%; }
.div-3{ padding:0.22rem 0 0.82rem 0; }
.swiper-bg{ height: 0.19rem;background-image: linear-gradient(86deg, #dab491 0%, #cb9171 100%), linear-gradient(#debaa0, #debaa0);background-blend-mode: normal, normal;}
.div-4{ padding-bottom: 0.8rem; }
.div-4 .s-title em{ width: 0.3rem; background-size: auto 100%; left: 5.25rem;  }
.div-4 .b-title{ background: url(images/t-bg-1.png) no-repeat center bottom/5.87rem auto; padding-bottom: 0.03rem; }
.div-4 .b-title span{ font-size: 0.4rem; color: #a75930; font-weight: 600}
.div-4 ul{padding: 0 0.9rem;}
.div-4 li img{ width: 0.8rem; display: block; margin: 0 auto 0.15rem auto; }
.div-5{ padding-bottom: 0.8rem; }
.div-5 .s-title em{ background-image: url(images/zoneking-white.png); left: 2.5rem; }
.div-5 ul{ padding:0.6rem 0.9rem; }
.div-5 li img{ width: 1.1rem; margin:0 auto; display: block; }
.div-6{padding-bottom: 0.6rem;}
.div-6 .s-title em{ left: 3.4rem;  }

.div-7 .s-title em{background-image: url(images/zoneking-white.png); left: 4.1; }
.div-7 ul{ padding: 0 0.5rem; }
.div-7 li{ margin-bottom: 0.4rem; }
.div-7 .left{ width: 60% }
.div-7 img{ width: 3.5rem; height: 1.85rem; }
.div-8{ padding-bottom: 0.82rem;  }

.div-9 .s-title em{background-image: url(images/zoneking-white.png); left: 3rem;}
.div-9 ul{ padding: 0.45rem 0 0 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
.div-9 ul li{ display: inline-block; width: 2.73rem; height: 0.78rem;background-image: linear-gradient(88deg, #ffffff 0%, #e3e9ff 100%);	border-radius: 0.1rem; text-align: center; margin: 0 0.3rem 0.3rem 0.3rem;}

.div-9 ul li div:before{ display: block; margin:0.12rem auto 0.06rem auto; content: ""; width: 0.83rem;height: 0.06rem;background-image: linear-gradient(0deg, #dab693 0%, #ca8f6f 100%); }

.div-10 .s-title em{background-image: url(images/zoneking.png); }
.div-10 ul li{ background-image: linear-gradient(243deg, #1c2863 0%, #6685bf 100%), linear-gradient(88deg, #ffffff 0%, #e3e9ff 100%); }
.div-11 ul li{ width: 34%;  margin: 0 0.2rem 0.3rem 0.2rem; }
.div-11 ul li:last-child{ width: 54%; margin-left: 0 }
.div-12 ul li{ font-size: 0.23rem; }

.div-13{ margin:0.3rem;	border-radius: 0.58rem; padding: 0.7rem 0.9rem; font-size: 0.27rem; }

.swiper-wrapper a{ width: 100%; height: 4.0rem; overflow: hidden; }
.swiper-wrapper a img{ width: 100; height: 100%; object-fit: cover; }
@keyframes big{
	0%{ transform: scale(1); }
	15%{ transform: scale(0.8); }
	35%{ transform: scale(1); }
	55%{ transform: scale(0.8); }
	70%{ transform: scale(1); }
}