@charset "utf-8";
@media (min-width: 1921px){
html {
    font-size: 16px;
}
}
.pad_top{ padding-top: 6rem;}
.pad_bot{ padding-bottom: 6rem;}
.img,img,video,iframe{ max-width: 100%; max-height: 100%;}
.img img{ width: 100%; }
h5{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#zjk_team ul li .mask{ transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
#zjk_banner{ height: 31.25rem;}
#zjk_banner h3{ font-size: 2.875rem; color: #fff;}
#zjk_banner .subtitle{ font-size: 1.125rem; color: #fff; font-family: arial; font-weight: bold; display: block; margin-top: 1rem;}
.zjk_tt{ text-align: center; font-size: 2.125rem; color: #1f1f1f; margin-bottom: 3rem;}
.pad_top{ padding-top: 5rem;}
.pad_bot{ padding-bottom: 5rem;}
.fl{ float: left;}
.fr{ float: right;}
#zjk_coop{}
#zjk_coop ul{ margin: 0 -.875rem;}
#zjk_coop ul li{ padding:0 .875rem; width: 25%; float: left;}
#zjk_coop ul li .box{ background: #f0f5fb; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
#zjk_coop ul li .img{}
#zjk_coop ul li .img img{}
#zjk_coop ul li .txt{ text-align: center; position: relative; padding: 3.75rem 2.5rem; }
#zjk_coop ul li .txt font{ display: block; width: 4.375rem; height: 4.375rem; position: absolute;right: 2.5rem; top: -3.5rem;}
#zjk_coop ul li .txt font img{}
#zjk_coop ul li .txt h5{ font-size: 1.375rem; color: #3a3a3a; margin-bottom: 1.25rem;}
#zjk_coop ul li .txt p{ font-size: .875rem; color: #828282; line-height: 1.625rem; height: 3.25rem; overflow: hidden;}

#zjk_team{ width: 100%; overflow: hidden; background: #f0f5fb;}
#zjk_team ul{ margin: -1.25rem;}
#zjk_team ul li{ width: 25%; float: left; padding: 1.25rem;}
#zjk_team ul li .box{ position: relative; border: 1px solid #d6d8da; padding: 1rem; overflow: hidden; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
#zjk_team ul li .img{position: relative;padding-bottom: 138.62%;}
#zjk_team ul li .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%}
#zjk_team ul li .txt{ padding-top: 1rem;min-height: 8rem;}
#zjk_team ul li .txt h5{ font-size: 1.25rem; color: #424242; margin-bottom: 1rem;}
#zjk_team ul li .txt p{font-size: .875rem;color: #7c7c7c;line-height: 1.5rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
#zjk_team ul li .mask{ position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; padding: 2rem 1.5rem; padding-right: 1rem; background: #3968e3; color: #fff;}
#zjk_team ul li .mask .scroll{ width: 100%; height: 100%; overflow: auto; padding-right: 1rem;}
#zjk_team ul li .mask h3{ font-size: 1.125rem; margin-bottom: 1rem;}
#zjk_team ul li .mask .con{ font-size: .75rem; line-height: 1.625rem; color: rgba(255, 255, 255, .8); text-align: justify;}
#zjk_team ul li .mask .scroll::-webkit-scrollbar {width:3px;height: 8px;background-color:transparent}
#zjk_team ul li .mask .scroll::-webkit-scrollbar-track {border-radius: 1.5px;background-color:transparent;}
#zjk_team ul li .mask .scroll::-webkit-scrollbar-thumb {border-radius: 1.5px; background-color: #1760d7;}
#zjk_team ul li:hover .mask{ opacity: 1;}

#zjk_achive{}
#zjk_achive ul{}
#zjk_achive ul li{}
#zjk_achive .box{ padding: 1.25rem; background: #f0f5fb; overflow: hidden;}
#zjk_achive .left{ float: left; width: 38.125rem; }
#zjk_achive ul li .img img{ height: 24.6875rem; object-fit: cover;}
#zjk_achive .right{ width: calc(100% - 38.125rem);padding-left: 2.5rem; float: right; position: relative;}
#zjk_achive ul li .txt{ height: 24.6875rem;  padding-top: 2.375rem;}
#zjk_achive ul li .txt h5{ font-size: 1.375rem; color: #464749;}
#zjk_achive ul li .txt .time{ font-size: .875rem; color: #6e6f70; font-family: arial; padding-left: 1.375rem; background: url(../images/date.png) left center no-repeat; display: block; margin-top: 1.25rem; margin-bottom: 1.25rem;}
#zjk_achive ul li .txt p{ font-size: .875rem; color: #828384; line-height: 1.625rem; overflow: hidden;}
#zjk_achive ul li .btn_xq{ margin-top: 2rem;}


.btn_flashcenter { display: block; width: 8.75rem; position: relative; overflow: hidden; height: 2.8125rem; border-radius: 2rem; background: #3968e3; text-align: center; line-height: 2.8125rem; color: #fff; font-size: .875rem; transition: 0.52s; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; -o-border-radius: 2rem; }
.btn_flashcenter .anim { -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; }
.btn_flashcenter .anim:before { position: relative; content: ''; display: block; margin-top: 100%; }
.btn_flashcenter .anim:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.btn_flashcenter:hover .anim { -moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s; animation: anim-out 0.75s; }
.btn_flashcenter:hover .anim:after { -moz-animation: anim-out-pseudo 0.75s; -webkit-animation: anim-out-pseudo 0.75s; animation: anim-out-pseudo 0.75s; }
@-webkit-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@-moz-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
} 
@-ms-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@-webkit-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
@-moz-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
@-ms-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
@keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

.zjk_achive_for .bbox{ position: absolute; z-index: 99; bottom: 3rem; left: 3.25rem;}
.dongtai_fenshi{ display: inline-block; margin: 0 .5rem; font-size: 1.125rem; color: #828384; font-family: Bebas;}
.dongtai_fenshi span{ text-align: center; display: inline-block;}
.dongtai_fenshi span.span01{ color: #3968e3;}
.dongtai_fenshi b{ font-weight: normal;font-family: Bebas;}
.miso_ar{ width: 10px; height: 21px; display: inline-block; position: relative; top: 0; cursor: pointer;}

#zjk_form{ width: 100%; overflow: hidden; color: #fff; background-size: cover;}
#zjk_form .tt{ text-align: center; margin-bottom: 3.5rem;}
#zjk_form .tt h3{ font-size: 1.875rem; margin-bottom: 6px; }
#zjk_form .tt span{ font-size: 1.5rem; font-family: arial; font-weight: bold; text-transform: capitalize;}

.myform{ max-width: 1200px; margin: 0 auto;}
.myform .form_group{ width: 50%; float: left; padding: .625rem 2.375rem;}
.myform .form_group .box{ display: flex; justify-content: space-between; padding: .5rem 2rem; background: rgba(255, 255, 255, .2); border:1px solid rgba(255, 255, 255, .3); border-radius: 3rem; -webkit-border-radius: 3rem; -moz-border-radius: 3rem; -ms-border-radius: 3rem; -o-border-radius: 3rem; align-items: center;font-size: .9375rem;}
.myform .form_group .box span{ height: 2rem; line-height: 2rem; font-size: .9375rem;}
.myform .form_group .box span img{ margin-right: .75rem;}
.myform .form_group .box input{ flex-grow: 1; height: 2rem; font-size: .9375rem; color: #fff; padding-left: 1.25rem;}

.myform .btn_tijiao{ margin: 0 auto; margin-top: 1.4375rem; background: #ff9317; width: 16.25rem; height: 3.75rem; line-height: 3.75rem; font-size: 1.2rem; cursor: pointer;}
.btn_shenqing{ margin: 0 auto; margin-top: 3.4375rem; background: #ff9317; width: 16.25rem; height: 3.75rem; line-height: 3.75rem; font-size: 1.2rem; cursor: pointer;}

#cyhz_ronghe{ background: #f4f7fc;}
#cyhz_ronghe .pic{ text-align: center; padding-top: 2.5rem; }

#cyhz_shuju{ width: 100%; overflow: hidden;}
#cyhz_shuju ul{ display: flex; justify-content:space-between;}
#cyhz_shuju ul li{ max-width: 25%; float: left;}
#cyhz_shuju ul li .tt{ width: 11.25rem; height: 11.25rem; margin:0 auto; background: #4190ff; color: #fff; position: relative; display: flex; justify-content: center; align-items: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
#cyhz_shuju ul li .tt i{ display: block; position: absolute; font-size: 8.125rem; font-style: normal; font-family: arial; font-weight: bold; color: rgba(255, 255, 255, .1); top: 50%; margin-top: -4.25rem; text-align: center;}
#cyhz_shuju ul li .tt h5{ font-size: 1.375rem; font-weight: bold;}
#cyhz_shuju ul li .arr{ display: block; width:1.75rem; height: 2rem; background: url(../images/arr_3.png) center no-repeat; background-size: contain; margin: 1.5rem auto 1.25rem;}
#cyhz_shuju ul li .txt{ width: 15rem; height: 15rem; margin: 0 auto; position: relative; z-index: 1;display: flex; justify-content: center; align-items: center;  border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
#cyhz_shuju ul li .txt p{ font-size: 1.125rem; line-height: 1.75rem; color: #5b5e65; text-align: center;}
#cyhz_shuju ul li .txt:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: url(../images/cyhz_yuan.png) center no-repeat; background-size: contain; }
#cyhz_shuju ul li .box:hover .txt:before{ animation:roll linear 3s infinite; -webkit-animation:roll linear 3s infinite; }
@-webkit-keyframes roll {
    0% { transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }
    100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); }
}
@-moz-keyframes roll {
    0% { transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }
    100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); }
}
@-ms-keyframes roll {
    0% { transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }
    100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); }
}
@keyframes roll {
    0% { transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }
    100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); }
}

