body{overflow-x: hidden;color: #002a44;}
.m1200{position: relative;}
.page{padding: 45px 0;}
.tit img{margin: 20px auto;display:block;}
/* banner */
.header_banner{background: url(../images2022/banner_bg.png) no-repeat top center;}
.header_banner .banner-img{margin: 100px 0 0 165px;}
.header_banner .form-wrap{text-align: center;width: 320px;background:url(../images2022/form_bg.png) repeat;padding:25px 55px 30px;}
.header_banner .form-wrap h2{font-size: 24px;color:#f1c098;line-height: 160%;}
.header_banner .form-wrap h2 em{color: #721619;font-weight: bold;}
.header_banner .form-wrap span.tip{text-align: center;color:#fff;display: block;padding-bottom:10px;}
.header_banner .form-wrap p.sentence {color: #fff;background: url(../images2022/form_bg.png) repeat-y top center;padding: 5px 0;font-size: 18px;margin: 10px 0;}
.header_banner .form-wrap form .label{ width: 100%;border: 0;background: #fff;border-radius: 10px;padding-left: 10px;height: 40px;line-height: 40px;overflow: hidden;}
.header_banner .form-wrap form .label select,.header_banner .form-wrap form .label input{height: 40px;line-height: 40px;padding-top: 0;font-size: 16px;}
.header_banner .form-wrap .label.Code input{width: 53%;}
.header_banner .form-wrap form .label span{width: 45%;padding: 0;margin: 10px 0;height: 20px;line-height: 20px;font-size: 16px;border-left: 1px solid #999999;border-radius: 0;}
.header_banner .form-wrap .xdf_formbtn{background: #f39800;width: 100%;border-radius: 20px;cursor: pointer;-webkit-animation: ball-scale-multiple 1s 0s linear infinite alternate;
animation: ball-scale-multiple 1s 0s linear infinite alternate;}
.header_banner .form-wrap .xdf_formbtn:hover{background: #f39800;}
.header_banner .form-wrap .tiaokuan{font-size: 12px;margin: 5px 0;}
/* .header_banner .form-wrap .tiaokuan a{color:#4b82ff;} */
/* page1 */
.page1{background: url(../images2022/nav_bg.png) repeat-x;}
.page1 ul li{background: url(../images2022/nav_li.png) no-repeat right bottom;float: left;width: 25%;transition: all 0.2s ease-in 0s;}
.page1 ul li p{color:#dafff6;padding:25px 0;text-align: center;}
.page1 ul li p img{display: block;margin:0 auto 20px;}
.page1 ul li.current p{color:#f6ffd3;background: url(../images2022/nav_bg_active.png) repeat-x left bottom;}
.page1 ul li.last{background: none;}
/* 椤圭洰浠嬬粛 */
.page2 .content{position: relative;}
.page2 .content .txt{line-height: 220%;padding:40px 360px 100px 0;}
.page2 .content img{position: absolute;right: 0;top:-20px;}
/* 鏈嶅姟浜偣 */
.page3 .content{background: url(../images2022/page3.png) no-repeat center top;-webkit-background-size: contain;background-size: contain;height: 390px;}
.page3 .content .fr{width: 390px;padding-top: 30px;}
.page3 .content ul li{padding:45px 74px 15px 45px;}
.page3 .content ul li h3{font-weight: normal;font-size: 18px;}
.page3 .content ul li p{color:#333;line-height: 140%;}
/* 閫傚悎浜虹兢 */
.page4 h3{color:#151c22;font-size: 18px;text-align: center;}
.page4 ul{padding:40px 12%;}
.page4 ul li{text-align: center;width: 16.6%;float: left;width: 33.3%;}
.page4 ul li p{font-size: 18px;padding-top: 10px;}
/* 鏈嶅姟鍐呭 */
.page5{background: url(../images2022/page5_bg.png) no-repeat center top;}
.page5 .content{padding-top:50px;}
.page5 .content ul li{float: left;width:376px;}
.page5 .content ul li.mid{margin:0 36px;}
.page5 .content ul li div{box-shadow: 0 2px 10px 2px #ebf3fa;border-radius: 0 0 20px 20px;}
.page5 .content ul li img{border-radius: 20px 20px 0 0;}
.page5 .content ul li h3{font-size: 22px;padding:30px 0 10px;font-weight: normal;text-align: center;}
.page5 .content ul li p{padding:0 25px 30px;color:#151c22;}
/* 鐑棬宀椾綅 */
.page6 ul li{text-align:center;width:275px;height: 220px;float: left;box-shadow: 0 5px 10px #e5eff9;margin: 12px;border-radius: 20px;}
.page6 ul li.li1{background: url(../images2022/page6_1.png) no-repeat center top;;}
.page6 ul li.li2{background: url(../images2022/page6_2.png) no-repeat center top;}
.page6 ul li.li3{background: url(../images2022/page6_3.png) no-repeat center top;}
.page6 ul li.li4{background: url(../images2022/page6_4.png) no-repeat center top;}
.page6 ul li.li5{background: url(../images2022/page6_5.png) no-repeat center top;}
.page6 ul li.li6{background: url(../images2022/page6_6.png) no-repeat center top;}
.page6 ul li.li7{background: url(../images2022/page6_7.png) no-repeat center top;}
.page6 ul li.li8{background: url(../images2022/page6_8.png) no-repeat center top;}
.page6 ul li a{width: 100%;height: 100%;display: block;}
.page6 ul li h3{font-size: 24px;color:#00558d;padding:80px 0 10px;margin-bottom:10px;background: url(../images2022/page6_line.png) no-repeat center bottom;}
.page6 ul li p{color:#151c22;}
.page6 ul li:hover{box-shadow: 0 5px 10px #93c0ec;}
/* 鏈嶅姟娴佺▼ */
.page7 ul li{position: relative;margin:40px 0 0 5.8%;border: 1px solid #beb5aa;background: #f3ede7;border-radius: 10px;height: 160px;width: 19%;background: #f3ede7;float: left;text-align: center;}
.page7 ul li span{position: absolute;top:-30px;left:-30px;padding:15px 18px;color:#eff0bd;background: linear-gradient(#267498,#074653);border-radius:50px;font-size: 20px;;}
.page7 ul li p{padding:50px 10px 0;font-size: 20px;}
/* 椤圭洰鏀惰幏 */
.page8{background: url(../images2022/page8_bg.png) no-repeat center top;padding: 1px 0 0px;height: 524px;overflow-y: hidden;}
.page8 ul{float: left;width: 45%;padding-left:5%}
.page8 ul li{background: url(../images2022/page8_list.png) repeat-y;margin:10px 0;padding:20px 20px 20px 120px;position: relative;}
.page8 ul li span{font-size: 30px;color:#002e4f;position: absolute;top:25%;left:24px;}
.page8 ul li.last span{padding: 5px 0;}
.page8 ul li p{font-size: 18px;color:#13576a;}
.page8 .swiper-container{float: right;width: 50%;}
.page8 .swiper-container img{height: 506px;width: auto;;}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear,right top,left top,from(rgba(255,255,255,0.2)),to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(left,rgba(255,255,255,0.2),rgba(0,0,0,0));
background-image: -moz-linear-gradient(left,rgba(255,255,255,0.2),rgba(0,0,0,0));
background-image: -o-linear-gradient(left,rgba(255,255,255,0.2),rgba(0,0,0,0));
background-image: linear-gradient(to right,rgba(255,255,255,0.2),rgba(0,0,0,0));
}
/* 婊氬姩鏉� */
.scrollBar {position:relative;overflow:hidden;}
.scrollBar>.nano-content {position:absolute;overflow:scroll;overflow-x:hidden;top:0;right:0;bottom:0;left:0;}
.scrollBar>.nano-content:focus {outline:thin dotted;}
.scrollBar>.nano-content::-webkit-scrollbar {display:none;}
/* .has-scrollbar>.nano-content::-webkit-scrollbar {display:block;} */
.scrollBar>.nano-pane {background:#ebf3ff;position:absolute;width:5px;right:0;top:0;bottom:0;border-radius:5px;}
.scrollBar>.nano-pane>.nano-slider{background:#8cbcff;position:relative;width:5px;border-radius:5px;}
.scrollBar.green>.nano-pane>.nano-slider{background:#8cbcff;}
/* 搴曢儴閫氭爮琛ㄥ崟 */
.xdf_bottomForm.form-wrap form .label{width: 20%;}
.xdf_bottomForm.form-wrap .xdf_formbtn{color: #333333;background: linear-gradient(#fbc634, #fba734);width: 20%;margin-top: 20px;}
/* .xdf_bottomForm.form-wrap .xdf_formbtn{width: 20%;font-size: 18px;font-weight: bold;color: #1c3290;background: #58f3a4;border-radius: 8px;}
.xdf_slide{height: 213px;width: 144px;}
.xdf_bottomForm.form-wrap form {padding: 0px 0 0 14%;height: 80px;}
.xdf_slide .xdf_slidebtn { bottom: 28px;left: 23px;}
.xdf_bottomForm.form-wrap form .label{width: 10%;border-radius: 0;}
.xdf_bottomForm.form-wrap .tiaokuan a{color: #58f3a4;}
.xdf_bottomForm.form-wrap img.ax_img {position: absolute;left: 0;bottom: -10px;}
.xdf_bottomForm.form-wrap form .SmsCodeBtn{height: 40px;line-height: 40px;border-radius: 0;background: #09479c;margin-top: 20px;}
.xdf_bottomForm.form-wrap form .label.Code{margin-right: 0;line-height: 40px;}
.xdf_bottomForm.form-wrap form .label.Code input{padding-top: 12px;}
.xdf_bottomForm.form-wrap form .label i.iconDown{left: 75%;top: 32%;}
.xdf_bottomForm.form-wrap form .label.Code i{background: url(../images2022/icon_yzm.png) no-repeat center center;top: 12%;} */
.xdf_bottomForm_title .xdf_bottomForm.form-wrap.form-wrap-flex .form_title{width: 9%;}
.xdf_bottomForm.form-wrap form .label{width: 18.5% !important;}
.xdf_bottomForm.form-wrap form .label.Code{display: block !important;overflow: hidden;border-radius: 40px !important;}
.xdf_bottomForm.form-wrap form .label input, .xdf_bottomForm.form-wrap form .label select{height: 40px;line-height: 40px;font-size: 16px;}
.xdf_bottomForm.form-wrap form .label.Code input{width: 35% !important;height: 40px;line-height: 40px;}
.xdf_bottomForm.form-wrap form .SmsCodeBtn{width: 58% !important;margin: 0;height: 20px;line-height: 20px;margin: 10px 0;font-size: 16px;}
@media screen and (max-width:1000px) {
body{font-size: 0.24rem;}
.page{padding:0.2rem 0;}
.tit img{width: 40%;margin: 0.2rem 5%;}
.page .content{padding:0 5%;width: 90%;}
/* banner */
.m1200{width: 100%;}
.header_banner{height: 6.5rem;overflow: hidden;background: url(../images2022/m_banner_bg.png) no-repeat top center;background-size: contain;}
.header_banner .banner-img{width: 60%;display: block;margin: 0.8rem 0 0.3rem 20%;}
/* page1 */
.page1{background:none;}
.page1 ul{padding:0 4%;}
.page1 ul li,
.page1 ul li.last{background: linear-gradient(#003c59,#006783);border-radius:0.1rem;float: left;width: 48%;margin:0.05rem 1%;transition: all 0.2s ease-in 0s;}
.page1 ul li p{padding:0.4rem 0.2rem 0.2rem .9rem;position: relative;text-align: left;color:#f6ffd3;}
.page1 ul li p img{margin:0;position: absolute;top:0.25rem; left:0.25rem;width: 0.5rem;}
.page1 ul li:active p{color:#f6ffd3;background: none;}
/* 椤圭洰浠嬬粛 */
.page2 .content .txt{padding:0;line-height: 160%;}
/* 閫傚悎浜虹兢 */
.page4 h3{font-size: 0.24rem;}
.page4 ul {padding: 0.4rem 0 0;}
.page4 ul li{width: 33.3%;}
.page4 ul li img{width:0.8rem;height: auto;;}
.page4 ul li h3{font-size: 0.3rem;padding-bottom: 0;}
.page4 ul li p{line-height: 140%;font-size: 0.24rem;}
/* 鏈嶅姟浜偣 */
.page3 .content{background: url(../images2022/m_page3.png) no-repeat center top;-webkit-background-size: contain;background-size: contain;padding-top: 2.2rem;height:auto}
.page3 .content .fl,
.page3 .content .fr{width: 50%;padding-top:0}
.page3 .content ul li{padding:0.15rem 0;}
.page3 .content ul li h3{font-size: 0.28rem;line-height: 160%;font-weight: bold;}
/* 椤圭洰鏀惰幏 */
.page8{height:auto;background: url(../images2022/m_page8_bg.png) no-repeat center top;}
.page8 .content{width: 100%;padding:0}
.page8 ul {float: none;width:100%;padding-left:0%;}
.page8 ul li {margin: 0.1rem 0;padding: 0.2rem 0.2rem 0.2rem 1.15rem;}
.page8 ul li span,
.page8 ul li p{font-size: 0.24rem;color:#333;line-height: 140%;top: 28%;;}
/* 鐑棬鏂瑰悜 */
.page6 .content{width: 100%;padding:0;}
.page6 ul{margin:0 4%;}
.page6 ul li{text-align:center;width:46%;margin:0.08rem 2%;height: 1rem;box-shadow: 0;border-radius: 0.1rem;}
.page6 ul li.li1{background: url(../images2022/m_page6_1.png) no-repeat center top;}
.page6 ul li.li2{background: url(../images2022/m_page6_2.png) no-repeat center top;}
.page6 ul li.li3{background: url(../images2022/m_page6_3.png) no-repeat center top;}
.page6 ul li.li4{background: url(../images2022/m_page6_4.png) no-repeat center top;}
.page6 ul li.li5{background: url(../images2022/m_page6_5.png) no-repeat center top;}
.page6 ul li.li6{background: url(../images2022/m_page6_6.png) no-repeat center top;}
.page6 ul li.li7{background: url(../images2022/m_page6_7.png) no-repeat center top;}
.page6 ul li.li8{background: url(../images2022/m_page6_8.png) no-repeat center top;}
.page6 ul li.li8{background: url(../images2022/m_page6_9.png) no-repeat center top;}
.page6 ul li.li8{background: url(../images2022/m_page6_10.png) no-repeat center top;}
.page6 ul li h3{font-size: 0.28rem;padding: 0.3rem 0 0.1rem;}
/* form */
.page9{padding: 0.4rem 2%;background: url(../images2022/m_page9_bg.png) repeat-x left top;}
.page9 span.tip{text-align: center;color:#fff;display: block;padding:0.5rem 0 0.1rem;font-size: 0.28rem;}
.page9 .qt_form{width: 88%;margin: 0 auto;}
.page9 .form-wrap form .label{ border: 0;background: #fff;border-radius: 10px;width: 95%;padding-left: 0.1rem;overflow: hidden;}
.form-wrap form .label i.iconDown {left: 88%;}
.page9 .form-wrap form .label input, .page9 .form-wrap form .label select{padding-left: .38rem;}
.page9 .form-wrap form .label.Code input{width: 50%;}
.page9 .form-wrap form .label.Code span{width: 45%;margin: .23rem 0;height: .4rem;line-height: .4rem;border-left: 1px solid #999999;border-radius: 0;}
.page9 .form-wrap .xdf_formbtn{background: #f39800;border-radius: .43rem;;width: 96%;cursor: pointer;-webkit-animation: ball-scale-multiple 1s 0s linear infinite alternate;animation: ball-scale-multiple 1s 0s linear infinite alternate;height: .86rem;line-height: .86rem;margin-top: 0;}
.page9 .form-wrap .xdf_formbtn:hover{background: #da8a02;}
.page9 .form-wrap .tiaokuan{font-size: 12px;margin: 5px 0;}
/* .page9 .form-wrap .tiaokuan a{color:#fadabf;} */
}
@-webkit-keyframes jittery {
5%,
50% {
transform: scale(1);
}
10% {
transform: scale(0.9);
}
15% {
transform: scale(1.15);
}
20% {
transform: scale(1.15) rotate(-5deg);
}
25% {
transform: scale(1.15) rotate(5deg);
}
30% {
transform: scale(1.15) rotate(-3deg);
}
35% {
transform: scale(1.15) rotate(2deg);
}
40% {
transform: scale(1.15) rotate(0);
}
}
@keyframes jittery {
5%,
50% {
transform: scale(1);
}
10% {
transform: scale(0.9);
}
15% {
transform: scale(1.15);
}
20% {
transform: scale(1.15) rotate(-5deg);
}
25% {
transform: scale(1.15) rotate(5deg);
}
30% {
transform: scale(1.15) rotate(-3deg);
}
35% {
transform: scale(1.15) rotate(2deg);
}
40% {
transform: scale(1.15) rotate(0);
}
}