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;}
.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;}
i,em{font-style:normal;}
.fl,.fl_warp{float:left;}
.fr,.fr_warp{float:right;}
.z-container {width:1440px;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;}
#bsWXBox{box-sizing:initial;}
#bsBox{box-sizing:initial;}
.more { width:auto!important;}
.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_system_list ul{ display: flex;}
.z_system_list ul li{ flex: 1; padding: 0 3.6vw; box-sizing: border-box; border-right: 1px solid #e6e7e8; padding-bottom: 2vw;} 
.z_system_list ul li:last-child{ border: none;}
.z_system_list ul li:first-child{ padding-left: 0;}
.z_system_list ul li h3{font-size: 24px;font-weight: bold;color: #353434; margin-bottom: 14px;}
.z_system_list ul li .icon{ margin-bottom:2vw;}
.z_system_list ul li .desc{font-size: 16px;font-weight: 400;color: #777777;line-height: 24px;}
.z_system_list ul li:hover img{ transform: rotate(360deg);}
.z_system_list ul li img{ display: block; transition: ease 1s; height: 100%;} 
.z_system_case .flwarp{ width: 25%; float: left; height: 30vw; background:#004b91; padding:7.8125vw 0 0 5.72916vw; box-sizing: border-box; color: #fff;}
.z_system_case .flwarp .z_index_tit3 h3{ color: #fff; font-size:24px;}
.z_system_case .z_case_swiper{ width: 75%; float: right; height: 30vw; overflow: hidden; position: relative;}
.z_system_case .z_case_swiper::before{ content: ""; display: block; z-index: 3; width: 100%; height: 100%; background: #556fb5; position: absolute; left: 0; top: 0; transition-delay: .5s; transition: ease 1.5s;}
.z_system_case.animated .z_case_swiper::before{ width: 0;}
.z_case_swiper .imgbox{ width: 55%; float: left;height: 30vw; overflow: hidden; position: relative;}
.z_case_swiper .imgbox .imgbg{}
.z_case_swiper .conbox{ width: 45%; float: right;}
.z_case_swiper .conbox .imgbg{ width: 100%; height: 19.79166vw;}
.z_case_swiper .infobox{ width: 100%; padding: 6.2vw 3.64583vw; box-sizing: border-box;}
.z_case_swiper .infobox h3{font-size: 25px;font-weight: bold;color: #1C1C1C;line-height: 36px; border-bottom: 1px solid #dcdcdc; padding-bottom: 15px; margin-bottom: 15px;}
.z_case_swiper .infobox .desc{font-size: 14px;font-weight: 400;color: #5C5C5C;line-height: 30px; height: 90px; margin-bottom: 1.5vw;}
.z_case_swiper .infobox .more{ color: #556FB5;}
.z_case_swiper .infobox .iconfont{ margin-left: 10px;}
.z_case_swiper a{ display: block;}
.z_case_btn{ margin-top: 3vw;}
.z_case_btn .iconfont{ display: inline-block; cursor: pointer; transition: ease 1s; outline: none; width: 39px;height: 39px; margin-right: 26px; background: #FDFEFF;border-radius: 50%; line-height: 39px; text-align: center; color: #7B7B7B;}
.z_case_btn .iconfont:hover{ background: #2a7dcb; color: #fff;}
@media screen and (max-width:1366px){
.z_system_list ul li{ padding: 0 1.5vw;}
.z_system_list ul li h3{ font-size: 20px;}
.z_system_list ul li .desc{ font-size: 14px;}
.z_case_swiper .infobox{ padding-top: 3vw; padding-bottom: 3vw;}
.z_case_swiper .infobox h3{ font-size: 20px;}
}
@media screen and (max-width:980px){
.z_system_case .flwarp{ width: 100%; display: flex; align-items: center; padding: 15px; height: auto; }
.z_case_btn{ margin-left: auto; margin-top: 0;}
.z_case_btn .iconfont{ margin-right: 0; margin-left: 10px; width: 30px; height: 30px; line-height: 30px;}
.z_case_swiper .imgbox{ width: 100%; height: 60vw; }
.z_system_case .z_case_swiper{ width: 100%; height: auto;}
.z_case_swiper .conbox{ width: 100%;}
.z_case_swiper .conbox .imgbg{ height: 50vw;display: none;}
.z_case_swiper .infobox{ padding: 15px;}
.z_case_swiper .infobox h3{ font-size: 16px; line-height: normal; padding-bottom: 10px; margin-bottom: 10px;}
.z_system_case .z_case_swiper::before{ display: none;}
.z_img_hd{ bottom: 10px;}
 }