@charset "UTF-8";
 
article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block}
*,:before,:after{box-sizing:border-box;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0; display:block; width:auto; max-width:100%;}
ul,dl,li,dt,dd{list-style:none;}
body,html{min-height:100%; background: #f3f3f3;}
body{font-family: "Segoe UI Symbol", "SourceHanSansCN-Regular";font-size:14px; color:#333333;-webkit-tap-highlight-color:rgba(255,255,255,0); overflow-x:hidden; background:#ffffff;}
pre{font-family: "SourceHanSansCN-Regular"; 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: "SourceHanSansCN-Regular";-webkit-appearance: none;border-radius: 0; font-size:14px; display:block; width:100%; border:none; background:none; border:1px solid #dbdbdb; padding:6px 12px; transition:ease .45s;}
input[type="radio"]{display:inline-block; width:20px; height:20px; position:relative; top:2px; margin-right:5px; cursor:pointer;}
input[type="checkbox"]{display:inline-block; width:20px; height:20px; position:relative; top:2px; margin-right:5px; cursor:pointer;}
input::-webkit-input-placeholder {color: #888888;}
input:-moz-placeholder {　color: #888888;}
input::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder {color: #888888;}
textarea{resize:none; overflow:hidden;}
textarea::-webkit-input-placeholder {color: #888888;}
textarea:-moz-placeholder {　color: #888888;}
textarea::-moz-placeholder {color: #888888;}
textarea:-ms-input-placeholder {color: #888888;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
.fl,.fl_warp{float:left;}
.fr,.fr_warp{float:right;}
.z-container {width:1400px;height:auto;clear: both;margin: 0 auto;}
.z-container2 {width: 1200px;height:auto;clear: both;margin: 0 auto;}
.z-container3 {width:87.5%;height:auto;clear: both;margin: 0 auto;}
.z-row {width: 100%;height: auto;clear: both;margin: 0 auto;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;}
.ellipsis6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow:ellipsis;}
.imgbg{ width: 100%; height: 100%; transition: ease 1s; background-position: center; background-repeat: no-repeat; background-size: cover;}
.z_flex{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.clear{ clear: both;}
*:before {
  z-index: -1;
}
i{font-style:normal;}
.left{float:left;}
.right{float:right;}
.imgbg{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: ease 1s;}
.ba a{ color: #fff}
/*分享*/
#bsWXBox{box-sizing:initial;}
#bsBox{box-sizing:initial;}
/*浏览器滚动条*/
/* ::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00} */

.swiper-slide {  -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.swiper-container-fade .swiper-slide{    pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active{pointer-events:auto; z-index: 3;}
.swiper-container-fade .swiper-slide{opacity:0!important;}
.swiper-container-fade .swiper-slide-active{opacity:1!important;} 
.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column;
}
.z_header{ width: 100%; transition: ease .5s; z-index: 9; position: fixed; left: 0; top: 0; background: #fff;  box-sizing: border-box; height: 90px; line-height: 90px;}
.z_header.on2{ transform: translateY(-100%);}
.z_header .logo{ display: block; height: 90px; display: flex; align-items: center; float: left;}
.z_header .logo img{ height: 60px; margin: 15px 0;}
.z_header_nav{ float: right;}
.z_header_nav li{ display: inline-block; margin-left: 2.5vw;line-height: 60px}
.z_header_nav li a{ font-size: 16px; display: block; transition: ease .4s;}
.z_header_nav li:hover a,.z_header_nav li.active a{ color: #009ee0;}

.z_header_nav li a {
  position: relative;
 
  text-decoration: none;

}
.z_header_nav li a::after {
  --scale: 0;
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background: #009ee0;
  -webkit-transform: scaleX(var(--scale));
          transform: scaleX(var(--scale));
  -webkit-transform-origin: var(--x) 50%;
          transform-origin: var(--x) 50%;
  transition: -webkit-transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
}
.z_header_nav li a:hover {
  color: #009ee0;
}
.z_header_nav li a:hover::after {
  --scale: 1;
}
 



 .canshu{width:100%; max-width:1200px; margin-top:10px; display:block; overflow-x:hidden; background:#fff;}
.canshu table{width:1200px;} 
.cs-d{display:none;}


 



.zs_banner{  height:600px; position: relative; top:90px; }
.zs_banner .bd,.zs_banner .bd li,.zs_banner .bd li .img,.zs_banner .bd li .show{width:100%; overflow: hidden; height:100%; position:relative;text-align: center;}
.zs_banner .bd li .img{ background-repeat:no-repeat; }
.zs_banner .bd li .show{transform:scale(1.1); transition:ease 2s; opacity:.8;}
.zs_banner .bd li.swiper-slide-active .show,.zs_banner .bd li.swiper-slide-duplicate-active .show{transform:scale(1); opacity:1;}
.zs_banner .banner_text{ width: 100%; padding: 0 5%; transition: ease 1s; transform: translateY(-250%); opacity: 0; box-sizing: border-box; position: absolute;left: 0; top: 50%; z-index: 2; color: #fff; text-align: center; 
}
.zs_banner .banner_text h3{font-family: "num"; font-size: 48px; text-transform: uppercase;}
.zs_banner .banner_text h4{ font-size: 62px; font-weight: bold; margin-bottom:10px;}
.zs_banner .banner_text .h5{ font-size: 16px;}
.zs_banner .bd li.swiper-slide-active .banner_text,.zs_banner .bd li.swiper-slide-duplicate-active .banner_text{transform: translateY(-50%); opacity:1; transition-delay:1s;}
.z_swiper_hd li{ display: inline-block;margin:0 5px; width: 15px; height: 15px; 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; text-align: center}
.z_banner_hd li{ margin-right: 10px;}
.z_swiper_hd li.on{ background:#F4070B; }

.z_notice_warp{ border-bottom:1px solid #cccccc; padding:0 5%; box-sizing: border-box;}
.z_notice_warp .fl,.z_notice_warp .fr{width: 45%; float: left; height: 50px; line-height: 50px; display: flex; align-items: center;}
.z_notice_warp .fr{ float: right;}
.z_notice_warp .tit{ flex-shrink: 0;margin-right: 20px; float: left; font-weight: bold;}
.notice_swiper{ height: 50px;  overflow: hidden;}
.notice_swiper li a{ display: block; width: 100%; color: #a9a9a9;}
.notice_swiper li:hover a{ color: #005293;}
.z_index_about{ padding: 110px 0; }
.z_index_about .fl_warp{ width: 42.8%;height: 430px; overflow: hidden;}
.z_index_about .fr_warp{ width: 52%;}
.z_index_about .tit{ font-size: 30px; line-height: 36px; margin-bottom: 30px; font-weight: bold; color: #336699;}
.z_index_about .desc{ line-height: 24px; color: #666; height: 72px; }
.about_num{ margin: 70px 0;}
.about_num li{ float: left; padding: 0 50px; border-right:1px solid #cccccc;}
.about_num li:first-child{ padding-left: 0;}
.about_num li h3{ color: #005293; font-size: 24px;font-weight: bold;}
.about_num li .timer{ font-size: 36px; }
.about_num li h4{ color: #666;}
.about_num li:last-child{ border-right: none;}
.index_more{ display: block; transition: ease .5s; color: #ccc; width: 124px; height: 42px; border:2px solid #cccccc; padding: 0 10px; box-sizing: border-box; text-align: center; line-height: 38px;}
.index_more .iconfont{ font-size: 12px; margin-left: 10px;}
.index_more:hover{ background:#E90E11; color: #fff; border-color: #E90E11;}
.index_more2{ color: #fff; border-color: #fff;}
.z_index_yw{ width: 100%;  background-position: center; background-attachment: fixed; background-repeat: no-repeat; position: relative;z-index: 1;}
.z_index_yw:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../img/bg2.png); position: absolute; left: 0; top: 0; }
.z_index_yw .z-container{ display: flex;height: 570px; align-items: center;}
.z_index_yw .fl_warp{width: 270px; flex-shrink: 0; float: left;  color: #fff;}
.index_tit h3{ font-size: 30px; color: #005293; font-weight: bold;}
.index_tit{ position: relative; margin-bottom: 20px;}
.index_tit .index_more{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.z_index_yw .index_tit h3{ color: #fff;}
.z_index_yw .desc{ line-height: 24px; height: 48px; margin-top: 20px; margin-bottom: 50px;}
.z_yw_icon li{ display: inline-block; margin-left: 2vw;  text-align: center; color: #fff; width:160px; height: 160px; border-radius: 50%; background: #268dd0;}
.z_yw_icon li a{ display: block; width: 100%; height: 100%; box-sizing: border-box; padding-top: 25px; color: #fff;}
.z_yw_icon li .icon{ height: 60px;  display: block; }
.z_yw_icon li img{ max-height: 100%; transition: ease .4s; margin: 0 auto;}
.z_yw_icon li h3{ font-weight: bold; font-size: 16px; margin-top: 5px;}
.z_yw_icon li:nth-child(2){ background: #0072bc;}
.z_yw_icon li:nth-child(3){ background: #00b274;}
.z_yw_icon li:nth-child(4){ background: #009eac;}
.z_yw_icon li:nth-child(5){ background: #1164a2;}
.z_yw_icon{margin-left:  auto;}
.z_yw_icon li:hover img{ transform:scale(1.1,1.1);}
.z_index_news{ padding: 100px 0;}
.news_swiper{ width: 66%; overflow: hidden; float: left; position: relative;}
.news_swiper li a{ display: block; color:#666; width: 100%; height: 100%;}
.news_swiper li .infobox{ width: 39%; float: left;height: 440px; border:1px solid #cccccc; box-sizing: border-box; padding: 30px; }
.news_swiper li .imgbox{ width: 61%; float: right; height: 440px;}
.news_swiper li .time{font-weight: bold; margin-bottom: 10px; display: block;}
.news_swiper li h3{font-size: 24px;  font-weight: bold; line-height: 30px; height: 60px;} 
.news_swiper li .desc{ line-height: 24px;height: 192px; margin: 30px 0; overflow: hidden;}
.news_swiper li .more .iconfont{ font-size: 12px; }
.news_swiper li .more{color: #005293;} 
.news_swiper li:hover h3{color: #005293; }
.z_news_hd{ width: 61%; text-align: center; position: absolute; right: 0; bottom: 20px; z-index: 2;}
.z_news_tabwarp{ width:34%; float: right; height: 440px;border:1px solid #cccccc; box-sizing: border-box;}
.news_tab_li{ height: 48px; position: relative; background: #009ee0; line-height: 48px;}
.news_tab_li .more{ display: block; width: 48px; height: 48px; position: absolute; right: 0; top: 0; text-align: center; line-height: 48px; color: #fff; font-weight: bold; font-size: 24px;}
.news_tab_li li{float: left; width: 100px; text-align: center;}
.news_tab_li li a{ display: block; font-weight: bold; color: #fff; width: 100%; height: 100%;}
.news_tab_li li.active{ background: #00b274;}
.news_tab_con{padding:10px 20px; box-sizing: border-box;}
.news_tab_con li a{ display: block; width: 100%; line-height: 36px; height: 36px; color: #666666;}
.news_tab_con li .tit{ display: inline-block; width: 70%;}
.news_tab_con li .time{ float: right;}
.news_tab_con ul{ display: none;}
.news_tab_con ul.active{ display: block;}
.z_index_yj{ background: #fafafa; padding: 80px 0;}
.z_index_yj .index_tit{ position: relative; margin-bottom: 80px;}
.yj_nav{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.yj_nav  li{ float: left; margin-left: 2px; transition: ease .4s; width: 100px; background: #fff; height: 100px; text-align: center;}
.yj_nav li .icon{ display:block; margin-top: 20px; margin-bottom: 10px; height: 26px; overflow: hidden;}
.yj_nav li .icon img{ margin: 0 auto; transition: ease .4s;}
.yj_nav li:hover img,.yj_nav li.active img{ transform: translateY(-26px);}
.yj_nav li a{ display: block; width: 100%; height: 100%;}
.yj_nav li:hover,.yj_nav li.active{ background: #009ee0;}
.yj_nav li:hover h4,.yj_nav li.active h4{ color: #fff;}
.yj_swiper{ overflow: hidden; display: none;}
.yj_swiper.active{ display: block;}
.yj_swiper li{ float: left; position: relative;}
.yj_swiper li a{ display:block; width: 100%; height: 100%;}
.yj_swiper li .imgbox{ width: 100%; overflow: hidden;}
.yj_swiper li .imgbox img{ width: 100%; transition: ease 1s;}
.yj_swiper li:hover img{ transform: scale(1.1,1.1);}
.yj_swiper li .infobox{ background: #fff; padding: 20px 20px; box-sizing: border-box;text-align: center;}
.yj_swiper li h3{ font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-bottom: 10px; font-weight: bold;}
.yj_swiper li .icon-arrr1{ float: right; font-size: 12px;}
.yj_swiper li h4{ color:#707070; font-size: 12px;}
.yj_swiper li:before{ content: ""; z-index: 1; display:block; width: 0%; height:3px; transition: ease 1s; background: #336699; position: absolute; left: 0; bottom: 0;}
.yj_swiper li:hover:before{ width: 100%;}
.yj_swiper li:hover h3,.yj_swiper li:hover .icon-arrr1{ color:#336699;}
.swiper_hd span{ display: inline-block; margin-right: 5px; cursor: pointer;outline: none; width: 10px; height: 10px; background: #cccccc; border-radius: 50%;}
.swiper_hd span.swiper-pagination-bullet-active{ background: #0064b2;}
.z_swiper_warp{ position: relative;}
.yj_swiper_hd{ margin-top: 80px; margin-bottom: 20px;}
.z_swiper_warp .index_more{ position: absolute; right: 0; bottom: 0;}
.z_index_nl{ width: 100%; background-attachment: fixed; background-position: center; background-size: cover; z-index: 1; background-repeat: no-repeat; position: relative; padding: 7vw 0; color: #fff; text-align: center;}
.z_index_nl:before{ content: ""; display: block; width: 100%; height: 100%; background:rgba(0,14,37,.5); position: absolute; left: 0; top: 0;}
.z_index_nl .z-container{ width: 25%;}
.z_index_nl h3{ font-size: 30px; line-height: 32px; font-weight: bold;}
.z_index_nl .index_more{ margin: 0 auto;}
.z_index_nl .desc{ margin: 40px 0 60px 0; line-height: 24px;}

.z_footer{ background:url(../img/footbg.jpg) no-repeat center; background-size: cover;}
.foot_top{ padding: 60px 0; box-sizing: border-box;}
.foot_fl{ float: left;}
.foot_fl dl{ display: inline-block; margin-right: 50px; vertical-align: top;}
.foot_fl a{ display: block; line-height:24px; color: #7d8da9;}
.foot_fl dt a{color: #fff; font-weight: bold;}
.foot_fl dt{ margin-bottom: 10px;}
.foot_fl a:hover{ color: #fff;}
.foot_fr{ float: right;}
.z_oa_btn{ display: block;width: 194px; height: 42px; line-height: 42px; background: #138bd9; color: #fff; text-align: center; border-radius: 3px; margin-bottom: 30px;}
.z_oa_btn .icon{ display: inline-block; width: 24px; height: 24px; background: url(../img/oa.png) no-repeat center; vertical-align: middle; margin-right: 10px;}
.foot_code{ width: 110px; float:right}
.foot_code .img{ width: 110px; height: 110px; margin-bottom: 10px; }
.foot_code .img img{ display: block; width: 100%; height: 100%;}
.foot_code h3{ text-align: center; color: #7d8da9;}
.foot_btm{ padding: 40px 0; border-top:1px solid #475b81;}
.foot_copy{ float: left; color: #7d8da9;}
.foot_copy a{ color:#7d8da9 ;}
.foot_link{ float: right; position: relative;}
.foot_link h3{ width: 194px; height: 42px; background: #0f2a57; padding: 0 20px; line-height: 42px; color: #fff; box-sizing: border-box; border-radius: 3px;}
.foot_link .link_down{ position: absolute; display: none; background: #fff; width: 100%; left: 0; bottom: 100%; max-height: 160px; overflow: auto;}
.foot_link:hover .link_down{ display: block;}
.foot_link .link_down a{ display: block; padding: 0 20px; line-height: 40px; border-bottom:1px solid #eee; box-sizing: border-box;}
.foot_link .link_down a:hover{ background: #0061BC; color: #fff;}
.other_banner{ width: 100%; background: url(../img/bgs.png) no-repeat center; background-attachment: fixed; position: relative; margin-top: 90px;}
.other_banner img{ display: block; width: 100%;}
.other_banner_text{ width: 100%; position: absolute; text-align: center;top: 50%; transform: translateY(-50%); color: #fff;}
.other_banner_text .z-container{animation: fadeInUp 2s;}
.other_banner_text h3{ font-size: 36px; font-weight: bold; }
.other_banner_text .h4{ font-size: 30px; line-height: 32px;}
.page_nav{ height: 70px; line-height: 70px;}
.page_nav li{ display: inline-block; margin-right: 40px; position: relative;}
.page_nav li a{display: block; width: 100%; height: 100%;}
.page_nav li:before{ content: ""; display: block; z-index: 1; width: 0%; height: 3px; background: #009ee0; position: absolute; left: 0; bottom: 0; transition: ease .4s;}
.page_nav li.cur:before,.page_nav li:hover:before{ width: 100%;}
.page_nav li.cur a,.page_nav li:hover a{ font-weight: bold; color: #009ee0;}
.navFixed .page_nav { width: 100%; box-shadow: 0 0 10px rgba(0,0,0,.1); position: fixed; background: #fff; left: 0; top: 0; z-index: 200;  }

/* 人才招聘 */
.job{background:#f6f6f6;}
.job .info{color:#666;font-size:16px;max-width:60%;margin:25px auto 30px;text-align:center;line-height:28px;}
.job h2{height:80px;line-height:80px;padding:0px 20px;background:#00479d;font-size: 20px;color:#fff;}
.job dl{border-bottom:1px solid #e5e5e5;}
.job dl dt{height:80px;line-height:80px;padding:0px 20px;background:#fff url(../images/job_r.png) no-repeat 98% center;font-size: 18px;color:#666;cursor: pointer;}
.job dl dt.cur{background:#fff url(../images/job_b.png) no-repeat 98% center;}
.job dl dd{background:#eeeeee;padding:30px;position:relative;display:none;}
.job dl dd h4{font-size:16px;font-weight:bold;color:#666;margin-bottom:10px;}
.job dl dd p{font-size:16px;color:#666;}
.job dl a{position: absolute;right:0px;top:0px;width:11%;text-align: center;height:100%;background:#00479d;color:#fff;display:flex;justify-content:center;align-items:center;font-size:16px;}
.job dl a:hover{text-decoration:underline;}
.ind-tit{font-size:36px;color:#333;text-align: center;font-weight: bold;position: relative;line-height:36px;padding-bottom:20px;}
.ind-tit:after{content:"";position:absolute;left:50%;bottom:0px;width:40px;height:3px;background:#2055ad;margin-left:-20px;}
.pdtb80{padding:80px 0;}
/*------新闻---------*/
.lh-product{padding:2.6vw 0; background:#FBFBFB;}
.lh-news{padding:4.42vw 0;}
.lh-news-h2{font-size:30px; color:#252525; height:32px; line-height:32px;}
.lh-news-h2 a{float:right; color:#252525;}
.lh-news-h2 a i{color:#E70D11; font-size:12px; margin-left:5px; position:relative; top:-1px;}
.lh-news-item li{position:relative; margin-top:1vw; border:1px solid #E5E5E5; z-index:1; background:#fff;}
.lh-news-item li a{padding:1.56vw; display:block; overflow:hidden;}
.lh-news-item li .img{float:left; margin-right:1.56vw;max-width: 250px;}
.lh-news-item li h2{font-size:16px; color:#252525; position:relative; padding-bottom:10px; border-bottom:1px solid #E5E5E5; overflow:hidden; margin-top:10px;}
.ljMore{display:block; margin:30px auto 0; width:92px; height:39px; padding:0; text-align:center; line-height:39px;}
.lh-news-item li h2 span{position:relative; display:inline-block; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:10px; transition:ease .65s; font-size: 18px}
.lh-news-item li h2 span:before{content:''; display:block; width:3px; height:3px; background:#252525; position:absolute; left:0; top:50%; margin-top:-2px; transition:ease .65s;}
.lh-news-item li h2 em{float:right; color:#949494;}
.lh-news-item li h2 b{font-size:24px; color:#252525; font-weight:normal;}
.lh-news-item li h3{line-height:24px; color:#797979; overflow:hidden; height:72px; margin:17px 0;font-size: 14px}
.lh-news-item li h4{background:#F2F3F5; color:#252525; transition:ease .35s;}
.lh-news-item li h4 i{color:#E70D11; transition:ease .65s;}
.lh-news-item li h4:hover i{color:#fff;}
.lh-news-item li:after{content:''; display:block; width:0; height:0; border-right:1px solid #E70D11; border-bottom:1px solid #E70D11; position:absolute; right:-1px; bottom:-1px; transition:ease .65s; z-index:-1; visibility:hidden;}
.lh-news-item li:before{content:''; display:block; width:0; height:0; border-left:1px solid #E70D11; border-top:1px solid #E70D11; position:absolute; left:-1px; top:-1px; transition:ease .65s; z-index:-1; visibility:hidden;}
.lh-news-item li:hover:before,.lh-news-item li:hover:after{width:101%; height:105%; visibility:visible;}
.lh-news-item li:hover h2 span{color:#E70D11;}
.lh-news-item li:hover h2 span:before{background:#E70D11;}
.lh-news-item li:hover h4{background:#E70D11; color:#fff;}
.lh-news-item li:hover h4 i{color:#fff;}
.lh-more{display:inline-block; padding:10px 18px; background:#E70D11; color:#fff; border-radius:30px; font-size: 16px}
.lh-more i{font-size:12px; margin-left:5px; position:relative; top:-1px;}
.lh-more:hover{color:#fff; background:#E70D11;}
.container {margin:auto; position:relative; z-index:3; width:1200px;}

 
.lh-newsRes-h2{font-size:30px; color:#252525;}
.lh-newsRes-h3{border-bottom:1px solid #D6D6D6; padding-bottom:20px; margin-top:20px;}
.lh-newsRes-h3 span{margin-top:20px; color:#797979;}
.lh-newsRes-h3 span i{margin-right:10px; font-size:14px;}
.lh-newsRes-main{padding:50px 0; color:#797979; line-height:24px;}
.lh-newsRes-main img{display:inline-block; max-width:100%; width:auto;}
.lh-newsRes-page{text-align:center;}
.lh-newsRes-page a{margin:5px 20px; background:#E4E4E5; color:#252525;}
.lh-more i.icon-xiangzuo{margin:0 5px 0 0;}

/*------产品中心----*/
/*-------产品详情-------*/
.lh-mtj-h2{font-size:30px; color:#252525; text-align:center;}
.lh-mtj-h3{font-size:16px; color:#424242; line-height:24px; margin-top:1vw; text-align:center;}
.lh-mtj-main{background:#fff; margin-top:50px; padding:80px; position:relative; color:#8a8a8a; line-height:24px;font-size: 14px}
.lh-mtj-main img{display:inline-block; max-width:100%; width:auto;}
.lh-mtj-main:before{content:''; display:block; width:2px; height:38px; background:#1B5FB7; position:absolute; left:50%; top:-20px;}
.lh-mtj{margin-top:5vw;}
.lh-mtj:first-child{margin-top:0;}

.z_about_boss{ background:url(../img/bg4.jpg) no-repeat center; background-size: cover; padding-top: 80px;}
.boss_img{ width: 50%; float:left; display: flex; align-items: flex-end;}
.boss_img img{ max-width: 100%;}
.boss_con{width: 46.8%; float: right; margin-top: 40px;} 
.boss_con .tit h3{ font-size: 36px; font-weight: bold;}
.boss_con .tit h4{ font-size:18px;}
.boss_con .desc{ line-height: 24px; color: #666666; margin: 50px 0;}
.boss_con .namebar{ text-align: right; font-size: 18px;}
.boss_con .namebar span{ display: inline-block; position: relative;}
.boss_con .namebar span:before{ content: ""; display: block; width: 120px; height:2px; background: #484848; position: absolute; left: -130px ; top: 50%; margin-top: -1px; z-index: 1;}
.z_about_desc{ padding: 120px 0;}
.about_desc_fl{ width: 45.3%; float: left;}
.about_desc_fr{ width: 45.3%; float:right;}
.about_desc_tit{ font-size: 36px; margin-bottom: 40px;}
.z_about_desc .con{ line-height: 24px; color: #666666;}
.z_about_desc .con img{ max-width: 100%;}
.about_num2{ background: #009ee0; text-align: center; margin-bottom: 0;}
.about_num2 ul{ padding: 50px 0;}
.about_num2 li{ width: 33.3%; float: left; padding: 0;}
.about_num2 li h3,.about_num2 li h4{color: #fff;}
.z_about_video{ width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 31vw; position: relative;}
.z_play_box{ position: absolute; cursor: pointer; left:50%; top: 50%; transform: translate(-50%,-50%); text-align: center; color: #fff;}
.z_play_box .icon{ display: inline-block; width: 64px; height: 64px; background: url(../img/play.png) no-repeat center; background-size: 100% 100%; vertical-align: middle;}
.z_play_box .tit{ display: inline-block; font-style: italic; border-bottom:1px solid #fff; margin-left: 10px;}
.z_play_box h3{font-size: 36px; font-weight: bold; margin-bottom: 15px;} 
.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(../img/colse.png) no-repeat center; z-index: 100; cursor: pointer;}

#video{width:100%; max-height: 100%;}
.video_pop .z_row{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.z_bgpic{ background-position: center; background-repeat: no-repeat; background-size: cover;}
.z_about_honor{min-height: 31vw; padding: 100px 0; display: flex; align-items: center; color: #fff;}
.about_w{ width: 490px;}
.about_tit{ font-size: 36px; color: #fff; font-weight: bold; line-height: 42px;}
.about_text{ line-height: 24px; margin-top: 30px; margin-bottom: 50px;}
.about_page3{ min-height: 78vh;position: relative; background-size: cover; background-position: center; background-attachment: fixed; display: flex; align-items: center;z-index: 1;}
.about_page3:before{ content:""; display: block; width: 100%; height: 100%; background: url(../img/lc2.png) no-repeat center; background-size: cover; position: absolute; left: 0; top: 0;}
.about_page3 .abouts_warp{ float: left;}
.process_con{ margin-top: 60px; color: #fff; position: relative;}
.process_con .child:nth-child(1){}
.process_con .child{opacity: 0; position: absolute; left: 0; top: 0; transform: translateY(30%); transition: ease .8s;}
.process_con .child.on{opacity: 1; visibility: visible; transform: translateY(0);}
.process_con .year{  position: relative; padding-left:30px; z-index: 1; margin-bottom: 60px;}
.process_con .year h3{ position: relative; font-weight: bold;font-size: 36px; line-height: 36px;}
.process_con .year h3:before{ content: ""; display: block; width: 14px; height: 14px; border-radius: 50%; background: #009ee0; position: absolute; left: -30px; top:50%; margin-top: -7px; }
.process_con .year h4{font-size: 24px;} 
.process_tab .num{ font-size: 60px; line-height: 60px; color: #fff; text-align: right;}
.process_tab .tit{ text-align: right; color: #fff;}
.process_tab ul{ margin-top: 30px;}
.process_tab ul li{ display: block; cursor: pointer; font-size: 16px; position: relative; width: 145px; height: 48px; line-height: 48px; text-align: center; color: #fff;z-index: 1; margin-bottom: 2px;}
.process_tab ul li:before{content: ""; display: block; background: #fff; width: 3px; height: 100%; position: absolute; right: 0; top: 0;   transition: ease .5s;}
.process_tab ul li.on:before{ width: 100%;background: #009ee0;}
.z_list_page{ background: #f3f3f3; padding: 70px 0;}
.z_dj_list li{ background: #fff; margin-bottom: 15px;}
.z_dj_list li a{ display: block; width: 100%; height: 100%;}
.z_dj_list li .timebox{ width: 160px; transition: ease .4s; float: left; margin-right: 30px; font-size: 18px; text-align: center; height: 160px; display: flex; align-items: center; justify-content: center; border-right:2px solid #f3f3f3;}
.z_dj_list li .timebox em{ display: block; border-bottom:1px solid #e0e0e0; margin-bottom: 5px; font-size: 48px; font-weight: bold;}
.z_dj_list li .infobox{ height: 160px; padding:35px 30px; box-sizing: border-box;}
.z_dj_list li h3{ font-size: 24px; margin-bottom: 20px; line-height: 24px; height: 24px;}
.z_dj_list li h4{ line-height: 24px; color: #747474; height: 48px; font-size: 16px}
.z_dj_list li:hover .timebox{ background: #009ee0; color: #fff;}
.z_dj_list li:hover h3{color:#009ee0 ;}
.z_load_bar{ width: 100%; font-size: 18px; height: 117px; cursor: pointer; line-height: 117px; text-align: center;}
.z_load_bar .iconfont{ transform: rotate(90deg); color: #003D7C; margin:0 10px; display: inline-block;}
.kf_box{ color: #fff; min-height: 31vw; display: flex; align-items: center; padding: 100px 0;}
.kf_box2 .about_tit{ color: #333;}
.kf_box2 .about_text{ color: #666;}
.kf_box2 .index_more{ color: #1d6b9e; border-color: #1d6b9e;}
.kf_box2 .index_more:hover{ color: #fff;}
.z_kf_tit{ text-align: center; font-size: 36px; font-weight: bold;line-height: 38px;}
.z_kf_desc{ width: 71%; margin: 0 auto; margin-top: 40px; margin-bottom: 70px; text-align: center; line-height: 24px; color: #666;}
.z_kf_pic li{ width: 50%; float: left; height: 400px;}
.z_list_page2{ padding: 120px 0;}
.z_map{ position: relative; overflow: hidden;}
.z_map>img{ width: 100%;}
.contact_warp{ width: 100%; position: absolute; left: 0; bottom: 0;} 
.contact_warp li{ width: 33.3%; font-size: 14px; font-weight: bold; color: #fff; text-align: center; height: 200px; display: flex; align-items: center; justify-content: center; float: left; background:#e30016;}
.contact_warp li:nth-child(2){ background: #009ee0;}
.contact_warp li:nth-child(3){ background: #009035;}
.contact_warp li .icon{ margin: 0 auto; margin-bottom: 20px;}
.contact_warp li h2{ font-size: 18px;}
.contact_warp li h3{ font-size: 22px;}



/* 企业文化 */
.culture{background:#f5f5f5;}
.culture ul li{position:relative;}
.culture ul li .pic{width:50%;float:left;height:300px;position: relative;}
/* .culture ul li:hover .pic img{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1);-ms-transform:scale(1);} */
.culture ul li img{transition: all 0.5s;}
.culture ul li:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
.culture ul li .note{width:53.75%;background:rgba(255,255,255,0.4);position:absolute;right:0px;top:40px;padding:35px 50px 35px 70px;top:50%;transform:translate(0%,-50%);transition: all 0.5s ease-in-out;}
.culture ul li .note h4{font-size:24px;color:#333;font-weight:bold;}
.culture ul li .note h4 span{color:#5c5c5c;padding-right:30px;font-weight:normal;}
.culture ul li .note p{margin-left:60px;color:#777;margin-top:15px;line-height:25px;}
.culture ul li.two .pic{width:50%;float:right;}
.culture ul li.two .note{left:0px;padding:45px 70px 45px 50px;transition: all 0.5s ease-in-out;}
.culture ul li:hover .note{background:#fff;right:20px;}
.culture ul li.two:hover .note{left:20px;}



.honor_page{ padding: 80px 0;}
.honor_page .abouts_warp{ margin: 0 auto; float: none; color: #333; text-align: center;}
.honor_nav{ text-align: center; margin-bottom: 70px;}
.honor_nav a{ display: inline-block; margin: 0 10px; width: 150px; height: 46px; line-height: 46px; font-size: 16px; background: #f2d9d0; color: #333; text-align: center;}
.honor_nav a.active,.honor_nav a:hover{ background: #E25725; color: #fff;}
.honor_list ul{ margin-left: -2%;}
.honor_list li{width: 23%; float: left; margin-bottom: 30px; margin-left:2%; padding: 18px; box-sizing: border-box; padding-bottom: 0; background: #fff;}
.honor_list li .imgbox{ width: 100%; display: flex; align-items: center; justify-content: center; height: 205px; overflow: hidden;}
.honor_list li .imgbox img{ max-width: 100%; max-height: 100%;}
.honor_list li .tit{ line-height: 60px; height: 60px; text-align: center; font-size: 16px; color: #666666;}
.z_honor_Page{padding: 80px 0;}
.z_list_page .about_tit{ text-align: center; color: #333; margin-bottom: 80px;}
.page_sunnav{ float: left;}
.page_sunnav li{ float: left; margin-right: 2px; min-width: 160px; height: 48px; line-height: 48px; background: #fff; text-align: center;}
.page_sunnav li a{ display: block; width: 100%; font-size: 16px; }
.page_sunnav li.active,.page_sunnav li:hover{ background: #009ee0;}
.page_sunnav li.active a,.page_sunnav li:hover a{ color: #fff;}
.page_search{ float: right;}
.page_search .text{ width: 240px; height: 48px; padding: 0 10px; box-sizing: border-box; float: left;}
.page_search .sou{ display: block; width: 48px; height: 48px; background: #009ee0; text-align: center; line-height: 20px; color: #fff; line-height: 48px; float:left;} 
.sl_list{ display: block; margin-top: 65px;}
.sl_list ul{ margin-left: -1.9%;}
.sl_list li{ width: 31.4%; float: left; margin-left: 1.9%; margin-bottom: 50px;}
.sl_list li .imgbox img{ width: 100%; transition: ease 1s;height:280px}
.sl_list li:hover .imgbox img{ transform: scale(1.1,1.1);}
.sl_list li .imgbox{ height: auto;}
.sl_xqwarp{ background: #fff;}
.sl_swiper{ width: 55%; position: relative; float: left; overflow: hidden;}
.sl_swiper li img{ width: 100%;}
.sl_hd{ width: 100%; text-align: center; position: absolute; left: 0; bottom: 55px; z-index: 1;}
.swiper_btn{ display: block; z-index: 2; width: 54px; height: 54px; border-radius: 50%; background: rgba(255,255,255,.8); color: #333333; text-align: center; line-height: 54px; border-radius: 50%; cursor: pointer;outline:none;}
.sl_swiper .prev{ position: absolute; left: 10px; top: 50%; transform: translateY(-50%);}
.sl_swiper .next{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.swiper_btn:hover{ background: #005293; color: #fff;}
.sl_con{ width:45%; float: left ; padding: 20px 3vw;box-sizing: border-box;}
.sl_con .tit{ padding: 30px 0; border-bottom:1px solid #d7d7d7;}
.sl_con .tit h3{ font-size: 24px; margin-bottom: 10px; font-weight: bold;}
.sl_con .tit h4{ color: #009ee0;}
.sl_con .desc{ padding: 30px 0; line-height: 30px; color: #666;}

.newsimg_swiper{ width: 50%; height:540px; overflow: hidden;  float: left;}
.newsimg_swiper li .imgbg{ width: 100%; height: 100%;}
.newsimg_swiper{ position: relative;}
.newsimg_swiper .sl_hd{ bottom: 40px;}
.news_list1{ width: 50%; float: left; background: #fff; height: 540px; padding: 0 45px; box-sizing: border-box;}
.news_list1 li a{ display: block; padding: 40px 0;}
.news_list1 li{ border-bottom:1px solid #e0e0e0;}
.news_list1 .timebox{ text-align: center; margin-right: 40px; float: left; font-weight: bold; }
.news_list1 .timebox em{ display: block;font-size: 48px; line-height: 48px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #e0e0e0;}
.news_list1 .infobox h3{ font-size: 24px; margin-bottom: 10px;}
.news_list1 .infobox h4{ color: #666; line-height: 24px; height: 48px;}
.news_list1 li:last-child{ border-bottom: none;}
.news_list1 li:hover h3{ color: #005293;}
.news_warp{ margin-bottom: 30px;}
.news_list ul{ margin-left: -1.6%;}
.news_list li{ width: 31.7%; float: left; margin-bottom: 30px; margin-left: 1.6%;}
.news_list li .imgbox{ height: 18vw; overflow: hidden;}
.news_list li .infobox{ background: #fff; padding: 30px 40px; box-sizing: border-box;}
.news_list li h3{ font-size: 18px; line-height: 24px; margin-bottom: 30px;}
.news_list li .time{ color: #a0a0a0; background: url(../img/time.png) no-repeat left center; padding-left: 30px; height: 24px; line-height: 24px; display: block;}
.news_list li:hover .imgbg{ transform: scale(1.1,1.1);}
.news_list li:hover h3{ color: #005293;}
.page_nav2{ margin-top: 90px; background: #009ee0;}

.page_nav2 a,.page_nav2 li:hover a,.page_nav2 li.cur a{ color: #fff;}
.news_xq{ padding: 70px 0; background: #f0f2f3;}

.news_fl{ width: 68.8%;position: relative; padding-left: 122px; float: left;  box-sizing: border-box;}
.news_fl_bg{ background: #fff; padding:8vh 5vw; box-sizing: border-box;}
.news_head{ position: relative;}
.news_time{ width:100px;position: absolute; left:0; top: 0; float: left; margin-right: 40px; height: 100px;padding-top: 15px; box-sizing: border-box; color: #333333;background: #fff;  text-align: center;}
.news_time em{ display: block;  font-size: 30px; font-weight: bold; color:#009ee0 ;}
.news_tit h3{font-size: 30px; margin-bottom: 10px; font-weight: bold; line-height: 40px;}
.news_bar{ padding: 40px 0; color: #333; display: flex;align-items: center; border-bottom:1px solid #c6c6c6;}
.bshare-custom a{ background: none!important; font-size: 22px; margin: 0!important; cursor: pointer; margin-right: 15px!important; color: #8a8a8a!important; padding: 0!important;}
.bshare-custom a:hover{ color: #009ee0!important; text-decoration: none!important; opacity: 1!important;}
.news_bar .yan{ margin-left: auto; background: url(../img/yan.png) no-repeat left center; padding-left: 20px;}
.news_artic{ padding: 50px 0; color: #474848; line-height: 24px;}
.news_fr{ float: right; width: 29.6%; background: #fff; padding: 20px 40px; box-sizing: border-box;}
.news_one .img{ width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.news_fr .tits{ font-size: 18px; font-weight: bold; border-left: 2px solid #009ee0; padding-left: 10px; margin-bottom: 20px;}
.news_one h3{ font-size: 16px; line-height: 24px; max-height: 48px; margin: 15px 0;}
.news_one{ border-bottom:1px solid #c6c6c6; margin-bottom: 10px;}

.news_swiper2 .swiper-wrapper{ display: block;}
.news_swiper2{ height: 180px;overflow: hidden; width: 100%;}
.news_swiper2 li{ height: 36px!important; line-height: 36px!important; overflow: hidden;}
.news_swiper2 .tit{ display: inline-block; width: 70%;}
.news_swiper2 .fr{float: right; color: #009ee0; font-family: "en"; font-size: 16px;}
.news_swiper2 li:hover a{ color: #009ee0; }
.news_swiper2 li a{ color: #666;}

.news_artic img{ display: block; height: auto!important; max-width: 100%!important;}
.z_load_bar2 .iconfont{ transform: rotate(0); }

.rc_nlwarp{ background: url(../images/nlbg.jpg) no-repeat center; padding: 100px 0;box-sizing: border-box; min-height: 66vh; background-size: cover;}
.rc_nlwarp .con{ width: 1100px; margin: 0 auto; text-align: center;}
.rc_nlwarp .about_tit{ color: #333; margin-bottom: 40px;}
.rc_nlwarp .desc{ line-height: 24px; color: #666; text-align: left}
.rc_nlwarp .descdj{ line-height: 24px; color: #666; text-align: center}
.rc_box{ background: #fff; margin-bottom: 2px;}
.rc_tit{ padding: 0 40px; cursor: pointer; position: relative; box-sizing: border-box; height: 56px; line-height: 56px;}
.rc_tit.on{ background: #009ee0; color: #fff;}
.rc_tit:before{ content: ""; background: url(../img/add.png) no-repeat center; z-index: 1; color: #fff; display: block; width: 56px; height:56px; line-height: 56px; text-align: center; position: absolute; right: 0; top: 0;}
.rc_tit.on:before{background: url(../img/jian.png) no-repeat center;}
.rc_tit span{ display: inline-block; width: 28%;}
.rc_con{ padding: 40px; display: none; box-sizing: border-box; line-height: 30px; color: #7f7f7f;}
.rc_con .ts{ margin-top: 20px;}
.rc_con .ts a{ color: #e25725;}
.yw_list li{ margin-bottom: 30px;}
.yw_list li a{ display: block; }
.yw_list li .infobox{ width: 43%; float: left; height: 420px; background: #fff; padding: 55px 3.6vw;}
.yw_list li .imgbox{ width: 57%;overflow: hidden; float: left;height: 420px;}
.yw_list li h3{ font-size: 24px; font-weight: bold;}
.yw_list li .desc{ line-height: 24px; color: #666; margin: 20px 0; height: 168px; overflow: hidden;}
.yw_list li:hover .imgbg{ transform: scale(1.1,1.1);}

.yw_warper{ width: 100%; padding: 12vh 0;}
.yw_warper .yw_desc{ width: 35.7%; float: left;}
.yw_warper .yw_desc .about_tit{ margin-bottom: 30px; color: #333;}
.yw_warper .yw_desc .con{ line-height: 24px;}
.yw_warper .yw_pic{ width:57%; float: right;}
.yw_warper .yw_pic img{ display: block; width: 100%;}
.z_yw_page .about_tit{margin-bottom: 0;}



.noData{line-height:50px;color:#ccc;text-align:center;}
.ljDetail img{display:inline-block;}
.erlo_lj_more.lj{color:#ccc;}




.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.6); }
.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: block!important; opacity: 1; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); 
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,
.rebox-button:focus { opacity: 1; background: #E25725;}
.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;
}




@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
@media screen and (max-width:1440px) {

.z-container{ width: 88%;}
.about_num li{ padding: 0 40px;}
.z_index_about{ padding: 80px 0;}
.z_yw_icon li{ }
.z_yw_icon li{ width: 140px; height: 140px;}
.z_yw_icon li a{ padding-top: 15px;}
.z_index_nl .z-container{ width: 40%;}
.about_num2 li{ padding: 0;}
}
@media screen and (max-width:1300px) {
.page_sunnav{ width: 100%; float: none;}
.page_search{ float: none;; margin-top: 20px;}
}
@media screen and (max-width:1240px) {
.z_header .logo img{ height: 40px;}

.z-container2{ width: 94%;}
}
@media screen and (max-width:1000px) {
	.z_about_boss{ padding: 60px 0;}
	.boss_con{ margin-top: 0;}
	.rc_nlwarp .con{ width: 94%;}
	.rc_nlwarp{ min-height: auto; padding: 30px 0;}
	
}
@media screen and (max-width:980px) {
.z_header{ height: 50px; line-height: 50px;border-bottom: 1px solid #dcdcdc}
.z_header:before{ content: ""; transition: ease .4s; opacity: 0; visibility: hidden; display: block; width: 100%;  height:calc(100vh - 50px); background: rgba(0,0,0,.5); position: fixed; left: 0; top:50px;}
.z_header .logo{ height: 50px;}
.z_header .logo img{ margin: 0;}
.z_header.on:before{ opacity: 1; visibility: visible;}
.z_menu_btn{ position: absolute; cursor: pointer; border-left:1px solid #dcdcdc; right: 0; top: 0; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;}
.z_menu_btn span{ display: block; transition: ease .6s; width: 24px; height:1px; background: #7d7d7d;}
.z_menu_btn .line{ margin: 8px 0;}
.z_menu_btn.on .line1{ transform:translateY(9px) rotate(45deg);}
.z_menu_btn.on .line3{ transform:translateY(-9px) rotate(-45deg);}
.z_menu_btn.on .line2{ opacity: 0;}
.z_header_nav{ width: 50%; transition: ease .5s; transform: translate(100%); visibility:hidden; height:calc(100vh - 50px); position: fixed; right: 0; top: 50px; background: #fff;}
.z_header_nav.on{ transform: translate(0); visibility: visible;}
.z_header_nav ul{}
.z_header_nav li{ margin: 0; display: block; text-align: center; border-bottom:1px solid #eee;}
.z_header_nav li a{ font-size: 14px;}	
.zs_banner{ margin-top: 50px; height: 35vh;}
.zs_banner .banner_text h4{ font-size: 20px;}
.zs_banner .banner_text h3,.zs_banner .banner_text .h5{ display: none;}
.z_banner_hd{ bottom: 10px;}
.z_notice_warp .fl, .z_notice_warp .fr{ width: 100%; border-bottom:1px solid #ccc;}
.z_notice_warp{ border-bottom: none; padding: 0 10px;}
.z_index_about{ padding: 20px 0;}
.z_index_about .fl_warp,.z_index_about .fr_warp{ width: 100%;}
.z-container{ width: 94%;}
.z_index_about .fl_warp{ height: 230px; margin-bottom: 20px;}
.z_index_about .tit{ font-size: 15px; line-height: 20px; margin-bottom: 10px;}
.about_num{ margin: 20px 0;}
.about_num li{ width: 33.3%; padding: 0; text-align: center;}
.about_num li h3{ font-size: 14px;}
.about_num li .timer{ font-size: 20px;}

.index_more{ border-width: 1px; height: 36px; line-height: 34px;}
.z_index_yw .fl_warp{ width: 100%;}
.z_index_yw .z-container{ display: block; height: auto; padding: 20px 0;}
.index_tit h3{ font-size: 18px;}
.z_index_yw .desc{ margin-top: 10px; margin-bottom: 20px;}
.z_yw_icon li{ width: 100px; margin-bottom: 10px; height: 100px; margin: 0;}
.z_yw_icon li .icon{ height: 35px;}
.z_yw_icon li h3{ font-size: 14px; font-weight: normal;}
.z_yw_icon{ margin-top: 20px; text-align: center;}
.z_index_news{ padding: 20px 0;}
.news_swiper,.z_news_tabwarp{ width: 100%; height: auto;}
.news_swiper li .infobox,.news_swiper li .imgbox{ width: 100%; height: auto;}
.news_swiper li .imgbox{ height: 220px;}
.z_news_hd{ width: 100%; bottom: 10px;}
.news_swiper li .desc{ height: 72px; line-height: 24px; overflow: hidden;}
.news_swiper li h3{ font-size: 16px; line-height: 20px; height: 40px;}
.news_swiper li .infobox{ padding: 10px;}
.news_swiper li .desc{ margin: 10px 0;}
.news_tab_con{ padding: 10px; height: auto;}
.z_index_yj{ padding: 20px 0;}
.yj_nav{ position: relative; top: 0; margin-top: 20px; transform: translateY(0);} 
.yj_nav ul{ display: flex;}
.yj_nav ul li{ flex: 1; height: 80px; overflow: hidden;}
.yj_nav ul li h4{ font-size: 12px;}
.yj_nav li .icon{ margin-top: 10px; margin-bottom: 5px;}
.z_index_yj .index_tit{ margin-bottom: 20px;}

.sl_list li .imgbox{ height: auto;}
.yj_swiper li .infobox{ padding: 10px;}
.yj_swiper li h3{ font-size: 15px;}
.yj_swiper_hd{ margin: 10px 0;}
.z_swiper_warp .index_more{ display: none;}
.z_index_nl{ padding: 20px 0;}
.z_index_nl .z-container{ width: 94%; }
.z_index_nl h3{ font-size: 16px; line-height: 20px;}
.z_index_nl .desc{ margin: 20px 0;}
.foot_fl{ display: none;}
.foot_top{padding: 10px 0;}
.foot_fr{ width: 100%; display: flex; align-items: center;justify-content: space-between;}
.z_oa_btn{ margin: 0 auto;}
.foot_code{ float: none; margin: 0 auto;width: 90px;}
.foot_code .img{ width: 90px; height: 90px;}
.foot_btm{ padding: 10px 0;}
.foot_link{ display: none;}
.z_oa_btn{ width: 164px;}
.other_banner{ margin-top: 50px;}
.other_banner_text .h4{ display: none;}
.other_banner_text h3{ font-size: 14px;}
.page_nav2{ margin-top: 50px;}
.page_nav{  width: 100%; height: 40px;  line-height: 40px; overflow: hidden;}
.page_nav .z-container{width: 100%; }
.page_nav li a{ padding: 0 10px; font-size: 14px;}
.page_nav li:before{ height: 2px;}
.page_nav li { display: block; float: left; }
.about_w{ width: 100%;}
.about_tit{ font-size: 18px; line-height: 20px;}
.z_about_honor{ padding: 30px 0;}
.z_about_honor .index_more{ margin: 0;}
.about_text{ margin: 30px 0;}
.about_page3{ position: relative; z-index: 1;} 
.about_page4:before,.about_page3:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.4); }
.abouts_tit{ font-size: 16px; line-height: 24px;}
.abouts_desc{ margin: 20px 0; font-size: 12px;}
.process_con{ font-size: 12px;}
.about_page3 .abouts_warp{ width: 100%;}
.about_page3{ min-height: auto; padding: 30px 0;}
.process_tab{ width: 100%;}
.process_con { margin: 30px 0;}
.process_con .child{ position: relative; display: none;}
.process_con .child.on{ display: block;}
.process_con .year{ font-size: 20px; margin-bottom: 10px;}
.process_tab .num,.process_tab .tit{display: none;}
.process_tab{ text-align: center; width: 100%;}
.process_tab ul{ margin-top:0px;}
.process_tab ul li{ float: left;  background:rgba(0,0,0,.5); width: 24%; font-size: 14px; height: 40px; line-height: 40px;margin: 0;}
.z_kf_tit{ font-size: 18px; line-height: 20px;}
.z_kf_desc{ width: 100%; margin: 20px 0;}
.contact_warp li{ height: 120px;}
.sl_list li{ width: 48.1%;}
.sl_swiper,.sl_con{ width: 100%;}
.rc_tit span:nth-child(even){ display: none;}
.newsimg_swiper,.news_list1{ width: 100%;}
.news_list li{ width: 48.4%;}
.news_list li .imgbox{ height: 200px;}
.news_list li .infobox{ padding: 15px;}
.news_xq .z-container{ width: 94%;}
.news_fl,.news_fr{ width: 100%;}
.news_fl{ padding-left: 0;}
.news_time{ position: relative; left: auto; top: auto;}
.news_tit h3{ font-size: 16px; line-height: 24px;}
.news_time{ margin-right: 10px;}
.news_xq{ padding: 20px 0;}
.news_bar{ padding: 15px 0;}
.news_artic{ padding: 20px 0;}
.news_fr{ display: none;}
.bshare-custom a{ margin-right: 5px!important;}
.news_fl_bg{ padding: 15px;}
.news_time{ width: auto; display: none; height: auto; padding: 0 10px; top: 15px;}
.news_time em{ font-size: 16px; }
.news_tit h3{  box-sizing: border-box;}
.bshare-custom{ display: none;}
.z_yw_page .about_tit{ float: none;}
.yw_warper .yw_desc,.yw_warper .yw_pic{ width: 100%;}
.yw_warper{ padding: 30px 0;}
} 




@media(min-width:1024px){
 

.canshu{width:100%; max-width:1200px; margin-top:10px; display:block; overflow-x:hidden; background:#fff;}
.canshu table{width:1200px;} 
.cs-d{display:none;}}
    
    
    
@media screen and (max-width:640px) {
.map{display:none}
.boss_con,.boss_img{ width: 100%;}
.z_about_boss{ padding-top: 20px;}
.boss_img img{ width: 60%; margin: 0 auto;}
.boss_con .tit h3{ font-size: 18px;}
.boss_con .desc{ margin: 20px 0;}
.z_about_desc{ padding: 20px 0;}
.about_desc_tit{ font-size: 18px;}
.about_desc_tit{ margin-bottom: 20px;}
.about_desc_fl,.about_desc_fr{ width: 100%;}
.about_num2{ padding: 10px 0;}
.z_about_video{ height: 240px;}
.z_play_box h3{ font-size: 18px; margin-bottom: 5px;}
.z_play_box .icon{width: 32px; height: 32px;}
.index_more{ margin: 0 auto;}
.process_con .year h3{ font-size: 18px; line-height: 20px;}
.process_con .year h4{ font-size: 16px;}
.z_list_page{ padding: 20px 0;}
.z_dj_list li{ margin-bottom: 10px;}
.z_dj_list li .timebox{ width: 80px; height: 90px;margin-right: 10px;}
.z_dj_list li .timebox em{ font-size: 24px;}
.z_dj_list li .infobox{ height: 90px; padding: 10px; }
.z_dj_list li h3{ font-size: 14px; height: 20px; line-height: 20px; margin-bottom:5px;}
.z_load_bar{ height: 50px; line-height: 50px; font-size: 14px;}
.kf_box{ padding:50px 0;}
.kf_box .index_more{ margin: 0;}
.z_kf_pic li{ width: 100%; height: 250px;}
.contact_warp{ position: relative;}
.contact_warp .z-container2{ width: 100%;}
.contact_warp li{ font-size: 14px; width: 100%;margin-top:20px}
.contact_warp li .icon{ height: 20px; margin-bottom: 10px;}
.z_list_page .about_tit{ margin-bottom: 20px;}
.honor_list li{ width: 48%; padding: 10px; padding-bottom: 0; margin-bottom: 10px;}
.honor_list li .imgbox{ height: 100px;}
.sl_list li .imgbox{ height: auto;}
.honor_list li .tit{ height: 40px; line-height: 40px; font-size: 14px;}
.sl_list li{ width: 98.1%; margin-bottom: 10px;}
.page_sunnav li{ min-width: auto; margin: 0; width: 33.3%; border-bottom:1px solid #f3f3f3; border-right:1px solid #f3f3f3;}
.page_sunnav li a{ font-size: 14px; padding: 0 10px}
.sl_list{ margin-top: 20px;}
.sl_swiper .swiper_btn{ display: none;}
.sl_hd{ bottom: 10px;}
.sl_con{ padding:0 10px;}
.sl_con .tit{ padding: 20px 0;}
.sl_con .tit h3{ font-size: 18px;}
.sl_con .desc{ padding: 10px 0;}
.newsimg_swiper{ height: 240px;}
.newsimg_swiper .sl_hd{ bottom: 10px;}
.news_list1{ height: auto; padding: 0 10px}
.news_list1 li a{ padding: 10px 0;}
.news_list1 .timebox{margin-right: 10px;}
.news_list1 .timebox em{ font-size: 20px; line-height: 20px;}
.news_list1 .infobox h3{ font-size: 15px; line-height: 20px; margin-bottom: 0;}
.news_warp{ margin-bottom: 10px;}
.news_list li{ width: 98.4%; margin-bottom: 10px;}
.news_list li .infobox{ padding: 10px;}
.news_list li h3{ font-size: 15px;}
.yw_list li{ margin-bottom: 10px;}
.yw_list li .infobox,.yw_list li .imgbox{ width: 100%;}
.yw_list li .imgbox{ height: 210px;}
.yw_list li .infobox{ padding:20px 10px; height: auto;}
.yw_list li .index_more{margin-left: 0;}
.yw_list li h3{ font-size: 16px;}
.yw_list li .desc{ margin: 10px 0; max-height: 168px; height: auto;}
.yw_warper .yw_pic{ margin-top: 20px;}
.yw_warper .yw_desc .about_tit{ margin-bottom: 20px;}
.boss_img{ margin-bottom: 20px;}
    
    
    .zs_banner{  height:auto; position: relative; top:0px}
    
    .zs_banner{ margin-top: 50px; height:auto;}
.zs_banner .banner_text h4{ font-size: 20px;}
.zs_banner .banner_text h3,.zs_banner .banner_text .h5{ display: none;}
    
 
.zs_banner .bd li .img{background-position:center top; background-repeat:no-repeat; background-size:cover;}  
   .job .info{max-width:90%;}
 
	.job dl a{position:static;display:block;width:100%;margin-top:1rem;padding:15px 0;}  
 .lh-news-h2{font-size:18px;}
	.lh-news-item li .img{width:120px;}
	.lh-news-item li h2 em{display:block; float:left; margin:3px 0;}
	.lh-news-item li h2 b{font-size:16px;}
	.lh-news-item li h2{font-size:14px; border-bottom:0; padding:0; margin:0;}
	.lh-news-item li h2 span{width:100%;}
	.lh-news-item li h3{margin:2px 0 0; font-size:12px; line-height:20px; height:40px;}
	.lh-news-item li h4{display:none;}
	.lh-news-item li a{padding:5px;}
	.lh-news-item li:before,.lh-news-item li:after{display:none;}
    .lh-newsRes-h2{font-size:16px;}
	.lh-more{padding:8px 18px;}
	.lh-newsRes-h3 span{margin-top:16px;}
	.lh-newsRes-main{padding:20px 0;}
	.lh-newsRes-main{font-size:12px;}
    .lh-mtj-h2{font-size:22px;}
	.lh-mtj-h3{margin-top:10px; font-size:14px;}
	.lh-mtj-main{padding:30px 10px 0; font-size:12px; line-height:20px;}
    .culture ul li .pic,.culture ul li.two .pic{width:100%;height:auto;}
	.culture ul li .note,.culture ul li.two .note{width:100%;position: static;transform: none;clear: both;padding:1rem 0.5rem;margin-bottom:1rem;}
   .cs-d{display:block;}
    
.canshu{width:100%; max-width:1200px; margin-top:10px; display:block; overflow-x:scroll;}
.canshu table{width:100%; } 
.canshu table img{width:auto} 
.canshu table td{ padding:5px; white-space:nowrap;} 
 
}



 
.icon-font {
  position: relative;
}

.icon-font:after {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url(../images/icon_spirit.png);
  background-repeat: no-repeat;
  position: absolute;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
}


/*左侧工具条*/
#toolbar {
  position: fixed;
  z-index: 9999;
  right: 17px;
  bottom: 10%;
}

#toolbar li {
  margin-bottom: 3px;
  font-size: 0;
  width: 57px;
  height: 57px;
  right: 0;
  position: relative;
}

#toolbar li a {
  display: block;
  position: absolute;
  z-index: 9;
  right: 0;
  top: 0;
  width: 57px;
  height: 57px;
  overflow: hidden;
  background: #292e39;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  white-space: nowrap;
  font-size: 0;
}

#toolbar li .icon-font {
  display: inline-block;
  vertical-align: middle;
  width: 57px;
  height: 57px;
  background-color: #d9d9d9;
}

#toolbar li .icon-qq:after {
  background-position: 0 -119px;
}

#toolbar li .icon-phone:after {
  background-position: 0 -90px;
}

#toolbar li .icon-ewm:after {
  background-position: 0 -30px;
}

#toolbar li .icon-message:after {
  background-position: 0 -120px;
}

#toolbar li .icon-top:after {
  background-position: 0 -60px;
}

#toolbar li .icon-wangwang:after {
  background-position: 0 0;
}

#toolbar li .wz {
  display: inline-block;
  line-height: 57px;
  font-size: 14px;
  color: #fff;
  vertical-align: middle;
  padding-left: 10px;
}

#toolbar li.ewm .ewm-box {
  position: absolute;
  z-index: 1;
  padding: 5px;
  background: #292e39;
  width: 110px;
  right: 120%;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all .7s;
  transition: all .7s;
}

#toolbar li.ewm .ewm-box p {
  margin-bottom: 0;
}

#toolbar li.ewm .ewm-box img {
  max-width: 100%;
}

#toolbar li.ewm .ewm-box:after {
  content: '';
  position: absolute;
  right: -5px;
  bottom: 20px;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: 5px;
  cursor: pointer;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent #292e39;
  border-right: none;
}

#toolbar li.ewm:hover .icon {
  background-position: -57px -180px;
}

#toolbar li.ewm:hover .ewm-box {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#toolbar li.backtop {
  cursor: pointer;
}

#toolbar li.backtop .iconfont {
  color: #fff;
  background-color: #292e39;
}

#toolbar li:hover a {
  width: 200px;
}

#toolbar li:hover .icon-font {
  background-color: #292e39;
}

#toolbar li:hover .icon-qq:after {
  background-position: -30px -119px;
}

#toolbar li:hover .icon-phone:after {
  background-position: -30px -90px;
}

#toolbar li:hover .icon-ewm:after {
  background-position: -30px -30px;
}

#toolbar li:hover .icon-message:after {
  background-position: -30px -120px;
}

#toolbar li:hover .icon-wangwang:after {
  background-position: -30px 0;
}

#toolbar li:hover .icon-top:after {
  background-position: -30px -60px;
}

@media (max-width: 990px) {
  #toolbar {
    display: none;
  }
}


.pages{text-align:center;margin: 30px 0px 20px;}
.pages ul{display:inline-block;margin-right:0;}
.pages ul li{display:inline-block;border: 1px solid #f5f5f5;width:auto; margin:3px;}
.pages ul li a{display:inline-block;margin: 0 2px;padding: 5px 10px; }
.pages ul li.c3{background:#172e5f;color:#fff;margin: 0 2px;padding: 5px 10px;}
.pages ul li.nolink{background:#fff;color:#000;margin: 0 2px;padding: 5px 10px;}
.pages ul li:hover{background:#172e5f;color:#fff;}

.pages ul li.c3 a,.pages ul li:hover a{color:#fff; }
.pages ul li.prev a{text-indent: 0;}
.pages ul li.prev:hover,.pages ul li.next:hover{background:#fff;margin: 0 2px;}
.pages ul li img{vertical-align: top;}