@font-face {
  font-family: "NotoSansHans";
   src: url("/fonts/notosanshans-regular.ttf");    
  font-weight: normal;
  font-style: normal;
}
@font-face {
  
font-family: 'Raleway';
   src: url("/fonts/raleway-regular.ttf");    
  font-weight: normal;
  font-style: normal;
}
@font-face { 
font-family: 'DBOzoneX';
   src: url("/fonts/DIN-Medium.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; }
ul,dl,li,dt,dd{list-style:none;}
body,html{min-height:100%;font-family:微软雅黑;}
body{ font-family:微软雅黑,Microsoft YaHei,Helvetica,Arial;font-size:14px; color:#333333;-webkit-tap-highlight-color:rgba(255,255,255,0); width: 100%; overflow-x:hidden; background:#ffffff;}
pre{ font-family:微软雅黑, Microsoft YaHei,Helvetica,Arial; 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:Microsoft YaHei,Helvetica,Arial;-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;}

a {
	-webkit-tap-highlight-color: transparent;
	text-decoration: none
}
a:hover {
	text-decoration: none
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.fl,.fl_warp{float:left;}
.fr,.fr_warp{float:right;}
.z-container {width:1440px;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;}

.z_public_bg{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: url(../images/bgs.png) no-repeat center; background-size: cover; background-attachment: fixed; pointer-events: none;}
.flwarp{ float: left;}
.frwarp{ float: right;}
.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;
}
.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(../images/close.png) no-repeat center; z-index: 100; cursor: pointer;}
#video{width:100%; max-height: 100%;}
.video_pop .warp{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh;}
.z_banner{  height: 100vh; position: relative; width: 100%; position: fixed; left: 0; top: 0; }
.z_banner .bd,.z_banner .bd li,.z_banner .bd li .img,.z_banner .bd li .show{width:100%; overflow: hidden; height:100%; position:relative;}
.z_banner .bd li .img{ background-position:  bottom center; background-repeat:no-repeat; background-size:cover;}
.z_banner .bd li .show{transform:scale(1.1); transition:ease 2s; opacity:.8;}
.z_banner .bd li.swiper-slide-active .show,.zs_banner .bd li.swiper-slide-duplicate-active .show{transform:scale(1); opacity:1;}
.z_swiper_hd li{ display: inline-block;margin:0 5px; width: 10px; height: 10px; border-radius: 50%; background: #fff;}
.z_banner_hd{ width: 100%; padding: 0 5%; box-sizing: border-box; position: absolute; left: 0; bottom: 50px; z-index: 2;}
.z_banner_hd li{ margin-right: 10px;}
.z_swiper_hd li.on{ background: #0072bc; }
.z_banner_text{ position: absolute; left: 0; top:50%; padding: 0 7.55208vw; color: #fff; box-sizing: border-box; z-index: 2; width: 100%; transform: translateY(-50%); font-family:微软雅黑;}
.z_banner_text img{ display: block; margin: 0 auto;}
.z_banner .bd li.swiper-slide-active .z_banner_text .h3,.z_banner .bd li.swiper-slide-duplicate-active .z_banner_text .h3{transform: translateX(0%); opacity:1; transition-delay:.5s;}
.z_banner .bd li.swiper-slide-active .z_banner_text .h4,.z_banner .bd li.swiper-slide-duplicate-active .z_banner_text .h4{transform: translateX(0%); opacity:1; transition-delay:.8s;}
.z_banner_text .h3{font-size: 2.86458vw;font-weight:normal;line-height: 3.43750vw;transition: ease 1s;transform: translateX(200px); opacity: 0;}
.z_banner_text .h4{font-size: 1.2vw;font-family: Raleway;line-height: 2.29166vw; margin: 40px 0 60px; transition: ease 1s;transform: translateX(400px); opacity: 0;font-family:微软雅黑;}
.z_more_btn{ display: inline-block;min-width: 144px; overflow: hidden; position: relative; padding: 0 20px; box-sizing: border-box; color: #fff;height: 44px; z-index: 1; line-height: 44px; background: #e98230;}
.z_more_btn .iconfont{ font-size: 12px; float: right}
.z_more_btn::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; transform: translate(100%); transition: ease 1s; left: 0; top: 0;background: #ea7713;}
.z_more_btn:hover::before{ transform: translateX(-100%);}


.z_more_btn2{ display: inline-block;min-width: 144px; overflow: hidden; position: relative; padding: 0 20px; box-sizing: border-box; color: #fff;height: 44px; z-index: 1; line-height: 44px; background: #ea7713;}
.z_more_btn2 .iconfont{ font-size: 12px; float: right}
.z_more_btn2::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; transform: translate(100%); transition: ease 1s; left: 0; top: 0;background: #093b9f;}
.z_more_btn2:hover::before{ transform: translateX(-100%);}


.z_header{ width: 100%; transition: ease 1s; transition: ease .6s;  position: fixed; left: 0; top: 0; height: 85px; line-height: 85px; border-bottom: 1px solid rgba(255,255,255,.2); box-sizing: border-box; z-index: 10;}
.z_header::before{ content:""; display: block; width: 100%; height: 0; position: absolute; left: 0; top: 0; transition: ease 1s; background: #fff;}
.z_logo{ display: block; position: relative; height: 54px; float: left; margin-top: 15px; margin-left: 40px;}
.z_logo img{ display: block;height: 100%; transition: ease 1s;}
.z_logo .logo2{ position: absolute; left: 0; top: 0; opacity: 0; }
.z_header_fr{ float: right;}
.z_header_nav{ float: left;}
.z_header_nav li{ display: inline-block; width:100px; font-family:微软雅黑;}
.z_header_nav li a{ color: #fff; display: block; font-size:16px;}
.z_header_nav li:hover a{ font-weight: bold;}
.z_header_sou{ float: left; display: flex; align-items: center; }
.z_header_sou .sou{ display: block;flex-shrink: 0; cursor: pointer; font-size: 20px; font-weight: bold; width: 85px; height: 85px; border-left: 1px solid rgba(255,255,255,.2); text-align: center; line-height: 85px; color: #fff;}
 .z_header_sou  img {
          width: 25px;
          height: 25px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          margin-right: 2px; }

.z_header_sou .input_text{ color: #fff; height: 85px; width: 0; transition: ease .6s; }
.z_header_sou .input_text::-webkit-input-placeholder {color: rgba(255,255,255,.5);}
.z_header_sou .input_text::-moz-input-placeholder {color: rgba(255,255,255,.5);}
.z_header_sou .input_text::-ms-input-placeholder {color: rgba(255,255,255,.5);}
.z_header_sou:hover .input_text{ width: 8vw;}
.z_header.on .logo2{ opacity: 1;}
.z_header.on .logo1{ opacity: 0;}
.z_header.on{ border-bottom-color: #e5e5e5; background: #fff;}
/* .z_header.on::before{ height: 100%;} */
.z_header.on .z_header_nav a{ color: #1F1F1F;}
.z_header.on .z_header_sou .iconfont{ color: #333; border-color: #e5e5e5;}


.z_header.on .z_header_sou .input_text{ color: #333;  }
.z_header.on .z_header_sou .input_text::-webkit-input-placeholder {color: #999;}
.z_header.on .z_header_sou .input_text::-moz-input-placeholder {color:#999;}
.z_header.on .z_header_sou .input_text::-ms-input-placeholder {color:#999;}
.z_header.on .z_menu_btn::before{width: 100%; height: 100%; left: 0; top: 0; border-radius: 0; }
.z_menu_btn{  width: 85px; overflow: hidden; position: relative;z-index: 1; height: 85px;display: flex; align-items: center; justify-content: center; cursor: pointer; border-left: 1px solid rgba(255,255,255,.2); }
.z_menu_btn::before{ content: ""; display: block;  width: 0; height: 0; position: absolute; top: 50%; left: 50%; border-radius: 50%;background: #093b9f; transition: ease .4s;}
.z_menu_btn span{ display: block; transition: ease .6s; width: 19px; height:2px; background: #fff;}
.z_menu_btn .line2{ margin:3px 0;}
.z_menu_btn.on .line1{ transform:translateY(5px) rotate(45deg);}
.z_menu_btn.on .line3{ transform:translateY(-5px) rotate(-45deg);}
.z_menu_btn.on .line2{ opacity: 0;}
.z_menu_mask{ width: 100%; background: #fff;transition:ease 1s; transform:translateY(-500px); visibility: hidden; padding-top: 10px; padding-bottom: 10px; box-sizing: border-box; position:fixed; left: 0; top: 85px; z-index: 8; height: 420px;padding-right: 170px;}
.z_menu_mask ul{ float: right;}
.z_menu_mask ul li{display: inline-block; width:85px; vertical-align: top;}
.z_menu_mask li a{ display: block; line-height: 36px; color: #8D8D8D;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: 100%;}
.z_menu_mask li a:hover{ font-weight: bold;}
.z_menu_mask ul li h3{ display: none}
.Nav .z_menu_mask{transform:translateY(0); visibility:visible; opacity: 1;}
.z_banner_bar{ width: 100%; position: absolute; left: 0; bottom: 50px; text-align: center; color: #fff; z-index: 2;}
.z_banner_bar .sb{ display: inline-block;width: 18px;height: 31px; background: url(../images/sb.png) no-repeat center; margin: 0 20px; background-size: 100% 100%;}
.z_banner_bar .bar{ display: flex; align-items: center; justify-content: center; margin-bottom: 10px;}
.z_banner_bar .iconfont{ cursor: pointer;}
.z_about_num{ width: 50%; float: left; height: 40vw; background:url(../images/bj.jpg) no-repeat #f9f5ec ;box-sizing: border-box;}
.z_about_num li{ width: 50%; height: 25vw; float: left; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center;}
.z_about_num li h3{font-size: 3.16666vw; line-height: 4.16666vw; }
.z_index_page{ margin-top: 100vh; position: relative; z-index: 2; background: #fff; font-family:微软雅黑;}
.z_about_num li:nth-child(2){ color: #252525;}
.z_about_num li .h4{ margin: 1.5vw 0;font-size: 18px;}
.z_about_num li em{ display: inline-block;width: 26px;height: 3px;background: #FFFFFF;}
.z_about_num li:nth-child(2) em{ background: #252525;}
.z_index_video{ width: 50%; height: 40vw; float: right; display: flex; align-items: center; justify-content: center; position: relative;}
 .z_index_video::before{ content: ""; display: block; z-index: 2; transition-delay: 1s; pointer-events: none; width: 100%; height: 100%; background: #4169E1; transition: ease 2s; position: absolute; left: 0; top: 0;}
 .z_index_video.animated::before{ opacity: 0;}
.z_index_video .warp{ width: 67%; margin: 0 auto; text-align: center; color: #fff;}
.z_index_video .tit{font-size: 2vw; line-height: 2.5vw; font-weight: bold;color: #FFFFFF;}
.z_index_video .desc{font-size: 14px;font-weight: 400;line-height: 30px; padding-bottom: 20px;text-align:left;}
.z_index_video .desc p{ text-align:left; margin-bottom:16px;}
.z_index_video .line{ display: block; width: 26px;height: 3px;background: #FFFFFF; margin: 30px auto;}
.z_index_video .icon{ display: inline-block; width: 14px; height: 14px; background: url(../images/play.png) no-repeat center; background-size: 100% 100%; vertical-align: middle; margin-right: 10px;}

.z_index_video2{ width: 100%; height: 40vw; float: right; display: flex; align-items: center; justify-content: center; position: relative;}
 .z_index_video2::before{ content: ""; display: block; z-index: 2; transition-delay: 1s; pointer-events: none; width: 100%; height: 100%; background: #4169E1; transition: ease 2s; position: absolute; left: 0; top: 0;}
 .z_index_video2.animated::before{ opacity: 0;}
.z_index_video2 .warp{ width: 67%; margin: 0 auto; text-align: center; color: #333;}
.z_index_video2 .tit{font-size: 2vw; line-height: 2.5vw; font-weight: bold;color: #000;}
.z_index_video2 .desc{font-size: 14px;font-weight: 400;line-height: 30px; padding-bottom: 20px;}
.z_index_video2 .desc p{ text-align:left; margin-bottom:16px;}
.z_index_video2 .line{ display: block; width: 26px;height: 3px;background: #000; margin: 30px auto;}
.z_index_video2 .icon{ display: inline-block; width: 14px; height: 14px; background: url(../images/play.png) no-repeat center; background-size: 100% 100%; vertical-align: middle; margin-right: 10px;}




.z_index_product{ width: 100%; height: 59.11458vw; position: relative; z-index: 2; background-attachment: fixed; overflow: hidden;}
.z_product_bg{ width:100%; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0; z-index: -1; transform: scale(1.1,1.1); transition: ease 3s;}
.z_index_product.animated .z_product_bg{ transform: scale(1,1);}
.z_product_bg .imgbg{ width: 100%; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; transform: scale(1.1,1.1); background-attachment: fixed;}
.z_product_bg .imgbg.active{ transform: scale(1,1); opacity: 1;}
.z_product_con{ color: #fff; position: absolute; left: 6.66666vw; top: 16.66666vw;}
.z_product_con .z_index_tit{ color: #fff;}
.z_index_tit .en{font-size:2.6vw; text-transform: uppercase; font-weight: bold;line-height:2.6vw;}
.z_product_con .z_index_tit .line{ display: block; width: 7.8125vw;height: 2px;background: #FFFFFF; margin: 20px 0;}
.z_index_tit h3{font-size:2vw;font-weight: bold;}
.z_product_con .z_more_btn{ margin-top: 20px;}
.z_product_class{ width: 50vw; position: absolute; bottom: 0;right: 0;}
.z_product_class li{ width: 16.66vw; float: left; height: 16.66vw; z-index: 1; background: #093b9f; transition: ease 1s; position: relative;}
.z_product_class li::before{ content: ""; display: block; opacity: 0; width: 0%; height: 0%; transition: ease .8s; position: absolute; left: 0; top: 0; border-left: 2px solid #fff; border-top: 2px solid #fff; box-sizing: border-box;}
.z_product_class li::after{ content: ""; display: block; opacity: 0; width: 0%; height:0%; transition: ease .8s;  position: absolute; right: 0; bottom: 0; border-right: 2px solid #fff; border-bottom: 2px solid #fff; box-sizing: border-box;}
.z_product_class li.active::before,.z_product_class li.active::after{ width: 100%; height: 100%; opacity: 1;}
.z_product_class li.active{background: rgba(0, 0, 0, 0.3)!important;}
.z_product_class li a{ display: block; width: 100%; height: 100%; padding:1.5vw 2.3vw; box-sizing: border-box; color: #fff;}
.z_product_class li .cn{font-size: 18px;font-weight: bold; margin-bottom: 20px; line-height:60px; display: inline-block; border-bottom: 2px solid #fff;}
.z_product_class li .en{font-size: 20px;font-weight: bold;line-height: 24px;}
.z_product_class li .add{ display: block; width: 18px; height: 18px; background: url(../images/add.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 2.3vw; bottom: 2.3vw;}
.z_product_class li:nth-child(1){ margin-right: 33.32vw; background: rgba(191,181,85,1);}
.z_product_class li:nth-child(3){ background:#32b16c ;}
.z_product_class li:nth-child(2){ margin-left: 16.66vw;}
.z_product_class li:nth-child(4){ width: 33.32vw; background: #ea7713;}
.z_product_class li:nth-child(5){ background: url(../images/pic1.jpg) no-repeat center; background-size: cover;}

.z_index_news{ background: url(../images/bg2.png) repeat #f0f0f0; position: relative;}
.z_news_flwarp{ width: 25%; float: left; position: absolute; left: 0; top: 0; height: 100%;  display: flex; justify-content: center;}
.z_news_frwarp{ width: 75%; float: right; }
.z_news_flwarp .warp{height: 100%;  padding: 5.8vw 1vw; box-sizing: border-box; position: relative;}
.z_news_flwarp .z_news_nav{ position: absolute; left: 0; bottom: 5.8vw;}
.z_news_nav a{ display: block;width: 158px; margin-bottom: 20px; height: 44px;border: 1px solid #b5b5b5; line-height: 42px; padding: 0 20px; box-sizing: border-box;}
.z_news_nav a .iconfont{ float: right; color: #093b9f;}
.z_news_nav a.active,.z_news_nav a:hover{ background: #093b9f; color: #fff; border-color:#093b9f ;}
.z_news_nav a:hover .iconfont,.z_news_nav a.active .iconfont{ color: #fff;}
.z_news_frwarp li{ width: 33.3%; float: left; border-left: 1px solid #DCDCDC; transition: ease .5s;}
.z_news_frwarp li a{ display: block; width: 100%; height: 100%; padding: 5.5vw 2.08333vw; box-sizing: border-box;}
.z_news_frwarp li:last-child{border-right: 1px solid #DCDCDC;}
.z_news_frwarp li .day{font-size:3.3125vw;color: #323232;line-height: 85px; margin-left: -10px; ;}
.z_news_frwarp li .time{font-size: 16px;font-family: Arial;font-weight: bold;color: #727272;}
.z_news_frwarp li .tit{font-size: 16px;font-weight: 500;color: #2A2A2A;line-height: 28px; height: 56px; margin: 15px 0;}
.z_news_frwarp li .imgbox{ height: 13.02083vw; width: 100%; overflow: hidden; position: relative;}
.z_news_frwarp li .imgbox::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #093b9f; z-index: 1; transition: ease 1s; transition-delay: .5s;}
.z_news_frwarp li.animated .imgbox::before{ transform: translateX(100%);}
.z_news_frwarp li:hover .imgbg{ transform: scale(1.1,1.1);}
.z_news_frwarp li .desc{font-size: 14px;font-weight: 400;color: #6A6A6A;line-height: 30px; height: 60px; margin: 2vw 0;}
.z_news_frwarp li .more{ color:#093b9f ;}
.z_news_frwarp li .more .iconfont{ margin-left: 10px;}
.z_news_frwarp li:hover .day,.z_news_frwarp li:hover .tit{color:#093b9f ;}
.z_news_frwarp li:hover { background: #fff;}
.z_news_child{ display: none; overflow: hidden;}
.z_news_child.active{ display: block;}
.z_index_btmwrp{ padding: 0 8.33333vw; padding-top: 60px; box-sizing: border-box;}
.z_hz_tit .en{font-size: 24px;font-weight: bold;color: #323232;}
.z_hz_tit h3{font-size: 20px;font-weight: bold;color: #626262;}
.z_hz_swiper{ width: 100%; overflow: hidden;}
.z_hz_swiper li{height: 150px;  overflow: hidden }
.z_hz_swiper li a{  display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.z_hz_swiper li img{ display: block; max-width: 100%; max-height: 100%; transition: ease 1s;}
.z_hz_swiper li:hover img{ transform: scale(1.1,1.1);}
.z_index_link{ border-top: 1px solid #E5E5E5; padding: 30px 0; display: flex; align-items: flex-start;}
.z_index_link .tit{ flex-shrink: 0; font-weight: bold;}
.z_index_link .boxa a{ display: inline-block; padding: 0 15px; margin-bottom: 5px; height: 15px;line-height: 15px; color:#848484 ; border-right: 2px solid #848484;}
.z_index_link .boxa a:last-child{ border-right: 0;}
.z_index_link .boxa a:hover{ color: #0072BC;}
.z_footer{ width: 100%; background: #313131; position: relative; z-index: 1;padding: 0 8.33333vw; box-sizing: border-box; }
.z_footer_top{ padding: 20px 0 10px 0;display: flex;
    align-items: center;}
.z_foot_nav{ float: left;}
.z_foot_nav .downnav{ display: none;}
.z_foot_nav a{ color: rgba(255,255,255,.5); display: block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.z_foot_nav a:hover{ color: #fff;}
.z_foot_nav li{ display: inline-block; vertical-align: top; ; width: 5vw;}
.z_foot_nav li h3 a{ color: #fff;}
.z_foot_contact{ float: right; margin-left: auto;}
.z_foot_addre{ float: left; text-align: right;}
.z_foot_addre .kfbtn{ display: inline-block;width: 115px;height: 38px; line-height: 38px; text-align: center; color: #fff;background: #093b9f;}
.z_foot_addre .kfbtn .iconfont{ display: inline-block;margin-right: 8px;}
.z_foot_addre .tit{ color: rgba(255,255,255,.3); line-height: 40px; display: block;}
.z_foot_addre .tel{font-size: 28px;font-weight: 500;color: #FFFFFF;line-height: 36px;}
.z_foot_code{ float: right; text-align: center; margin-left: 20px;}
.z_foot_code .img{ width: 100px; height: 100px;}
.z_foot_code  img{ display: block; width: 100%; height: 100%;}
.z_foot_code h3{font-size: 14px;font-weight: 400;color: #666666; margin-top: 10px;}
.z_footer_btm{ padding: 20px 0;color: #838383; border-top: 1px solid rgba(255,255,255,.1);}
.z_footer_btm a{ color:#838383 ;}

.z_other_banner{ width: 100%; height: 450px; position: relative; overflow: hidden; position: fixed; left: 0; top: 0;}
.z_other_banner .imgbg{animation: zoombig 3s linear forwards;}
.z_other_banner .text{ width: 100%; position: absolute; left: 0; bottom: 140px; color: #fff; padding: 0 8.33333vw; box-sizing: border-box; z-index: 1; transition: ease 1s; font-family:微软雅黑;}
@keyframes zoombig {
	0%{transform: scale(1.2,1.2);} 

	100%{transform: scale(1,1);}
}
.z_other_banner .text .en{font-size: 2.86458vw;font-family: 'Raleway'; display: inline-block; font-weight: bold; line-height:3.125vw;text-transform: uppercase; transition: ease 1s;background-position 1.5s ease;  background: linear-gradient(to right, #fff, #fff 50%, #093b9f 50%); background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%; text-decoration: none;
    overflow: hidden;
    opacity: 0; transition-delay: .3s;}
.z_other_banner .text h3{font-size: 1.30208vw;display: inline-block;font-weight: bold;color: #FFFFFF;text-transform: uppercase; transition: ease 1s;background-position 1.5s ease;  background: linear-gradient(to right, #fff, #fff 50%, #093b9f 50%); background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%; text-decoration: none;
    overflow: hidden;
    opacity: 0; transition-delay: .3s;}
.z_other_banner .text .line{ width: 0px;height: 2px;background: #FFFFFF; display: block; margin: 15px 0; transition: ease 2s;}
.z_other_banner .text.animated .en,.z_other_banner .text.animated h3{opacity: 1;
    transform: translateX(0);
    background-position: 0 100%;}
.z_other_banner .text.animated .line{ width: 150px;}
.z_other_pgae{ margin-top:450px ; background: #fff; position: relative; z-index: 2; width: 100%;}
.z_page_nav{ width: 100%;height:60px; overflow: hidden; background: #0264ac;line-height: 60px; padding: 0 8.33333vw; box-sizing: border-box;}
.z_page_nav a{ color: #fff; font-size: 16px; padding: 0 50px;}
.z_page_nav li{ float: left;  position: relative;border-right: 1px solid #5577ba; font-family:微软雅黑;}
.z_page_nav li::before{ content: "";  z-index: 1; display: block; width: 0%; height: 2px; background: #fff; transition: ease 1s; position: absolute; left: 50%; top: 0px;}
/* .z_page_nav li:hover::before,.z_page_nav li.cur::before{ width: 100%; left: 0;}
 */
.z_page_nav li:hover a,.z_page_nav li.cur a{ font-weight: bold; padding:0 60px;}
.z_page_nav li:hover,.z_page_nav li.cur{ background: #fb7829;}
.z_about_pages{ float: left; width: 100%;}
.z_about_pages .flwarps,.z_about_pages .frwarps{ width: 50%; float: left; position: relative;}
.z_about_pages .flwarps{padding: 5.2vw 8.33333vw;box-sizing: border-box;padding-right: 5vw;}
.z_about_pages .z_about_con{ }
.z_about_pages .z_about_tit{font-size:1.82291vw;font-weight: bold;color: #4D5CA6;}
.z_about_pages  .line{width: 26px;height: 3px;background: #093b9f; display: block; margin: 15px 0;}
.z_about_pages .desc{font-size: 16px;font-weight: 400;color: #666666;line-height: 1.875vw; height: 22vw; overflow-y: auto;}
.z_about_num2{ float: left; width: 23.75%;}
.z_about_num2 li{ width:100%; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; height: 12.5vw; z-index: 1; position: relative;}
.z_about_num2 li::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.z_about_num2 li:nth-child(1)::before{ background: #32b16c;}
.z_about_num2 li:nth-child(2)::before{ background: #093b9f;}
.z_about_num2 li:nth-child(3)::before{ background: #c09a67;}
.z_about_num2 li .timer{font-size: 3.125vw;font-family: DBOzoneX;font-weight: 500;color: #FFFFFF; margin-bottom: 10px;}
.z_about_video{ width: 76.25%; position: absolute; right: 0; top: 0; height: 100%;}
.z_about_video .z_play{ position: absolute; left: 50%; cursor: pointer; top: 50%; transform: translate(-50%,-50%); text-align: center; color: #fff;}
.z_about_video .z_play .icon{ display: block; width: 50px;
height: 50px; background: url(../images/play2.png) no-repeat center; background-size: 100% 100%;margin: 0 auto; margin-bottom: 10px; }
.z_hxyx_about{ background-position: bottom center; padding: 7.8125vw 0; text-align: center;}
.z_hxyx_about .conwarp{ width: 760px; margin: 0 auto;transform: translateY(80px);
    color: #e1e1e1;
    transition: transform 1.2s, background-position 1.2s ease;
    background: linear-gradient(to right, #797979, #797979 50%, #e1e1e1 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    text-decoration: none;
    overflow: hidden;
    opacity: 0; transition-delay: .3s;}
.z_hxyx_about.animated .conwarp,.z_hxyx_about.animated .tit{opacity: 1;
    transform: translateX(0);
    background-position: 0 100%;}
.z_hxyx_about .tit{font-size:2.08333vw;font-weight: bold;color: #093b9f;   color: #e1e1e1;
    transition: transform 1.2s, background-position 1.2s ease;
    background: linear-gradient(to right, #093b9f, #093b9f, 50%, #333 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    text-decoration: none;
    overflow: hidden;
    opacity: 0; transition-delay: .3s;}
.z_about_line{ width: 26px;height: 3px;background: #093b9f; margin: 30px auto;}
.z_hxyx_about .desc{font-size: 14px;font-weight: 400;color: #797979;line-height: 30px;}
.z_hxys_system{ width: 100%; padding: 6.77083vw 8.33333vw; box-sizing: border-box; padding-bottom: 40px;}
.z_index_tit3 .line{ display: block;width: 176px;height: 2px;background: #7D7D7D; margin: 15px 0;}
.z_index_tit3 h3{font-size: 1.5625vw;font-weight: bold;color: #8C8C8C;}
.z_hxys_system .z_index_tit3{ margin-bottom:4.6875vw ;}
.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: 41.66666vw; background: #093b9f; padding:7.8125vw 0 0 5.72916vw; box-sizing: border-box; color: #fff;}
.z_system_case .flwarp .z_index_tit3 h3{ color: #fff;}
.z_case_swiper{}
.z_system_case .z_case_swiper{ width: 75%; float: right; height: 41.66666vw; overflow: hidden; position: relative;}
.z_system_case .z_case_swiper::before{ content: ""; display: block; z-index: 3; width: 100%; height: 100%; background: #093b9f; 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: 41.66666vw; overflow: hidden; position: relative;
.swiper-container{
 
}
	/* transform: rotate(15deg) scale(0.6);
	opacity: 0;
	animation: slide-ani-active 1.5s ease 0s 1 alternate;
	animation-fill-mode: forwards */
}
.z_case_swiper .imgbox .imgbg{}
/* .z_case_swiper .swiper-slide-active .imgbox .imgbg {
	transform:  scale(1.8);
	opacity: 0;
	animation: slide-ani-active-slide 1.5s ease 0s 1 alternate;
	animation-fill-mode: forwards
}
.z_case_swiper .swiper-slide-active.prev .imgbox {
	transform:  scale(0.5);
	opacity: 0;
	animation: slide-ani-active 1.5s ease 0s 1 alternate !important;
	animation-fill-mode: forwards !important
}

.z_case_swiper .swiper-slide-active.prev .imgbox .imgbg {
	transform:  scale(1.8);
	opacity: 0;
	animation: slide-ani-active-slide 1.5s ease 0s 1 alternate !important;
	animation-fill-mode: forwards !important
} */
.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: 5vw 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: #093b9f;}
.z_case_swiper .infobox .iconfont{ margin-left: 10px;}
.z_case_swiper a{ display: block;}
@keyframes slide-ani-active {
	0% {
		transform:  scale(0.6);
		opacity: 0
	}

	100% {
		transform: rotate(0) scale(1);
		opacity: 1
	}
}

@keyframes slide-ani-active-slide {
	0% {
		transform:  scale(1.8);
		opacity: 0
	}

	100% {
		transform: rotate(0) scale(1);
		opacity: 1
	}
}
.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: #32b16c; color: #fff;}
.z_advantage{ width: 100%; padding: 5.2vw 8.33333vw;box-sizing: border-box;}
.z_advantage .z_index_tit3{ text-align: center; margin-bottom: 4vw;}
.z_advantage .z_index_tit3 .line{ margin: 10px auto; width: 56px;}
.z_adv_list ul{ margin-left: -2.5%;}
.z_adv_list li{ width: 22.5%; float: left; display: flex; align-items: center; margin-left: 2.5%; height: 18.75vw; padding: 3vw;box-sizing: border-box; color: #fff; position: relative; z-index: 1;}
.z_adv_list li::before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.5); position: absolute; left: 0; top: 0;}
.z_adv_list li:nth-child(1){ background-color: #b28750;}
.z_adv_list li:nth-child(2){background-color: #434343;}
.z_adv_list li:nth-child(3){ background-color: #546fb4;}
.z_adv_list li:nth-child(4){ background-color: #32b16c;}
.z_adv_list li h3{font-size: 1.5625vw;font-weight: 500;color: #FFFFFF; margin: 10px 0;}
.z_adv_list li .desc{font-size: 16px;font-weight: 400;color: #FFFFFF;line-height:1.5625vw;}
.z_adv_list li .icon{ height: 3.54166vw;}
.z_adv_list li img{ display: block; height: 100%;}
.z_gongneng{  padding: 5.2vw 8.33333vw;box-sizing: border-box; }
.z_gongneng .conwarp{ position: relative;display: flex;align-items: center; position: relative; padding-right: 50px;}
.z_gongneng .conwarp::before{ content: ""; display: block; width: 100%; height: 1px; background: #d2d2d2; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1;}
.z_gongneng_swiper{ flex: 1;}
.z_gongneng .tit{font-size: 1.82291vw;font-family: Microsoft YaHei,Helvetica,Arial;font-weight: bold;color: #353434;line-height: 36px; text-transform: uppercase; margin-bottom: 90px;}
.z_gongneng .tit em{ color: #093b9f;}
.z_gongneng .tit2{ font-size: 1.5625vw; color: #7C7C7C;}
.z_gongneng .flwarp{ flex-shrink: 0; margin-right: 5vw;}
.z_gongneng_swiper{ height: 260px; overflow: hidden;}
.z_gongneng_swiper li{ position: relative;}
.z_gongneng_swiper li::before{ content: ""; display: block; width: 20px;height: 20px;background: #093b9f;border: 3px solid #FFFFFF;box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05);border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.z_gongneng_swiper li:nth-child(even)::before{background: #009944;}
.z_gongneng_swiper li .con{ width: 91px;height: 83px;position: absolute; left: 50%; transform: translateX(-50%);background: #FFFFFF; color: #093b9f; font-size: 20px; text-align: center; display: flex; align-items: center; justify-content: center; padding: 0 20px; box-sizing: border-box; border: 2px solid #093b9f;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);border-radius: 24px;}
.z_gongneng_swiper li:nth-child(even) .con{ bottom: 0; }
.z_gongneng_swiper li:nth-child(odd) .con{ top: 0;}
.z_gongneng_swiper li:nth-child(4n-1) .con{background: #093b9f; color: #fff;}
.z_gongneng_swiper li:nth-child(4n-2) .con{background: #009944;border: 2px solid #009944; color: #fff;}
.z_gongneng_swiper li:nth-child(4n) .con{
background: #FFFFFF;
border: 2px solid #009944; color: #009944;}
.z_gongneng .conwarp .next{width: 77px;height: 77px;background: #B28750;border: 3px solid #FFFFFF;box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05);border-radius: 50%; display: block; position: absolute; right: -40px; font-size: 24px; font-weight: bold; color: #fff; top: 50%; transform: translateY(-50%); z-index: 2; cursor: pointer; outline: none; text-align: center; line-height: 71px;}
.z_gongneng .conwarp .next::before{content: "";display: block;width: 87px;height:87px;border-radius: 50%;background: rgba(178,135,80,.5);position: absolute;animation: circle-opacity 2s infinite;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0,0);}
@keyframes circle-opacity{
    from {
        opacity: 1;
        transform:translate(-50%,-50%) scale(1);
    }
    to {
        opacity: 0;
        transform:translate(-50%,-50%) scale(1.5);
    }
}
.z_team_pages{ padding: 8.33333vw; padding-bottom: 5.2vw; box-sizing: border-box; padding-top: 0;}
.z_other_tit{ text-align: center;}
.z_other_tit h3{font-size: 2.6vw;font-family: Microsoft YaHei,Helvetica,Arial;font-weight: bold;color: #393838; text-transform: uppercase;}
.z_other_tit h4{font-size: 1.30208vw;font-weight: bold;color: #7B7B7B;}
.z_team_pages .z_other_tit{ padding: 3.64583vw 0;}
.z_team_list ul{ margin-left: -2.7%;}
.z_team_list li{ width: 17.3%; float: left; margin-left: 2.7%; height: 21.04166vw; margin-bottom: 2.91666vw; position: relative; overflow: hidden;z-index: 1;}
.z_team_list li::before{content: ""; width: 100%; height: 100%; background: url(../images/titbg.png) no-repeat bottom center; background-size: 100% auto; position: absolute; left: 0; bottom: 0; pointer-events: none; z-index: 1; }
.z_team_list li .infobox{ position: absolute; z-index: 2; transition: ease 1s; transform: translateY(69%); bottom: 0; top: 0; width: 100%; height: 100%; color: #fff; padding:1.5vw; box-sizing: border-box;}
.z_team_list li .name{ text-align: center;}
.z_team_list li .name h3{font-size: 18px;}
.z_team_list li .line{ display: block;width: 42%; margin: 10px auto; transition: ease .6s; 
height: 1px;
background: #FFFFFF;
opacity: 0.5; transition: ease .6s;}
.z_team_list li .desc{ margin-top: 20px; padding-top: 15px; transition: ease .6s; opacity: 0; font-size: 14px; line-height: 30px; position: relative; border-top: 1px solid rgba(255,255,255,.5); color: #fff;}
.z_team_list li:hover .infobox{ transform: translateY(0); background: rgba(178,136,80,.9);}
.z_team_list li:hover .imgbg{ transform: scale(1.1,1.1);animation: overturn 3s;-moz-animation: overturn 3s;-webkit-animation: overturn 3s;-o-animation: overturn 3s;}
.z_team_list li:hover .desc{ opacity: 1;}
.z_team_list li:hover .line{ width: 0; margin: 0 auto;}
@keyframes overturn
{
    0% {transform: rotateY(0deg);}
    50% {transform: rotateY(180deg);}
    100% {transform: rotateY(0deg);}
}

.z_contact_map{ width: 100%; height: 500px;}
.z_contact_warp{ padding: 0 8.33333vw; box-sizing: border-box;}
.z_contact_info{ padding: 4.6875vw 0; border-bottom: 1px solid #dcdcdc;}
.z_contact_info ul{ display: flex; justify-content: space-between;}
.z_contact_info  li{ float: left; padding-left: 70px; width: 20%; color: #474747; }
.z_contact_info  li.tel{ background: url(../images/c1.png) no-repeat left top;}
.z_contact_info  li.dz{ background: url(../images/c2.png) no-repeat left top;}
.z_contact_info  li.yx{ background: url(../images/c3.png) no-repeat left top;}
.z_contact_info  li.tel h3,.z_contact_info  li.yx h3{font-size: 20px;font-family: Bahnschrift;font-weight: 400;color: #093b9f;}
.z_contact_info  li.dz h3{font-size: 16px;font-weight: 400;color: #0D3DB8;line-height: 24px;}
.z_contact_code{ padding-bottom: 5vw;}
.z_contact_code .tit{font-size: 25px;font-weight: bold;color: #101010; margin: 40px 0;}
.z_contact_code li{ float: left; margin-right: 4.6875vw; text-align: center;} 
.z_contact_code li img{ display: block; width: 105px; height: 105px;}
.z_contact_code li h3{ font-size: 16px; color: #656565; margin-top: 10px;}

.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: rgba(0, 0, 0, 0.8); }
.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;  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: #BF2E2E;}
.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_honor_page{ background-position: bottom center;padding: 5.72916vw 0vw; box-sizing: border-box; background-attachment: fixed;}
.z_honor_page .z_other_tit .en,.z_honor_page .z_other_tit h4{ color: #fff;}
.z_honor_page .z_other_tit{ margin-bottom:4.6875vw ;}
.z_honor_list{ width: 1280px; margin: 0 auto;}
.z_honor_list ul{ margin-left: -1.8%;}
.z_honor_list li{ width: 23.2%; margin-left: 1.8%; background: #fff; height: 320px; transition: ease .6s; float: left; margin-bottom: 40px; border: 5px solid #fff; box-sizing: border-box; padding: 10px; box-sizing: border-box;}
.z_honor_list li a{ display: block; width: 100%; height: 100%;  box-sizing: border-box; position: relative; }
.z_honor_list li .infobox{  right: 0; bottom: 0; padding: 15px; margin-top: 3vw; box-sizing: border-box; }
.z_honor_list li .time{ font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.z_honor_list li .desc{ font-size:18px;  line-height: 30px;font-weight: bold;}
.z_honor_list li:hover{ box-shadow: 0 0 20px rgba(255,255,255,.5);}
.z_project_page{ padding: 3.64583vw 8.33333vw; box-sizing: border-box; background: #f5f5f5;}
.z_project_page li{ margin-bottom: 3.64583vw;}
.z_project_page li a{ display: block; width: 100%;}
.z_project_page li .imgbox,.z_project_page li .infobox{ width: 50%; float: left; height: 26.04166vw; overflow: hidden; position: relative;}
.z_project_page li:hover .imgbg{ transform: scale(1.1,1.1) ;}
.z_project_page li .imgbox::before{     content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color:#093b9f;
    width: 100%;
    height: 100%;
    transform: translateX(0%);
    transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);
    z-index: 1;
}
@-webkit-keyframes trigger1Anime {
0% {background-color: #093b9f;}
100% {background-color: rgba(0, 0, 0, 1);}
}
@keyframes trigger1Anime { 
0% {background-color: rgba(0,145,179,1);}
100% {background-color: #093b9f;}
}

.z_project_page li.animated .imgbox::before{  -webkit-animation: trigger1Anime .5s cubic-bezier(0.5, 0, 0, 1);transition-delay: 0.5s;    transform: translateX(100%);
    animation: trigger1Anime .5s cubic-bezier(0.5, 0, 0, 1);}
.z_project_page li .infobox{ background: #fff; padding: 3.125vw; box-sizing: border-box; position: relative;}
.z_project_page li .infobox::before{ z-index: 1; content: ""; display: block; width: 0%; height: 3px; background: #093b9f; position: absolute; left: 0; bottom: 0; transition: ease 1s;}
.z_project_page li h3{font-size: 1.45833vw;font-weight: bold;color: #1C1C1C; margin-bottom: 10px; transition: ease .5s;}
.z_project_page li .titbox{ border-bottom: 1px solid #DCDCDC; padding: 1.5vw 0; padding-top: 1vw;}
.z_project_page li span,.z_detail_head .slg span{ display: inline-block; margin-right: 1.5vw;font-size: 16px;font-family: Arial;font-weight: 400;color: #5C5C5C; padding-left: 25px;}
.z_project_page li .jie,.z_detail_head .slg .jie{ background: url(../images/p1.png) no-repeat left center; color: #093b9f;}
.z_project_page li .yan,.z_detail_head .slg .yan{ background: url(../images/p2.png) no-repeat left center;}
.z_project_page li .time,.z_detail_head .slg .time{ background: url(../images/p3.png) no-repeat left center;}
.z_project_page li .desc{ margin-top: 15px;color: #5C5C5C;line-height: 30px;}
.z_project_page li .more{ position: absolute; left: 3.125vw; bottom: 3.125vw; color: #093b9f;}
.z_project_page li .more .iconfont{ font-size: 12px;} 
.z_project_page li:hover .infobox::before{ width: 100%;}
.z_pages_bar{ text-align: center;}
.z_pages_bar a{ display: inline-block; border-radius: 5px; height: 34px; line-height: 32px; border: 1px solid #c4c4c4; text-align: center; color: #c4c4c4; min-width: 68px; text-align: center; margin: 0 20px; text-transform: uppercase;}
.z_pages_bar .btn{ min-width: 116px;}
.z_pages_bar a:hover,.z_pages_bar a.active{ background: #2f5bb3; color: #fff; border-color: #2F5BB3;}
.z_pages_bar a .iconfont{ font-size: 14px;}
.z_project_page li:hover h3{ color: #093b9f;}


.z_news_head{background: url(../images/bg9.jpg) no-repeat center; background-size: cover; padding: 4.16vw 0;}
.z_hotnews_swiper{ }
.z_hotnews_swiper li{box-shadow: 0px 10px 41px 0px rgba(0, 0, 0, 0.1);}
.z_hotnews_swiper li .imgbox,.z_hotnews_swiper li .infobox{ width: 50%; height: 480px; float: left; overflow: hidden;}
.z_hotnews_swiper li .infobox{ background: #fff; padding:5% 6.5%;}
.z_hotnews_swiper li .day{font-size: 72px; margin-right: 15px; font-family: DIN;font-weight: bold;color: #093b9f; float: left; line-height: 52px; padding-bottom: 24px; border-bottom: 2px solid #093b9f;}
.z_hotnews_swiper li .timebox span{ display: block; }
.z_hotnews_swiper li .timebox{ display: flex; align-items: center;color: #ccc; font-size: 18px; font-weight: bold; margin-bottom: 40px;}
.z_hotnews_swiper li h3{font-size: 25px;font-weight: bold;color: #303030;}
.z_hotnews_swiper li .desc{font-size: 16px;font-weight: 400;color: #868686;line-height: 30px; height: 60px; margin: 20px 0;}
.z_hotnews_swiper li .more{ color: #093b9f;}
.z_hotnews_swiper li .iconfont{ font-size: 12px;}
.z_hotnews_swiper li:hover h3{ color: #093b9f;}
.z_hotnews_swiper li:hover .imgbg{ transform: scale(1.1,1.1);}


.z_hot_btn{ text-align: right; margin-top: 25px;}
.z_hot_btn span{ display: inline-block; transition: ease .5s; outline: none; width: 54px;height: 54px;background: #CCCCCC; text-align: center; line-height: 54px; color: #fff; margin-left: 10px; cursor: pointer;}
.z_hot_btn span:hover{ background: #093b9f;}
.z_news_list li{ border-bottom: 1px solid #DCDCDC; position: relative;}
.z_news_list li::before{ content: ""; transition: ease 1s; display: block; width: 0; position: absolute; left: 0; height: 2px; background:#093b9f; position: absolute ; left: 50%; bottom: -1px; z-index: 1;}
.z_news_list li a{ display: block; padding: 90px 0; position: relative; padding-right: 200px; box-sizing: border-box;}
.z_news_list li h3{font-size: 28px;font-weight: bold;color: #303030; margin-bottom: 20px;}
.z_news_list li h4{font-size: 16px;font-weight: 400;color: #767676;}
.z_news_list li .timebox{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); text-align: center; color: #CCCCCC;}

.z_news_list li .timebox em{ display: block;font-size: 55px;font-family: DIN;font-weight: 500;color: #093b9f;}
.z_news_list li:hover h3{ color: #093b9f;}
.z_news_list li:hover::before{ width: 100%; left: 0;}
.z_news_list .z_pages_bar{ padding: 4vw 0;}

.z_gjia_page{ background: url(../images/bg7.jpg) no-repeat center; background-size: cover; padding: 6.25vw 8.33333vw; box-sizing: border-box; }
.z_gjia_con{ margin-top: 3vw;}
.z_gjia_con img{ max-width: 100%; display: block; margin: 0 auto; height: auto;}

.z_detail_page{ background: #f5f5f5; padding: 0 8.33333vw;  box-sizing: border-box;}
.z_detail_page .z-container{ background: #fff; width: 100%; padding: 0 7.29166vw;padding-top: 10px; padding-bottom: 5.2vw; box-sizing: border-box;}
.z_detail_head{ padding: 2.6vw 0; border-bottom: 1px solid #DCDCDC;}
.z_detail_head h3{font-size: 1.82291vw;font-weight: bold;color: #1C1C1C; margin-bottom: 15px;}
.z_detail_head .slg{ display: flex; align-items: center;}
.z_detail_head .z_share{ margin-left: auto;}
.z_share a{ display: inline-block; width: auto!important; height: auto!important; background: none!important; padding: 0!important; font-size: 20px!important; margin-left: 30px!important;}
.z_detail_con{ padding: 40px 0;color: #5C5C5C;line-height: 36px; font-size: 16px;}

.z_topbtm_bar{ width: 100%;height: 67px; color: #8B8B8B; background: #F9F9F9; line-height: 67px; padding: 0 30px; display: flex; justify-content: space-between; align-items: center;}
.z_topbtm_bar .back{ display: block; width: 50px; height: 50px; background: url(../images/back.png) no-repeat center;}
.z_topbtm_bar .iconfont{ margin: 0 10px;}
.z_topbtm_bar a:hover{ color: #093b9f; font-weight: bold;}


.z_img_hd{ position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; z-index: 2;}
.z_img_hd li{ display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #fff; margin: 0 5px;}
.z_img_hd li.on{ background: #0072BC;}
.z_honor_list li a .slg{ display: flex; align-items: center; width: 100%;}
.z_honor_list li .year{ margin-left: auto; font-size: 25px;  font-family: "DIN"; color: #d8dedd;}
.z_honor_list li .icon{ width: 47px; height: 59px; display: block; background: url(../images/zhonor.png); background-size: cover;}
@media screen and (max-width:1440px){
.z_team_list li .infobox{ transform: translateY(62%);}
.z_team_list li .desc{ line-height: 24px; font-size: 13px;}
.z_contact_info li{ width: 25%;}
.z-container{ width: 80%;}
.z_hotnews_swiper li .imgbox, .z_hotnews_swiper li .infobox{ height: 400px;}
.z_news_list li a{padding: 50px 0;}
.z_news_list li h3{ font-size: 22px;}
}


@media screen and (max-width:1366px){
.z_product_class li .en{ font-size: 18px;}	
.z_product_class li .cn{ font-size: 16px;}
.z_news_frwarp li .tit{ font-size: 18px;}
.z_about_pages .desc{ font-size: 14px;}
.z_about_pages .z_about_con{ width: 100%;}
.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;}
.z_adv_list li .desc{ font-size: 14px;}
.z_adv_list li{ padding: 2vw;}
}
@media screen and (max-width:1330px){
.z_header_nav li{ width: 120px;}
.z_menu_mask ul li{ width: 120px;}

}
@media screen and (max-width:980px){
.z_header{ height: 50px; line-height: 50px; background: #fff; border-bottom: none;}
.z_header::before{ height: 100%;}
.z_header .z_logo .logo2{ opacity: 1;}
.z_menu_btn{ background: #093b9f;}
.z_logo{ margin-left: 10px; margin-top: 5px;}
.z_logo img{ display: block; height: 40px;}
.z_header_nav{ display: none;}
.z_header_sou{ display: none;}
.z_menu_btn{ width: 50px; line-height: 50px; height: 50px;}
.z_banner{ height: 50vw; margin-top: 50px; position: relative;}
.z_banner_text .h3{ font-size: 16px;line-height: 18px; }
.z_banner_text .h4{ display: none;}
.z_more_btn{ height: 30px; line-height: 30px; min-width: 100px; padding: 0 10px; font-size: 12px;}
.z_banner_text .z_more_btn{ margin-top: 10px;}
.z_menu_mask{ width: 100%;  display: flex; align-items: center; justify-content: center; text-align: center; height: calc(100vh - 110px); top: 50px; transform: translateY(100%); transition: ease .7s; padding: 10px; box-sizing: border-box; background: #093b9f;}
.z_menu_mask ul li{ display: block; width: 100%; margin-bottom: 10px; }
.z_menu_mask ul{ width: 100%; float: none;}
body.Nav .z_menu_mask{ transform: translateY(0%);}
.z_menu_mask ul li h3{ display: block; font-size: 15px; font-weight: bold; margin-bottom: 5px; color: #fff;}
.z_menu_mask ul li a{ display: inline-block; margin: 0 5px; line-height: 24px; color: #fff;opacity: .8; width: auto;} 
.z_banner_bar{ display: none;}
.z_index_page{ margin-top: 0;}
.z_about_num{ width: 100%; height: 100vw;}
.z_about_num li{ height: 50vw;}
.z_index_video{ width: 100%; }
.z_about_num li .h4{ font-size: 12px;}
.z_about_num li h3{ font-size: 20px;}
 .z_index_video{ padding: 20px 0; height: auto;}
 .z_index_video .tit{ font-size: 18px; line-height: normal;} 
 .z_index_video .line{ margin: 10px auto;}
 .z_index_video .desc{ font-size: 14px; line-height: 20px;}
 .z_index_video .warp{ width: 90%;}
 .z_about_num li .h4{ margin: 10px ;}
 .z_about_num li em,.z_index_video .line{ width: 20px; height: 2px;}
 .z_index_product{ height: auto; padding: 20px 0; padding-bottom: 0;}
 .z_product_con{ position: relative;left: auto; top: auto; text-align: center; margin-bottom: 20px;}
 .z_product_class{ position: relative; bottom: auto; right: auto; width: 100%;}
 .z_index_tit .en{ font-size: 20px; line-height: 18px;}
 .z_product_con .z_index_tit .line{ margin: 10px auto;}
 .z_index_tit h3{ font-size: 16px; }
 .z_product_class li{ width: 33.3%; height: 33.3vw;}
 .z_product_class li a{padding: 10px; }
 .z_product_class li:nth-child(1){ margin-right:0;}
.z_product_class li:nth-child(2){ margin-left: 0; margin-right: 33.3%;}
.z_product_class li:nth-child(4){ width: 33.3%;}
.z_product_class li .cn{ line-height: 30px; font-size: 14px; margin-bottom: 5px; border-bottom-width: 1px;}
.z_product_class li .en{ font-size: 12px; line-height: 18px;}
.z_product_class li .add{ left: 10px; bottom: 10px; width: 8px; height: 8px;}
.z_news_flwarp{ width: 100%; position: relative; margin-bottom: 20px;}
.z_index_news{ padding: 20px 0;}
.z_news_flwarp .warp{ width: 100%; display: flex; align-items: center; padding: 0 10px;}
.z_index_tit{width:200px;}
.z_news_flwarp .z_news_nav{ position: relative;left: auto; bottom: auto; margin-left: auto;}
.z_news_nav a{ display: inline-block; width: auto; height: 35px; line-height: 33px; padding: 0 10px; margin-bottom: 3px;}
.z_news_nav a .iconfont{font-size: 12px;} 
.z_news_frwarp{ width: 100%;}
.z_news_frwarp li{ width: 50%; padding:0; border: none; border-bottom: 1px solid #DCDCDC;}
.z_news_frwarp li .day{ font-size:20px; line-height: normal; margin-left: 0; margin-bottom: 5px;}
.z_news_frwarp li .tit{ font-size: 14px; max-height: 48px; height: auto; line-height: 24px; margin: 10px 0;}
.z_news_frwarp li .imgbox{ height:20vw;}
.z_news_frwarp li .desc{ line-height: 20px; font-size: 13px; height: auto;}
.z_news_frwarp li .more{ display: none;}
.z_news_frwarp li a{ padding: 15px;}
.z_news_frwarp li:first-child{border-top: 1px solid #DCDCDC;}
.z_index_btmwrp{ padding: 0 10px; padding-top: 20px;}
.z_hz_tit{ text-align: center;}
.z_hz_tit .en{ font-size: 20px;}
.z_hz_tit h3{ font-size: 16px;}
.z_hz_swiper li{ height: 100px;}
.z_index_link { display: block; padding: 15px 0;}
.z_index_link .tit{ display: block; margin-bottom: 10px;}
.z_footer{ padding: 0 10px;    margin-bottom: 55px;}
.z_foot_nav{ display: none;}
.z_foot_addre .tel{ font-size: 20px; line-height: 18px;}
.z_foot_addre .tit{ line-height: 30px;}
.z_foot_contact{ width: 100%; display: flex;align-items: center; justify-content: center;}
.z_footer_top{ padding: 15px 0;}
.z_footer_btm{ font-size: 12px; text-align: center; padding: 10px 0;}
.z_footer_btm a{ font-size: 12px;}
.z_foot_code .img{ width: 80px; height: 80px; margin: 0 auto;}
.z_foot_code h3{ font-size: 12px; line-height: 24px;}
.z_foot_addre .kfbtn{ height: 35px; line-height: 35px;}
.z_other_banner{ margin-top: 50px; height:50vw; position: relative;}
.z_other_pgae{ margin-top: 0;}
.z_other_banner .text .en,.z_other_banner .text h3{ opacity: 1; font-size: 18px; display: block; line-height: 24px;transform: translateX(0);
    background-position: 0 100%;}
.z_other_banner .text{ padding: 0 20px;}
.z_other_banner .text .line{ display: none; }
.z_other_banner .text h3{ font-size: 16px;}
.z_other_banner .text{ display: block;}
.z_page_nav{ padding: 0 10px; height: 40px; line-height: 40px; overflow: hidden;}
.z_page_nav li a{ font-size: 14px; padding: 0 15px;}
.z_page_nav li::before{ height: 1px;}
.z_about_pages .flwarps, .z_about_pages .frwarps{ width: 100%; height: auto;}
.z_about_pages .flwarps{ padding: 15px;}
.z_about_pages .z_about_tit{ font-size: 18px; text-align: center;}
.z_about_pages .desc{ font-size: 14px; line-height: 24px;}
.z_about_pages .line{ margin: 10px auto;}
.z_about_num2{ width: 100%;}
.z_about_num2 li{ width: 33.3%; float: left; height: auto; padding: 10px 0; font-size: 12px;}
.z_about_num2 li .timer{ font-size: 20px;}
.z_about_video{ position: relative; width: 100%; height: 60vw;    right: auto;
    top: auto; margin-top: 90px;}
.z_hxyx_about .conwarp,.z_hxyx_about .tit{ width: 100%;opacity: 1;transform: translateX(0);background-position: 0 100%;}
.z_hxyx_about{ padding: 20px 10px; box-sizing: border-box;}
.z_hxyx_about .tit{ font-size: 18px; margin-bottom: 10px;}
.z_about_line{ margin: 10px auto; display: none;}
.z_hxyx_about .desc{ line-height: 24px;} 
.z_system_list ul{ display: block;}
.z_system_list ul li{ width: 100%; border: none; text-align: center; padding: 0 10px; margin-bottom: 20px;}
.z_system_list ul li .icon{ height: 40px; margin: 0 auto;}
.z_system_list ul li img{ margin: 0 auto;}
.z_system_list ul li h3{ margin: 5px 0 ; font-size: 16px;}
.z_index_tit3 .line{ display: none;}
.z_hxys_system .z_index_tit3{ text-align: center;}
.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_advantage{ padding: 20px 10px;}
.z_adv_list ul{ margin-left: 0;}
.z_adv_list li{ width: 50%; height: auto; margin-left: 0; padding: 15px;}
.z_adv_list li .desc{ line-height: 24px; font-size: 13px;}
.z_adv_list li .icon{ height: 30px;}
.z_adv_list li h3{ font-size: 16px;}
.z_gongneng .conwarp{ display: block;}
.z_gongneng .flwarp{ width: 100%; display: flex; align-items: center; margin: 0; margin-bottom: 20px;}
.z_gongneng .conwarp{ padding-right: 40px;}
.z_gongneng .conwarp::before{ display: none;}
.z_gongneng .tit{ font-size: 16px; line-height: 20px; margin-bottom: 0;}
.z_gongneng{ padding: 20px 10px;}
.z_gongneng .tit2{ margin-left: auto; font-size: 16px;}
.z_gongneng_swiper{ width: 100%; position: relative;height:160px;}
.z_gongneng_swiper::before{ content: ""; display: block; width: 100%; height: 1px; background: #d2d2d2; position: absolute; left: 0; top: 50%; transform: translateY(-50%);z-index: 1;}
.z_gongneng_swiper li .con{ width: 60px; height: 60px; font-size: 14px; padding: 0 10px; border-radius: 10px;}
.z_gongneng_swiper li::before{ width: 15px; height: 15px;}
.z_gongneng .conwarp .next{ width: 40px; height: 40px; line-height: 34px; font-size: 14px; right: 0; top: auto; bottom: 40px;}
.z_gongneng .conwarp .next::before{ width: 40px; height: 40px;}
.z_other_tit h3{ font-size: 18px;}
.z_team_pages{ padding: 0 10px;}
.z_team_list ul{ margin-left: -2%;}
.z_team_list li{ width: 48%; margin-left: 2%; height: 65vw; margin-bottom: 8px;}
.z_team_list li .desc{ margin-top: 8px; padding-top: 8px; }
.z_contact_map{ height: 250px;}
.z_contact_info ul{ display: block;}
.z_contact_info li{ width: 100%;}
.z_contact_warp{ padding: 10px;}
.z_contact_info li{ margin-bottom: 15px;} 
.z_contact_info li.dz h3{font-size: 14px;}
 .z_contact_info li:last-child{ margin-bottom: 0;}
 .z_contact_code .tit{ font-size: 16px; margin: 15px 0;}
 .z_contact_code li{ margin-right: 10px;}
 .z_contact_code li h3{ margin-top: 5px; font-size: 14px;}
  .z_contact_code li img{ width: 80px; height: 80px;}
.z_honor_list{ width: 94%;}
.z_honor_list ul{ margin-left: -2%;}
.z_honor_list li{ width: 48%; margin-left: 2%;}
.z_honor_list li{ border-width: 2px; padding: 5px; margin-bottom: 8px; height: 230px;}
.z_honor_list li .desc{ font-size: 14px;}
.z_honor_list li .time{ font-size: 14px;}
.z_project_page{ padding: 20px 10px;}
.z_project_page li .imgbox, .z_project_page li .infobox{ height: auto; width: 100%;}
.z_project_page li .imgbox{ height: 50vw;}
.z_project_page li .imgbox::before{ display: none;}
.z_project_page li h3{ font-size: 15px;}
.z_project_page li span{ font-size: 13px;}
.z_project_page li .infobox{ padding: 15px;}
.z_project_page li .titbox{ padding: 0; padding-bottom: 10px; margin-bottom: 10px;}
.z_project_page li .desc{ line-height: 24px; margin: 0; font-size: 13px;}
.z_project_page li{ margin-bottom: 10px;}
.z_pages_bar a{ margin: 0 2px; height: 30px; line-height: 26px; min-width: auto!important; padding: 0 10px; font-size: 12px;}
.z_other_tit h4{ font-size: 18px;}
.z_honor_list li a{ padding: 10px;}
.z_honor_list li .infobox{ padding: 10px;}
.z_news_head{ padding: 20px 0;}
.z-container{ width: 94%;}
.z_hotnews_swiper li .imgbox, .z_hotnews_swiper li .infobox{ width: 100%; height: auto;}
.z_hotnews_swiper li .imgbox{ height: 50vw;}
.z_hotnews_swiper li .infobox{ padding: 10px;}
.z_hotnews_swiper li .timebox{ font-size: 14px; margin-bottom: 10px;}
.z_hotnews_swiper li .day{ font-size: 36px; padding-bottom:5px; line-height: normal;}
.z_hotnews_swiper li .mon{ line-height: 20px;}
.z_hotnews_swiper li h3{ font-size: 15px;}
.z_hotnews_swiper li .desc{ font-size: 13px; line-height: 24px; height: 48px; margin: 10px 0;}
.z_hot_btn{ text-align: center;}
.z_hot_btn span{ width: 35px; height: 35px; line-height: 35px; margin: 0 5px;}
.z_news_list li a{ padding: 15px 0;}
.z_news_list li h3{ font-size: 15px; margin-bottom: 6px;}
.z_news_list li h4{ font-size: 13px;}
.z_news_list li .timebox{ position: relative; transform: translateY(0); font-size: 12px; margin-top: 10px; text-align: left;}
.z_news_list li .timebox em{ font-size: 18px;}
.z_pages_bar a .iconfont{ font-size: 12px;}
.z_hot_btn{ margin-top: 20px;}
.z_gjia_page{ padding: 20px 10px;}
.z_detail_page{ padding: 0 10px;}
.z_detail_page .z-container{ padding: 10px;}
.z_detail_head h3{font-size: 16px; margin-bottom: 10px;} 
.z_detail_head .slg{ display: block;}
.z_detail_head .slg span{font-size: 12px;}
.z_detail_head{ padding-bottom: 15px;}
.z_share{ display: none;}
.z_detail_con{ padding: 15px 0; line-height: 24px; font-size: 14px;}
.z_topbtm_bar{ height: 40px; padding: 0 ; line-height: 40px;}
.z_topbtm_bar .back{ width: 40px; height: 40px;}
.z_topbtm_bar .iconfont{ margin: 0 5px; font-size: 12px;}
.z_news_frwarp li .imgbox::before,.z_index_video::before{ display: none;}
.z_product_bg .imgbg{ background-attachment: inherit;}
.z_index_link .boxa a{ font-size: 12px; border-right-width: 1px;}
.z_system_case .z_case_swiper::before{ display: none;}
.z_img_hd{ bottom: 10px;}
.z_honor_list li .icon{ width: 30px; height: 40px; background-size:100% auto ; background-repeat: no-repeat;}
.z_honor_list li .year{ font-size: 16px;}
.z_honor_list li .desc{ line-height: 24px;}
 }
#footer{
	color: #9c9fae;
	overflow: hidden;
}

.f-top{
	padding: 35px 0;
	background-color: #093b9f;
	overflow: hidden;
}

.f_info{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
}
.f_info > div{
	color: #fff;
	line-height: 25px;
	padding-left: 60px;
	background-repeat: no-repeat;
	background-position: 0 center;

	float: left\9;
	width: 330px\9;
}
.f_info h4{
	color: rgba(255,255,255,.4);
	color: #97a4d9 \9;
	font-size: 14px;
	font-weight: normal;
}
.f_hotline{background-image: url(../images/icon-f-tele.png);}
.f_email{background-image: url(../images/icon-f-mail.png);}
.f_address{background-image: url(../images/icon-f-addr.png);}
.wp{max-width: 80%;margin: 0 auto;}


.com-biaoti .dn1 {
  color: #0b0205;
     font-size: 2vw;
    line-height: 2.5vw;
    font-weight: bold;text-align: center;
  margin: 0 0 35px;
}
.com-biaoti .dn2 {
  color: #666666;
  font-size: 16px;
text-transform: uppercase;
}


.case-bot1 {
    padding: 66px 0 36px;
}

.case-bot1 .bot1 .blo-box {
    width: 24.5%;

    position: relative;
}

.case-bot1 .bot1 .blo-box .a1 {
    display: block;
    width: 100%;
    height: 100%;

}

.case-bot1 .bot1 .blo-box .dn-top {
    overflow: hidden;
    position: relative;
	    border: 1px solid #ebe9e9;
}

.case-bot1 .bot1 .blo-box .dn-top .dn-logo {
    position: absolute;
    width: 100%;
    background: rgba(255, 255, 255, .9);
    bottom: -130px;
    left: 0;
    text-align: center;
    height: 110px;
    line-height: 110px;
    transition: all .4s .05s ease;
    opacity: 0;
}

.case-bot1 .bot1 .blo-box .dn-top .dn-logo img {
    vertical-align: middle;
    max-height: 100%;
}

.case-bot1 .bot1 .blo-box:hover .dn-top .dn-logo {
    opacity: 1;
    bottom: 0;
}

.case-bot1 .bot1 .blo-box .dn-bot {
    background: #F6F6F6;
    padding: 25px 42px;
    position: relative;
    color: #0b0205;
    font-size: 15px;
    overflow: hidden;
    transition: all .4s ease;
}

.case-bot1 .bot1 .blo-box:hover .dn-bot {
    color: #ffffff;
}

.case-bot1 .bot1 .blo-box .dn-bot .dn1 {
    position: relative;
    z-index: 2;
}

.case-bot1 .bot1 .blo-box .dn-bot i {
    position: absolute;
    right: 0;
    top: 50%;
    margin: -9px 0 0;
    display: inline-block;
}

.case-bot1 .bot1 .blo-box .dn-bot:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -100%;
    opacity: 0;
    left: 0;
    background: #093b9f;
    transition: all .4s ease;

}

.case-bot1 .bot1 .blo-box:hover .dn-bot:before {
    bottom: 0;
    opacity: 1;
}

.case-bot1 .bot1 .blo-box:hover .dn-top .img-box {
    transform: scale(1.05);
}
.conta {
  width: 92%;
  position: relative;
  height: 100%;
  margin: 0 auto;
}
.conta2 {
  width: 76%;
  position: relative;
  height: 100%;
  margin: 0 auto;
}.blo-box {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  position: relative;
}
.img-box {
  display: block;
  width: 100%;
  height: 288px;
  transition: all 0.4s ease;
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;z-index: 1;
}



.more11 {
    width: 100%;
    margin: 0 auto;
    text-align: center; margin-top: 50px;

}
.nbom {
    display: none;
}
.inde-jianc .dn-lower .blo-box {
  width: 23%;
  height: 15vw;
  margin: 0.8%;
  border: 1px solid #d1d1d1;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}
.inde-jianc .dn-lower .blo-box:hover .com-bg1 {
  opacity: 1;
}
.inde-jianc .dn-lower .blo-box:hover .dn-wen1 {
  width: auto;
  height: auto;
  padding: 1vw;
	
}
.inde-jianc .dn-lower .blo-box:hover .dn-wen1 .dp-img1 .img1 {
  display: none;
}
.inde-jianc .dn-lower .blo-box:hover .dn-wen1 .dp-img1 .img2 {
  display: inline-block;
}
.inde-jianc .dn-lower .blo-box:hover .dn-wen2 {
  justify-content: flex-start;
  background: url("../images/jiance_h.png") no-repeat center / cover;
}
.inde-jianc .dn-lower .blo-box:hover .dn-wen2 .dp-nei2 {
  display: none;
}
.inde-jianc .dn-lower .blo-box .com-bg1 {
  opacity: 1;
}
.inde-jianc .dn-lower .blo-box .dn-wen1 {
    position: absolute;
    z-index: 5;
    width: 100%;
    /* height: 100%; */
    bottom: 5px;
    /* left: 0; */
    /* display: flex; */
    align-items: center;
    justify-content: center;
    text-align: center;
}
.inde-jianc .dn-lower .blo-box .dn-wen1 .dp-img1 img {
  height: 3vw;
}
.inde-jianc .dn-lower .blo-box .dn-wen1 .dp-img1 .img2 {
  display: none;
}
.inde-jianc .dn-lower .blo-box .dn-wen1 .dp1 {
  font-size: 14px;
  margin: 0.5vw 0 0; color: #fff; 
 text-shadow: #666 1px 0 0, #666 0 1px 0, #666 -1px 0 0, #666 0 -1px 0;
}
.inde-jianc .dn-lower .blo-box .dn-wen2 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;

  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 1vw;
  transition: all 0.3s ease;
}
.inde-jianc .dn-lower .blo-box .dn-wen2 .dp-nei {
  color: #ffffff;
  display: none;
}
.inde-jianc .dn-lower .blo-box .dn-wen2 .dp-nei p {
  margin: 0.5vw 0 0;
  display: flex;

}
.inde-jianc .dn-lower .blo-box .dn-wen2 .dp-nei p b {
  width: 14px;
  height: 2px;
  background: #ffffff;
  margin: 0 8px 0 0;
}
.inde-jianc .dn-lower .blo-box .dn-wen2 .dp-nei2 {
  color: #769662;
  font-weight: bold;
}
.inde-jianc .dn-lower .blo-box .dn-wen2 .dp-nei2 i {
  font-size: 24px;
}

.com-bg1 {
  /* background-repeat: no-repeat; */
  background-size: cover;
  background-position: center;
}
@media screen and (max-width:980px){
	
	.case-bot1 {
    padding: 36px 0 26px;
}
	.com-biaoti .dn1 {
  color: #0b0205;
   font-size: 18px;
    font-weight: bold;text-align: center;
  margin: 0 0 25px;
}
	
	.case-bot1 .bot1 .blo-box {
    width: 49%;

    position: relative;
}

.case-bot1 .bot1 .blo-box .a1 {
    display: block;
    width: 100%;
    height: 100%;

}

.case-bot1 .bot1 .blo-box .dn-top {
    overflow: hidden;
    position: relative;
	    border: 1px solid #ebe9e9;
}

.case-bot1 .bot1 .blo-box .dn-top .dn-logo {
    position: absolute;
    width: 100%;
    background: rgba(255, 255, 255, .9);
    bottom: -130px;
    left: 0;
    text-align: center;
    height: 110px;
    line-height: 110px;
    transition: all .4s .05s ease;
    opacity: 0;
}

.case-bot1 .bot1 .blo-box .dn-top .dn-logo img {
    vertical-align: middle;
    max-height: 100%;
}

.case-bot1 .bot1 .blo-box:hover .dn-top .dn-logo {
    opacity: 1;
    bottom: 0;
}

.case-bot1 .bot1 .blo-box .dn-bot {
    background: #F6F6F6;
    padding: 5px 8px;
    position: relative;
    color: #0b0205;
    font-size: 15px;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: 100%;text-align: center;
    transition: all .4s ease;
}

.case-bot1 .bot1 .blo-box:hover .dn-bot {
    color: #ffffff;
}

.case-bot1 .bot1 .blo-box .dn-bot .dn1 {
    position: relative;
    z-index: 2;
	width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.case-bot1 .bot1 .blo-box .dn-bot i {
    position: absolute;
    right: 0;
    top: 50%;
    margin: -7px 0px 0;
    display: inline-block;opacity: 0;
}

.case-bot1 .bot1 .blo-box .dn-bot:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -100%;
    opacity: 0;
    left: 0;
    background: #093b9f;
    transition: all .4s ease;

}

.case-bot1 .bot1 .blo-box:hover .dn-bot:before {
    bottom: 0;
    opacity: 1;
}

.case-bot1 .bot1 .blo-box:hover .dn-top .img-box {
    transform: scale(1.05);
}
.img-box {
  display: block;
  width: 100%;
  height: 128px;
  transition: all 0.4s ease;
}
	.more11 {
    width: 100%;
    margin: 0 auto;
    text-align: center; margin-top: 20px;

}
	#footer{
	color: #9c9fae;
	overflow: hidden;display: none;
}
.nbom{ position:fixed; bottom:0; height:60px; width:100%; left:0; z-index:100000000000; display: block;  }
.nbom .w1{     position: relative;  background: repeating-linear-gradient( #ffffff,#f5f5f5,#ffffff);height: 60px;border-top: 1px solid #ededed;}
.nbom .nav-bom{ height:60px;}
.nbom .nav-bom li{height:60px;float:left; width:25%; border-right: 1px solid #ededed;}
.nbom .nav-bom li.li-1{}
.nbom .nav-bom li a{ color:#000;text-decoration:none;     font-size: 0.9rem;
    line-height: 1.8rem; text-align:center; position:relative; padding:0; height:60px; display:block;}
.nbom .nav-bom li i{ display:block; width:22%;     margin: 0 auto 0; font-size: 1rem;}
.nbom .nav-bom li i img{ width:100%;}
.nbom .nav-bom li a:hover{ color:#000;transition-duration:0.6s; text-decoration:none;}
.nbom .nav-bom li.none{}
.inde-jianc .dn-lower .blo-box {
  width: 47%;
  height: 25vw;
  margin: 0.8%;
  border: 1px solid #d1d1d1;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}
.inde-jianc .dn-lower .blo-box:hover .com-bg1 {
  opacity: 1;
}
.inde-jianc .dn-lower .blo-box:hover .dn-wen1 {
  width: auto;
  height: auto;
  padding: 1vw;
	
}
.inde-jianc .dn-lower .blo-box:hover .dn-wen1 .dp-img1 .img1 {
  display: none;
}
.inde-jianc .dn-lower .blo-box:hover .dn-wen1 .dp-img1 .img2 {
  display: inline-block;
}
.inde-jianc .dn-lower .blo-box:hover .dn-wen2 {
  justify-content: flex-start;
  background: url("../images/jiance_h.png") no-repeat center / cover;
}
.inde-jianc .dn-lower .blo-box:hover .dn-wen2 .dp-nei2 {
  display: none;
}
.inde-jianc .dn-lower .blo-box .com-bg1 {
  opacity: 1;
}
.inde-jianc .dn-lower .blo-box .dn-wen1 {
  position: absolute;
  z-index: 5;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.inde-jianc .dn-lower .blo-box .dn-wen1 .dp-img1 img {
  height: 3vw;
}
.inde-jianc .dn-lower .blo-box .dn-wen1 .dp-img1 .img2 {
  display: none;
}
.inde-jianc .dn-lower .blo-box .dn-wen1 .dp1 {
  font-size: 14px;
  margin: 0.5vw 0 0; color: #fff; 
 text-shadow: #666 1px 0 0, #666 0 1px 0, #666 -1px 0 0, #666 0 -1px 0;
}
.inde-jianc .dn-lower .blo-box .dn-wen2 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 1vw;
  transition: all 0.3s ease;
}
.inde-jianc .dn-lower .blo-box .dn-wen2 .dp-nei {
  color: #ffffff;
  display: none;
}
.inde-jianc .dn-lower .blo-box .dn-wen2 .dp-nei p {
  margin: 0.5vw 0 0;
  display: flex;
  align-items: center;
}
.inde-jianc .dn-lower .blo-box .dn-wen2 .dp-nei p b {
  width: 14px;
  height: 2px;
  background: #ffffff;
  margin: 0 8px 0 0;
}
.inde-jianc .dn-lower .blo-box .dn-wen2 .dp-nei2 {
  color: #769662;
  font-weight: bold;
}
.inde-jianc .dn-lower .blo-box .dn-wen2 .dp-nei2 i {
  font-size: 24px;
}
.com-bg1 {
  /* background-repeat: no-repeat; */
  background-size: cover;
  background-position: center;
}
}

.wrap1 {
	padding: 0px;
}
.wrap1 .w1440{
	box-sizing: border-box;
	padding: 0px 40px 0px;
}
 .htit{
	font-size: 30px; font-weight: 500;    font-weight: bold;letter-spacing: 1px;
	color: #292929;
	position: relative;
	text-align: center;
	margin-bottom: 50px;
}
 .htit2{
	font-size: 30px; font-weight: 500;    font-weight: bold;letter-spacing: 1px;
	color: #fff;
	position: relative;
	text-align: center;
	 margin-top: 20px;

}
.wrap1 .hcon{
	font-size: 14px;
	color: #4d4d4d;
	line-height: 2.5;
	
	text-align: justify;
}
	
	.w1440 {
    width: 87.25%;
    margin: 0 auto;
}

.wrap1 .ilist{
	width: calc(100% + 10px);
	padding-bottom: 20px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: -webkit-wrap;
	flex-wrap: -moz-wrap;
	flex-wrap: -ms-wrap;
	flex-wrap: -o-wrap;
	flex-wrap: wrap;
}
 .wrap1 .ilist.on .item:nth-child(n+5){
	display: none;
}
.wrap1 .item{
	width: 25%;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	padding: 10px 10px 0 0;
	zoom: 1;
	position: relative;
}
 .wrap1 .item .contai{
	height: 100%;
}
.wrap1 .item .btnbox{
	position: absolute;
	bottom: 36px;
	left: 0;
	width: calc(100% - 10px);
	box-sizing: border-box;
	background: #fff;
	text-align: center;
	z-index: -1;
	opacity: 1;
	visibility: hidden;
}
.wrap1 .item .btnbox a{
	font-size: 12px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	width: 100px;
	box-sizing: border-box;
	border: 1px solid #f3f3f3;
	border-radius: 4px;
	margin: 0 7px;
	background: #fff;
	color: #494949;
	transition: all .3s ease-out;
	opacity: 0;
}
.wrap1 .item .btnbox a.purchase{
    background-color: #093b9f;
    color: #ffffff;
    border: 1px solid #093b9f;
}
 .wrap1 .item .box{
	background-color: #fff;
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 1.5;
	padding-bottom: 38px;
    box-shadow: 0 0 10px 4px rgba(0,0,0,0);
    transition: all .3s ease-out;
    height: 100%;
    box-sizing: border-box;    border: 1px solid #eae7e7;
}
.wrap1 .item .box .imgs{
	    padding: 0px 0px 0px;
}
 .wrap1 .item .tit{
	color: #666;
	padding: 0 3%;
    transition: all .3s ease-out;
    font-size: 16px;
    margin-bottom:0px;
}
 .wrap1 .item .d2{
	color: #666;
	padding: 0 4%;
    transition: all .3s ease-out;
    font-size: 13px;
    font-weight: 300;
}
 .wrap1 .item .d3{
	color: #093b9f;
	font-size: 14px;
	display: inline-block;
	padding-right: 14px;
	background: url('../images/pro_arrow.svg') no-repeat right center/7px auto;
	margin-top: 20px;
	line-height: 30px;
}
 .wrap1 li .maodian{
	transform: translate(0,-76px);
}
 .wrap1 .addmore{
	font-size: 14px;
	color: #1a1a1a;
	width: 220px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #d7d7d7;
	margin: 56px auto 95px;
	cursor: pointer;
}


 .wrap1 .item .contai:hover .box{
	    box-shadow: 4px 4px 20px 5px rgba(0, 0, 0, 0.13);
	    transform: translate(0,-3px);
	    z-index: 3;
	    position: relative;
	}
.wrap1 .item .box:hover .tit,
 .wrap1 .item .box:hover .d2{
		color: #000;
	}
	.select .select-con li:hover{
		background-color: #f2f2f2;
	}
 .wrap1 .item .contai:hover .box,
.wrap1 .item .contai:hover .btnbox{
		z-index: 2;
		visibility: visible;
		opacity: 1;
	    transform: translate(0,-3px);
	}
 .wrap1 .item .contai:hover .btnbox a{
		opacity: 1;
	}
 .wrap1 .item .btnbox a:hover{
		color: #808080;
	}
 .wrap1 .item .btnbox a.purchase:hover{
		background-color: #093b9f;
		color: #fff;
	}

.imgs img{
  width: 100%;
}
.sc_centent .more_btn { border-color: #fff; color: #fff; margin-top: 10%; margin-left: 0; }
.sc_centent .more_btn:after { border-bottom-color: #fff; }
.sc_centent .more_btn:before { background: url(../images/ico_more_arrow.png) no-repeat top left; background-size: 100% 100%; }
.more_btn { margin: 0 auto; position: relative; width: 200px; height:50px; border: 1px solid #093b9f; overflow: hidden; box-sizing: border-box; z-index: 0; line-height: 48px; display: block; font-size: 14px; color: #093b9f; text-transform: uppercase; text-indent: 20px; transition: 0.3s ease 0s; }
.more_btn:before { content: ''; position: absolute; width: 12px; height: 7px; background: url(../images/ico_more_arrow3.png) no-repeat top left; background-size: 100% 100%; right: 20px; top: 50%; margin-top: -3px; z-index: 0; }
.more_btn:after { content: ''; position: absolute; right: 0; top: 0; width: 40%; height: 0; border-top: none; border-bottom: 58px #093b9f solid; border-left: transparent 30px solid; border-right: none; transition: 0.3s ease 0s; z-index: -1; }



#index_wy { font-size: 0; position: relative; margin-top:3%; width: 100%; z-index: 0; }
#index_wy img{max-width:100%;}
#index_wy .f9 { width: 40%; padding-bottom: 1.5%; background: #f9f9f9; }
#index_wy .weiyego { position: relative; z-index: 0; width: 100%; }
#index_wy .weiyego .wy_content>div { width: 100%; position: relative; z-index: 0; }
#index_wy .weiyego .wy_content { position: absolute; width: 100%; height: 100%; z-index: 0; left: 0; top: 0; background: rgba(9,59,159,0.6); box-sizing: border-box; padding: 0px 13% 0 15%; }
.weiyego_slogan { color: #fff; }
.weiyego_slogan>p { font-size: 1.6vw; }
.weiyego_slogan strong { display: block; font-size: 30px;  font-weight: bold; margin-top: 5px; }
.weiyego_slogan h3 { margin-top: 5%; font-weight: normal; font-size: 16px; color: #fff; }
.weiyego_slogan h3 p { margin-bottom: 5px; }
.weblink { position: absolute; right: 0; text-align: center; font-size: 14px; height: 100%; top: 0; z-index: 0; }
.weblink img { margin: 10px auto 0; height: 7px; }
.weblink a { display: block; width: 100%; color: #fff; }
.weblink:before { content: ""; display: block; width: 1px; height: calc(100% - 58px); text-align: center; background-color: #fff; margin: 0 auto 25px; }
#index_wy .school { width: 60%; height: 32.3vw; background: #f78235; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(47,128,188,1)), color-stop(65%, rgba(9,59,159,1))); box-shadow: 0 10px 50px rgba(36, 86, 185, 0.6); box-sizing: border-box; padding: 0 4% 0 9.5%; }

#index_wy .school .sc_centent { height: 100%; color: #fff; width: 100%;   }
#index_wy .school .sc_centent>div { width: 100%; }
#index_wy .school .sc_centent span { text-transform: uppercase; font-size: 1.25vw; }
#index_wy .school .sc_centent p { margin-top: 1.5%;font-size: 16px;line-height: 30px;   }
#index_wy .school .sc_centent p a{font-size: 16px;line-height: 30px;color: #fff;}

#footer { width: 100%; background: #f9f9f9;     position: relative;}
#footer .footer1 { padding: 4% 0 5%; font-size: 0; }
#footer .foot_logo { width: 10%; }
#footer .foot_qrc { width: 23.5%; color: #333; }
#footer .foot_qrc dl { width: 100%; font-size: 0; }
#footer .foot_qrc dl dt { width: 100px; }
#footer .foot_qrc dl dd { margin-left: 20px; }
#footer .foot_qrc dl dd span { font-size: 18px; display: block; }
#footer .foot_qrc dl dd p { font-size: 14px; margin-top: 5px; }
#footer .foot_qrc ul { margin-top: 30px; font-size: 0; }
#footer .foot_qrc ul li { font-size: 14px; }
#footer .foot_qrc ul li:last-child { clear: both; margin-top: 15px; }
#footer .foot_qrc ul li img { margin-right: 5px; }
.sitemap { width: 66.5%; text-align: center; }
.sitemap ul { margin-left: 14%; }
.sitemap ul:first-child { margin-left: 0; }
.sitemap ul h5 { font-size: 18px; color: #333; font-weight:bold; }
.sitemap ul li { font-size: 14px; color: #999; text-align: left; margin-top: 10px; }
.sitemap ul li:first-child { margin-top: 0; margin-bottom: 20px; }
.copyright { font-size: 14px; text-align: center; padding: 20px 0; color: #666; border-top: 1px solid #ddd; font-family:微软雅黑; }
.page-top #header .logo_bg { background: none; }
.page-top #header .logo .logo2 { display: inline-block; vertical-align: middle; }
.copyright a { display: inline-block; }
.inner_banner img { width: 100%; }
.inner_nav { width: 100%; padding: 2% 0; margin: 0 auto; }
.inner_nav_appear { box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.NavList_a1 { text-align: center; font-size: 0; }
.NavList_a1 li:first-child { margin-left: 0; }
.NavList_a1 li { display: inline-block; margin-left: 3%; vertical-align: top; }
.NavList_a1 li:after { content: "/"; color: #ddd; display: inline-block; font-size: 16px; margin-left: 3vw; vertical-align: top; }
.NavList_a1 a { font-size: 16px; color: #666; transition: 0.3s ease 0s; display: inline-block; vertical-align: top; }
.NavList_a1 li a:after { content: ''; width: 0; height: 3px; background-color: #093b9f; margin-top: 10px; display: block; transition: 0.3s ease 0s; }
.NavList_a1 li a.on:after { width: 100%; }
.NavList_a1 a.on { color: #093b9f; }
.pageContent { padding: 0; }

.w1680 { width: 87.5%; margin: 0 auto; }
.w1440 { width: 85%; margin: 0 auto; }
.dis-t, .dis-m, .dis-b { display: inline-block;font-family:微软雅黑;  }
.dis-t { vertical-align: top; }
.dis-m { vertical-align: middle; }
.dis-b { vertical-align: bottom; }
.dis-b img{ max-width: 100%}
.v-align-m1,.v-align-m2{font-size:0;}
.v-align-m1:before, .v-align-m2:after{ content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0;}


.n_nav2{ text-align:left; max-width:1530px; margin:0px auto; margin-bottom:47px; margin-top:-10px; font-size: 30px; font-weight:normal; color: #fb7829; font-family:微软雅黑; }
.n_nav2 hr{  width:80px;margin-top:20px; color:#dedede;height:1px;border:none;border-top:2px  solid #ccc; padding:0px 0px; }
/*.n_nav2 a{ width:155px; height:35px; margin:0 15px; display:inline-block; text-align:center; line-height:33px; border:1px solid #eee; border-radius:35px; transition:.3s; -webkit-transition:.3s;}
.n_nav2 a:hover{ background:#0f89dd; border:1px solid #0f89dd; color:#fff;}
.n_nav2 a.on{ background:#0f89dd; border:1px solid #0f89dd; color:#fff;}*/

.x_pagenavi{ margin-top:34px;font-family:微软雅黑; padding-top:20px; font-size:14px; line-height:26px; overflow:hidden; border-top:1px solid #ddd;}
.x_pagenavi_1{border-top:1px solid #ddd; padding:10px 0px 0px 0px;}
.n_content{ padding-top:80px;padding-bottom: 40px;}
.m{width: 80%;margin: 0 auto; display: block; margin-bottom: 30px;  }
.ar_article{font-size:16px;line-height:26px;text-align:justify;font-family:微软雅黑; }
.ar_article p{ margin-bottom:14px;font-family:微软雅黑;}
.ar_article strong{ font-weight:bold;}


table img{ max-width:100%;}

#n_lianxi{ margin-bottom:80px;font-family:微软雅黑;}
#n_lianxi .box1{ padding-bottom:50px;}
#n_lianxi .txt{ width:50%; float:right; padding-top:38px;}
#n_lianxi .txt h5 span{ font-size:18px; color:#093b9f; font-family:arial; text-transform:uppercase;}
#n_lianxi .txt h5 p{ font-size:32px; color:#3b3b3b; font-weight:bold; margin-bottom:8px;}
#n_lianxi .txt i{ display:block; width:31px; height:2px; background:#931019; margin-top:15px; margin-bottom:30px;}
#n_lianxi ul{ margin-top:38px;}
#n_lianxi ul li{ font-size:16px; color:#3b3b3b; }#n_lianxi ul li p{font-size:16px; color:#3b3b3b; line-height:35px;}
#n_lianxi ul li i{ color:#868686;}
#n_lianxi .map { border: 1px solid #e5e7eb; overflow: hidden;}
#n_lianxi .btn{ width:140px; height:40px; display:block; line-height:40px; text-align:center; background:#ee1c26; color:#fff; margin-top:40px;}
#n_lianxi .btn:before{ content: url(../images/n_lianxi_ico.png); position:relative; top:4px; margin-right:8px;}
#n_lianxi .ewm{ margin-top:36px; }
#n_lianxi .ewm div{ height:129px;}
#n_lianxi .ewm img{ width:129px; height:129px; float:left; border:1px solid #eaeaea;}
#n_lianxi .ewm .txt2{ display:table; padding-left:12px;}
#n_lianxi .ewm .txt2 p{  height:129px; display:table-cell; vertical-align:middle; text-align:left; font-size:12px; color:#b2b2b2; line-height:24px;}

.fl {float: left;}
.fr {float: right;}




.btnDiv{ padding-top: 30px; margin-left: 45%;}
.btnDiv a{ float: left; display: block; width: 155px; height: 44px; background: #093b9f; line-height: 44px; color: #fff; font-size: 14px; font-weight: bold; text-align: center;}
.btnDiv a:hover{ color: #fff;}



/*按钮动画--start*/
.ico_h {display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } 
.ico_h:before {pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } 
.ico_h:hover, .ico_h:focus, .ico_h:active {-webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } 
.ico_h:hover:before, .ico_h:focus:before, .ico_h:active:before {opacity: .4; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }
/*按钮动画--end*/



.box1 {width: 100%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;overflow: hidden;}


.ne1 .box{overflow: visible;}

.ne1 .ul1{margin-bottom: 50px;}

.ne1 .ul1 *{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.ne1 .ul1 li{position: relative;box-sizing: border-box;padding: 40px 110px 40px 65px;background: #fff; border: 1px solid #e4e3e1;top: 0;left: 0;margin-bottom: 30px;}

.ne1 .ul1 li .img{display: block;width: 290px;float: left;overflow: hidden;}

.ne1 .ul1 li .img img{display: block;width: 100%;    height: 200px;}

.ne1 .ul1 li .lrt{width: calc(100% - 330px);float: right;}

.ne1 .ul1 li .lrt .ltt{font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;    font-size: 16px;}

.ne1 .ul1 li .lrt .ltc{line-height: 1.8;margin: 20px 0; color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.ne1 .ul1 li .lrt .time{line-height: 40px;color: #999;}

.ne1 .ul1 li .lrt .time span{color: #093b9f;}

.ne1 .ul1 li .lrt .time a{display: block;width: 100px;line-height: 40px;background: #093b9f;text-align: center;float: right;border-radius: 5px;color: #fff;}

.ne1 .ul1 li:hover{left: -10px;-moz-box-shadow:5px 3px 10px #ddd; -webkit-box-shadow:5px 3px 10px #ddd; box-shadow:5px 3px 10px #ddd;}

.ne1 .ul1 li:hover .ltt{color: #093b9f;}

.ne1 .ul1 li:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}

.onePorfile { text-align: center; }
.onePorfile .t1 { font: 30px/1.4 "futura_lightregular","times new roman","microsoft yahei"; color: #000; }
.onePorfile .t2 {     font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    font-weight: 700;color: #093b9f; text-transform: uppercase; }

.cen-04{float:left; width:100%;font-size: 24px;color: #000;text-align:center; line-height:50px;font-family: "Microsoft YaHei";}
.cen-03{ text-align:center; font-size:26px; color:#333; padding:0px 0px 10px 0px;}
.cen-04-1{ text-align:center; border-bottom:1px dotted #ccc; line-height:25px; color:#666; float:left; width:100%; padding-bottom:20px;}
.cen-04-2{float:left; width:100%; background:#f2e3d0; border:1px solid #e7d1b4;  padding:5px;}
.cen-04-3{text-align: left;width:100%; padding-top:22px; padding-bottom:8px; line-height:30px; font-size:16px; overflow:hidden;}
.cen-04-3 img{  text-align: center; overflow:hidden}
.cen-04-2 span{ font-weight:bold; color:#ff9933;}
.cen-04-6{float:left;width:100%; border:1px solid #fec3d7; font-size:12px;}



.pages {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    clear: both;
    width: 100%;
}

    .pages a {
        font-size: 14px;
        text-decoration: none;
        color: #3c3c3c;
        background: #fff;
        border: 1px solid #cccccc;
        padding: 8px 8px;
        margin-right: 3px;
        cursor: pointer
    }

    .pages .red {
        font-size: 14px;
        background: #093b9f !important;
        color: #fff;
        border: 0;
        padding: 8px 8px;
        margin-right: 6px;
    }

    .pages .current {
        font-size: 14px;
        background: #093b9f !important;
        color: #fff;
        border: 0;
        padding: 8px 8px;
        margin-right: 6px;
    }

    .pages a.active {
        font-size: 14px;
        background: #000;
        border: 1px solid #cccccc;
        color: #fff;
        margin-right: 3px;
    }

    .pages a:hover {
        font-size: 14px;
        text-decoration: none;
        color: #fff;
        background: #093b9f;
        border: 1px solid #cccccc
    }


.sx{width:100%; float:left;padding:20px 0; text-align:left;border-top:1px dashed #666;color:#333;margin-top:10px;font-family:Verdana, microsoft Yahei, Helvetica, sans-serif}
.sx p{      text-align: center;
    line-height: 40px;
    border: 1px solid #999;

    float: left;
    margin-right: 10px;
    padding: 0px 20px;}
.sx a{font-weight:normal}
.sx a:link{color:#333;text-decoration:none;}
.sx a:visited{color:#333;text-decoration:none;}
.sx a:hover{color:#093b9f;text-decoration:none;}
.sx a:active{color:#093b9f;text-decoration:none;}
.sx span{ float:right;  padding-right:20px;}
.sx span a{ padding-left:20px; color:#999 !important; }

/* class='page text_center'*/
.text_center { text-align: center;}
.page a,.page span {
        display: inline-block; 
        font-size: 15px;
        color:#fff;
        width:38px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        margin:0 4px 10px auto;
        background: #ccc;
        border-radius: 6px;
        -moz-border-radius: 6px
        -webkit-border-radius:  6px;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .page a:hover,.page span.current {
        background: #0088cc;
        color:#fff;
    }
.pro-wrap .list-wrap {
    position: relative;
    z-index: 1;
}

    .pro-wrap .list-wrap li {
        list-style: none;
        width: 24%;
        background-color: #fff;
        float: left;
        border: 1px solid #f2f2f2;
		padding-bottom: 20px;
        margin-bottom:20px;
        margin-right:10px;
		text-align:center;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

        .pro-wrap .list-wrap li:hover {
      
            box-shadow: 0 15px 30px #e0e0e0;
        }

    .pro-wrap .list-wrap ul {
        width: 100%;
        float: left;padding-bottom: 30px;
    }

    .pro-wrap .list-wrap .img {
        display: block;
        margin: 0 auto;
    }

        .pro-wrap .list-wrap .img img {
            max-width: 100%;
        }

    .pro-wrap .list-wrap .imgli {
        width: 100%;
        text-align: center;
        padding-top: 11px;
    }

        .pro-wrap .list-wrap .imgli span {
            display: inline-block;
            width: 34px;
            height: 34px;
            border: 1px solid #dbdbdb;
            margin: 0 4px;
            cursor: pointer;
        }

        .pro-wrap .list-wrap .imgli img {
            width: 34px;
            height: 34px;
        }

        .pro-wrap .list-wrap .imgli span.active {
            width: 32px;
            height: 32px;
            border: 2px solid #ce0000;
        }

            .pro-wrap .list-wrap .imgli span.active img {
                width: 32px;
                height: 32px;
            }

    .pro-wrap .list-wrap .name {
        line-height: 20px;
        font-size: 14px;
        font-weight: bold;
        margin-top: 20px;
        text-align: center;
    }

        .pro-wrap .list-wrap .name a {
            color: #000;
            display: inline-block;
        }

    .pro-wrap .list-wrap .font {
        display: block;
        text-align: center;
        line-height: 29px;
        color: #999;
        font-size: 12px;
    }

    .pro-wrap .list-wrap .page {
        padding-bottom: 40px;
        text-align: center;
        padding-top: 10px;
    }

a.more1 {
    display: block;
    margin: auto;
    width: 100px;
    height: 30px;
    background: #093b9f;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
}

    a.more1:hover {
        background: #000000;
        color: #fff;
    }

.item-pic__box {
	   position: relative;
    width: 45%;
    float: left;
    margin-left: 0%;
  
}
.small-box {
	    position: relative;
    width:100%;
    
    margin-bottom: 5px;
   
}
.small-box img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    text-align: center;border: 1px solid #fff;
}
.small-box > .hover {
	display: none;
	left: 0;top: 0;
	position: absolute;
	border: 1px solid #fff;
	background-color: #000;
	filter: alpha(opacity=15);
	-moz-opacity: .15;
	opacity: .15;
	cursor: move;
}
.thumbnail-box {
	position: relative;
	width: 100%;
}
.thumbnail-box .btn {
	position: absolute;
	top: 0;bottom: 0;
	width: 26px;
	border: 0;
	background: #eee url(../images/thumb-but.gif) no-repeat;
}
.thumbnail-box .btn:active {background: #b31e22 url(../images/thumb-but_active.gif) no-repeat}
.thumbnail-box .btn-prev {left: 0}
.thumbnail-box .btn-next {right: 0;background-position: center right}
.thumbnail-box .btn-next:active {background: #b31e22 url(../images/thumb-but_active.gif) no-repeat center right}
.thumbnail-box > .thumb-list {
	overflow: hidden;
	width: 300px;
	margin: 0 auto;
}
.thumbnail-box .wrapper {
	font-size: 0;
	margin-bottom: 0;
	white-space: nowrap;
}
.thumbnail-box > .thumb-list .item {
	width: 56px;
	height: 56px;
	margin: 0 2px;
	cursor: pointer;
	display: inline-block;
	border: 2px solid #fff;
}

.thumbnail-box > .thumb-list .item img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    text-align: center;
}
.thumbnail-box > .thumb-list .item.active {

}
.big-box {
	z-index: 100;
	display: none;
	overflow: hidden;
	position: absolute;
	left:110%;top: 0;
	border: 1px solid #ccc;
	width: 420px;height: 420px;
}
.item-info__box {
	width: 50%;
	float: right;
	padding: 20px 40px 20px 40px;
}
.item-title {line-height: 2em; }
.item-title > .name {
	font-size: 25px;
	max-height: 50px;
	line-height: 50px;
}
.item-price {
	padding: 10px;
	margin-bottom: 20px;
}
.item-price .price-panel {
	height: 40px;
	line-height: 40px;
}
.item-price .price-panel .price{
	font-size: 24px;
	color: #d00;
}
.vip-price-panel {
	height: 32px;
	padding: 0 10px;
	line-height: 32px;
	margin-top: 4px;
	position: relative;
}
.vip-price-panel:hover, .vip-price-panel.active {
	color: #fff;
	background-color: #b31e22;
}
.all-price__box {
	color: #fff;
	display: none;
	overflow: hidden;
	position: absolute;
	left: 0;right: 0;top: 32px;
	background-color: #b31e22;
	line-height: 1.571428;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #fff;
	border-left: 10px solid #b31e22;
	border-right: 10px solid #b31e22;
}
.text-justify {
	text-align: justify;
	text-align-last: justify;
}
.item-ind-panel {
	width: 100%;
	border: 1px dotted #ccc;
}
.item-ind-item {
	float: left;
	padding: 12px;
	text-align: center;
	width: 33.33333333%;
}
.item-ind-item a {text-decoration: none;}
.ind-count {font-weight: bold;}

.detailproduct{ width:100%; overflow:hidden; zoom:1;}


.detail_pro{ padding-top:10px; padding-bottom:0px;}

.detail_pro_center{ width:100%; margin:0 auto; background:#fff; margin-bottom:20px; }

.detail_pro_center h3{ line-height:40px; padding-left:15px; font-size:14px; background:#093b9f;border-radius: 4px; color:#FFF; font-weight:normal;   text-align: left;}

.detail_pro_img{ background: #fff;padding:10px 0; text-align:left; padding-left:15px; font-size:14px;} 
.newsdetail2{width:100%; float:right; text-align:right;}
.newsdetail2 a{ color: #666;}




#tags {
	HEIGHT: 65px; line-height:65px; background:#093b9f ;color:#fff;
}
#tags a{color:#fff;}
#tags a {
	HEIGHT: 65px; line-height:65px; FLOAT: left;color:#fff;width:50%; text-align: center;font-size: 16px;
}


#tags a.selectTag {
	BACKGROUND-POSITION: left top; BACKGROUND:#ffa51f;MARGIN-BOTTOM: -2px; POSITION: relative; HEIGHT:65px;   color:#fff; font-size: 16px;
}
#tags a.selectTag A {
	BACKGROUND-POSITION: right top; COLOR: #fff; LINE-HEIGHT: 65px; HEIGHT: 65px; font-size:14px;font-size: 16px;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;border: 1px solid #ddd;
}





.btn-prev{
	position:fixed;
	width:57px;
	height:57px;
	background:url(../images/btn_prev57.png) no-repeat center center #969696;
	left:0;
	top:0;
	bottom:0;
	margin:auto 0;
	z-index:9;

}
.btn-next{
	position:fixed;
	width:57px;
	height:57px;
	background:url(../images/btn_next57.png) no-repeat center center #969696;
	right:0;
	top:0;
	bottom:0;
	margin:auto 0;
	z-index:9;

}
#btn-top{
	position:fixed;
	width:48px;
	height:48px;
	background-color:#969696;
	bottom:55px;
	right:0;
	z-index:9;
	
}



.btn-prev:hover, .btn-next:hover, #btn-top:hover{
	background-color:#333333;
}
.btn-pager img{
	width:100%;
	height:100%;	
}
.btn-prev,.btn-next {font-size:0px;}
.btn-prev a,.btn-next a {width:57px; height:57px; font-size:0px; text-indent:60px; display:block;}


a.button_2:link,a.button_2:visited{
	display:block;
	margin:20px auto 0px auto;
	width:180px;
	height:46px;
	line-height:46px;
	background-color:#0f6aab;
	border-radius:30px;
	border:none;
	cursor:pointer;
	text-align: center;
	letter-spacing:0px;
	font-size:16px;
	color:#FFFFFF;
}
a.button_2:hover{
background-color:#ef8100;
	color:#FFf;
	text-decoration: none;
	width:180px;
	font-size:16px;
	text-align: center;
}