@charset "UTF-8";
article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block}
*,: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: "NotoSansHans";font-size:14px; color:#333333;-webkit-tap-highlight-color:rgba(255,255,255,0); width: 100%; overflow-x:hidden; background:#ffffff;}
pre{ font-family: "NotoSansHans"; white-space:pre-wrap;word-wrap: break-word;}
a{font-size:14px;text-decoration:none;transition:ease .65s; color:#333333; 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"],textarea,select{outline: none; font-family: "NotoSansHans";-webkit-appearance: none;border-radius: 0; font-size:14px; display:block; width:100%; border:none; background:none; transition:ease .45s;}
input[type="radio"]{display:inline-block; width:20px; height:20px; position:relative; top:0px; margin-right:5px; cursor:pointer;}
input[type="checkbox"]{display:inline-block; width:20px; height:20px; position:relative; top:0px; margin-right:5px; cursor:pointer;}
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; margin-bottom:1vw;}
.fr,.fr_warp{float:right;}
.z-container {width:1400px;height:auto;clear: both;margin: 0 auto;}
.z-container2 {width: 1200px;height:auto;clear: both;margin: 0 auto;}
.z-container3 {width:87.5%;height:auto;clear: both;margin: 0 auto;}
.z-row {width: 100%;height: auto;clear: both;margin: 0 auto;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.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;}
.imgbg{ width: 100%; height: 100%; transition: ease 1s; 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;
}

@keyframes rotate {
50% {
border-radius: 38%;
transform: rotate(180deg);
} 100% {
  border-radius: 45%;
  transform: rotate(360deg);
  }
}

@keyframes rotate1 {
50% {
border-radius: 38%;
transform: translate(-30%, 8%) rotate(180deg);
}100% {
 border-radius: 45%;
 transform: translate(-20%, 0%) rotate(360deg);
 }
}

@keyframes rotate2 {
50% {transform: translate(30%, 8%) rotate(180deg);}
100% {transform: translate(20%, 0%) rotate(360deg);}
}
@keyframes bulge {50% {transform: scale(1.5);}
}

@keyframes blow {25% {opacity: 0.5;}
50% {opacity: 0.5;}
90% {opacity: 0;}
100% {transform: scale(1.1);}
}

@keyframes circle-opacity{from {opacity: 1;transform:translate(-50%,-50%) scale(1);}
to {opacity: 0;transform:translate(-50%,-50%) scale(2);}
}
@keyframes overturn{0% {transform: rotateY(0deg);}50% {transform: rotateY(360deg);}100% {transform: rotateY(0deg);}}
@-moz-keyframes overturn /* Firefox */
{
0% {transform: rotateY(0deg);}
50% {transform: rotateY(360deg);}
100% {transform: rotateY(0deg);}
}

@-webkit-keyframes overturn /* 1 */
{
0% {transform: rotateY(0deg);}
50% {transform: rotateY(360deg);}
100% {transform: rotateY(0deg);}
}

