@charset "UTF-8";



@font-face {

  font-family: "en";

   src: url("/style/fonts/GOTHIC.TTF");    

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: "num";

   src: url("/style/fonts/AlternateGothicNo2BT.TTF");    

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: "siyuan";

   src: url("/style/fonts/SOURCEHANSANSCN-REGULAR.OTF");    

  font-weight: normal;

  font-style: normal;

}



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:"siyuan";font-size:14px; color:#333333;-webkit-tap-highlight-color:rgba(255,255,255,0); overflow-x:hidden; background:#ffffff;}

pre{font-family:"siyuan"; 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:"siyuan";-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:2px; margin-right:5px; cursor:pointer;}

input[type="checkbox"]{display:inline-block; width:20px; height:20px; position:relative; top:2px; 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;}

.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_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(/style/img/bgs.png) no-repeat center; background-size: cover; background-attachment: fixed; pointer-events: none;}



.imgbg{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: ease 1s;}

/*·ÖÏí*/

#bsWXBox{box-sizing:initial;}

#bsBox{box-sizing:initial;}

/*ä¯ÀÀÆ÷ת¶¯Ìõ*/

::-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}



.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-container-vertical>.swiper-wrapper {

    flex-direction: column;

}

.z_header{ width: 100%; height: 76px; transition: ease 1s; position: fixed; left: 0; top: 0;z-index: 9;} 
.z_header.on{background: #0055c8;}
.z_header:hover{background: #0055c8;}
.z_logo{ display: block; width: 240px; height: 100%;  position: absolute; left: 0; top: 0; line-height: 76px; text-align: center;}

.z_logo img{ vertical-align: middle;max-width:90%;margin-left:100px; height: 35px;}

.z_header_nav{ width: 100%; text-align: right; padding-right: 100px; box-sizing: border-box;}

.z_header_nav  li{ display:inline-block; line-height: 76px; margin: 0 2.08vw; position: relative;}
.z_header_nav  li .downnav{ position: absolute; left: 50%; transform: translate(-50%,10%); top: 100%;  width: 120px; background: rgba(0,85,200,.5); padding:15px 10px; box-sizing: border-box; transition: ease .5s; visibility: hidden; opacity: 0;}
.z_header_nav  li .downnav a{ display: block; line-height: 34px; opacity: .6; color: #fff; font-size: 14px; text-align: center;}
.z_header_nav  li a{ font-size:16px; display: block;color: #fff;}
.z_header_nav  li .downnav a:hover{ opacity: 1;}
.z_header_nav  li:hover .downnav{ opacity: 1; visibility: visible;transform: translate(-50%,0%);}
.z_menu_btn{  cursor: pointer; position: absolute;right: 2.6vw; top: 50%; transform: translateY(-50%);  display: inline-block;}

.z_menu_btn span{ display: block; transition: ease .6s; width: 18px; height:2px; background: #ffffff;}

.z_menu_btn .line{ margin: 4px 0;}

.z_menu_btn.on .line1{ transform:translateY(6px) rotate(45deg);}

.z_menu_btn.on .line3{ transform:translateY(-6px) rotate(-45deg);}

.z_menu_btn.on .line2{ opacity: 0;}

.z_menu_mask{ width: 50%; transition: ease 1s; opacity: 0; transform: translateX(100%); visibility: hidden; height: calc(100vh - 76px); padding: 0 4.5vw; padding-right: 1vw; box-sizing: border-box; padding-top: 11vw; box-sizing: border-box; position: fixed; right: 0; top: 76px; z-index: 9; background:rgba(0,85,200,.97);}

.z_menu_mask.on{ opacity: 1; visibility: visible; transform: translateX(0);}

.z_menu_nav dl{ vertical-align: top; width: 16.66%; float: left;}

.z_menu_nav dl a{ display: block; color: #fff;}

.z_menu_nav dl dt a{ font-size:24px;}

.z_menu_nav dl dt { margin-bottom: 2.08vw;}

.z_menu_nav dl dd a{line-height: 36px;}

 .z_search_bar{ position: absolute; left: 4.5vw; bottom: 6.25vw; border-bottom: 2px solid #ffffff;}

 .z_search_bar .text{ width: 200px; height: 50px; float: left; color: #fff;}

 .z_search_bar .sou{ width: 40px; height: 50px; background: url(/style/img/sou.png) no-repeat center; display: block; float: left;}

 .z_search_bar .text::-webkit-input-placeholder { /* WebKit browsers */color: #8f90bc;}

 .z_search_bar .text::-moz-placeholder { /* Mozilla Firefox 19+ */color: #8f90bc;}

 .z_search_bar .text:-ms-input-placeholder { /* Internet Explorer 10+ */color: #8f90bc;}

.z_banner{ width: 100%; height: 100vh; overflow: hidden; position: relative;}

.z_banner .bd li{ position: relative; z-index: 1; height: 100vh;}

.z_banner .bd li::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.4); pointer-events: none; z-index: 1;}

.z_banner_text{ position: absolute; transition: ease 1s; transform: translateY(100%); transform: translateY(0%)\9;opacity:0; opacity: 1\9; left: 0; bottom: 8.33vw; z-index: 2; color: #fff; padding: 0 2.4vw; box-sizing: border-box;}

.z_banner .bd li.swiper-slide-active .z_banner_text{ transform: translateY(0); transition-delay: .2s; opacity: 1;}

.z_banner_text .h3{font-size: 3.125vw; font-weight: bold; margin-bottom: 10px;}

.z_banner_text .h4{font-size:24px;font-weight:400;color:rgba(254,254,254,1);}

.z_dot_hd li,.z_dot_hd span{ display: inline-block; color: transparent; outline: none; cursor: pointer; width:9px;height:9px;background:rgba(255,255,255,0.5);border-radius:50%; display: inline-block; margin-right: 10px;}

.z_dot_hd li.on,.z_dot_hd span.swiper-pagination-bullet-active{ background: #fff;}

.z_banner_hd{ position: absolute; left: 2.6vw; bottom: 2.08vw; z-index: 2;}

.z_index_service{ width: 100%; background: #F6F7F9; padding: 9vw  7vw;}
.z_index_service .z-container{ width: 100%!important;}
.z_index_tit{ text-align: center;}
.z_index_service .iconfont{ display: none;}
.z_index_tit h3{ font-weight: bold;font-size:36px; line-height: 36px; margin-bottom: 8px; color: #333333;}

.z_index_tit h4{font-size:16px; text-transform: uppercase; font-family: "en";}

.z_index_service .z_index_tit{ margin-bottom: 60px;}

.z_service_swiper{ overflow: hidden;}

.z_service_swiper li{ background: #fff; width: 340px; margin-right: 13px; position: relative; min-height: 412px;  z-index: 1; overflow: hidden;}

.z_service_swiper li a{ display: block; width: 100%; height: 100%; padding:3.4vw 2.6vw; box-sizing: border-box; padding-bottom:2vw;}

.z_service_swiper li .imgbg{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: -1; transition: ease 1s; opacity: 0; }

.z_service_swiper li .imgbg::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.4); z-index: 1;}

.z_service_swiper li:hover .imgbg{ opacity: 1; transform: scale(1.1,1.1);}

.z_service_swiper li .icon{ height: 42px; overflow: hidden; margin-bottom: 20px;}

.z_service_swiper li .icon img{ display: block; transition: ease .4s;}

.z_service_swiper li:hover .icon img{transform: translateY(-42px);}

 .z_service_swiper li h3{ font-size:18px; font-weight: bold;}

 .z_service_swiper li h4{ font-family: "en"; line-height: 24px;height: 48px;}

 .z_service_swiper li .line{ display: block; margin: 30px 0; margin-top: 10px; width: 18px; height: 2px; background:#0055c8;transition: ease .6s;}

 .z_service_swiper li .desc{font-size:14px;color:rgba(102,102,102,1);line-height:24px; transition: ease .6s;-webkit-line-clamp:5; height: 120px;}

 .z_service_swiper li:hover a{ color: #fff;}

 .z_service_swiper li:hover .line{ background: #fff;}

 .z_service_swiper li:hover .desc{ color: #fff;}

.z_service_swiper li .more{ display: block; transition: ease 1s; transform: translateX(200%); opacity: 0; margin-top: 10px; width: 42px; height: 42px; background: url(/style/img/arr.png) no-repeat center; background-size: 100% 100%;}

.z_service_swiper li:hover .more{ opacity: 1; transform: translateX(0);}

.swiper_btn_warp{ position: relative;}

.swiper_btn{ display: block; cursor: pointer; outline: none; border-radius: 50%; width:42px;height:42px;background:rgba(255,255,255,1);border-radius:50%; line-height: 42px; text-align: center; color: #BD9F97; font-size: 16px; position: absolute; top: 50%; transform: translateY(-50%);}

.swiper_btn:hover{ background: #0055c8; color: #fff;}

.z_index_service .prev{ left: -90px;}

.z_index_service .next{right: -90px;}

.z_index_adv{ background-attachment: fixed; color: #fff; position: relative; padding: 8.8vw 0; z-index: 1;}

.z_index_adv::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.3);}

.z_index_tit2 h3,.z_index_tit2{ color: #fff;}

.z_adv_top{ padding-bottom: 5vw; margin-bottom: 5vw; border-bottom: 1px solid #fff;}

.z_adv_tit{ text-align: left;}

.z_adv_tit .z_index_tit{ text-align: left; margin-bottom: 3.125vw;}

.z_adv_tit .desc{ line-height:18px;} 

.z_adv_num li{ display: inline-block; min-width: 11vw; padding: 0 4vw; box-sizing: border-box; border-right: 1px solid #fff;}

.z_adv_num li:nth-child(2){ min-width:20vw;}

.z_adv_num li:last-child{ border-right: none; padding-right: 0;}

.z_adv_num li .timer{ font-size: 3.75vw; line-height: 3.75vw; font-family: "num"; display: inline-block; margin-right: 8px;}

.z_adv_num li span{ font-family: "en"; }

.z_adv_num li h3{ margin: 2vw 0; font-size:18px;}

.z_adv_num li .jia{ vertical-align: top; font-size: 24px; font-weight: bold;}

.z_adv_num li h4{}

.z_adv_num li:first-child{ padding-left: 0;}

.z_index_case{background: #F6F7F9; padding: 6.77vw 0; padding-bottom: 6vw;}

.z_index_case .z_index_tit{ text-align: left;}

.z_case_nav{ margin-left: auto;}

.z_case_nav li{ float: left; text-align: center; background: #E6E8EA; position: relative; z-index: 1;}

.z_case_nav li::before{ content: ""; width: 0%; height: 100%; position: absolute; left: 0; top: 0; background: #0055c8; transition: ease .4s;}

.z_case_nav li .icon{ height: 24px; overflow: hidden; margin-bottom: 10px;}

.z_case_nav li .icon img{ display: block; margin: 0 auto; transition: ease .4s;}

.z_case_nav li:hover .icon img,.z_case_nav li:hover .icon img{ transform: translateY(-24px);}

.z_case_nav li:hover::before,.z_case_nav li.active::before{ width: 100%;}

.z_case_nav li:hover a,.z_case_nav li.active a{ color: #fff;}

.z_case_nav li a{ display: block; padding: 20px 15px; text-align: center; font-size: 13px;}

.z_case_header{ display: flex; align-items: center; margin-bottom: 3.64vw;}

.z_case_list{ margin-left: -2%;}

.z_case_list li{ width: 31.3%; margin-bottom:30px; float: left; margin-left: 2%; position: relative;}

.z_case_list li::before{ content: ""; display: block; width: 0%; height: 2px; background: #0055c8; transition: ease 1s; position: absolute; left: 0; bottom: 0; z-index: 1;}

.z_case_list li:hover::before{ width: 100%;}

.z_case_list li .imgbox{ width: 100%; height: 300px; overflow: hidden;}

.z_case_list li:hover .imgbg{ transform: scale(1.05,1.05);}

.z_case_list li .infobox{ background: #fff; padding: 20px 30px; box-sizing: border-box;}

.z_case_list li h3{font-size:16px; margin-bottom: 10px; font-weight: bold;}

.z_case_list li .h4{ display: inline-block; width: 70%;}

.z_case_list li .icon-arr_r{ float: right;}

.z_case_list li h4{ color:#959595 ;}

.z_index_about .imgbox,.z_index_about .infobox{ width: 50%; height: 100vh; float: left; position: relative;}

.z_index_about .infobox{ background: url(/style/img/bg1.jpg) no-repeat center; padding: 8.85vw; color: #fff; box-sizing: border-box; background-size: cover; display: flex;}

.z_index_about .z_index_tit{ text-align: left;}

.z_index_about .line{display: block;width:17px;height:2px;background:rgba(255,255,255,1); margin: 2vw 0;}

.z_index_about .desc{ width: 27.5vw;line-height:24px;}

.z_about_big.animated .imgbg{animation: zoombig 2s linear forwards; }

@keyframes zoombig {

	0%{transform: scale(1.2,1.2);} 



	100%{transform: scale(1,1);}

}

.z_about_small{ margin-top: 5.2vw; position: relative; left: -15.35vw;}

.z_about_small li{ width: 13vw; height: 15.625vw; float: left;margin-right: 20px; cursor: pointer;}

.z_about_big{ overflow: hidden;}

.z_about_big .item{ position: absolute;left: 0; top: 0; opacity: 0; transition: ease 2s; transform: scale(1.1,1.1);}

.z_about_big .item.on{ opacity: 1; transform: scale(1,1);}

.z_about_small{ display: flex; align-items: flex-end; width: 50vw;}

.z_index_more{ display: inline-block; width:142px; color: #fff; margin-left: 4vw; text-align: center; line-height: 48px;height:48px;border:1px solid rgba(255, 255, 255, 1); position: relative;}

.z_index_more::before{ content: ""; width: 5.2vw; height: 11px; background: url(/style/img/arr2.png) no-repeat left center; background-size: 100% auto; position: absolute; right: -3.7vw;  top: 50%; margin-top: -8px; transform: translateX(200%); opacity: 0; z-index: 1; transition: ease .5s;}

.z_index_more:hover::before{ transform: translateX(0); opacity: 1;}

.z_news_fl{ width: 50%; float: left; background: #EBECEF; padding: 6.77vw 0; padding-left: 13vw; padding-right: 8.75vw; box-sizing: border-box;}

.z_index_news .z_index_tit{ text-align: left; margin-bottom: 2.6vw;}

.z_news_swiper{ position: relative;}

.z_news_swiper .bd li{ width: 100%;}

.z_news_swiper li .imgbox{ width: 100%; height: 18.75vw; position: relative; overflow: hidden;}

.z_news_swiper li:hover .imgbg{ transform: scale(1.1,1.1);}

.z_news_swiper li:hover .infobox{ color: #0055c8;}

.z_news_swiper li .timebox{ background: rgba(0,85,200,.87); text-align: center; display: flex; align-items: center; justify-content: center; width:6.25vw; height: 6.25vw; position: absolute; left: 0; top: 0; color: rgba(255,255,255,.8);}

 .z_news_swiper li .timebox em{ color: #fff; display: block;  font-size: 42px; font-family: "num"; font-weight: bold;}

 .z_news_swiper li .infobox{ font-size: 16px; line-height: 24px; margin: 20px 0;}

.z_index_news .morebar{ display: block; text-align: right; margin-top: 4vw;}

 .z_index_more2{ display: inline-block; background: url(/style/img/more_bg.png) no-repeat bottom center; min-width: 108px; text-align: center; line-height: 40px; color: #0055c8; text-transform: uppercase; font-family: "en";font-size: 12px;}

.z_index_more2:hover{ font-weight: bold; color: #2846C8;}



.z_news_hd{ position: absolute; left: 0 ;bottom: 0; z-index: 2;}

.z_news_hd li{ background:#CFCFCF ;}

.z_news_hd li.on{ background: #0055c8;}

.z_news_fr{ width: 50%; float: left;padding: 6.77vw 0; background: #FAFAFB; padding-right: 13vw; padding-left: 8.75vw; box-sizing: border-box;}

.z_frist_news{ margin-bottom:30px;}

.z_frist_news .imgbox{ width: 220px; height: 150px; float: left; margin-right: 30px;}

.z_frist_news h3{font-size: 16px; line-height: 24px;}

.z_frist_news span{ margin-top: 80px; display: block; color: #959595;}

.z_frist_news:hover .imgbg{ transform: scale(1.05,1.05);}

.z_frist_news:hover h3{ color:#2846C8;}

.z_hot_list li:first-child{border-top: 1px solid #E4E4E4;}

.z_hot_list li{ border-bottom: 1px solid #E4E4E4; padding: 2vw 0;}

.z_hot_list li:hover .info{ color: #2846C8; font-weight: bold;}

.z_hot_list li .time{margin-right: 20px; float: left; font-family:"en"; color: #959595;padding-right: 20px; border-right: 1px solid #E4E4E4;}

.z_hot_list li .time span{ text-align: center; width: 60px;}

.z_hot_list li .time em{ display: block; font-size: 24px;}

.z_hot_list li:hover .time em{ color: #2846C8;}

.z_hot_list li .info{ line-height: 24px; font-size: 16px;}

.z_news_fr .morebar{ margin-top:100px;}

.z_index_cooper{ padding: 5.2vw 0; box-sizing: border-box;}

.z_index_tit3 h3{ font-size: 30px; line-height: 30px;}

.z_index_cooper .z_index_tit{ text-align: left; position: relative; margin-bottom: 30px;}

.z_index_cooper .z_cooper_btn{ position: absolute;right: 0; top: 50%; transform: translateY(-50%);}

.z_cooper_btn span{width:42px; outline: none; cursor: pointer; display: inline-block; text-align: center; line-height: 42px;height:42px;background:rgba(245,247,249,1);border-radius:50%;}

.z_cooper_btn span:hover{ background:#0055c8; color: #fff ;}

.z_cooper_swiper li{ width: 14.2%; float: left; text-align: center; height: 100px; display: flex; align-items: center; justify-content:  center;}

.z_cooper_swiper li img{ max-height: 90%; max-width: 90%;}

.z_cooper_swiper{ overflow: hidden;}

.z_footer{ background: #0055c8; color: #fff;}

.z_footer_top{ padding: 4.16vw 0; display: flex; align-items: flex-end;}

.z_foot_fl{ float: left;}

.z_foot_logo{ margin-bottom: 40px;}

.z_foot_logo img{height:40px;}

.z_foot_contact{ line-height: 24px;}

.z_foot_contact span{ display:inline-block; margin-right: 10px;}

.z_foot_contact .qq{ margin-bottom: 20px;}

.z_foot_fr{ margin-left: auto; float: right;}

.z_code_img{ width: 134px; height: 134px; float: left; background: #fff;}

.z_code_img img{ display: block; width: 100%; height: 100%;}

.z_code_nav{ float: left;}

.z_code_nav span,.z_code_nav .span{ display: block; cursor: pointer; width: 120px;border-radius:0 3px 3px 0; opacity: .6; height: 44px; line-height: 44px; text-align: center; background: #2846C8; color: #fff; margin-bottom: 1px;}

.z_code_nav span.on,.z_code_nav .span:hover{ background: #4A6CFD;opacity:1;}

.z_code_nav span .iconfont{ display: inline-block; margin-right: 5px;}

.z_foot_addre { border-bottom: 1px solid rgba(255,255,255,.2); border-top: 1px solid rgba(255,255,255,.2);  padding: 3.125vw 0;}

.z_foot_addre ul{ display: flex; }

.z_foot_addre li{ flex: 1; width: 16.66%; float: left;line-height:24px;}

.z_foot_addre li h3{ background: url(/style/img/dz.png) no-repeat left center; padding-left: 20px;}

.z_foot_addre li h4{padding-left: 20px;}

.z_foot_copy{ padding: 3.125vw 0;}

.z_foot_copy a{ color: #fff;}

.z_other_banner{ position: relative; height: 100vh;}
.z_other_banner video{object-fit: cover; height: 100%; width: 100%;}
.z_other_banner2{ height: auto;}
.z_other_banner img{ display: block; width: 100%; height: 100%; object-fit: cover;}

.z_other_text{ position: absolute; width: 100%; color: #fff; left: 0; top: 50%; transform: translateY(-50%);}
.z_text_img{position: absolute; width: 100%; color: #fff; left: 0; top: 50%; transform: translateY(-50%); z-index: 2;}
.z_text_img img{ max-width: 50%; margin: 0 auto; display: block;}
.z_other_text h3{ font-size: 3.125vw; font-weight: bold; margin-bottom: 10px;}

.z_other_text h4{font-size: 24px;}

 .page_nav{ width: 100%; height: 70px; line-height: 70px; background: #fff;}

 .page_nav li{ float: left; margin-right: 2.08vw;}

 .page_nav li a{ color: #333333;display: block; font-size: 16px; position: relative;}

 .page_nav li a::before{ content: ""; display: block; width: 0%; height: 2px; background: #0055c8; position: absolute; left: 0; bottom: 0; z-index: 1; transition: ease .5s;}

 .page_nav li:hover a,.page_nav li.cur a{ color: #0055c8; }

 .page_nav li:hover a::before,.page_nav li.cur a::before{ width: 100%;}



.z_about_warp{ background: url(/style/img/bg2.jpg) no-repeat center; background-size: cover; position: relative;}

.z_about_flwarp{ padding: 6.25vw 0;}

.z_about_flwarp .z_conbox{ width: 28.125vw; width:47%;}

.z_about_flwarp .z_index_tit{ text-align: left; margin-bottom: 3.125vw;}

.z_about_desc{ line-height: 24px;}

.z_about_frwarp{ width: 50%; position: absolute; right: 0; top: 0; height: 100%; } 

.z_paly{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); cursor: pointer;}

.video_pop{display: block; width: 100%; height: 100%; background: #000; position: fixed; left: 0; top: 0; z-index: 999!important; display: flex; justify-content: center; align-items: center; display: none;}

.close_btn{width: 40px; height: 40px; position: absolute; right: 0; top: 0; background: url(/style/img/colse.png) no-repeat center; z-index: 100; cursor: pointer;}



#video{width:100%; max-height: 100%;}

.video_pop .z_row{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}

.z_service_page{ background: #fff;}
.z_service_page .z-container{ width: 100%;}
.z_service_item { background: #fff;  position: relative;}

.z_service_item a{ display: block; width: 100%;}

.z_service_item .infobox{ width: 38.5%; float:left;height:100vh; padding: 5.2vw; box-sizing: border-box; }
.z_service_item .infobox .warps{ height: 100%;overflow-y: auto;}
.z_service_item  .imgbox{ width: 61.5%; float: right;height: 100vh; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

.z_service_item .icon{ height: 42px; overflow: hidden; margin-bottom: 25px;}

.z_service_item  .icon img{ display: block;}

.z_service_item .infobox h3{ font-size:18px; font-weight: bold;}

.z_service_item .infobox h4{ font-family: "en";}

.z_service_item .infobox .line{ display: block; margin: 30px 0; width: 18px; height: 2px; background:#0055c8;}

.z_service_item .infobox .desc{font-size:14px;color:rgba(102,102,102,1);line-height:24px;}

.z_service_item .infobox .desc.l15h{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 15;overflow: hidden;text-overflow:ellipsis;}

/* .z_service_item.animated .imgbg{animation: zoombig 1s linear forwards;} */

.z_service_item:nth-child(even) .imgbox{ right: auto; left: 0;}

.z_service_item:nth-child(even) .infobox{ float: right;}

.z_service_xq{ background: #fff;  width: 1200px!important;}

.z_service_tit{ padding: 2.6vw 0; font-size: 30px; border-bottom: 1px solid #dadada; text-align: center; font-weight: bold;}

.z_service_content{ padding: 2.6vw 0 ;line-height: 28px; font-size: 16px; color: #333333;}

.z_service_content img{ max-width: 100%!important; height: auto!important;}

.z_contact_way{ background: #F3F3F3; position: relative;}

.z_contact_box{ padding: 4.16vw 0; width: 45%;}

.z_contact_box .z_index_tit{ text-align: left;}

.z_contact_box .line{ display: block; margin: 2.08vw 0;width:17px;height:2px;background:rgba(47,49,139,1);}

.z_contact_con{font-size:14px;font-weight:normal;color:rgba(51,51,51,1);line-height:24px; font-weight: bold; border-bottom: 1px solid #b3b3b3; padding-bottom: 40px;}

.z_contact_con .qq{ margin-bottom: 20px;}

.z_contact_con span{ display: inline-block; margin-right: 5px;}

.z_contact_addre li{ float: left; min-width: 40%; margin-top: 3vw;font-size:14px;font-weight:300;color:rgba(102,102,102,1);line-height:24px;}

.z_contact_map{ width: 50%; height: 100%; position: absolute; right: 0; top: 0;} 

.ly_part{  background-attachment: fixed; padding:8.3vw 0;  position: relative; z-index: 1;}

.ly_part::before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.1); position: absolute; left: 0; top: 0;}

.ly_part .z-container{ background: #fff; border-top: 10px solid #0055c8; padding: 100px; padding-right: 0; box-sizing: border-box;}

.ly_part .ly_desc{ width: 21%; color: #878787; float: left;}

.ly_form{ width:70%; float: right; border-left: 1px solid #e8e8e8; padding:0 12%; box-sizing: border-box;}

.ly_desc .tit{ color: #333; font-size: 16px;}



.ly_desc .z_index_tit{ text-align: left;}

.ly_desc .z_index_tit .line{ display: block;width:17px;height:2px;background:rgba(47,49,139,1); margin: 35px 0;}

.ly_desc .text{ line-height: 24px; margin-bottom: 30px;  text-justify: inter-ideograph;text-align: justify;}

.ly_desc .hot_tel span{ font-size: 24px; font-family: "'en"; font-weight: bold; display: block; color: #333; margin-top: 10px;}

.ly_form .input_text{ width: 100%; height: 40px; border-bottom:1px solid #eaeaea; font-family: "΢ÈíÑźÚ";}



.ly_form label{ display: block; margin: 20px 0; }

.ly_form .texta{ width: 100%; height: 130px; background: #f4f4f4; padding: 20px; box-sizing: border-box;font-family: "΢ÈíÑźÚ";}

.ly_form .sub_btn{ display: block; border: none; outline: none; cursor: pointer; width: 100%; height: 50px; background: #0055c8; margin-top: 30px; color: #fff; font-size: 18px;text-align: center;line-height: 50px;}

.ly_form li em{ color: #ED6D46;}

.z_team_page{ background: #F3F3F3; padding: 75px 0;}

.z_team_page ul{ margin-left: -2.3%;}

.z_team_page li{ width: 31%; float: left; margin-left: 2.3%; position: relative; margin-bottom: 20px;}

.z_team_page li::before{ content:""; z-index: 1; transition: ease 1s; display: block;width: 0%; height: 2px; background: #0055c8; position: absolute; left: 0; bottom: 0;}

.z_team_page li:hover::before{ width: 100%;}

.z_team_page li .imgbox{ height: 450px; overflow: hidden;}

.z_team_page li:hover .imgbg{ transform: scale(1.05,1.05);}

.z_team_page li .infobox{ background: #fff; padding: #FFFFFF; padding: 40px; box-sizing: border-box; min-height: 300px;}

.z_team_page li h3{ font-size: 24px; font-weight: bold;}

.z_team_page li h3 span{font-size: 18px;}

.z_team_page li h4{ font-size: 16px; font-weight: bold; margin-top: 5px;}

.z_team_page li .line{ display: block; width: 18px; height: 2px; background: #0055c8; margin: 20px 0;}

.z_team_page li .desc{ line-height: 24px; color:#878787 ;}

.z_load_bar{ display: block; width: 100%; text-align: center; height: 116px; line-height: 116px; text-align: center; font-size: 18px;}

.news_xq{ padding: 70px 0; background: #f0f2f3;}



.news_fl{ width: 68.8%; padding: 3.125vw;padding-left: 180px; padding-right: 4vw;  position: relative;  background: #fff; float: left;  box-sizing: border-box;}

.news_fl_bg{ box-sizing: border-box;}

.news_head{ position: relative;}

.news_time{ width:80px;position: absolute; left:-120px; top: 0; float: left; margin-right: 40px; height: 80px;padding-top: 15px; box-sizing: border-box; color: #333333;background: #e0e1e2;  text-align: center;}

.news_time em{ display: block;  font-size: 30px; font-weight: bold; color: #0055c8; font-weight: bold;}

.news_tit h3{font-size: 30px; margin-bottom: 10px; font-weight: bold; line-height: 40px;}

.news_bar{ padding: 40px 0; color: #333; display: flex;align-items: center; border-bottom:1px solid #c6c6c6;}

.bshare-custom a{ background: none!important; font-size: 22px; margin: 0!important; cursor: pointer; margin-right: 15px!important; color: #8a8a8a!important; padding: 0!important;}

.bshare-custom a:hover{ color: #2846C8!important; text-decoration: none!important; opacity: 1!important;}

.news_bar .fr{ margin-left: auto;}

.news_artic{ padding: 50px 0; color: #474848; line-height: 24px;}

.news_fr{ float: right; width: 29%; background: #fff; padding: 20px 40px; box-sizing: border-box;}

.news_one .img{ width: 100%; height: 230px; background-position: center; background-repeat: no-repeat; background-size: cover;}

.news_fr .tits{ font-size: 18px; font-weight: bold; border-left: 2px solid #2846C8; padding-left: 10px; margin-bottom: 20px;}

.news_one h3{ font-size: 16px; line-height: 24px; max-height: 48px; margin: 15px 0; font-weight: bold;}

.news_one{ border-bottom:1px solid #c6c6c6; margin-bottom: 10px;}



.news_swiper2 .swiper-wrapper{ display: block;}

.news_swiper2{ height: 180px;overflow: hidden; width: 100%;}

.news_swiper2 li{ height: 36px!important; line-height: 36px!important; overflow: hidden;}

.news_swiper2 .tit{ display: inline-block; width: 70%;}

.news_swiper2 .fr{float: right;  font-family: "en"; font-size: 16px;}

.news_swiper2 li:hover a{ color:#2846C8; }

.news_swiper2 li a{ color: #666;}



.news_artic img{ display: block; height: auto!important; max-width: 100%!important;}

.z_news_page{ padding: 85px 0; background:#f3f3f3;}

.z_news_list ul{ margin-left: -2.3%;}

.z_news_list li{ width: 31%; margin-bottom: 30px; float: left; margin-left: 2.3%; position: relative;}

.z_news_list li .desc::before{ content:""; display: block; z-index: 1; width: 0; height: 2px; background: #2846C8; transition: ease 1s; position: absolute; left: 0; bottom: 0;}

.z_news_list li:hover .desc::before{ width: 100%;}

.z_news_list li .imgbox{ width: 100%; height: 300px; overflow: hidden;}

.z_news_list li:hover .imgbg{ transform: scale(1.05,1.05);}

.z_news_list li .infobox{ background: #fff;}

.z_news_list li .desc{ padding: 20px; box-sizing: border-box; position: relative; line-height: 24px; font-size: 16px; border-bottom: 1px solid #e4e4e4;}

.z_news_list li .bar{ height: 65px; line-height: 65px; padding: 0 20px; color:#959595;}

.z_news_list li .iconfont { float: right;}

.z_news_list li:hover .iconfont{ color: #2846C8;}

.z_work_swiper{ width: 66%; float:left; height: 620px; overflow: hidden; position: relative;}

.z_work_list{ width: 34%; float: right; background: #fff; height: 620px;}

.z_work_list li{border-bottom: 1px solid #eeeeee; }

.z_work_list li:last-child{ border-bottom: none;}

.z_work_list li a{ padding: 36px 2.08vw; padding-right: 80px; display: block; box-sizing: border-box; position: relative;}

.z_work_list li .iconfont{ position: absolute;right: 2.08vw; transition: ease .4s; opacity: 0; top: 50%; transform: translateY(-50%);}

.z_work_list li h3{ font-size: 16px; margin-bottom: 10px;}

.z_work_list li h4{ color: #959595;}

.z_work_list li:hover .iconfont{ color: #2846C8; opacity: 1;}

.z_work_list li:hover h3{ color: #2846C8;}

.z_work_hd{ position: absolute; left: 0; bottom: 30px; width: 100%; text-align: center; z-index: 2;}

.z_work_head{ margin-bottom: 70px;}

.z_work_page{ padding: 70px 0;}

.z_work_text{ width: 730px; position: absolute;left: 0; bottom: 0; background: rgba(47,49,139,.9); z-index: 2; padding: 30px 50px; box-sizing: border-box; color: #fff;}

.z_work_text h3{ font-size: 30px; font-weight: bold; margin-bottom: 15px;}

.z_work_text .desc{ line-height: 24px;}

.z_btn_warp{ position: absolute; right: 40px; bottom: 40px;width: 15%;}
.z_work_text .swiper-pagination-fraction{width: auto !important;}
.z_num_hd{ display: inline-block;margin: 0 10px; font-family: "en"; }

.z_num_hd .swiper-pagination-current{ font-size: 24px;}

.z_btn_warp .iconfont{ font-size: 14px; cursor: pointer; outline: none;}

.z_case_flwarp{ /*width: 31.7vw;*/ width: 1000px;  z-index: 1;box-sizing: border-box;padding: 12.9vh 0;margin:0 auto;}
.z_case_flwarp img{width: 100%;}
.z_case_frwarp{ width: 48.4vw; margin-left: 38.47vw;  padding: 12.9vh 0;}

.z_case_flwarp.fixed{ position: fixed; left: 0; top: 0;}

.z_casexq_tit{ font-size: 30px; font-weight: bold; margin-bottom: 25px;text-align: center;}

.z_casexq_cs{ line-height: 24px; color: #333333; padding: 30px 0; /*border-bottom: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8;*/} 

.z_case_content{line-height: 24px; color:#898989; margin: 30px 0; /*max-height: 40vh;*/ overflow-y: auto;}


.z_topbtm_bar a{ display: block; width: 33.3%; float: left; text-align: center; height: 45px; line-height: 45px; text-align: center; border:1px solid #c2c2c2; border-right: none;}

.z_topbtm_bar a:last-child{border-right:1px solid #c2c2c2;}

.z_topbtm_bar a:hover{ background: #2846C8; color: #fff;}

.z_case_frwarp li img{ display: block; }

.z_case_frwarp li{ margin-bottom: 2.4vw;}

.z_mobile_bar{ display: none;}

.z_case_video{width: 1000px;padding: 0% 13%;padding-bottom: 5%;}
.z_case_video img,.z_case_video video{width: 100%;}

.mySwiper2 .swiper-slide{
  width: 62.5vw;
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin-bottom: 10px;
}
.mySwiper2 .swiper-slide img{width: 100%;}
.mySwiper .swiper-slide{
  height: 4.03125vw;
  overflow: hidden;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.z_about_nl{  padding: 7.2vw 0;}

.z_nl_list{ margin-top: 3.64vw;}

.z_nl_list ul{ margin-left: -1%;}

.z_nl_list li{width: 19%; margin-left: 1%; padding:40px; box-sizing: border-box; min-height: 377px; color: #fff;}

.z_nl_list li:nth-child(1){ background: #77AE3D;}

.z_nl_list li:nth-child(2){ background: #12A684;}

.z_nl_list li:nth-child(3){ background: #5469B0;}

.z_nl_list li:nth-child(4){ background: #387BB4;}

.z_nl_list li:nth-child(5){ background: #2B9DB5;}

.z_nl_list li .icon{ height: 45px; display: flex; align-items: center; }

.z_nl_list li .icon img{ display: block; max-height: 100%;}

.z_nl_list li h3{ margin: 2vw 0; font-size: 18px; font-weight: bold;}

.z_nl_list li .desc{ line-height: 24px;}

.about_page3{ min-height: 80vh; background-size: cover; background-position: center; background-attachment: fixed; display: flex; align-items: center;}

.about_page3 .abouts_warp{ float: left; width: 24vw;}

.about_page3 .z_index_tit{ text-align: left;}

.process_con{ margin-top: 12vh; color: #fff; position: relative; }

.process_con .child:nth-child(1){}

.process_con .child{opacity: 0; position: absolute; left: 0; top: 0; transform: translateY(30%); transition: ease .8s;}

.process_con .child.on{opacity: 1; visibility: visible; transform: translateY(0);}

.process_con .year{ margin-bottom: 3vw;}

.process_con .year h3{ font-size: 36px; position: relative; padding-left:30px; z-index: 1; font-family: "en"; font-weight: bold;}

.process_con .year h3:before{ content: ""; display: block; width: 14px; height: 14px; border-radius: 50%; background:#0072BC; position: absolute; left: 0; top: 50%; margin-top: -7px;}

.process_con .year h4{font-size: 24px; font-weight: bold; padding-left: 30px;}

.process_tab .num{ font-size: 60px; color: #fff; text-align: right; font-family: "num";}

.process_tab .tit{ text-align: right; color: #fff;}

.process_tab ul{ margin-top: 35px;}

.process_tab ul li{ display: block;font-family: "en";  cursor: pointer; font-size: 16px; position: relative; width: 145px; height: 50px; line-height: 50px; text-align: center; color: #fff;z-index: 1; margin-bottom: 2px;}

.process_tab ul li:before{content: ""; display: block; width: 3px; height: 100%; position: absolute; right: 0; top: 0; background: #fff;  transition: ease .5s;}

.process_tab ul li.on:before{ width: 100%; background: #0055c8;}

.year_con{ line-height: 24px;}

.z_honor_warp{ background: url(/style/img/bg3.jpg) no-repeat center; background-size: cover; padding: 5.2vw 0 7vw 0;}

.z_honor_warp .z_index_tit{ margin-bottom: 5.2vw;}

.z_honor_img img{ display: block; margin: 0 auto;}

.z_mobile_honor{ display: none}

.z_hz_warp{ padding: 5.2vw 0;}

.z_hz_warp .z_index_tit{ margin-bottom: 4vw;}

.z_hz_swiper{ overflow: hidden;}

.z_hz_swiper .bd ul{ border: 1px solid #D6D6D6; border-bottom: none; border-right: none;}

.z_hz_swiper .bd li{ width: 12.5%;  overflow: hidden; float: left; height: 130px; border-right:1px solid #D6D6D6;border-bottom:1px solid #D6D6D6; box-sizing: border-box;}

.z_hz_swiper .bd li a{ display: block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}

.z_hz_swiper .bd li img{ max-width: 90%; max-height: 90%; transition: ease .4s;}

.z_hz_swiper .bd li:hover img{ transform: scale(1.1);}

.z_hz_hd { text-align: center; margin-top: 3.6vw;}

.z_hz_hd li{background: #D6D6D6; }

.z_hz_hd li.on{ background: #0055c8;}



@media screen and (min-width:1920px){

.z_news_fl,.z_news_fr{ min-height:80vh}

.z_about_flwarp .z_conbox{ width:40%}

}







@media screen and (max-width:1580px){

.z_index_service .prev{ left: -50px;}

.z_index_service .next{right: -50px;}	

.z-container{ width: 88%;}

.z_case_list li .imgbox{ height: 18vw;}

/* .z_service_item  .imgbox{ height: 32.8125vw;} */



}

@media screen and (max-width:1440px){

.z_news_fr{ padding-right: 10vw;}

.z_news_f{ padding-left: 10vw;}

.z_hot_list li{ padding: 20px 0;}

.z_frist_news .imgbox{width: 200px; height: 130px;}

.z_news_swiper li .imgbox{ height: 260px;}

.z_about_flwarp .z_conbox{ width: 40%;}

.z_team_page li .imgbox{ height: 350px;}

.news_one .img{ height: 200px;}

/* .z_case_flwarp{ padding: 110px 0;}

.z_case_flwarp{ padding-left: 5vw;} */

/* .z_case_content{ max-height: 30vh;} */

.z_case_frwarp{ width: 55.4vw;}

/* .z_case_flwarp{ width: 33vw;} */

.mySwiper2 .swiper-slide{height: 350px;}
} 

@media screen and (max-width:980px){
.z_case_content iframe,.z_case_content video{width: 80%; height: auto;}
.mySwiper2 .swiper-slide{height: 200px;}
.z_case_video{width: 100%;}
.z_case_video img,.z_case_video video{width: 100%;}
.mySwiper .swiper-slide{height: 50px;}
  .z_case_flwarp{margin: 0;}
.z_header{ width: 100%; height: 50px;}	

.z_logo{ width: 100px; height: 50px; line-height: 50px;}

.z_logo img{ max-width: 100%; max-height: 25px; margin-left: 0;}

.z_header_nav{ width: 100%; transition: ease .8s; opacity: 0; visibility: hidden; transform: translateY(100%); display: flex; align-items: center;justify-content: center; height: calc(100vh - 5px); position: fixed; left: 0; top: 50px; background:rgba(53,55,148,.97);    text-align: center; padding-right: 0;}
.z_header_nav .downnav{ display: none;}
.z_header_nav.on{ opacity: 1; transform: translateY(0); visibility: visible;}

.z_header_nav li{ display: block; width: 100%; line-height: 50px;}

.z_header_nav ul{ width: 100%;}

.z_menu_mask{ display: none;}

.z_banner { margin-top: 50px; height: 30vh; }

.z_banner_text .h3{ font-size: 16px; margin-bottom: 5px;}

.z_banner_text .h4{ font-size: 12px;}

.z_dot_hd li,.z_dot_hd span{ width: 5px; height: 5px; margin-right: 5px; bottom: 10px;}

.z_index_service{ padding: 20px 0;}

.z-container{ width: 94%;}

.z_service_swiper li{ min-height: auto;}

.z_service_swiper .bd li{ min-height: 260px;}

.z_service_swiper li .imgbg{ opacity: 1;}

.z_service_swiper li  a{ color: #fff;}

.z_service_swiper li .icon{ height: 30px; margin-bottom: 15px;}

.z_service_swiper li .icon img{ transform: translateY(-30px); height: 60px;}

.z_service_swiper li .line{ background: #fff; margin: 15px 0;}

.z_service_swiper li .desc{ color: #fff;}

.z_service_swiper li a{ padding:10px;}

.z_service_swiper li .more{ opacity: 1; transform: translateX(0);}

.z_index_tit h3{ font-size: 20px; line-height:20px;margin-bottom: 4px;} 

.z_index_tit h4{ font-size: 12px;}

.z_index_service .z_index_tit{ margin-bottom: 20px;}

.z_service_swiper li .desc{ font-size: 12px; line-height: 20px;}

.z_service_swiper li h3{ font-size: 16px;}

.z_service_swiper li h4{ font-size: 12px;}

.z_service_swiper li .more{ display: none;}

.z_service_hd{ text-align: center; margin-top: 20px;}

.z_service_hd li.on{ background: #0055c8;}

.z_index_adv{ padding: 20px 0;}

.z_adv_num li{ width: 33.3%; float: left; min-width: auto;}

.z_adv_tit{ text-align: center; width: 100%; margin-bottom: 20px;}

.z_adv_tit .z_index_tit{text-align: center; margin-bottom: 10px;}

.z_adv_num li h3{ font-size: 12px;margin: 15px 0;}

.z_adv_num li .jia{ font-size: 12px;}

.z_adv_num li h4{ font-size: 12px;}

.z_adv_num li .timer{ font-size: 20px; line-height: 20px; }

.z_adv_num li span{ font-size: 12px;}

.z_adv_top{ padding-bottom: 20px; margin-bottom: 20px;}

.z_case_header{ display: block;}

.z_case_header .z_index_tit{ text-align: center; width: 100%; margin-bottom: 20px;}

.z_case_nav li{ width: 20%;}

.z_case_nav li a{ padding: 10px; }

.z_case_nav li h3{font-size: 12px;}

.z_case_nav li .icon{ margin-bottom: 5px;}

.z_adv_top{border-color: rgba(255,255,255,.5);}

.z_case_list li{ width: 98%; margin-bottom: 10px;}

.z_case_list li .imgbox{ height: 230px;}

.z_case_list li .infobox{ padding: 10px;}

.z_case_list li h3{ font-size: 15px; margin-bottom: 6px;}

.z_case_list li .h4{ font-size: 12px;}

.z_case_list li:last-child{ margin-bottom: 0;}

.z_index_about .imgbox, .z_index_about .infobox{ width: 100%; height: auto;}

.z_index_about .imgbox{ height: 50vh;}

.z_about_small{ position:absolute; left: 0%; top:-100px;width: 100%; display: flex; align-items: flex-end; justify-content: center;}




.z_about_small li{ width: 80px; height: 100px; margin: 0 5px;}

.z_index_about .infobox{ padding: 15px; padding-top: 40px; text-align: center;}

.z_index_about .infobox .z_row{ width: 100%;}

.z_index_about .desc{ width: 100%;}

.z_index_about .z_index_tit{ text-align: center;}

.z_index_about .line{ margin: 10px auto;}

.z_index_about .desc{ font-size: 12px; line-height: 20px;}

.z_index_more{ width: auto; padding: 0 10px; height: 35px; line-height: 35px; margin-left: 5px; background: #0055c8;}

.z_news_fl,.z_news_fr{width: 100%; padding: 20px 10px;}

.z_news_swiper li .imgbox{ height: 220px;}

.z_news_swiper li .infobox{ font-size: 14px;}

.z_frist_news .imgbox{ width: 150px; height: 100px; margin-right: 10px;}

.z_frist_news h3{ font-size: 14px;}

.z_frist_news span{ margin-top: 30px;}

.z_frist_news{ margin-bottom: 10px;}

.z_hot_list li { padding: 10px 0;}

.z_hot_list li .info{ font-size: 14px; line-height: 20px;}

.z_hot_list li .time { font-size: 12px; padding-right: 10px; margin-right: 10px;}

.z_hot_list li .time em{ font-size: 20px;}

.z_index_news .z_index_tit{ text-align: center; margin-bottom: 20px;}

.z_cooper_swiper li{ height: 50px;}

.z_cooper_swiper li img{ max-width: 80%;}

.z_index_cooper .z_index_tit{ margin-bottom: 10px;}

.z_cooper_btn span{ width: 35px; height: 35px; line-height: 35px;}

.z_foot_logo img{ display: block; margin: 0 auto; max-height: 30px;}

.z_footer_top{ display: block; padding: 20px 0; padding-bottom: 0; text-align: center;}

.z_foot_fl{ width: 100%;}

.z_foot_logo{ margin-bottom: 20px;}

.z_foot_contact{ font-size: 12px;}

.z_foot_contact .qq{ margin-bottom: 0;}

.z_foot_fr{ margin-top: 20px; float: left; display: flex; justify-content: center; width: 100%;}

.z_foot_addre li{ width: 100%;}

.z_foot_addre{ display: none}

.z_foot_copy a{ float: none;font-size: 12px;}

.z_foot_copy{ padding: 10px; text-align: center; font-size: 12px;}

.z_other_banner{ margin-top: 50px;}

.z_other_text{ text-align: center;}

.z_other_text h3{ font-size: 18px; margin-bottom: 5px;}

.z_other_text h4{ font-size: 12px;}

.page_nav{ height: 40px; line-height: 40px; overflow: hidden;}

.page_nav li { padding: 0 10px;}

.page_nav li a{ font-size: 14px;}

.page_nav .z-container{ width: 100%;}

.z_about_frwarp{ position: relative; width: 100%; height: 300px;}

.z_about_flwarp .z_conbox{ width: 100%;}

.z_about_flwarp .z_index_tit{ text-align: center;}

.z_service_item {margin-bottom: 10px;}

.z_service_item .imgbox{ width:100%; height: 260px; position: relative; top: auto; transform: translateY(0);}

.z_service_item .infobox{ width: 100%; height: auto; padding:30px 15px;}

.z_service_item .icon{ height: 30px; margin-bottom: 15px;}

.z_service_item .icon img{ height: 60px;}

.z_service_item .infobox .line{ margin: 15px 0;}

.z_service_tit{ font-size: 20px; padding: 20px 0;}

.z_service_xq{ padding: 0 15px;}

.z_service_content{ font-size: 14px; padding: 20px 0;}

.z_contact_map{ width: 100%; height: 220px; position: relative;}

.z_contact_box{ width: 100%; padding: 20px 0;}

.z_contact_box .line{ margin: 15px auto; }

.z_contact_con .qq{ margin-bottom: 0;}

.z_contact_con{ padding-bottom: 20px;}

.z_contact_addre li{ width:50%; margin-top: 20px; font-size: 12px;}

.z_contact_box .z_index_tit{ text-align: center;}

.ly_part .z-container{ padding: 20px 10px;}

.ly_part .ly_desc{ width: 100%;}

.ly_form{ width: 100%; border: none; padding: 0;}

.ly_desc .z_index_tit{ text-align: center;}

.ly_desc .z_index_tit .line{ margin: 15px auto;}

.ly_desc .text{ font-size: 12px; text-align: center;}

.ly_part .hot_tel{ text-align: center;}

.ly_desc .hot_tel span{ margin-top: 0;}

.ly_form .input_text{ font-size: 12px;}

.ly_form label{ margin: 10px 0;}

.ly_form .sub_btn{ margin-top: 10px;}

.z_team_page{ padding: 20px 0;}

.z_team_page ul{ margin: 0;}

.z_team_page li{ width: 100%; margin: 0; margin-bottom: 10px;}

.z_team_page li .infobox{ padding: 15px; min-height: auto;}

.z_team_page li h3{ font-size: 18px;}

.z_team_page li h3 span{ font-size: 14px;}

.z_team_page li h4{ font-size: 14px;}

.z_load_bar{ height: 40px; line-height: 40px; font-size: 14px;}

.news_xq{ padding: 20px 0;}

.news_fr{ display: none;}

.news_fl{ width: 100%; padding: 10px;}

.news_tit h3{ font-size: 16px; line-height: 24px;}

.news_bar{ padding: 20px 0; display: none;}

.news_artic{ padding: 20px 0;}

.news_time{ position: relative; float: none;display: none;  left: auto; top: auto; width: 50px; height: 50px; margin-right: 10px;}

.news_time em{ font-size: 20px;}

.z_news_page{ padding: 20px 0;}

.z_news_list ul{ margin-left: 0;}

.z_news_list li{ width: 100%; margin-left: 0; margin-bottom: 10px;}

.z_news_list li .imgbox{ height: 220px;}

.z_news_list li .desc{ font-size: 14px; padding: 10px;}

.z_news_list li .bar{ height: 40px; line-height: 40px; padding: 0 10px;}

.z_work_swiper{ width: 100%; height: 240px;}

.z_work_hd{ bottom: 10px;}

.z_work_list{ width: 100%; height: auto;}

.z_work_list li a{ padding: 15px; padding-right: 40px;}

.z_work_list li .iconfont{ opacity: 1;}

.z_work_list li h3{ font-size: 14px;}

.z_banner .bd li{ height: 100%;}

.z_work_head{ margin-bottom: 20px;}

.z_work_text{ width: 100%; padding: 0px;}

.z_work_text h3{ font-size: 14px;}

.z_work_text .desc,.z_work_text h3{ display: none;}

.z_btn_warp{ right:auto; left: 50%; bottom: 5px; transform: translateX(-50%); font-size: 14px;width: auto;}

.z_case_flwarp{ padding: 0; width: 100%;}

.z_case_frwarp{ width: 100%; margin-left: 0}

.z_workxq_page{ padding: 10px;}

.z_casexq_tit{ font-size: 18px; padding: 10px 0; margin-bottom: 10px; }

.z_casexq_cs{ padding: 15px 0;}

.z_case_content{ max-height:none; margin: 10px 0;}

.z_case_frwarp{ padding: 0; float: left; margin-top: 20px;}

.z_case_frwarp li{ margin-bottom: 5px;}

.z_pc_bar{ display: none}

.z_mobile_bar{ display: block;}

.z_about_frwarp{ position: relative; width: 100%; height: 300px;}

.z_about_flwarp .z_conbox{ width: 100%;}

.z_about_flwarp .z_index_tit{ text-align: center;}

.z_nl_list ul{ display: block;}

.z_nl_list li{ width: 99%; min-height: auto; text-align: center; padding: 15px;}

.z_nl_list li .icon{height: 30px;}

.z_nl_list li .icon img{ margin: 0 auto;}

.z_nl_list li h3{ font-size: 16px; margin: 10px 0;}

.z_about_nl{ padding: 20px 0;}

.z_about_nl .z_index_tit{ margin-bottom: 20px;}

.about_page3 .abouts_warp{ width: 100%;}

.process_con .year h3{ font-size: 20px;}

.process_con .year h4{ font-size: 16px;}

.about_page3{ min-height: auto; padding: 30px 0;}

.process_tab{ width: 100%;}

.process_con { margin: 30px 0;}

.process_con .child{ position: relative; display: none;}

.process_con .child.on{ display: block;}

.process_con .year{ font-size: 20px; margin-bottom: 10px;}

.process_tab .num,.process_tab .tit{display: none;}

.process_tab{  width: 100%;}

.process_tab ul{ margin-top:0px;}

.process_tab ul li{ display: inline-block;  background:rgba(0,0,0,.5); width: 24%; font-size: 14px; height: 40px; line-height: 40px;margin: 0;}

.z_honor_warp{ padding: 20px 0;}

.z_honor_warp .z_index_tit{ margin-bottom: 20px;}

.z_pc_honor{ display: none}

.z_mobile_honor{ display: block;}

.z_hz_swiper .bd li{ width: 25%; height: 50px;}

.z_hz_swiper .bd li img{ max-width: 80%;}

.z_hz_warp{ padding: 20px 0;}

.z_hz_warp .z_index_tit{ margin-bottom: 20px;}

.z_hz_hd{ margin-top: 10px;}
.z_service_xq{ width: 100%!important;}
.z_other_banner{ height: auto;}
.z_text_img img{ max-width: 80%;}
.z_header{ background: #0055c8;}
}  







<!--ºÄʱ1763023506.0063Ãë-->