.page-container { font-size: 20px; 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; }
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(86deg, #dab491 0%, #cb9171 100%), linear-gradient(#dab692, #dab692);background-blend-mode: normal, normal;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; right: 10%; animation: 1.5s big ease-in-out infinite; }
.page-container .hands2{ right: 14% }
.bg1{ background: #212c56!important; }
.color{ color: #212c56; }
.c1{ color: #343c56; }
.t-1{ width: 6.9rem; display: block; margin:0 auto; }
.div-pd{  padding:0.62rem 0.72rem; }
.div-2{ padding:0.62rem 0.3rem; }
.img-flex img{ width: 32.3%; }
.div-3{ padding:0.62rem 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{ background: #f5f5f5; padding:0.82rem 0.3rem; }
.div-5{ padding:0.62rem 0.3rem 0.4rem 0.3rem;}
.tech-swiper h4{ color: #c2997b;  }
.tech-swiper li{ padding: 0 0.3rem; }
.tech-swiper li img{ width: 3.45rem; margin-left: 0.1rem }
.tech-swiper li > div{ height: 4.0rem;  display: flex; align-items: center; text-overflow: ellipsis; overflow: hidden; margin:0.1rem 0;}
.tech-swiper li .middle{ align-self: middle;}
.pd40{ padding:0.4rem 0.3rem; }
.div-6{ padding-bottom: 0.7rem; }
.div-6:after{content: ""; display: block; width: 0.85rem; height: 0.85rem; transform: rotate(45deg); position:absolute; left: 50%; bottom: -0.42rem; margin-left: -0.425rem; background: #212c56;}

.div-7{ padding:0.85rem 0.3rem; }
.div-7 .form{ border-radius: 0.58rem; padding:0.85rem 0.5rem; }
.page-container .div-7 .input{ background: #f6f4f4; color: #343c56;text-indent: 0.2rem }
.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); }
}