#cyhz_kaohe{ width: 100%; background: url(../images/cyhz_kaohe_bg.jpg) center no-repeat #f4f7fc;}
#cyhz_kaohe ul{ padding-top: 1rem;}
#cyhz_kaohe ul li{ position: relative; max-width: 40%;}
#cyhz_kaohe ul li .img{ padding: .75rem; background: url(../images/cyhz_zizhi_border.png) center no-repeat; background-size: 100% 100%;}
#cyhz_kaohe ul li .img img{}
#cyhz_kaohe ul li h5{ font-size: 1.125rem; color: #606166; text-align: center; padding-top: 1.375rem;}
#cyhz_kaohe ul li .jigou{ position: absolute; width: 10.3125rem; bottom: 1rem; border-radius: 50%; box-shadow: -1.455px 6.847px 49.68px 4.32px rgba(131, 166, 237, 0.19); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
#cyhz_kaohe ul li.fl .jigou{ right: -15%;}
#cyhz_kaohe ul li.fr .jigou{ left: -15%;}

#cyhz_coop{ width: 100%; overflow: hidden; border-bottom: 2px solid #e9edf4;}
#cyhz_coop ul{}
#cyhz_coop ul li{ padding: 0 .5rem;}
#cyhz_coop ul li .box{ border: 2px solid #e5e8ee; background: #e5e8ee; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#cyhz_coop ul li .box .pic{ height: 90px; line-height: 90px; text-align: center; background: #fff;}
#cyhz_coop ul li .box .pic img{ display: inline-block; max-width: 90%; max-height: 90%;}
#cyhz_coop ul li .box h5{ font-size: 1rem; color: #474d5a; text-align: center; line-height: 2.75rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#cyhz_coop ul li .box:hover{ border: 2px solid #1760d7; background: #1760d7;}
#cyhz_coop ul li .box:hover h5{ color: #fff;}
#cyhz_coop .miso-arrow{ z-index:99; position:absolute; top:50%; margin-top:-8.5px; transform:translate(0,0); opacity:1;
	display:block; width: 25px; height: 17px; background-size:contain !important;}