@-o-keyframes overturn /* Opera */
{
0% {transform: rotateY(0deg);}
50% {transform: rotateY(360deg);}
100% {transform: rotateY(0deg);}
}
.z_sw_guide { padding-top:2vw; position: relative;z-index: 2; background-attachment: fixed; overflow: hidden;}
.z_sw_guide .z_guide_warp{ width:79%; background: #fff; margin:0 auto; padding:4.8vw; box-sizing: border-box;   transition: ease 2s;}
.z_sw_guide .z_index_tit{ margin-bottom: 40px;}
.z_sw_guide:before{content:''; display:block; width:100%; height:100%; background:#0451C5; position:absolute; left:0; top:0;transition:cubic-bezier(0.215,.61,.355,1) 1.5s; z-index:2;}
.z_sw_guide.animated:before{transform:translateX(100%);}
.z_guide_first a{display: block; display: flex; align-items: center; padding: 20px 0; border-bottom: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5;}
.z_guide_first .time{width: 84px;height: 84px; transition: ease .4s; margin-right: 18px; flex-shrink: 0; float: left; background: #f4f4f4;text-align: center;color: #888888;font-family: Century Gothic; font-size: 12px; padding-top: 15px; box-sizing: border-box;}
.z_guide_first .time em{ display: block;font-size: 30px;font-weight: 400;}
.z_guide_first h3{font-size: 20px;font-family: NotoSansHans;font-weight: 500;color: #333333;line-height: 24px; margin-bottom: 15px;}
.z_guide_first .desc{font-size: 14px;font-weight: 400;color: #888888;line-height: 24px;}
.z_guide_first .info{ width: 50vw; transition: ease .6s;}
.z_guide_first:hover .time{ background: #0451C5; color: #fff;}
.z_guide_first:hover h3{color: #0451C5;}
.z_guide_first:hover .info{ transform: translateX(20px);}
.z_guide_list li {border-bottom: 1px solid #E5E5E5; height:4.16vw; line-height: 4.16vw;}
.z_guide_list li a{ display: block;font-size: 16px;font-weight: 400;color: #333333;}
.z_guide_list li .time{ float: right;}
.z_guide_list li .tit{ width: 70%; display: inline-block; transition: ease .5s;}
.z_guide_list li:hover .tit{ transform: translateX(20px); color: #325f99;}
.z_guide_list li:hover .time{color:#325f99;}
.z_sw_btmwarp{padding: 9.0625vw 0; position: relative; z-index: 2; padding-left: 14.9vw; box-sizing: border-box;  background: #f6f6f6;}
.z_zw_part1 .flwarp{ width: 33.3%; height: 700px; float: left; background: #0451C5; padding: 5.2vw 4vw; box-sizing: border-box; color: #fff; }
.z_zw_part1 .flwarp .tit{font-size: 24px;font-weight: 500;color: #92AFD9;line-height: 24px; margin-bottom: 2.6vw;}
.z_zwboss{ padding-bottom: 2vw; border-bottom: 1px solid rgba(255,255,255,.3); margin-bottom: 2vw;}
.z_zwboss .imgbg{width: 182px;height: 236px; float: left;  margin-right: 30px;}
.z_zwboss .info{ padding-top: 20px;}
.z_zwboss .info h3{font-size: 30px;font-weight: bold;color: #FFFFFF;line-height: 24px;}
.z_zwboss .info h4{font-size: 14px;font-weight: 400;color: #FFFFFF;line-height: 24px; margin: 20px 0; height: 96px; margin-bottom: 26px;}
.z_zwboss .btn a{ display:block;width: 6.8vw;height: 48px;background: #EC222E;line-height: 48px;text-align: center; color: #fff; }
.z_zwboss .btn .fr{background: #0054FF;}
.z_zwboss_other dl{ display: flex; align-items: flex-start;
line-height: 30px;}
.z_zwboss_other dt{ min-width: 6.25vw; flex-shrink: 0; display: inline-block; }
.z_zwboss_other a{ color: #fff; display: inline-block; width: 70px;}
.z_zw_part1 .frwarp{ width: 66.7%; float: right;height: 700px;}
.z_zw_part1 .frwarp dl{ width: 25%; float: left; padding: 5.2vw 1.5vw; box-sizing: border-box; border-right: 1px solid rgba(0,0,0,.08);}
.z_zw_part1 .frwarp dt{font-size: 24px;font-weight: 500; color: #333333; margin-bottom: 2.2vw;}
.z_zw_part1 .frwarp dd{max-height: 79.5%;overflow-y: auto;}
.z_zw_part1 .frwarp dd::-webkit-scrollbar-track-piece{background: none;}
.z_zw_part1 .frwarp dd::-webkit-scrollbar{width: 5px;height: 5px;background: none;}
.z_zw_part1 .frwarp dd::-webkit-scrollbar-track{background: none;}
.z_zw_part1 .frwarp dd a{ display: block;font-size: 16px;font-weight: 400;color: #333333;line-height: 24px;
margin-bottom: 10px;background: url(../img/arr4.png) no-repeat left center; padding-left: 16px;}
.z_zw_part1 .frwarp dd a:hover{ color:#0054FF ;}
.z_zw_part2{ width: 100%;position: relative; background-attachment: fixed; overflow: hidden; background-size: cover;}
.z_zw_part2:before{content:''; display:block; width:100%; height:100%; background:#0451C5; position:absolute; left:0; top:0;transition:cubic-bezier(0.215,.61,.355,1) 1.5s; z-index:2;}
.z_zw_part2.animated:before{transform:translateX(-100%);}
.z_zw_part2 .warp{ width: 33.3%; float: right; position: relative;}
.z_zw_part2 .z_index_tit .en{font-size:1.4vw;font-family: HoratioD;font-weight: normal;color: #FFFFFF;line-height: 1.4vw;}
.z_zw_part2 .box1{ width: 100%;background: #0B4397; }
.z_zw_part2 .more{ display: block; margin-top: 3vw;}
.z_zw_part2 .more .iconfont{ display: inline-block;margin-left: 5px;}
.z_zw_part2 .box{padding: 3.2vw 4vw; box-sizing: border-box; }
.z_zw_part2 .box2{ background: #EC222E; display: inline-block;width: 19vw;height:18.2vw; position: absolute; left: -19vw;bottom: 0;}
.z_zw_part2 .box3{ height:18.2vw;}
.z_zw_part2 .box2 .more{ margin-top: 5vw; display: block;}

.z_zw_part3 { padding: 6.25vw 9.8vw; box-sizing: border-box; background: #f3f3f5;}
.z_zcjd_box{ width: 31.6%; float: left; }
.z_zcjd_box .z_zcsearch_box{ opacity: 0; margin-bottom: 0;}
.z_zc_search .input_text{width: 17.7vw;display: block; height: 42px;  float: left; padding: 0 15px; padding-left: 40px; box-sizing: border-box; background: url(../img/sou1.png) no-repeat left 20px center;}
.z_zc_search {background:#ffffff; display: inline-block; margin-top: 20px; margin-bottom: 5px;}
.z_zc_search .sou{ display: block; width: 68px;height: 42px;background: #333333; text-align: center; line-height: 42px; color: #fff; float: right;}
.z_search_words a{ display: inline-block; color: #888888; display: inline-block; margin-right: 15px;}
.z_zcsearch_box{ margin-bottom:44px;}
.z_zcjd_box li{ background: #fff; margin-bottom: 45px;transition: ease 1s;}
.z_zcjd_box li a{padding:3.125vw; display: block; box-sizing: border-box;}
.z_zcjd_box li h3{font-size: 18px;font-weight: bold;color: #333333;line-height: 30px; margin-bottom:0.5vw; height: 40px;}
.z_zcjd_box li .desc{font-size: 14px;font-weight: 400;color: #888888;line-height: 24px; margin-bottom:0.4vw;}
.z_zcjd_box:nth-child(1) ul li:nth-child(2),.z_zcjd_box:nth-child(3) ul li:nth-child(1){}
.z_zcjd_box:nth-child(1) ul li:nth-child(2) .desc{}
.z_zcjd_box:nth-child(2){ margin: 0 2.6%;}
.z_zcjd_box:nth-child(3) ul li:nth-child(1) .desc{}
.z_zcjd_box li.morebox{ background-color: #0451C5;height: 235px;}
.z_zcjd_box li.morebox a{ padding:2vw 3.125vw; color: #fff;}
.z_zcjd_box li.morebox .tit{ margin-bottom: 2.7vw;font-size: 18px;}
.z_zcjd_box li.morebox .more{ text-align: right; display: block;color: #FFFFFF;}
.z_zcjd_box li:hover{ background:#0451c5;}
.z_zcjd_box li:hover h3,.z_zcjd_box li:hover .desc{ color: #fff;}
.z_zcjd_box li:hover .more{ color: #fff;}
.z_zcjd_box li .more{font-style: italic; color: #888; font-size: 12px;}
.z_zwtab_con .child{ display: none;}
.z_zwtab_con .child.active{ display: block;}

.z_zw_tab li{ float: left; margin-right: 35px; position: relative;}
.z_zw_tab li::before{ content: ""; display: block; width: 0; height: 4px; position: absolute; background:#325f99; left: 0; bottom: -1px; z-index: 1; transition: ease 1s;}
.z_zw_tab li a{ display: block; padding-bottom: 1vw;font-size: 18px; font-weight: bold;}
.z_zw_tab .z_index_more{ float: right; color: #EC222E;}
.z_zw_tab li.active::before{ width: 100%;}

.z_zcjd_page{ width: 100%; background: #F3F3F5; padding:2.6vw 5.2vw; box-sizing: border-box;}
.z_zcjd_page .z_zc_search{ margin-top: 0;}
.z_zcjd_page .z_search_words{ margin-left:45px;}
.z_search_words a:hover{ color: #333;}
.z_zxjd_lists { width: 100%; float: none; margin: 0!important; }
.z_zxjd_lists ul{ margin-left: -1.9%;}
.z_zxjd_lists li{ width: 31.4%; height: auto!important; float: left; margin-left: 1.9%; margin-bottom: 2vw;}
.z_zxjd_lists li:nth-child(3n){ margin-right: 0;}
.z_zcjd_page .z_zc_search .input_text{ width: 25vw;}

.z_zhuanlan_page{ background: #003B94; padding: 5.2vw 0;}
.z_zhunlan_list li:first-child{border-top: 1px solid rgba(255,255,255,.3);}
.z_zhunlan_list li{ border-bottom: 1px solid rgba(255,255,255,.3); padding:40px 0;}
.z_zhunlan_list li a{ display: block; color: #fff; position: relative;}
.z_zhunlan_list li .imgbox{ width:408px; height: 248px; float: left; margin-right: 40px;}
.z_zhunlan_list li .infobox{height: 248px; position: relative; float: left; width: 40%;}
.z_zhunlan_list li .time{ position: absolute; left: 0; bottom: 0;}
.z_zhunlan_list li .h3{ font-size: 24px; margin-top: 30px;line-height: 36px;}
.z_zhunlan_list li .more{ position: absolute;right: 0; top: 0; transition: ease .6s;}
.z_zhunlan_list li .iconfont{ display: block; text-align: right; font-size: 12px;}
.z_zhunlan_list li:hover .more{ transform: translateX(-50px);}
.z_other_banner2 { margin-top: 36px;}
.z_other_banner2 img{ display: block;}
.lhZoomOut{animation-name:lhZoomOut;}
@keyframes lhZoomOut{
0%{transform:scale(1.2); opacity:0;}
100%{transform:scale(1); opacity:1;}
}

@keyframes zscale{
0%{transform:scale(.6,.6); }
100%{transform:scale(1,1);}
}
.z_slide_bar img{ display: block;}
.z_slide_close{ cursor: pointer; }
.z_tspop{  position: fixed;cursor: pointer; z-index: 12;left:50%; top: 50%; margin-left:-235px; margin-top: -150px; visibility: hidden;transform:translateY(-1000%); visibility:hidden;transition:cubic-bezier(0.215,.61,.355,1) .45s; animation-name:asd; animation-duration:1.2s; animation-timing-function:cubic-bezier(.8,-.5,.2,1.4);animation-fill-mode: forwards;-webkit-animation-fill-mode:forwards;}
.z_tspop img{ display: block;}
@keyframes asd{
0%{transform:translateY(-1000%); visibility:hidden;}
100%{transform:translateY(0); visibility:visible;}
}
.Contact .z_tspop{animation-name:asd1;visibility:visible;transform:translate(0,0);animation-delay:0s;}
@keyframes asd1{
0%{transform:translate(0,0); visibility:visible;}
100%{transform:translate(350%,0); visibility:hidden;}
}
.z_zdxq_page{ width: 100%; background:#f5f5f6; padding: 5.2vw 0; box-sizing: border-box;}
.z_zdxq_page .z-container{ width: 1300px; background: #fff; padding: 80px 100px; box-sizing: border-box;}
.zdxq_tit{ text-align: center; font-size: 36px; margin-bottom: 40px;}
.z_zdxq_bar { display: flex; align-items: center; font-size: 16px; border-bottom: 3px solid #6a6a6b; padding-bottom: 10px; }
.z_zdxq_bar .bshare-custom{ margin-left: auto; margin-bottom: 0;}
.zdxq_content{ padding: 40px 0; line-height: 24px; font-size: 16px; color: #333333;}
.zdxq_content img{ max-width: 100%!important; height: auto!important;}
.z_list_banner{ margin-top: 36px;}
.z_footer_wl a{ margin-right: 15px;}

.zj-xl-ath{margin-bottom: 14px;}
.zj-xl-tit{border-bottom: 1px dotted #cdcdcd;padding: 10px 0 20px;overflow: hidden;}
.zj-xl-tit h1{font-size: 24px;color: #333333;line-height: 36px;text-align: center;}
.zj-xl-tit p{padding-top:20px;font-size: 12px;color: #666666;line-height: 18px;text-align: center;}
.zj-xl-tit p span{color: #999999;margin-right: 15px;}
.zj-xl-con{margin-top: 40px;margin-bottom: 10px;}
.zj-con-ft{margin-top: 20px;text-align: right;}
.zj-xl-com{margin-bottom: 20px;margin-top: 20px;}
@media screen and (max-width:1440px){
.tfxq_map{ margin-right: 0;}
.z_num_warp{ padding-top: 0; display: flex; align-items: center; justify-content: center;}
.z_num_tit{ margin-bottom: 15px;}
.z_about_num li{ margin-bottom: 2.6vw;}
.z_index_Business{ padding: 2.6vw;}
.z_index_gov .z_index_tit{ margin-bottom: 4vw;}
.z-container{ width: 88%;}
.z_zw_part1 .frwarp dt{ font-size: 20px;}
.z_zw_part1 .frwarp dl{ padding-left: 30px; padding-right: 30px;}
.z_zw_part1 .flwarp{ padding-left: 2vw; padding-right: 2vw;}
.z_zw_part2 .box2{ width: 24vw; left: -24vw;}
.z_zw_part2 .box2 .more{ margin-top: 0vw; display: block;}
.z_zw_part2 .z_index_tit h4{ font-size: 16px;}
.z_zcjd_box li{ height: 500px; margin-bottom: 20px;}
.z_zcjd_box:nth-child(1) ul li:nth-child(2), .z_zcjd_box:nth-child(3) ul li:nth-child(1){ height: 260px;}
.z_zcjd_box li.morebox{ height: 220px;}
.z_interview_more{ margin-top: 7.5vw;}
.z_theme_list li .icon{ margin-bottom: 10px;}
.z_theme_list li a{ padding: 1vw;}
#laydate .layui-laydate-content td, #laydate .layui-laydate-content th{ height: 40px; line-height: 40px; width: 50px;}
#laydate .layui-laydate td::before{ width: 40px; height: 40px;}
#laydate .layui-laydate-content td, .layui-laydate-content th{ padding: 0;}
.z_rli_box .warps{ padding-bottom: 0;}
.z_rli_tit{ height: 50px; line-height: 50px;}
#laydate .layui-laydate-header{ padding: 0;}
.z_jiehe_list li .infobox{ width: 55%;}
.z_point_nav li{ min-width: 32%; font-size: 14px;}
.z_develop_slide .infobox{ padding-top: 5vw;}
.z_develop_slide .infobox .desc{ width: 40vw;}
.z_fzdeve .btmbox li .info{ padding: 1.2vw;}
.z_fzdeve .btmbox li .more{ left: 1.2vw; bottom: 1.2vw;}
}

@media screen and (max-width:1366px){
.z_zwboss .imgbg{ margin-right: 20px;}
.z_interview_more{ margin-top: 7vw;}
.z_zhuanlan_warp3 .z_zhuanlan_swiper li{ height: 410px;}
.z_menu_tit .en{font-size: 3vw; line-height: 2.8vw;}
.z_menu_tit .cn{font-size: 1.6vw;}
.z_about_num li{ margin-bottom: 1.5vw;}
.z_index_Business{ height: auto; min-height: 100vh;}
.z_service_tab li a{ padding: 1.5vw 0; margin-bottom: 0;}
}
@media screen and (max-width:980px){
.z_zcjd_box{ width: 100%; margin: 0!important;}
.z_zw_part3{ padding: 20px 10px; padding-bottom: 0;}
.z_zc_search{ margin-top: 0;}
.z_zc_search .input_text{ width: 80%;}
.z_zcjd_box li{ height: auto!important;}
.z_sw_guide{ padding-top: 0;}
.z_sw_guide .z_guide_warp{ transform: translate(0,0); width: 100%; }
.z_zw_tab li a{ font-size: 14px;}
.z_zw_tab li{ margin-right: 15px;}
.z_guide_first .time{ width: 60px; height: 60px; padding-top: 10px; margin-right: 10px;}
.z_guide_first .time em{ font-size: 16px;}
.z_guide_first .info{ width:70vw;}
.z_guide_first .info h3{ width: auto; font-size: 14px; margin-bottom: 0; }
.z_guide_first .desc{ font-size: 12px; line-height: 18px;}
.z_guide_list li{ height: 40px; line-height: 40px;}
.z_guide_list li a{ font-size: 14px;}
.z_interview .flwarp{ width: 100%; float: right; display: flex; align-items: center;}
.z_interview_more{  margin: 0;margin-left: auto;}
.z_interview_more a{ height: auto; width: auto; background: none;}
.z_interview_more .tit{ display: none; }
.z_interview_more .more{ margin-top: 0;}
.z_interview_swiper{ width: 100%;}
.z_interview_swiper li .imgbox{ height: 200px;}
.z_interview_swiper li .infobox{ padding: 10px;}
.z_interview_swiper li h3{ font-size: 14px; margin-bottom: 10px;}
.z_zw_btmbox .box{ width: 100%; text-align: center; padding: 15px;}
.z_zw_btmbox .box .icon{ height:40px;}
.z_zw_btmbox .box .icon img{ display: block; height: 100%; margin: 0 auto;}
.z_zw_btmbox .box h3{ margin: 10px 0;}
.z_zw_btmbox .box .iconfont{ display: none;}
.z_guide_list li .time{ float: right; width:26%; overflow:hidden;height: 36px;}
}
.z_news_article,.z_news_article p,.z_news_article span{ font-size: 16px!important;}
.zwb_t #l_pzt {margin:0 auto}
.zwb_t #r_zxt {margin:0 auto}
.zwb_t #l_pzt {width: 400px;height: 400px;}
.zwb_t #r_zxt {width: 800px;height: 400px;}