/* 思源黑体 */
@font-face{font-family:"HarmonyOS";src:url("../fonts/HarmonyOS_Sans_SC_Light.ttf");font-weight:normal;font-style:normal;}
@font-face{font-family:"Helvetica";src:url("../fonts/HELVETI1-1.ttf");font-weight:normal;font-style:normal;}
@font-face{font-family:ZonaPro;src:url("../fonts/Zona-Pro-Bold.otf");font-weight:normal;font-style:normal;}
@font-face{font-family: YouSheBiaoTiHei;src:url("../fonts/YouSheBiaoTiHei-2.ttf");font-weight:normal;font-style:normal;}
@font-face{font-family: HarmonyOS_Sans_Medium;src:url("../fonts/HarmonyOS_Sans_Medium.ttf");font-weight:normal;font-style:normal;}
@font-face{font-family:"HarmonyOS Sans SC";src:url("../fonts/HarmonyOS_Sans_SC_Regular.ttf");font-weight:normal;font-style:normal;}
@font-face{font-family:"HarmonyOS Sans SC-Bold";src:url("../fonts/HarmonyOS_Sans_SC-Bold.ttf");font-weight:normal;font-style:normal;}
@font-face{font-family:"HarmonyOS Pano Trial";src:url("../fonts/HW_Pano_Trial_Bold.otf");font-weight:normal;font-style:normal;}
*,:before,:after{box-sizing:border-box;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0;width:auto;max-width:100%;}
ul,dl,li,dt,dd{list-style:none;}
body,html{min-height:100%;}
body{font-family:"HarmonyOS","microsoft JhengHei";font-size:14px;color:#212121;-webkit-tap-highlight-color:rgba(255,255,255,0);width:100%;overflow-x:hidden;background:#fff;}
pre{font-family:"HarmonyOS","microsoft JhengHei";white-space:pre-wrap;word-wrap:break-word;}
a{font-size:14px;text-decoration:none;transition:ease .65s;color:#212121;outline:none;}
.clearfix:after{content:"";display:block;clear:both;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input[type="text"],input[type="password"],input[type="search"],input[type="number"],textarea,select{outline:none;font-family:"HarmonyOS","microsoft JhengHei";-webkit-appearance:none;border-radius:0;border:none;background:none;transition:ease .45s;}
input::-webkit-input-placeholder{color:#888888;}
input:-moz-placeholder{color:#888888;}
input::-moz-placeholder{color:#888888;}
input:-ms-input-placeholder{color:#888888;}
textarea{resize:none;overflow:hidden;}
textarea::-webkit-input-placeholder{color:#888888;}
textarea:-moz-placeholder{color:#888888;}
textarea::-moz-placeholder{color:#888888;}
textarea:-ms-input-placeholder{color:#888888;}
select::-ms-expand{display:none;}
i,em{font-style:normal;}
.fl,.fl_warp{float:left;}
.fr,.fr_warp{float:right;}
.z-container{width:79.16%;height:auto;clear:both;margin:0 auto;}
.ellipsis{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;}
.ellipsis2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.ellipsis3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;}
.ellipsis4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis;}
.ellipsis5{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;text-overflow:ellipsis;}
.ellipsis6{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;text-overflow:ellipsis;}
.ellipsis7{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden;text-overflow:ellipsis;}
.ellipsis8{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow:hidden;text-overflow:ellipsis;}
.imgbg{width:100%;height:100%;transition:ease 1s;background-position:center;background-repeat:no-repeat;background-size:cover;}
.imgbgs{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;}
.z_flex{display:flex;align-items:center;}
.z_flex_ul{display:flex;display:-webkit-flex;flex-direction:row;-webkit-flex-direction:row;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.clear{clear:both;}
*:before,*:after{z-index:-1;}
/* .z_public_bg{width:100%;height:100%;position:fixed;left:0;top:0;background:url(../img/bgs.png) no-repeat center;background-size:cover;background-attachment:fixed;pointer-events:none;} */
.z_center{text-align:center;}
.lazy{background-size:cover;background-repeat:no-repeat;width:100%;height:100%;background-position:bottom center;position:absolute;z-index:-1;left:0;top:0;background-attachment:fixed;}
.mr{margin-left:auto;}
/* 鼠标追随 */
.cursor{width:2.6vw;height:2.6vw;position:absolute;left:0;top:0;pointer-events:none;margin:-1.3vw 0 0 -1.3vw;z-index:120;visibility:hidden;}
.cursor:before{content:'';display:block;width:100%;height:100%;background:#fff;border-radius:50%;box-sizing:border-box;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.4);transition:all .4s cubic-bezier(.3,1.83,.49,.88);}
.cursor{user-select:none;pointer-events:none;mix-blend-mode:difference;}
.cursor.nav::before{transform:translate(-50%,-50%) scale(1);}
/*浏览器滚动条*/::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}
::-webkit-scrollbar-track-piece{background:#eeeeee}
::-webkit-scrollbar-thumb:vertical{background-color:#1A163B;}
/* swiper */
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box;}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;}
.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active{pointer-events:auto;z-index:3;}
.swiper-container-fade .swiper-slide{opacity:0!important;}
.swiper-container-fade .swiper-slide-active{opacity:1!important;}
.swiper-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active{pointer-events:auto;z-index:3;}
.swiper-fade .swiper-slide{opacity:0!important;}
.swiper-fade .swiper-slide-active{opacity:1!important;}
.swiper-container-vertical>.swiper-wrapper{flex-direction:column;}
.swiper-vertical>.swiper-wrapper{flex-direction:column;}
.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column;}
.swiper-pointer-events{touch-action:pan-y;}
.swiper-grid>.swiper-wrapper{flex-wrap:wrap;}
/* 视频弹框 */
.z_video_pop{width:100%;height:100%;background:#000;position:fixed;left:0;top:0;z-index:999!important;display:flex;justify-content:center;align-items:center;opacity:0;transition:ease .6s;visibility:hidden;}
.z_video_pop.on{opacity:1;visibility:visible;}
.z_video_pop .close_btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;position:absolute;right:0;top:0;z-index:100;cursor:pointer;}
.z_video_pop .close_btn .iconfont{font-size:18px;}
#video{width:100%;max-height:100%;}
.z_video_pop .warp{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;}
/*分享二维码*/
#zCode{display:block;left:50%;top:50%;margin-left:-110px;margin-top:-122.5px;position:fixed;background:#fff;height:245px;width:220px;z-index:3000;border-radius:5px;border:6px solid #7f7f7f;box-sizing:border-box;}
#zCode>h2{color:#666;background:#f2f2f2;height:24px;line-height:24px;border-bottom:1px solid #e8e8e8;font-size:14px;padding:0 10px;box-sizing:border-box;}
#zCode>h2>i{cursor:pointer;float:right;width:24px;height:24px;text-align:center;}
#zCode>.ewm{width:100%;height:208px;padding:20px;box-sizing:border-box;}
#zCode>.ewm canvas{width:100%;height:100%;}
/* 点击看大图 */
.rebox{cursor:pointer;position:fixed;width:100%;height:100%;top:0;left:0;z-index:1000;-webkit-filter:none !important;background:rgb(0,0,0);/* IE Fallback (Solid Colour) */ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);background:#fff;}
.rebox *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;}
.rebox-contents{position:absolute;top:5%;left:5%;text-align:center;width:90%;height:90%;display:flex;justify-content:center;align-items:center;}
.rebox-contents .rebox-content{border-radius:1px;max-width:100%;max-height:100%;}
.rebox-loading{width:31px;height:31px;margin:-16px 0 0 -16px;position:absolute;top:48%;left:50%;}
.rebox-caption{display:none;opacity:1;position:absolute;left:0;bottom:0;width:100%;text-align:center;z-index:1000;background:#000;background:rgba(0,0,0,0.7);}
.rebox-caption p{margin:0 auto;max-width:70%;display:inline-block;*display:inline;*zoom:1;padding:10px;color:#fff;font-size:12px;line-height:18px;}
.rebox-button{position:absolute;z-index:9999;min-width:40px;height:40px;line-height:40px;background:rgb(0,0,0);text-decoration:none;font-size:24px;color:#fff;text-align:center;vertical-align:middle;-webkit-border-radius:32px;-moz-border-radius:32px;-ms-border-radius:32px;border-radius:32px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.rebox-button:hover,.rebox-button:focus{opacity:1;background:var(--color);}
.rebox-close{right:10px;top:10px;font-size:30px;}
.rebox-next{right:10px;top:48%;}
.rebox-prev{left:10px;top:48%;}
.rebox-loading{left:50%;top:48%;-webkit-animation-name:spin;-webkit-animation-duration:2000ms;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spin;-moz-animation-duration:2000ms;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:spin;-ms-animation-duration:2000ms;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;animation-name:spin;animation-duration:2000ms;animation-iteration-count:infinite;animation-timing-function:linear;}
.z_menu_btn{display:none;height:50px;align-items:center;overflow:hidden;justify-content:center;cursor:pointer;z-index:11;margin-left:12px;}
.z_menu_btn span{display:block;transition:ease .6s;width:28px;height:2px;background:#fff;}
.z_menu_btn .line2{margin:4px 0;}
.z_menu_btn.on .line1{transform:translateY(6px) rotate(45deg);}
.z_menu_btn.on .line3{transform:translateY(-6px) rotate(-45deg);width:28px;}
.z_menu_btn.on .line2{opacity:0;}
.font18{font-size:18px!important;}
.font20{font-size:1.04vw!important;}
.font24{font-size:1.25vw!important;}
.font25{font-size:1.30208vw;}
.font28{font-size:1.45833vw;line-height:1.45833vw;}
.font40{font-size:2.08vw;line-height:2vw;}
.font45{font-size:2.34375vw;line-height:2.34375vw;}
.z_tab_child{display: none;}
.z_tab_child.active{display: block;}
:root{
	--color:#304FB8;
	--size16:16px;
	--size18:18px;
	--size20:1.04vw;
	--size22:1.14583vw;
	--size24:1.25vw;
	--size26:1.35416vw;
	--size28:1.45833vw
}
.w60{width: 60%; margin: 0 auto;}
.w70{width: 70%; margin: 0 auto;}
.w80{ width: 81%; margin: 0 auto;}
.w90{ width: 90%; margin: 0 auto;}
.color{color: #304FB8!important;}


/* 导航 */
.words{height: 30px; border-radius: 15px; line-height: 30px; color: #fff;text-align: center; padding:  0 20px; background: #304fb9; margin-left: 2vw;}
.z_header_warp{position: fixed; left: 0; top: 0; width: 100%; z-index: 10; padding-bottom: 20px;}
.z_header_bar{display: flex; align-items: center; padding:0 10vw; height: 5.2vw; box-sizing: border-box; transition: ease 1s;}
.z_header_bar.on,.z_header_bar:hover{background: rgba(240,244,255,.6);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);}
body.fixed .z_header_bar{transform: translateY(-100%); visibility: hidden;}
.z_logo img{display: block; height:2.8125vw;}
.z_header_nav{margin-left: auto;}
.z_header_nav>ul>li{display: inline-block; margin-left: 3vw; position: relative;}
.z_header_nav>ul>li::before,.z_news_nav li::before{content: ""; display: block; transition: ease 1s; z-index: 1; width: 18px; height: 18px; background: url(../img/icon.png) no-repeat center; background-size: 100% 100%; position: absolute; left: -28px; top: 50%; margin-top: -9px; opacity: 0; transform:translateX(-100%); opacity: 0;}
.z_header_nav>ul>li>a{font-size: 18px; line-height:30px; display: block; color: #76777A;font-weight: bold;}
.z_header_nav>ul>li.active::before,.z_header_nav>ul>li:hover::before,.z_news_nav li.active::before{transform: translateX(0); opacity: 1;}
.z_header_nav>ul>li.active>a,.z_header_nav>ul>li:hover>a{color: #292929;}
.z_pro_down{position: fixed; top:5vw; right: 10vw; background-size: cover;border-radius: 1.5625vw; width: 63.54166vw;box-sizing: border-box; display:none; overflow: hidden;background: rgba(255,255,255,.98);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);}
.z_pro_down .leftnav{ float: left; width: 20%; background: #f3f6fb; padding: 3vw 10px; display: flex; justify-content: center;}
.z_pro_down .rightnav{ float: right; width: 80%;padding: 3vw; padding-left: 5vw; padding-bottom: 1vw;}
.z_pro_down::before{ content: ""; display: block; width: 1px; height: 100%; position: absolute; left: 20%; top: 0; background: #e5e5e5;}
/* .z_pro_down .item{width: 14%; float: left; margin-right: 4%;} */
.z_pro_down .item:nth-child(4),.z_pro_down .item:nth-child(5){margin-right: 0;}
.z_down_box{}
.z_pro_down .z_two_item a{font-size: 14px;line-height: 22px;}
.z_down_box a{margin-bottom: 10px;}
.z_down_box a:hover{font-weight: bold; color:var(--color)!important;}
.z_pro_down .z_one_tit{display: flex; align-items: center;font-size: 16px; color: #676c76; margin-bottom: 2.5vw; }
.z_pro_down .z_one_tit:hover,.z_pro_down .z_one_tit.active{ font-weight: bold; color: #000;}
.z_one_tit:last-child{ margin-bottom: 0;}
.z_one_tit .icon{margin-right: 10px;}
.z_pro_down .item{ display: none; }
.z_pro_down .item.active{ display:block;}
.z_pro_down .z_two_item{float: left; margin-bottom: 1vw; width: 100%;}
.z_pro_down .item2  .z_two_item{width: 30%; padding-right: 20px;}
.z_pro_down .item2 .z_two_item:first-child{ width: 100%;}
.z_pro_down .z_two_item .z_two_tit{color: #2E2F2F; display: block;font-weight: 400; font-size: 16px;}
.z_three_tit{color: #304FB8; background: url(../img/icon/jian.png) no-repeat right center; padding-right: 25px; display: inline-block;font-weight: 400;}
.z_three_tit.on{background-image: url(../img/icon/jia.png);}
.z_three_item{border-left: 1px solid #D2D2D2; padding-left: 15px; margin-bottom: 20px ;}
.z_four_down a{color: #5E6168; display: block;}
.z_four_down a:last-child{margin-bottom: 0;}


.z_hxys_down{ position: fixed;width: 49.375vw;top:5vw; right: 10vw;  border-radius: 30px;  background-size: cover; overflow: hidden;display: none;    background: rgba(240,244,255,.98);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
.z_hxys_down .warps{display: flex;}
.z_hxys_down .titbar{ width: 10.10416vw; position: relative; flex-shrink: 0; z-index: 1; overflow: hidden; display: flex; align-items: flex-end; justify-content: center; text-align: center;min-height: 13vw;  font-size: 14px!important;}
.z_hxys_down .titbar .imgbg{ position: absolute; left: 0; z-index: -1; top: 0; width: 100%; height: 100%;background: url(../img/hxbg3.png) no-repeat center; background-size: cover;}
.z_hxys_down .titbar:hover .imgbg{transform: scale(1.1,1.1);}
.z_hxys_down .titbar a{ color: #fff!important;}
.z_hxys_down .titbar .arr{ display: block; margin: 0 auto;}
.z_hxys_down .titbar h3{ font-size: var(--size24); margin-bottom: 3vw;}
.z_hxys_down .conbar{ flex: 1; width: 100%;padding: 2vw;}
.z_hxys_down .conbar ul{ display: flex; justify-content: space-between;}
.z_hxys_down .conbar a{ display: block;color: #5E5F60!important; font-size: 14px;
line-height: 20px; margin-bottom: 10px;}
.z_hxys_down .conbar h3 a{ color: var(--color)!important; font-size: 16px!important; line-height: 22px; margin-bottom: 14px;}
.z_hxys_down .conbar a:hover{ font-weight: bold; color: var(--color)!important; }




/* 标题 */
.z_index_tit .h3{font-size: 2.08vw; color: #1A1A1A;line-height: 2.5vw;font-weight: bold; margin-bottom:0.6vw;}
.z_index_tit .h4{font-size:var(--size20);color: #5B5B5B;}
/* 底部 */
.z_footer{padding-top: 5vw; background: #fff;}
.z_footer_logo{display: flex; align-items: center;}
.z_footer_logo img{display: block; height: 2.6vw;}
.z_footer_logo span{font-size:1.30208vw;font-weight:bold;color: #2C2C2C; display: inline-block; line-height:2.29166vw; border-left: 1px solid #DCDCDC; padding-left: 1.5vw; margin-left: 1.5vw;}
.z_footer_center{padding: 5vw 0; display: flex; justify-content: space-between;}
.z_footer_lx{width: 17.1875vw;}
.z_footer_lx li{background: #F7F8FA; padding: 1vw 2.6vw; cursor: pointer; padding-right: 10px; box-sizing: border-box; color: #414141;; font-size: 15px; margin-bottom: 1px;}
.z_footer_lx li.active{background:#304FB8; color: #fff;}
.z_footer_lx li h3{line-height: 30px; position: relative;}
.z_footer_lx li h3::before{content: ""; display: block; width: 1.82291vw; height: 6px; opacity: 0; background: url(../img/dot.png) no-repeat center; background-size: 100% auto; position: absolute; left: -2.5vw;top: 50%;transform: translateY(-50%); z-index: 1;}
.z_footer_lx li.active h3::before{opacity: 1;}
.z_footer_lx li .down{margin-top: 10px; display: none;
line-height: 24px; color: #fff;font-size: 14px;
opacity: 0.7;}
.z_footer_lx li.active .down{display: block;}
.z_footer_nav ul{
  /* width: 40vw; */
  display: flex;
  justify-content: space-between;
  gap: 2em;
}
.z_footer_nav li a{display: block;color: #7B7B7B;
line-height: 36px; font-size: 15px;}
.z_footer_nav li h3 a{color: #2C2C2C; font-size: 16px; font-weight: bold;}
.z_footer_nav li a:hover{color: #304FB8;}
.z_footer_code li{width: 5.2vw;text-align: center; display: inline-block; vertical-align: top; line-height: 20px;}
.z_footer_code li img{display: block; height: 5.2vw;}
.z_footer_code li .h3{color: #7B7B7B;margin-top: 10px;font-size: 15px;}
.z_footer_btm{border-top: 2px solid #EEEEEE; padding: 1.5vw 0 3vw 0;color: #929292;
line-height: 24px;font-weight: 400;
opacity: 0.9;}
.z_footer_btm a{color: #929292;}
.z_footer_btm .js{display: inline-block; margin-left: 20px;}
.z_footer_btm a:hover{color: #304FB9;}
.z_zx_btn{ display: flex; align-items: center; justify-content: center; overflow: hidden; height: 4.6875vw; color: #fff; font-size: var(--size20);}
.z_zx_btn img{ display: block; height: 1.5625vw; margin-right: 1vw;}
.z_other_banner{position: relative;}
.z_other_banner img{display: block; width: 100%;}
.z_other_text{position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1; width: 100%;}
.z_other_text .h3{font-size: 2.6vw; color: #2E2F2F; line-height: 3.3vw; font-weight: bold;}
.z_other_text .h3 em{color: #304FB8;}
.z_other_text .slg{font-size: 1.30208vw; color: #434343; display: block; margin-bottom: 5px;}
.z_page_tit .h3{ font-weight: bold;}
.z_page_tit .h4{ margin-top: 1.5vw; color: #5b5b5b; line-height: 1.66666vw; }
.z_page_tit{ margin-bottom: 3.5vw;}
.z_desc{ font-size: 18px; line-height: 1.875vw; }
.z_lc_img li{ margin-bottom: 30px;}
.z_lc_img img{ display: block;width: 100%; margin: 0 auto;}
.z_center{ text-align: center;}


.z_two_ul{ margin-left: -3%;}
.z_two_ul li{float: left; margin-left: 3%;  width: 47%;}

.z_three_ul{ margin-left: -2.3%;}
.z_three_ul li{ width: 31%; margin-left: 2.3%;  float: left; }
.z_four_ul{ margin-left: -3%;}
.z_four_ul li{ width: 22%; float: left; margin-left: 3%; }

.z_icon_ul li,.z_border_ul li{border: 1px solid #E5E5E5;border-radius: 1.5625vw; padding:2.5vw 2.6vw; box-sizing: border-box; background: #fff;}
.z_icon_ul li .icon{ display: block;height: 3.64583vw; margin-bottom: 18px;}
.z_icon_ul li h3,.z_icon_ul li .h3{color: #282828; font-size: var(--size22); }
.z_icon_ul li .desc{font-size: 16px;font-weight: 400;color: #717171;line-height: 28px;margin-top: 10px; text-align: justify;}
.z_center_ul li,.z_center_ul li .desc{text-align: center!important;}
.z_center_ul .icon,.z_center_ul .z_iconbox{ margin-left: auto!important; margin-right: auto!important;}










/* 图标文字样式*/
.z_icon_li li{ display: flex; align-items: center;}
.z_icon_li li .iconbox,.z_icon_li li .icon{ flex-shrink: 0; margin-right: 1vw; display: block; }
.z_icon_li li .iconbox,.z_iconbox,.z_icon_box{width: 5.2vw;height: 5.2vw; padding: 0.78125vw; background: #FFFFFF;border: 1px solid #E5E5E5;border-radius: 1.30208vw; display: flex; align-items: center; justify-content: center; z-index: 1;overflow: hidden;}
.z_icon_li li h3{ font-size: var(--size24); }
.z_icon_li li h4{color: #636363; font-size: var(--size16);line-height: 24px; }
.z_desc{font-size: var(--size18);font-weight: 300;color: #5B5B5B;line-height: 36px;}
.z_icon_li li .icon,.z_icon{ height: 3.64583vw;}

.z_m_box{ margin-top: 5vw;}
.z_mobile_nav{ display: none;}




@media screen and (max-width:1540px){
  .font20{font-size:18px!important;}
  :root{
    --size16:14px;
    --size18:16px;
    --size20:17px;
    --size22:18px;
    --size24:1.25vw;
    --size26:1.35416vw;
    --size28:1.45833vw
  }
	.z_icon_ul li .desc{ font-size: 15px;}
  .z_header_nav>ul>li>a{ font-size: 16px;}
  .z_icon_li li h4{ line-height: 24px;}
  .z_page_tit .h4{ line-height: 30px;}
  .z-container{width: 90%;}
}

@media screen and (max-width:1366px)
{.font20{font-size:16px!important;}
.z_desc,.z_page_tit .h4{ line-height: 28px;}
.z_m_box{ margin-top: 80px;}
.z_header_nav>ul>li>a,.z_footer_nav li h3 a,.z_pro_down .z_two_item .z_two_tit,.z_footer_nav li a{ font-size: 14px;}
}


@media screen and (max-width:980px){
:root{
	--color:#304FB8;
	--size16:14px;
	--size18:14px;
	--size20:16px;
	--size22:18px;
	--size24:18px;
	--size26:18px;
	--size28:18px
}
.font20{ font-size: 16px!important;}
.w80,.w90,.w60,.w70{ width: 100%; margin: 0 auto;}
.z_m_box{ margin-top: 50px;}
.z_header_bar{ height: 50px; background: #fff; padding: 0 12px;}
.z_logo { flex-shrink: 0;}
.z_logo img{ height: 30px;}
.z_header_nav{ display: none;}
.z_mobile_nav{width: 100%; height: calc(100vh - 50px); top: 100%; padding: 0 12px; display: block; overflow-y: auto; transition: ease 1s; visibility: hidden; opacity: 0; position: fixed; left: 0; background:#fff url(../img/csbg2.png) no-repeat center; background-size: cover; }
.z_mobile_nav.on{top: 50px; visibility: visible; opacity: 1;}
.z_mobile_nav .one{ font-size: 16px;line-height: 50px; }
.z_mobile_nav a{ display: block;line-height: 30px; }
.z_mobile_nav .z_two_tit{ font-size: 15px;line-height: 40px; color: #666; }
.z_mobile_nav .downav{ }
.z_mobile_nav .down{display: none;padding-left: 12px; }
.z_mobile_nav .jia{ background: url(../img/icon/jia.png) no-repeat right center;}
.z_mobile_nav .jian{background: url(../img/icon/jian.png) no-repeat right center;}
.z_mobile_nav .three_tit{ color: var(--color);}
.z_mobile_nav .z_three_item{ margin-bottom: 10px;}
.z_header_nav>ul>li{ display: block;  }
.z_header_nav>ul>li a{line-height: 50px;}
.z_header_nav .downav{ }
.z_menu_btn{ display: flex;}
.z_menu_btn span{ background: #304FB8;}
.z_header_warp{ padding-bottom: 0;}
.z_pro_down{ display: none;}
.z_index_tit .h3{ font-size: 22px; line-height:28px; margin-bottom: 5px;}
.z_index_tit .h4{ font-size: 16px;}
.z_index_hxys .infobox{ width: 100%;}
.z-container{ width: 100%;}
.z_footer_logo,.z_footer_nav{ display: none;}
.z_footer_lx{ width: 100%;}
.z_footer{padding: 0;}
.z_footer_center{ display: block;}
.z_footer_lx li{ padding:15px 12px;}
.z_footer_lx li h3{ font-size: 16px;}
.z_footer_code{ padding: 20px 0;}
.z_footer_code li{ width: 80px; margin: 0 10px;}
.z_footer_code ul{ display: flex; justify-content: center; text-align: center;}
.z_footer_code li img{ height: 80px;}
.z_footer_code li .h3{ font-size: 12px!important; margin-top: 5px;}
.z_footer_btm{ padding: 10px; text-align: center; font-size: 12px; line-height: 20px;}
.z_footer_btm a{font-size: 12px;}
.z_footer_btm .bah{ display: block;}
.z_footer_center{padding: 0;}
.z_other_banner{ margin-top: 50px;}
.z_other_text{ width: 100%;}
.z_other_text .slg{ font-size: 22px; color: #333;}
.z_other_text .h3{ font-size: 16px;line-height: 24px; margin-top: 5px; display: none;}


.z_three_ul,.z_two_ul,.z_four_ul,.z_icon_ul { margin-left: 0;}
.z_three_ul li,.z_two_ul li,.z_four_ul li,.z_icon_ul li,.z_border_ul li{ border-radius: 15px;width: 100%; margin-left: 0; margin-bottom: 12px; padding: 20px 12px!important;}

.z_icon_ul li .iconbox,.z_iconbox{ width:60px; height: 60px;  border-radius: 10px; padding: 10px;}
.z_icon_ul li .iconbox, .z_icon_ul li .icon{ margin-right: 12px;margin-bottom: 15px;}
.z_icon_ul li h3, .z_icon_ul li .h3{ font-size: 16px;}
.z_icon_ul li .desc{font-size: 14px; line-height: 24px;margin-top: 10px;}
.icon{ width: 50px!important; height: 50px!important;}
.iconbox,.z_iconbox,.z_icon_box{ width: 60px!important; height: 60px!important; padding: 8px!important; border-radius: 10px!important;}
.z_icon{width: 50px!important; height: 50px!important; }

.z_img_pop{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background: #fff; display: flex; align-items: center;justify-content: center; padding: 10px;}
.z_img_close{width: 40px; height: 40px;line-height: 40px; border-radius: 50%; text-align: center; z-index: 2; background: var(--color); color: #fff; position: absolute; right: 10px; top: 10px;}
.z_icon_li li h3{ font-size: 16px;}
.font24{font-size:16px!important;}
.z_one_tit .icon{width: auto!important;
    height: 30px!important;}
.z_mobile_nav{ display: block;}
}