#cyhz_coop .miso-prev{ left:-4rem;background:url(../images/hz_left.png) left center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
#cyhz_coop .miso-next{ right:-4rem; background:url(../images/hz_right.png) right center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
.miso-prev:before, .miso-next:before{ display:none;}
.cyhz_tt{ text-align: center;margin-bottom: 3rem;}
.cyhz_tt h3{ font-size: 1.875rem; color: #1f1f1f; }
.cyhz_tt p{ font-size: 1rem; color: #7d7d7d; margin-top: .875rem; line-height: 1.5;}

#cyhz_kehu{}
#cyhz_kehu ul{ margin: 0 -7px;}
#cyhz_kehu ul li{ width: 25%; float: left; padding: 0 7px;}
#cyhz_kehu ul li .box{}
#cyhz_kehu ul li .img{}
#cyhz_kehu ul li .txt{ text-align: center; padding: 4rem 1rem; border:1px solid #f4f7fc; background-color: rgb(255, 255, 255); box-shadow: -26.59px 4.689px 49.68px 4.32px rgba(170, 177, 190, 0.19);}
#cyhz_kehu ul li .txt h5{ font-size: 1.125rem; color: #0349bd; white-space: normal; line-height: 1.75rem;}
#cyhz_kehu ul li .txt i{ display: block; margin: 1.5rem auto; width: 46px; height: 9px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; background: url(../images/cyhz_kehu_i.png) left center no-repeat; }
#cyhz_kehu ul li .txt p{ font-size: 1rem; color: #61666f; line-height: 1.5rem;}
#cyhz_kehu ul li .txt:hover h5{ font-weight: bold; color: #1760d7;}
#cyhz_kehu ul li .txt:hover i{ background: #3280e2;}
 
#zjk_form.cyhz{  background: url(../images/cyhz_form_bg.jpg) center no-repeat; background-size: cover;}

#sz_fuwu{ width: 100%; overflow: hidden; background: #f4f7fc;}
#sz_fuwu ul{ display: flex;}
#sz_fuwu ul li{ width: 33.333%; float: left; padding: 2px;}
#sz_fuwu ul li .box{ border: 1px solid #eaeff6; height: 100%; background: #fff; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; }
#sz_fuwu ul li .tt{ height: 8rem; line-height: 7rem; text-align: center; background: url(../images/sz_fuwu_bolang.png) center bottom no-repeat; background-size: 100% 100% !important;}
#sz_fuwu ul li:nth-child(2) .tt{ background: url(../images/sz_fuwu_bolang2.png) center bottom no-repeat; }
#sz_fuwu ul li .tt h3{ color: #fff; font-size: 1.375rem; font-weight: bold;}
#sz_fuwu ul li .txt{padding: .5rem 2rem 1rem;}
#sz_fuwu ul li dl{ padding: 1.25rem .5rem;}
#sz_fuwu ul li dl+dl{ border-top: 1px dotted #cccccc;}
#sz_fuwu ul li dl dt{ font-size: 1rem; color: #4f5157; font-weight: bold; margin-bottom: 1.125rem;}
#sz_fuwu ul li dl dd{ font-size: .875rem; color: #9598a4; line-height: 1.375rem; overflow: hidden;}
#sz_fuwu ul li dl dd.dd1{ min-height: 2.75rem;}
#sz_fuwu ul li dl dd .pbox{ margin:0 -.625rem}
#sz_fuwu ul li dl dd .p{ min-width: 50%; float: left; padding:2.5px .625rem;}
#sz_fuwu ul li dl dd .p span{ display: block; text-align: center; font-size: .875rem; color: #686c78; background: #f4f7fc; height: 2.5rem; line-height: 2.5rem; border-radius: 2rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; -o-border-radius: 2rem; }
#sz_fuwu ul li dl dd .p span i{ display: inline-block; width: 1.125rem; height: 1rem; background: url(../images/sz_fuwu_duihao.png) center no-repeat; background-size: contain !important; margin-right: .5rem;}
 
#sz_news{ width: 100%; overflow: hidden; background: #fff;}
.sz_news01{ position: relative;}
.sz_news01 ul{}
.sz_news01 ul li{ overflow: hidden; position: relative; border-radius: 14px !important; -webkit-border-radius: 14px !important; -moz-border-radius: 14px !important; -ms-border-radius: 14px !important; -o-border-radius: 14px !important; }
.sz_news01 ul li .img{ width: 23.125rem; float: left;}
.sz_news01 ul li .img img{}
.sz_news01 ul li .txt{ width: calc(100% - 23.125rem); position: absolute; right: 0; top: 0; height: 100%; float: left; padding-left: 3.75rem; background: #f4f7fc; display: flex; align-content: center; flex-wrap: wrap; padding-right: 3.5rem;}
.sz_news01 ul li .txt h5{}
.sz_news01 ul li .txt h5 a{ font-size: 1.125rem; font-weight: bold; color: #6d6e73; }
.sz_news01 ul li .txt p{ font-size: .875rem; line-height: 1.375rem; height: 2.75rem; margin-top: 1.5rem; margin-bottom: 2rem; overflow: hidden; color: #9598a4;}
.sz_btn{ width: 10rem; height: 2.5rem; line-height: 2.5rem; display: block; text-align: center; font-size: .875rem; color: #fff; background: url(../images/sz_btn.jpg); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.sz_btn i{ width: 15px; height: 9px; display: inline-block; margin-left: .75rem; background: url(../images/myarr.png) right center no-repeat; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.sz_btn:hover i{ background-position: left center !important;}
.btn_tuijian{ display: block; width: 60px; height: 25px; line-height: 25px; font-size: .875rem; text-align: center; background: url(../images/sz_tuijian.png) center no-repeat; color: #271e15; position: absolute; z-index: 9; right: 0; top: 0;}

.sz_news01 .miso-dots{ bottom:34px; float: right; right:3.5rem; display: inline-block; text-align: right; width: 100px;}
.sz_news01 .miso-dots li{ margin:0;}
.sz_news01 .miso-dots li button:before{ content:""; position:relative; display:inline-block; width:10px; height:10px; border-radius:50%; border:1px solid #9ba2a5; background:#fff; box-sizing:border-box; opacity:1; }
.sz_news01 .miso-dots li.miso-active button:before{ background:#1760d7; border: 1px solid #1760d7;  }

.sz_news02{ border-top: 3px solid #f4f7fc; margin-top: 3.25rem; padding-top: 3.25rem;}
.sz_news02 ul{}
.sz_news02 ul li{ overflow: hidden; position: relative; margin-bottom: 20px;}
.sz_news02 ul li .img{ width: 23.125rem; float: left;}
.sz_news02 ul li .img img{}
.sz_news02 ul li .txt{ width: calc(100% - 23.125rem); border: 1px solid #e4e8ee; border-left: 0; position: absolute; right: 0; top: 0; height: 100%; float: left; padding-left: 3.75rem; display: flex; align-content: center; flex-wrap: wrap; padding-right: 3.5rem;}
.sz_news02 ul li .txt .time{ display: block; width: 100%; font-size: .875rem; color: #6e6f70; font-family: arial; padding-left: 1.375rem; background: url(../images/date.png) left center no-repeat; display: block; margin-top: 1.125rem; margin-bottom:1.125rem;}
.sz_news02 ul li .txt h5 a{ font-size: 1.125rem; font-weight: bold; color: #6d6e73; }
.sz_news02 ul li .txt p{ font-size: .875rem; line-height: 1.375rem; height: 2.75rem; margin-bottom: 1rem; overflow: hidden; color: #9598a4;}
.btn_xx{ display: block; width: 6.875rem; height: 2.5rem; line-height: 2.375rem; font-size: .875rem; color: #1273e0; text-align: center; border: 1px solid #1273e0; border-radius: 4px; transition: .3s; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.btn_xx:hover{ background: #1273e0; color: #fff;}
.btn_more{ width: 10rem; height: 2.8125rem; line-height: 2.8125rem; background: #f4f7fc; font-size: .875rem; color: #141619; margin: 0 auto; margin-top: 2.375rem; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }

#sz_peixun{ background: #f4f7fc; width: 100%; overflow: hidden;}
#sz_peixun .left{ width: 32.5rem; float: left; position: relative; z-index: 9;}
#sz_peixun .right{ width: calc(100% - 32.5rem); float: right; position: relative ;}
#sz_peixun .left .miso-list{ overflow: visible;}
#sz_peixun .left ul li{ height: 10.3125rem; padding: 2rem 1.75rem; background: #fff; margin-bottom: .8125rem;cursor: pointer; border-left: 3px solid #dee1e7; position: relative; z-index: 1;}
#sz_peixun .left ul li:before{ content: ""; display: block; position: absolute; z-index: -1; left: 0; top: 0; bottom: 0; right: 0; background: #fff; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
#sz_peixun .left ul li.miso-current{ border-left: 3px solid #1272df;}
#sz_peixun .left ul li.miso-current:before{ right: -2rem;}
#sz_peixun .left ul li .box{ position: relative;}
#sz_peixun .left ul li font{ position: absolute; right: 0; top: 0; font-size: 1.875rem; font-weight: bold; color: #e6e6e6; font-family: arial;}
#sz_peixun .left ul li h5{ font-size: 1.25rem; color: #1760d7; margin-bottom: 2rem;}
#sz_peixun .left ul li b{ font-size: 1rem; color: #4e4e4e; display: block; margin-top: 1.25rem; margin-bottom: .75rem; display: none;}
#sz_peixun .left ul li p{ font-size: .875rem; color: #888d96; line-height: 1.125rem;}
#sz_peixun .right{ position: relative;}
#sz_peixun .right .img img{ height: 32.5rem; object-fit: cover;}
#sz_peixun .right h5{ position: absolute; left: 0; bottom: 0; height:3rem; line-height: 3rem; font-size: 1rem; background: rgba(0, 0, 0, 0.25); color: #fff; padding: 0 3rem; width: 100%;}
#sz_peixun .right .miso-dots{ bottom:.75rem; float: right; right:2rem; display: inline-block; text-align: right; }
#sz_peixun .right .miso-dots li{ margin:0 3px; position:relative; display:inline-block; width:22px; height:4px; border-radius:2px; transition: .3s; background:rgba(255, 255, 255, .4); box-sizing:border-box; opacity:1; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; }
#sz_peixun .right .miso-dots li.miso-active{ background:#fff; width: 42px; }
#sz_peixun .right .miso-dots li button{ display: none;}

#sz_tongdao{ width: 100%; height: 355px; background: url(../images/sz_tongdao.jpg) center bottom no-repeat; color: #fff;}
#sz_tongdao .w1200{ display: flex; justify-content: space-around; align-content: center;}
#sz_tongdao .left{ position: relative; align-self: center; padding-bottom: 4rem; margin-top: -2rem;}
#sz_tongdao .left img{ }
#sz_tongdao .center{ position: relative; align-self:center;}
#sz_tongdao .right{ position: relative; align-self:center;}
#sz_tongdao .tt{ margin-bottom: 2rem;}
#sz_tongdao .tt h3{ font-size: 1.625rem; font-weight: bold;}
#sz_tongdao .tt span{ font-size: .875rem; font-family: arial; text-transform: uppercase; display: block; margin-top: .5rem; margin-bottom: 1.625rem;}
#sz_tongdao .tt i{ display: block; width: 23px; height: 2px; background: #fff;}
#sz_tongdao .con{ font-size: 1.125rem; line-height: 1.875rem; color: #afc9ee;}
#sz_tongdao .con span{ color: #ffd2a1;}
#sz_tongdao .right{ width: 9rem; height: 9rem; line-height: 9rem; text-align: center; background: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.banner.sz ul li .top{ height: 31.25rem;}
.banner.sz ul li .top .left h2{ font-size: 2.375rem; margin-top: 0; margin-bottom:.5rem; margin-top: 0;}
.banner.sz ul li .top .left h5{ font-size: 1.375rem;}
.banner.sz .list_box5{ margin-top: 1.75rem;}
.banner.sz ul .miso-dots{ bottom: 3rem;}

@media (max-width: 1600px)
{
    #zjk_team ul li{ width:33.33333%}
}

@media (max-width: 1200px)
{
    .banner.sz ul li .top{ height: auto;}
    .banner ul li .top .right img{ max-width: 100%; margin-bottom: 2rem;}
}

@media (max-width: 860px)
{
    #cyhz_kehu ul{ margin-top: -1rem;}
    #cyhz_kehu ul li{ width: 50%; margin-top: 1rem;}
	
	#zjk_team ul li{ width: 50%;}
}
@media (max-width: 768px)

{
.pad_top{ padding-top:3rem;}
.pad_bot{ padding-bottom:3rem;}
.xs_jianju{ margin-left:-5px !important; margin-right: -5px !important;}
.xs_jianju li{ padding-left:5px !important; padding-right:5px !important;}
#zjk_coop ul li{ width: 50%; margin-bottom: 1rem;}
#zjk_coop ul li .txt{ padding: 3rem 1rem;}
#zjk_team ul li{ width: 50%; padding-bottom: 0;}
.zjk_tt{ font-size: 1.75rem; margin-bottom: 2rem;}
#zjk_team ul li .mask{ padding: 2rem 1rem;}
#zjk_form .tt{ margin-bottom: 1.5rem;}
.myform .form_group{ padding: .5rem 1rem;}
.myform .form_group{ width: 100%; float: none;}
.myform .form_group .box{ padding: 1rem 1.5rem;}
.myform .form_group .box span img{ max-width: 14px; margin-right: 5px;}
.myform .btn_tijiao{ margin-top: 2rem;}
#zjk_achive .left{ width: 100%; float: none;}
#zjk_achive .right{ width: 100%; float: none; padding: 0;}
#zjk_achive ul li .img img{ height: auto;}
#zjk_achive ul li .txt{ height: auto; padding-bottom: 2rem;}
.zjk_achive_for .bbox {  bottom: 2.5rem; right: 1rem; left: auto;}
#zjk_banner{ height: 12rem;}
#zjk_banner h3{ font-size: 1.75rem; line-height: 1.5;}
#sz_peixun .left{ width: 23rem;}
#sz_peixun .right{ width: calc(100% - 23rem);}

#zjk_team ul li .txt p{ height:6rem; -webkit-line-clamp: 4;}
}

@media (max-width: 480px)
{
    #cyhz_shuju ul{ display: block; margin: 0 -10px; padding-top: 0; margin-top: -10px;}
    #cyhz_shuju ul li{ max-width: 50%; padding: 0 5px; margin-top: 10px;}
    .cyhz_tt h3{ font-size: 1.625rem;}
    #cyhz_shuju ul li .tt{ width: 10rem; height: 10rem;}
    #cyhz_shuju ul li .arr{ margin: 5px auto; width: 10px;}
    #cyhz_shuju ul li .txt{ width: 13.5rem; height: 13.5rem;}
    #cyhz_kaohe ul{ padding-top: 0;}
    #cyhz_kaohe ul li{ width: auto; max-width: none; float: none; margin: 0 3rem;}
    #cyhz_kaohe ul li+li{ margin-top: 2rem;}
    #cyhz_kaohe ul li .jigou{ width: 8rem;}
    .cyhz_tt{ margin-bottom: 2rem;}
    #cyhz_coop ul li .box .pic{ height: 60px; line-height: 60px;}
    #cyhz_kehu ul li .txt{ padding: 2rem 5px; height: 149px;}
    #cyhz_kehu ul li .txt i{ width: 30px; height: 5px; margin: 8px auto;}
    #sz_fuwu ul{ display: block;}
    #sz_fuwu ul li{ width: 100%; float: none;}
    .sz_news01 ul li .img{ width: 100%;}
    .sz_news01 ul li{ border-radius: 10px !important; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; -ms-border-radius: 10px !important; -o-border-radius: 10px !important; }
    .btn_tuijian{ left: 0; right: auto; width: 45px; height: 22px; line-height: 22px; border-radius: 0 0 10px 0; -webkit-border-radius: 0 0 10px 0; -moz-border-radius: 0 0 10px 0; -ms-border-radius: 0 0 10px 0; -o-border-radius: 0 0 10px 0; }
    .sz_news01 ul li .txt{ padding: 2rem 2rem; width: 100%; position: static;}
    .sz_news01 ul li .txt p{margin-top: 5px; margin-bottom: 10px;}
    .sz_news01 .miso-dots{ right: 2rem; text-align: center; width: 50%; text-align: right; bottom: 2.5rem;}
    .sz_news01 .miso-dots li button:before{ width: 8px; height: 8px;}
    .sz_news02{ padding-top: 2rem; margin-top: 2rem;}
    .sz_news02 ul li .img{ width: 13rem;}
    .sz_news02 ul li .txt{ width: calc(100% - 13rem); padding: 0 1rem;}
    .sz_news02 ul li .img img{ height: 110px; object-fit: cover;}
    .sz_news02 .btn_xx{ display: none;}
    .sz_news02 ul li .txt p{ margin-bottom: 0;}
    .sz_news02 ul li .txt .time{ margin:.75rem;}
    #sz_peixun .left{ width: 100%;}
    #sz_peixun .right{ width: 100%;}
    #sz_peixun .right .img img{ height: auto;}
    #sz_tongdao{ height: auto; padding-bottom: 2rem;}
    #sz_tongdao .w1200{ display: block; text-align: center;}
    #sz_tongdao .left img{ width: 80%;}
    #sz_tongdao .left{ padding-bottom: 0;}
    #sz_tongdao .center{ width: 70%; float: left; text-align: left;}
    #sz_tongdao .right{ width: 30%; float: right;}
    #sz_tongdao .tt{ margin-bottom: 1rem;}
    #sz_peixun .right .miso-dots li{ width: 12px;}
    #sz_peixun .right .miso-dots li.miso-active{ width: 20px;}
}

/* 改版 */
.j_tt{ text-align: center; margin-bottom: 4rem;}
.j_tt div{ position: relative;}
.j_tt span{ 
  color: rgba(0, 0, 0, .05);
  font-size: 9.1875rem;
  text-transform: uppercase;
  font-family: DIN-Condensed; line-height: .8;
 }
.j_tt h3{ font-size: 1.75rem; position: absolute; white-space: nowrap;
  color: #000;
  margin-bottom: 2.625rem; left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);}
.j_tt p{ color: #83858a; max-width: 800px; margin: 0 auto;
  font-size: .95rem;
  text-align: center;
  line-height: 1.5;}
.j_tt .tag{ display: flex; justify-content: center; align-items: center; gap: 12px; margin-top: 1.125rem;}
.j_tt .tag div{ background: #e0ecfd; font-size: 1rem; color: #2284e0; width: 148px; height: 38px; border-radius: 10px 0 10px 0; display: flex; align-items: center; justify-content: center;}
.j_tt .tag div b{ font-weight: bold; font-family: arial; margin-left: .5rem;}
.j_tt .tag div:nth-child(2){ color: #45a28d; background: #d3f3ee;}
.j_data{ width: 100%; background: url(../images/j_data_bg.jpg) center no-repeat; background-size: cover;}
.j_data2{ background: url(../images/j_data_bg2.jpg) center no-repeat; background-size: cover;}
.j_data .centerbox{ max-width: 1040px; margin: 0 auto; height: 25.5rem; position: relative; }
.j_data .centerbox .box1{ position: absolute; left:0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.j_data .centerbox .box1 ul{ display: flex; justify-content: center; gap: 1.5rem;}
.j_data .centerbox .box1 ul li{ background: #2a6bdc; transition: .5s; border-radius: 50%; width: 13.5rem; height: 13.5rem; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.j_data .centerbox .box1 ul li:nth-child(2){ background: #54c5c2;}
.j_data .centerbox .box1 ul li .ico{}
.j_data .centerbox .box1 ul li .ico svg{ width: 2.75rem; height: 2.75rem;}
.j_data .centerbox .box1 ul li h4{ font-size: 1.25rem; font-weight: bold; color: #fff; margin-top: .75rem;}
.j_data .centerbox .box2{}
.j_data .centerbox .box2 ul{}
.j_data .centerbox .box2 ul li{ display: flex; align-items: center;  transition: .5s;position: absolute; justify-content: center; font-size: 1.125rem; color: #2a6bdc; ;line-height: 1.625rem;
 text-align: center; width: 7.875rem; height: 7.875rem; background: #fff; border-radius: 50%;}
.j_data .centerbox .box2 ul li:before{ content: "";transition: 2.5s; transform: rotate(15deg);  display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;
  mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 0% , rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0% , rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); border-radius: 50%; border: 1px solid #2a6bdc;}
  .j_data .centerbox .box2 ul:nth-child(2) li:before{ border: 1px solid #54c5c2;}
  .j_data .centerbox .box2 ul:nth-child(2) li{ color: #54c5c2;}
  .j_data .centerbox .box3{}
  .j_data .centerbox .box3 ul{}
  .j_data .centerbox .box3 ul li{ position: absolute; border-radius: 50%; transition: .5s;}
  .j_data .centerbox .box3 ul li{ display: flex; align-items: center; position: absolute; justify-content: center; font-size: 1.125rem; color: #2a6bdc; ;line-height: 1.625rem;
    text-align: center; width: 7.875rem; height: 7.875rem; background: #fff; border-radius: 50%;}
  .j_data .centerbox .box3 ul li:before{ content: ""; transition: 2.5s; transform: rotate(15deg); display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;  mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 0% , rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0% , rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); border-radius: 50%; border: 1px solid #2a6bdc;}
  .j_data .centerbox .box3 ul li:nth-child(1){ width: 2.25rem; height: 2.25rem; }
  .j_data .centerbox .box3 ul li:nth-child(2){ width: 1.875rem; height: 1.875rem;}
  .j_data .centerbox .box3 ul li:nth-child(3){ width: 3.375rem; height: 3.375rem;}
  .j_data .centerbox .box3 ul:nth-child(2) li:before{ border: 1px solid #54c5c2;}
  .j_data .centerbox .box3 ul:nth-child(2) li{ color: #54c5c2;}

  .j_data .box2 ul:nth-child(1) li:nth-child(1){left: 16%;top: 0;}
  .j_data .box2 ul:nth-child(1) li:nth-child(2){left: 1%;top: 30%;}
  .j_data .box2 ul:nth-child(1) li:nth-child(3){left: 15%;bottom: 34%;}
  .j_data .box2 ul:nth-child(1) li:nth-child(4){left: 8%;bottom: 0;}
  .j_data .box2 ul:nth-child(2) li:nth-child(1){right: 8%;top: 0;}
  .j_data .box2 ul:nth-child(2) li:nth-child(2){right: 15%;top: 30%;}
  .j_data .box2 ul:nth-child(2) li:nth-child(3){right: 2%;bottom: 34%;}
  .j_data .box2 ul:nth-child(2) li:nth-child(4){right: 9%;bottom: 1%;}

  .j_data .box3 ul:nth-child(1) li:nth-child(1){left: 13.5%;top: 27%;}
  .j_data .box3 ul:nth-child(1) li:nth-child(2){left: 3%;top: 70%;}
  .j_data .box3 ul:nth-child(1) li:nth-child(3){left: 24%;bottom: 10%;} 
  .j_data .box3 ul:nth-child(2) li:nth-child(1){right: 4%;top: 24%;}
  .j_data .box3 ul:nth-child(2) li:nth-child(2){right: 23%;top: 70%;}
  .j_data .box3 ul:nth-child(2) li:nth-child(3){right: 0%;bottom: 10%;} 
  .j_data .centerbox ul li:hover:before{ transform: rotate(360deg);}
  .j_data .centerbox ul li:hover{ transform: scale(.95);}

.j_datalist{ margin-top: 6rem;}
.j_datalist ul{ display: flex; justify-content: space-between;}
.j_datalist ul li{ width: 25%; padding: 0 1.125rem;}
.j_datalist ul li .box{ background: #fff; border-radius: 1.25rem; overflow: hidden; box-shadow: 10.706px 11.89px 23.04px 0.96px rgba(157, 171, 193, 0.2);}
.j_datalist ul li .box .dt{ display: flex; align-items: center; justify-content: center; flex-direction: column; height: 8.75rem; position: relative; z-index: 1;
background-image: -moz-linear-gradient( 0deg, #3c7ce6 0%, #85b3f3 100%);
background-image: -webkit-linear-gradient( 0deg, #3c7ce6 0%, #85b3f3 100%);
background-image: -ms-linear-gradient( 0deg, #3c7ce6 0%, #85b3f3 100%);
box-shadow: 10.706px 11.89px 23.04px 0.96px rgba(157, 171, 193, 0.2);}
.j_datalist ul li .box .dt svg{ width: 2.25rem; height: 2.25rem;}
.j_datalist ul li .box .dt h4{ font-size: 1.25rem; color: #fff; font-weight: bold; margin-top: 1rem;}
.j_datalist ul li .box .dd{ text-align: center; font-size: .85rem; line-height: 3rem; height: 27.5rem; padding: 2.5rem 2.25rem; }
.j_datalist ul li .box .dd p+p{ border-top: 1px dotted #cdd9ed;}

.j_datalist ul li:nth-child(2) .box .dt{ 
background-image: -moz-linear-gradient( 0deg, #a989ff 0%, #b291ff 100%);
background-image: -webkit-linear-gradient( 0deg, #a989ff 0%, #b291ff 100%);
background-image: -ms-linear-gradient( 0deg, #a989ff 0%, #b291ff 100%); }
.j_datalist ul li:nth-child(3) .box .dt{ 
background-image: -moz-linear-gradient( 0deg, #fba980 0%, #fba980 100%);
background-image: -webkit-linear-gradient( 0deg, #fba980 0%, #fba980 100%);
background-image: -ms-linear-gradient( 0deg, #fba980 0%, #fba980 100%); }
.j_datalist ul li:nth-child(4) .box .dt{ 
background-image: -moz-linear-gradient( 0deg, #4ec5c2 0%, #98e0d6 100%);
background-image: -webkit-linear-gradient( 0deg, #4ec5c2 0%, #98e0d6 100%);
background-image: -ms-linear-gradient( 0deg, #4ec5c2 0%, #98e0d6 100%); }

.j_datalist ul li .box .dt:before{ content: ""; display: block; width: 0; height: 0; border: 10px solid transparent; border-top: 12px solid #6097ed; position: absolute; top: 100%; left: 50%; transform: translateX(-50%);}
.j_datalist ul li:nth-child(2) .box .dt:before{ border-top: 12px solid #a989ff; }
.j_datalist ul li:nth-child(3) .box .dt:before{ border-top: 12px solid #fba980; }
.j_datalist ul li:nth-child(4) .box .dt:before{ border-top: 12px solid #74d4cd; }
 
.j_course{ width: 100%; background: url(../images/j_course_bg.jpg) center no-repeat; background-size: cover;}
.j_course .bd{ display: flex; align-items: center; justify-content: center; margin-top: -5rem;}
.j_course .bd img{ max-width: inherit;}
.j_fangan{ width: 100%; background: url(../images/j_fangan_bg.jpg) center no-repeat; background-size: cover;}
.j_fangan ul{ display: grid; grid-template-columns: repeat(3,1fr); gap: 10px;}
.j_fangan ul li{transition:all .5s}
.j_fangan ul li .box{ background: #2779ed; border-radius: .625rem; height: 100%; padding: 3.75rem 2.5rem; text-align: center; position: relative; z-index: 1;}
.j_fangan ul li .ico{ width: 5.25rem; height: 5.25rem; margin: 0 auto; border-radius: 50%; margin-bottom: 1.75rem; display: flex; justify-content: center; align-items: center; background: #1760d7;}
.j_fangan ul li .ico img{ width: 32px; height: 32px; transition: .5s all;}
.j_fangan ul li .ico:hover img {
    transform: rotateY(180deg);
}
.j_fangan ul li h4{ font-size: 1.5rem; color: #ffffff; font-weight: bold; margin-bottom: 1.375rem;}
.j_fangan ul li .con{ font-size: .85rem; line-height: 1.75; color: rgba(255, 255, 255, 0.7);}
.j_fangan ul li .tag{ display: flex; justify-content: center; gap: 1rem; margin-top: 2.5rem;}
.j_fangan ul li .tag>div{}
.j_fangan ul li .tag>div .ico{ width: 3.4375rem; height: 3.4375rem; margin: 0 auto; margin-bottom: .5rem; }
.j_fangan ul li .tag>div h5{ font-size: .875rem; color: #fff; line-height: 1.5; }
.j_fangan ul li:hover  {
    transform: translateY(-5%);
}
.j_fangan ul li:nth-child(1) .box{background-image: -moz-linear-gradient( 60deg, #2477ed 60%, #639ff2 100%);
  background-image: -webkit-linear-gradient( 60deg, #2477ed 60%, #639ff2 100%);
  background-image: -ms-linear-gradient( 60deg, #2477ed 60%, #639ff2 100%);}
.j_fangan ul li:nth-child(2) .box{ background: #4786ed;}
.j_fangan ul li:nth-child(3) .box{background-image: -moz-linear-gradient( 60deg, #2477ed 60%, #639ff2 100%);
  background-image: -webkit-linear-gradient( 60deg, #2477ed 60%, #639ff2 100%);
  background-image: -ms-linear-gradient( 60deg, #2477ed 60%, #639ff2 100%);}

  .j_fangan ul li .lizi{ position: absolute; left: 0; bottom: 0; width: 100%; height: 150px; opacity: .7;}
.lizibox{ height: 4rem;}
.lizibox.on{ opacity: 0; visibility: hidden; height: 0;}
.j_serve{}
.j_serve .centerbox{ display: flex; align-items: center; justify-content: center; position: relative; padding-bottom: 9.5rem; }
.j_serve .centerbox .box1{}
.j_serve .centerbox .box2{ position: absolute; width: 100%; left: 50%; transform: translateX(-50%);height: 31.25rem;bottom: 0;}
.j_serve .centerbox .more001{ position: absolute; right: 0; bottom: 0;}
.more001.j_more a{ width: 11.25rem; height: 3.25rem; margin: 0; background-size: cover !important; border-radius: 1.625rem; display: flex; align-items: center; justify-content: center;}
.more001.j_more a span{ width: 2.5rem; height: 2.5rem; margin: .375rem; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.more001.j_more a font{ width: calc(100% - 2.5rem); font-size: 1.125rem;}
.more001.j_more a span i{ display: flex; align-items: center; justify-content: center;}
.more001.j_more a span img{ width: 1.25rem; height: 1.25rem;}
.j_coop{ background: #f5f8ff;}
.j_coop ul{ padding: 0 0 1rem !important;}
.btn_center{ display: flex; align-items: center; justify-content: center;}

.flexcenter{ display: flex; align-items: center; justify-content: center;}

.j_datalist2{ margin-top: 6rem;}
.j_datalist2 ul{ display: flex; justify-content: space-between;}
.j_datalist2 ul li{ width: 33.333%; padding: 0 1.125rem;transition:all .4s; }
.j_datalist2 ul li .box{ background: #fff; height: 100%; border-radius: 1.25rem; overflow: hidden; box-shadow: 10.706px 11.89px 23.04px 0.96px rgba(157, 171, 193, 0.2);}
.j_datalist2 ul li .box .dt{ display: flex; align-items: center; justify-content: center; flex-direction: column; height: 8.75rem; position: relative; z-index: 1;
background-image: -moz-linear-gradient( 0deg, #3c7ce6 0%, #85b3f3 100%);
background-image: -webkit-linear-gradient( 0deg, #3c7ce6 0%, #85b3f3 100%);
background-image: -ms-linear-gradient( 0deg, #3c7ce6 0%, #85b3f3 100%);
box-shadow: 10.706px 11.89px 23.04px 0.96px rgba(157, 171, 193, 0.2);}
.j_datalist2 ul li .box .dt svg{ width: 2.25rem; height: 2.25rem;}
.j_datalist2 ul li .box .dt h4{ font-size: 1.25rem; color: #fff; font-weight: bold; margin-top: 1rem;}
.j_datalist2 ul li .box .dd{ text-align: left; font-size: .9rem; line-height: 1.7rem; color: #4e4e4e; padding: 3rem 3rem 4rem;} 
.j_datalist2 ul li:hover .box .dt svg {
     animation: jello 1.2s;
}
.j_datalist2 ul li:hover{
    transform: translateY(-5%);
}
.j_datalist2 ul li:nth-child(2) .box .dt{ 
background-image: -moz-linear-gradient( 0deg, #a989ff 0%, #d3b0ff 100%);
background-image: -webkit-linear-gradient( 0deg, #a989ff 0%, #d3b0ff 100%);
background-image: -ms-linear-gradient( 0deg, #a989ff 0%, #d3b0ff 100%); }
.j_datalist2 ul li:nth-child(3) .box .dt{ 
background-image: -moz-linear-gradient( 0deg, #4ec5c2 0%, #98e0d6 100%);
background-image: -webkit-linear-gradient( 0deg, #4ec5c2 0%, #98e0d6 100%);
background-image: -ms-linear-gradient( 0deg, #4ec5c2 0%, #98e0d6 100%); }
.j_datalist2 ul li .box .dt:before{ content: ""; display: block; width: 0; height: 0; border: 10px solid transparent; border-top: 12px solid #6097ed; position: absolute; top: 100%; left: 50%; transform: translateX(-50%);}
.j_datalist2 ul li:nth-child(2) .box .dt:before{ border-top: 12px solid #ba9aff; } 
.j_datalist2 ul li:nth-child(3) .box .dt:before{ border-top: 12px solid #74d4cd; }
 
.c_yc_design{ width: 100%; background: url(../images/c_yc_design_bg.png) center no-repeat; background-size: cover;}
.c_yc_solution{ width: 100%; background: url(../images/c_yc_solution_bg.png.jpg) center no-repeat; background-size: cover;}
.c_yc_luodi{ width: 100%; background: url(../images/c_yc_luodi01_bg.jpg) center no-repeat; background-size: cover !important; background-position: center top !important; transition: .5s;}
.c_yc_baozhang{ width: 100%; background: url(../images/c_yc_baozhang_bg.jpg) center top no-repeat; background-size: cover;}
.c_yc_luodi .list_box70 li a{ background: #d9e7ff; color: #2979ff;}
.c_yc_luodi .list_box70 li.on a {
  background-image: -moz-linear-gradient( -129deg, rgb(34,115,255) 0%, rgb(41,121,255) 100%);
  background-image: -webkit-linear-gradient( -129deg, rgb(34,115,255) 0%, rgb(41,121,255) 100%);
  background-image: -ms-linear-gradient( -129deg, rgb(34,115,255) 0%, rgb(41,121,255) 100%);
  color: #fff;
}
.c_yc_luodi .list_box70 li a:before{ background: url(../images/c_list_box48_bg.png) center no-repeat;}
.slide_for2{ margin-top: 3.125rem;}
.slide_for2 .tt{ text-align: center; font-size: 1rem; color: #6d7178; margin-bottom: 2rem;} 
.slide_nav2 .list_box70 li a:before{ bottom: -1rem;}
.c_yc_shizi{ width: 100%; background: url(../images/c_yc_shizi_bg.jpg) center no-repeat; background-size: cover;}
.c_yc_jiazhi{ width: 100%; background: url(../images/c_yc_jiazhi_bg.jpg) center no-repeat; background-size: cover;}
.c_yc_jiazhi ul{ display: flex;}
.c_yc_jiazhi ul li{ width: 20%; text-align: center; position: relative; z-index: 1; padding: 4rem 0; transition: .5s;}
.c_yc_jiazhi ul li:before{ content: ""; display: block; width: 100%; height: 100%; transition: .5s; position: absolute; border: 1px solid #fff; left: 0; top: 0; z-index:-1; opacity: 0.302;  box-shadow: 5.734px 14.937px 21px 0px rgba(105, 163, 253, 0.39);
  background-image: -moz-linear-gradient( -32deg, rgba(228,235,254,0) 0%, rgb(228,235,254) 100%);
  background-image: -webkit-linear-gradient( -32deg, rgba(228,235,254,0) 0%, rgb(228,235,254) 100%);
  background-image: -ms-linear-gradient( -32deg, rgba(228,235,254,0) 0%, rgb(228,235,254) 100%);} 
.c_yc_jiazhi ul li .ico{ margin: 0 auto;width: 5.125rem; display: flex; align-items: center;justify-content: center;
  height: 4.5rem;border-radius: 6px;
  background-image: -moz-linear-gradient( -32deg, rgba(228,235,254,0) 0%, rgb(228,235,254) 100%);
  background-image: -webkit-linear-gradient( -32deg, rgba(228,235,254,0) 0%, rgb(228,235,254) 100%);
  background-image: -ms-linear-gradient( -32deg, rgba(228,235,254,0) 0%, rgb(228,235,254) 100%);}
.c_yc_jiazhi ul li h4{ font-size: 1.25rem; color: #000000; margin-top: 2.625rem;}
.c_yc_jiazhi ul li .dot{ margin-top: 3.5rem; position: relative; z-index: 9;}
.c_yc_jiazhi ul li .dot:before{ content: ""; display: block; width: 100%; height: 1px; background: #3383ff; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.c_yc_jiazhi ul li .dot .i{ display: block; margin: 0 auto; width: 12px; height: 12px; border-radius: 50%; position: relative;}
.c_yc_jiazhi ul li .dot .i i{ display: block; width: 100%; height:  100%; border-radius: 50%;background: #fefefe; border: 2px solid #3383ff; position: relative; z-index: 9;}
.c_yc_jiazhi ul li:first-child .dot:before{  width: 50%; left: 50%;}
.c_yc_jiazhi ul li:last-child .dot:before{  width: 50%;}
.c_yc_jiazhi ul li:hover{ position: relative; z-index: 9;}
.c_yc_jiazhi ul li:after{ content: ""; display: block; width:100%; height: 100%; background: url(../images/c_yc_jiazhi_yy.png) center no-repeat; position: absolute; z-index: -2; left: 50%; bottom: 0; transform: translateX(-50%) translateY(50%);}
.c_yc_jiazhi ul li:hover:before{ background-image: -moz-linear-gradient( -93deg, rgb(238,242,253) 0%, rgba(238,242,253,1) 100%); opacity: 1; border: 1px solid rgb(238,242,253); 
  background-image: -webkit-linear-gradient( -93deg, rgb(238,242,253) 0%, rgba(238,242,253,1) 100%);
  background-image: -ms-linear-gradient( -93deg, rgb(238,242,253) 0%, rgba(238,242,253,1) 100%);
  box-shadow: 5.734px 14.937px 21px 0px rgba(105, 163, 253, 0.27);}
 
  .c_yc_jiazhi .dot span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-color: #c4dbfe;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation: circleScale 4s linear infinite;
    -moz-animation: circleScale 4s linear infinite;
    -ms-animation: circleScale 4s linear infinite;
    animation: circleScale 4s linear infinite;
  }

  .c_yc_jiazhi .dot span:nth-of-type(2) {
    animation-delay: 1s;
  }

  .c_yc_jiazhi .dot span:nth-of-type(3) {
    animation-delay: 2s;
  }
 
  @keyframes circleScale {
    0% {
      opacity: 1;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
    }

    60% {
      opacity: 1;
    }

    100% {
      opacity: 0;
      -webkit-transform: scale(3.5);
      -moz-transform: scale(3.5);
      -ms-transform: scale(3.5);
      transform: scale(3.5);
    }
  }
  .img img{ width: 100%; height: 100%; display: block; object-fit: cover;}
.c_yc_baozhang{}
.c_yc_baozhang .item+.item{ margin-top: 2.5rem; margin-left: 6.875rem;}
.c_yc_baozhang .tt{ font-size: 1.375rem; color: #3383ff; font-weight: bold; margin-bottom: 2rem;}
.c_yc_baozhang ul{ display: flex; gap: 2rem;}
.c_yc_baozhang ul li{ width: 50%; display: flex;}
.c_yc_baozhang ul li .span{ font-size: 2.25rem; flex-shrink: 0; color: #fff;font-family: DIN-Condensed; margin-right: .9375rem; width: 5.875rem; display: flex; align-items: center; justify-content: center;
  height: 5.25rem; border-radius: 1rem;
  background-image: -moz-linear-gradient( -52deg, rgb(75,145,253) 0%, #0069d4 100%);
  background-image: -webkit-linear-gradient( -52deg, rgb(75,145,253) 0%, #0069d4 100%);
  background-image: -ms-linear-gradient( -52deg, rgb(75,145,253) 0%, #0069d4 100%);
  box-shadow: 5.734px 14.937px 21px 0px rgba(105, 163, 253, 0.39);}
.c_yc_baozhang ul li .txt{width: 440px; max-width: 100%; padding: 2rem 2rem 2rem 3.5rem;
  height: 15rem; border-radius: 20px;
  background-color: rgb(255, 255, 255);
  box-shadow: 29.87px 30.932px 55.8px 6.2px rgba(185, 216, 246, 0.52);}
.c_yc_baozhang ul li .txt h4{ font-size: 1.125rem; color: #3383ff; font-weight: bold; margin-bottom: 1rem; position: relative;}
.c_yc_baozhang ul li .txt h4:before{
    content: "";
    display: block;
    width: 18px; 
    height: 19px; 
    background: url(../images/j_ico01.png) center no-repeat; 
    background-size: contain; 
    position: absolute; 
    top: 0; 
    left: -2rem;
    transition: all .7s;
}
.c_yc_baozhang ul li:hover .txt h4:before {
    transform: rotate(90deg);
}
.c_yc_baozhang ul li .txt .con{ font-size: .85rem; line-height: 1.5rem; color: #6d7178;}
 
  .c_yc_luodi03{ display: flex; justify-content: flex-end; position: relative;}
  .c_yc_luodi03 .txt{ padding: 3rem; position: absolute; width: 50%; left: 0; top: 50%; transform: translateY(-50%); border-radius: .625rem;
    background-image: -moz-linear-gradient( 0deg, #3383ff 70%, transparent 100%);
  background-image: -webkit-linear-gradient( 0deg, #3383ff 70%, transparent 100%);
  background-image: -ms-linear-gradient( 0deg, #3383ff 70%, transparent 100%);}
  .c_yc_luodi03 .txt h4{ font-size: 1.25rem; color: #ffffff; font-weight: bold; margin-bottom: 1rem;}
  .c_yc_luodi03 .txt .con{ font-size: .9375rem; line-height: 1.625rem; color: #fff; max-width: calc(100% - 5rem);}
  .c_yc_luodi03 .img{ height: 530px; width: 89.8%;box-shadow: 0px 5px 39.6px 4.4px rgba(157, 171, 193, 0.32); border: 4px solid rgb(189, 206, 255); border-radius: .75rem; overflow: hidden;}

  .xingtt{font-size: 1.25rem; color: #3383ff; font-weight: bold; margin-bottom: 1rem; position: relative;}
  .xingtt:before{ content: ""; display: block;width: 18px; height: 19px; background: url(../images/j_ico01.png) center no-repeat; background-size: contain; position: absolute; top: 0; left: -2rem;}

  .c_yc_luodi04 .con{ font-size: 1rem; line-height: 1.875rem; color: #404041; margin-bottom: 2.25rem;}
  .c_yc_luodi04 .bd{ display: flex; justify-content: space-between; align-items: center; gap: 4.5rem;}
  .c_yc_luodi04 .bd .img{ flex-shrink: 0; width: 44rem; height: 21.1875rem; box-shadow: 0px 5px 39.6px 4.4px rgba(157, 171, 193, 0.32); border: 4px solid rgb(189, 206, 255); border-radius: 4px; overflow: hidden;}
  .c_yc_luodi04 .bd .txt{ display: grid; gap: 1.25rem;}
  .c_yc_luodi04 .bd .txt .con2{ font-size: 1rem; line-height: 1.875rem; color: #83858a;}
 .img img{ display: block;}
  .c_yc_luodi05 .bd{ display: flex; justify-content: center; align-items: center; position: relative;}
  .c_yc_luodi05 .bd .img{ flex-shrink: 0; box-shadow: 0px 5px 39.6px 4.4px rgba(157, 171, 193, 0.32); max-width: 90%; border: 4px solid rgb(189, 206, 255); border-radius: 4px; overflow: hidden;}
  .c_yc_luodi05 .bd .txt{ }
  .c_yc_luodi05 .bd .txt .con2{ font-size: 1rem; line-height: 1.875rem; color: #83858a; }
  .c_yc_luodi05 .bd .txt{ position: absolute; width: 31.125rem; background: #fff; padding: 1.625rem; border-radius: 4px; }
  .c_yc_luodi05 .bd .txt .xingtt{ margin-left: 2rem;}
  .c_yc_luodi05 .bd .txt1{ left: 0; top: 2.5rem;}
  .c_yc_luodi05 .bd .txt2{ right: 0; bottom: 2.5rem;}
  .c_yc_luodi05 .bd .txt2 b{ font-size: 1rem; color: #f7ae22;}

 .c_yc_luodi02{}
 .c_yc_luodi02 .bd{ display: flex; gap: 1.75rem; align-items: center; justify-content: space-between; overflow: hidden;}
 

 .c_yc_luodi02 .bd .txt{ flex-shrink: 0; width: 33.875rem; }
 .c_yc_luodi02 .bd .txt .con{ font-size: 1rem; line-height: 1.875rem; color: #6d7178; margin-bottom: 2.5rem; }
 .c_yc_luodi02 .bd .img{  height: 38.125rem; box-shadow: 0px 5px 39.6px 4.4px rgba(157, 171, 193, 0.32);  border-radius: 12px; border: 4px solid rgb(189, 206, 255); overflow: hidden;  }
 .c_yc_luodi02 .bd .item img{ max-width: 3.25rem; max-height: 3.25rem;}
 .c_yc_luodi02 .bd .item{ display: flex; overflow: hidden; align-items: center; justify-content: space-between; margin-top: 1.0625rem; gap: 3rem; padding: 0 2.75rem; font-size: 1.125rem; line-height: 1.75rem; color: #272727; height: 5.25rem; }
 .c_yc_luodi02 .bd .item:nth-child(2){  background-image: -moz-linear-gradient( 0deg, rgba(253,236,252,.7) 1%, rgba(255,255,255,.7) 100%); border-radius: 10px 42px 42px 10px;
  background-image: -webkit-linear-gradient( 0deg, rgba(253,236,252,.7) 1%, rgba(255,255,255,.7) 100%);
  background-image: -ms-linear-gradient( 0deg, rgba(253,236,252,.7) 1%, rgba(255,255,255,.7) 100%);}

.c_yc_luodi02 .bd .item:nth-child(3){ border-radius: 42px 10px 10px 42px;  background-image: -moz-linear-gradient( 0deg, rgba(230, 235, 255, 0.5) 0%, rgba(214, 254, 254, 0.5) 99%);
  background-image: -webkit-linear-gradient( 0deg, rgba(230, 235, 255, 0.5) 0%, rgba(214, 254, 254, 0.5) 99%);
  background-image: -ms-linear-gradient( 0deg, rgba(230, 235, 255, 0.5) 0%, rgba(214, 254, 254, 0.5) 99%);  }

.c_yc_luodi02 .bd .item:nth-child(4){  border-radius: 10px 42px 42px 10px;  background-image: -moz-linear-gradient( 0deg, rgba(253, 236, 252, 0.5) 1%, rgba(255, 255, 255, 0.5) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgba(253, 236, 252, 0.5) 1%, rgba(255, 255, 255, 0.5) 100%);
  background-image: -ms-linear-gradient( 0deg, rgba(253, 236, 252, 0.5) 1%, rgba(255, 255, 255, 0.5) 100%);  }

.c_yc_luodi02 .bd .item:nth-child(5){  border-radius: 10px 42px 42px 10px;  background-image: -moz-linear-gradient( 0deg, rgba(230, 235, 255, 0.5) 0%, rgba(214, 254, 254, 0.5) 99%);
  background-image: -webkit-linear-gradient( 0deg, rgba(230, 235, 255, 0.5) 0%, rgba(214, 254, 254, 0.5) 99%);
  background-image: -ms-linear-gradient( 0deg, rgba(230, 235, 255, 0.5) 0%, rgba(214, 254, 254, 0.5) 99%);  }

  
  .c_yc_luodi02 .bd .item:nth-child(odd){ flex-direction: row-reverse;}


  .c_yc_luodi01{ position: relative;}
  .c_yc_luodi01 .con{ font-size: .9rem; line-height: 1.875rem; height: 29.375rem; position: relative; color: #6d7178; box-shadow: 10.706px 11.89px 23.04px 0.96px rgba(157, 171, 193, 0.2);border-radius: .5rem; margin-bottom: 2.5rem; padding: 3rem 2.5rem; background: url(../images/c_yc_luodi01_txt_bg.jpg) center top no-repeat;}
  .c_yc_luodi01 .bd{position: absolute; top: 9rem; left: 2.5rem; display: flex; align-items: center; }
  .c_yc_luodi01 .bd .txt{ font-size: 1rem; line-height: 2.25rem; color: #38393c; padding-left: 4rem; padding-right: 2rem;}
  .c_yc_luodi01 .bd .txt p{ position: relative;}
  .c_yc_luodi01 .bd .txt p:before{ content: ""; display: inline-block; vertical-align: middle; margin-right: .5rem; border-width: 2px; position: absolute; top: .75rem; left: -1.375rem;
    border-color: rgb(247, 174, 34);
    border-style: solid;
    border-radius: 50%;
    box-shadow: 1.338px 1.486px 4px 0px rgba(157, 171, 193, 0.2);
    width: 8px;
    height: 8px;}
  .luodi01_slide_for{  width: 45rem; max-width: 100%; border-style: solid;
    border-width: 4px;
    border-color: rgb(189, 206, 255);
    border-radius: 12px; 
    box-shadow: 0px 5px 39.6px 4.4px rgba(157, 171, 193, 0.32); overflow: hidden;}
  .luodi01_slide_nav{ position: absolute; right: 10%; top: 100%; width: 34.4375rem; z-index: 99; padding-right: 4.25rem; color: #fff; background: url(../images/c_yc_luodi01_nav.png) center no-repeat; background-size: 100% 100%;}
  .luodi01_slide_nav ul{ display: flex; justify-content: flex-end; line-height: 3.625rem;}
  .luodi01_slide_nav ul li{ font-size: 1rem; color: rgba(255, 255, 255, 0.6); padding: 0 .5rem;}
  .luodi01_slide_nav ul li.on{ color: #fff; font-weight: bold;}
  .luodi01_slide_nav ul li:before{content: ""; display: inline-block; vertical-align: middle; margin-right: .375rem; border-width: 2px; 
    border-color: rgb(247, 174, 34);
    border-style: solid;
    border-radius: 50%; 
    width: 4px;
    height: 4px; transition: .5s; opacity: 0;}
    .luodi01_slide_nav ul li.on:before{ opacity: 1;}  
.s_video_list .img{ max-width: 100%; overflow: hidden;}
.s_video_list .img img{ width: 100%; transition: 1s;}
.s_video_list{  display: flex; flex-wrap: wrap; margin-top: -1.375rem;}
.s_video_list li{ width: 33.333%; padding: 0 .75rem; margin-top: 1.375rem;}
.s_video_list li a{ display: block; overflow: hidden; border-radius: .625rem; background: #fff; border: 1px solid #ecedf1;}
.s_video_list li a .imgbox{ position: relative;}
.s_video_list li:hover a .img img{ transform: scale(1.1);}
.s_video_list li a .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); transition: .5s; display: flex; align-items: center; justify-content: center;}
.s_video_list li a .mask .ico{ width: 4.255rem; height: 4.25rem; border-radius: 50%; background: rgba(0, 0, 0, 0); transition: .5s; padding-left: .25rem; display: flex; align-items: center; justify-content: center; }
.s_video_list li a .mask .ico svg{ transition: .5s;}
.s_video_list li a .txt{ padding: 2.25rem 2rem;}
.s_video_list li a .txt h4{ font-size: 1.125rem; margin-bottom: 1rem; display: inline-block; font-weight: bold; color: rgb(23, 96, 215); background: linear-gradient(to right, #5c9aff, #1760d7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.s_video_list li a .txt h4 i{ display: inline-block; width: 9px; height: 2px; background: #366eda; vertical-align: middle; margin-right: 5px;}
.s_video_list li a .txt p{ font-size: 1rem; line-height: 1.5rem;}
.s_video_list+.flexcenter{ margin-top: 2.5rem;}
.s_more{ border-radius: 4px; width: 140px; height: 40px; overflow: hidden; display: flex; align-items: center; justify-content: center; color: #fff; gap: 7px; position: relative; z-index: 1;
  background-image: -moz-linear-gradient( -129deg, rgb(0,180,254) 0%, rgb(23,96,215) 100%);
  background-image: -webkit-linear-gradient( -129deg, rgb(0,180,254) 0%, rgb(23,96,215) 100%);
  background-image: -ms-linear-gradient( -129deg, rgb(0,180,254) 0%, rgb(23,96,215) 100%);}
  .s_more:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background-image: -moz-linear-gradient( -129deg, rgb(0,180,254) 0%, rgb(23,96,215) 100%);
    background-image: -webkit-linear-gradient( -129deg, rgb(0,180,254) 0%, rgb(23,96,215) 100%);
    background-image: -ms-linear-gradient( -129deg, rgb(0,180,254) 0%, rgb(23,96,215) 100%);}
    .s_more:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; transition: .5s;
      background-image: -moz-linear-gradient( -129deg, rgb(23,96,215) 0%, rgb(0,180,254) 100%);
      background-image: -webkit-linear-gradient( -129deg, rgb(23,96,215) 0%, rgb(0,180,254) 100%);
      background-image: -ms-linear-gradient( -129deg, rgb(23,96,215) 0%, rgb(0,180,254) 100%);}
.s_more path{ fill: #fff;}
.s_more:hover:after{ opacity: 1;}
.s_video_list li:hover a .mask .ico{ background: rgba(0, 0, 0, .3);}
.s_video_list li:hover a .mask .ico svg{ transform: scale(.7);}
 .clear{ clear: both;}
 .tiyan .list_box13{ margin-top: 0 !important;}
.s_bn_bot{ height: 0;}
.s_fangan{ padding: 12.5rem 0 6rem; width: 100%; background: url(../images/s_fangan_bg.jpg) center no-repeat; background-size: cover;}
.s_fazhan{ padding: 5.5rem 0 6rem; width: 100%; background: url(../images/s_fazhan_bg.jpg) center no-repeat; background-size: cover;}
.s_fazhan .hd ul{ justify-content: space-between; align-items: center; display: flex; height: 100%; padding: 0 6rem;}
.s_ico_jia{  width: 3.625rem;
  height: 3.625rem; background-color: rgb(239, 240, 244); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
  .s_fazhan .hd{ background: #fff; border-radius: .625rem; height: 9.375rem; overflow: hidden; margin-bottom: 1.25rem;}
  .s_fazhan .hd ul li{ position: relative;}
  .s_fazhan .hd ul li .box{ display: flex;}
  .s_fazhan .hd ul li .box svg{ width: 3rem; height: 3rem;}
  .s_fazhan .hd ul li .box svg path{ fill: url("#s_grad");}
  .s_fazhan .hd ul li .txt{ margin-left: 1.375rem;}
  .s_fazhan .hd ul li .txt h5{ font-size: 1.5rem; color: #5a5a5a; margin-bottom: .5rem;}
  .s_fazhan .hd ul li .txt p{ font-size: 1rem; color: #caced9; text-transform: uppercase;  font-family: DIN-Condensed; }
  .s_fazhan .hd ul li span{ position: absolute; font-size: 4rem;  font-family: DIN-Condensed; bottom: -4.5rem; color: #e8f0fe;}
.defs{ position: absolute; width: 0; height: 0; visibility: hidden;}
.s_fazhan .hd ul li:nth-child(1) span{background: linear-gradient(to bottom, #e7effe, transparent);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.s_fazhan .hd ul li:nth-child(3) span{background: linear-gradient(to bottom, #e3f7fb, transparent);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.s_fazhan .hd ul li:nth-child(5) span{background: linear-gradient(to bottom, #f1effc, transparent);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.s_fazhan .hd ul li:nth-child(7) span{background: linear-gradient(to bottom, #fff4e6, transparent);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.s_fazhan .bd{}
.s_fazhan .bd ul{ display: flex; gap: 4rem;}
.s_fazhan .bd ul li{border-radius: 6px; padding: 2rem 1.375rem; position: relative; z-index: 1; overflow: hidden;
  background-image: -moz-linear-gradient( 270deg, #d6e5fe 0%, #FFF 50%, #FFF 100%);
  background-image: -webkit-linear-gradient( 270deg, #d6e5fe 0%, #FFF 50%, #FFF 100%);
  background-image: -ms-linear-gradient( 270deg, #d6e5fe 0%, #FFF 50%, #FFF 100%);}
  .s_fazhan .bd ul li:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #1760d7; z-index: -1; transition: .5s; opacity: 0; visibility: hidden;}
.s_fazhan .bd ul li .img{ height: 16rem; border-radius: 6px; overflow: hidden;}
.s_fazhan .bd ul li .img img{ width: 100%;}
.s_fazhan .bd ul li .txt{ padding-top: 2rem;}
.s_fazhan .bd ul li .txt .dt{ font-size: 1.0rem; line-height:1.5; transition: .5s; font-weight: bold; text-align: center; margin-bottom: 1.5rem; color: #1d59ba;min-height:3rem;}
.s_fazhan .bd ul li .txt .dd{}
.s_fazhan .bd ul li .txt .dd a{ display: block; transition: .5s; margin: 0 auto; margin-top: 9px; border-width: 1px; line-height: 38px; text-align: center; font-size: .85rem; color: #545961;
  border-color: rgb(221, 226, 233);
  border-style: solid;
  border-radius: 4px;
  width: 186px;
  height: 38px; }
.s_btn_xx{ position: relative; overflow: hidden;}
.s_btn_xx span:nth-child(1){ font-weight: bold; letter-spacing: -1px;transition: .5s; }
.s_btn_xx span:nth-child(2){ position: absolute;z-index: 2; display: flex; gap: 7px; color: #633a0f;  background-image: -moz-linear-gradient( -13deg, rgb(255,189,119) 0%, rgb(255,240,219) 100%);
  background-image: -webkit-linear-gradient( -13deg, rgb(255,189,119) 0%, rgb(255,240,219) 100%);
  background-image: -ms-linear-gradient( -13deg, rgb(255,189,119) 0%, rgb(255,240,219) 100%);font-size: .875rem; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition: .5s; opacity: 0; visibility: hidden;}
.s_fazhan .bd ul li:nth-child(2){  background-image: -moz-linear-gradient( 270deg, #cff1f8 0%, #FFF 50%, #FFF 100%);
  background-image: -webkit-linear-gradient( 270deg, #cff1f8 0%, #FFF 50%, #FFF 100%);
  background-image: -ms-linear-gradient( 270deg, #cff1f8 0%, #FFF 50%, #FFF 100%);}
.s_fazhan .bd ul li:nth-child(4){  background-image: -moz-linear-gradient( 270deg, #dddcff 0%, #FFF 50%, #FFF 100%);
  background-image: -webkit-linear-gradient( 270deg, #dddcff 0%, #FFF 50%, #FFF 100%);
  background-image: -ms-linear-gradient( 270deg, #dddcff 0%, #FFF 50%, #FFF 100%);}
.s_fazhan .bd ul li:nth-child(2) .txt .dt{ color: #1c73a8;}
.s_fazhan .bd ul li:nth-child(4) .txt .dt{ color: #6562bf;}
.s_fazhan .bd ul li:hover:before{ opacity: 1; visibility: visible;}
.s_fazhan .bd ul li:hover .txt .dt{ color: #fff;}
.s_fazhan .bd ul li:hover .txt .dd a{ border: 1px solid transparent;  background: rgba(255, 255, 255, 0.2); color: #fff;}
.s_fazhan .bd ul li:hover .s_btn_xx{}
.s_fazhan .bd ul li:hover .s_btn_xx span:nth-child(1){ opacity: 0; visibility: hidden;}
.s_fazhan .bd ul li:hover .s_btn_xx span:nth-child(2){ opacity: 1; visibility: visible;}
.s_fazhan .bd ul li:hover .txt .dd a:hover{ opacity: .8;}
.s_moshi{ padding: 5.5rem 0 6rem; background: url(../images/s_moshi_bg.jpg) center no-repeat; background-size: cover;}
.s_moshi .centerbox{ position: relative; display: flex; justify-content: center; }
.s_moshi .centerbox .centerimg{ display: block; z-index: 2; pointer-events: none; }
.s_moshi ul{}
.s_moshi ul li{ position: absolute; z-index: 1; width: 24rem; background: #fff; box-shadow: 0px 5px 14.72px 1.28px rgba(163, 189, 230, 0.23)}
.s_moshi ul li a{ display: flex; align-items: flex-start; padding: 1.25rem;}
.s_moshi ul li span{ flex-shrink: 0; font-size: 2rem; color: #4274fe; font-family: DIN-Condensed; margin-right: 1rem;}
.s_moshi ul li .txt{ flex-grow: 1;}
.s_moshi ul li .txt h4{ font-size: 1.125rem; color: #515c72; line-height: 2rem;}
.s_moshi ul li .txt p{ font-size: .8rem; color: #949aa7; line-height: 1.25rem;}
.s_moshi ul li i{ flex-shrink: 0; align-self: center; width: 11px; height: 19px; margin-left: 10px; background: url(../images/s_arr.png) center no-repeat; background-size: contain;}

.s_moshi ul li:nth-child(1){left: 12%;top: 0%;}
.s_moshi ul li:nth-child(2){left: 0%;top: 37%;z-index: 4;}
.s_moshi ul li:nth-child(3){left: 25%;bottom: 15%;z-index: 5;}
.s_moshi ul li:nth-child(4){right: 15%;top: 6%; z-index:3;}
.s_moshi ul li:nth-child(5){right: 0%;top: 32%; z-index: 4;}
.s_moshi ul li:nth-child(6){right: 8%;bottom: 8%;z-index: 6;}

 .fangkuai{ pointer-events: none;}
 .fangkuai img{position: absolute;z-index: 5;}
 .fangkuai img.s_fangkuai02{left: 21.5%;top: 55%;}
 .fangkuai img.s_fangkuai03{right: 44%;bottom: 0%; z-index: 6;}
 .fangkuai img.s_fangkuai05{right: 17%;top: 52%;z-index: 5;}
.centerimg_wap{ display: none;}
footer .fl01 .right .content ul li .img img{ object-fit: contain !important; margin: 0 auto;}

@-webkit-keyframes jello{11.1%{-webkit-transform:none;transform:none}

22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}

33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}

44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}

55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}

66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}

77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}

88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}

100%{-webkit-transform:none;transform:none}

}

@keyframes jello{11.1%{-webkit-transform:none;transform:none}

22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}

33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}

44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}

55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}

66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}

77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}

88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}

100%{-webkit-transform:none;transform:none}

}


.j_serve .centerbox .box2>div {
  display: flex;
  position: absolute;

  justify-content: space-between;
 
}
.j_serve .centerbox .box2 .box2-1 {
  top: 0;
  width: 100%;
}
.j_serve .centerbox .box2 .box2-2 {
  top: 20%;
  width: 70%;
  left: 15%;
}
.j_serve .centerbox .box2 .box2-3 {
  top: 60%;
  width: 48%;
  left: 26%;
}
.j_serve .centerbox .box2 .box2-4 {
  top: 40%;
  left: 41%;
}
.box2s {
  display: none;
  position: absolute;
}
.box2s .pailie {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.j_serve .centerbox .box2>div>div , .box2s .pailie>div {
  background: url(../images/qjxiatianshan.png)no-repeat;
  width: 14.5rem;
  height: 12.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: .5rem;
  text-align: center;
  background-size: cover;
}

.j_serve .centerbox .box2 h5 , .box2s h5 {
  color: #f6faff;
  font-size: 1.25rem;
  font-weight: bold;
}

.j_serve .centerbox .box2 p , .box2s p {
  color: #f6faff;
  font-size: .875rem;
  line-height: 1.875rem;
}

.more001 {
    display: flex;
  justify-content: flex-end;
}