@charset "UTF-8";
@font-face {
  font-family: 'sy';  /* project id 574899 */
  src: url("../fonts/思源黑体R.ttf");

}
.bshare-custom{display: flex;
    align-items: center}
.bshare-custom a{ background: none!important; padding: 0!important; margin: 0!important; font-size:20px; color:#666!important;    margin: 0 10px!important}

/* public */
pre{white-space: pre-wrap; font-family: 'Source-Han-Norm19eb9258e41dd5c' !important;word-wrap: break-word; }
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; outline: none;}
img{border:0; display: block;}
ul,dl,li,dt,dd{list-style:none;}
body{font-size: 14px;  overflow-x:hidden;  font-family: 'sy'; color: #000;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-overflow-scrolling : touch ; background: #fff;}
a{font-size:14px;text-decoration:none;  color: #333; transition: all .45s; z-index: 99999;}
.clearfix:after{content:""; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none;font-family: "微软雅黑"; line-height: normal;border:none;background: none;}
textarea{resize:none; overflow:hidden;}
select,input{-webkit-appearance: none;appearance: none; -ms-appearance: none;border-radius: 0;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
table{max-width:100%;overflow:hidden;}
.u_hidden{display: none;}
.fl{float:left;}
.fr{float:right;}
.z-container {width:89.5%;height:auto;clear: both;margin: 0 auto;}
.z-container2 {width: 1200px;height:auto;clear: both;margin: 0 auto;}
.z-container3 {width: 1200px;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;}
.clear{ clear: both;}
*:before,
*:after {
  z-index: -1;
}
body.fixed .z_header{transform:translateY(-100%);visibility:hidden;    -ms-transform: translateY(-100%);}
.flex{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
/*分享*/
#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}
.p7w{ padding: 0 7vw; box-sizing: border-box;}
/*内容*/
/*banner*/
.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}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }
*/
.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}
.swiper-container-fade .swiper-slide-prev{ opacity: 0!important;}
.z_header{ width: 100%;box-shadow: 0 0 15px rgba(0,0,0,.2);position: relative; transition: all .4s; z-index: 10;  height: 100px; line-height: 100px; position: fixed; left: 0; top: 0; padding:0 4vw; box-sizing: border-box;}
.z_header:after{ content: ""; display: block; width: 0%; height: 2px; background:#c11b22; position: absolute; left: 50%; bottom: 0; transition: ease .5s;}
.z_header:hover:after{ width: 100%; left: 0;}
.z_header2{ background: #fff;}
.z_header:before{ content: ""; display: block;background: #fff; opacity: 0; border-radius: 50px; width: 0%; height: 100%; position: absolute; left: 50%;top: 0; transition: all .4s;}
.z_header.on:before{  width: 100%; left: 0;border-radius: 0px; opacity: 1;}
.logo{ display:block; float: left; height: 100px; position:relative}
.logo:hover .logo2{ opacity: 1; }
.logo2{     position: absolute;    left: 0;    top: 0;    opacity: 0;    transition: all .4s}
.logo img{ display: block;  height: 48px; margin: 26px 0;}
.z_header_fr{ float: right;}
.z_header_nav{ float: left;}
.z_header_nav li{ display: inline-block; margin-right: 4vw; position: relative;}
/*.nav_mask{ width: 100%; box-shadow: 0 3px 7px rgba(0,0,0,.1); position: absolute;min-height: 240px; left: 0; top: 100px; background:#fff;z-index: 6; transform: translateY(10%); opacity: 0; visibility: hidden; transition: all .4s;}
*/			
/*.z_header_nav:hover .sub_nav{opacity: 1; visibility: visible;min-height: 240px;transform: translate(-50%,0%);}
.z_header_nav:hover .nav_mask{ opacity:1; visibility: visible;transform: translateY(0);}*/
.z_header_nav .sub_nav{ width: 100%; padding: 10px 0;  box-sizing: border-box; position: absolute;left: 50%; transform: translate(-50%,10%); top: 110px; width: 130px; z-index: 7; text-align: center; opacity: 0; visibility: hidden; transition: all .4s;}
.z_header_nav .sub_nav a{ display: block; line-height: 30px; color: #666;}
.z_header_nav li:hover .sub_nav{  background:#eee; opacity: 1; visibility: visible; transform: translate(-50%,0);}
.z_header_nav .sub_nav a:hover{ color: #c11b22;}
.z_words{ float: right; display: block; width: 120px;transition: all .4s; height: 40px; color: #fff;font-family: arial; text-transform: uppercase; text-align: center; line-height: 40px; margin-top: 30px; background: #000; color: #fff;}
.z_words:hover{background:#c11b22 ;}
.z_header_nav a{ color: #333; font-size: 16px; transition: all .6s;    display: block;
    width: 100%;
    height: 100%;}
.z_header_nav li:hover>a,.z_header_nav li.active>a{ color: #c11b22;}
.z_header_nav li:before{ content: ""; display: block; width: 2px; height: 23px;background: #c11b22; position: absolute; left: 50%; bottom: 0px; transition: all .4s; opacity: 0;}
.z_header_nav li:hover:before,.z_header_nav li.active:before{ opacity: 1;transform: translateY(10px);}
.mobile_btn{cursor:pointer; width: 50px; display: none; height: 50px; position: absolute; right: 0; top: 0; z-index: 4; box-sizing: border-box;  padding: 18px 14px;  }
.mobile_btn.on .line1{transform:rotate(45deg);transform-origin:13% 50%;}
.mobile_btn.on .line2{width:0;}
.mobile_btn.on .line3{transform:rotate(-45deg);transform-origin:13% 50%;}
.mobile_btn span{display:block; width:22px; height:1px; background: #333; transition:all .45s;}
.mobile_btn .line2{margin:5px 0; width:16px; }

.banner{ height: 100vh; background:#000; position: relative; width: 100%;overflow: hidden; }
.banner li .img{ width: 100%; background-size: cover!important; height: 100%;opacity:0;opacity:1\0; transition: all 3s; transform: scale(1.02); -webkit-transform: scale(1.02);}
.banner .swiper-slide-active .img { transform: scale(1);opacity:1; -webkit-transform: scale(1);}
.banner_text{ position: absolute; left: 0;opacity:0; transform: translateY(50px); transition: all 3s;   color: #fff; top: 35%; width: 50%; padding-left: 7vw; box-sizing: border-box;}
.banner_text h3{ font-size:4vw; line-height: 5vw; font-weight: bold;   }
.banner_text h4{ font-size: 24px; margin: 30px 0; font-weight: bold;}
.banner_text .icon{ display: block; width: 31px;height: 4px; background:#fff; background-size: 100% 100%;}
.banner .swiper-slide-active .banner_text{ opacity: 1; transform: translateY(0);}

.z_banner_bar{ width:auto; display: flex; align-items: center; padding: 0 4vw; box-sizing: border-box; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; height: 17vh; z-index: 2;}
.z_bar_fl{ float: left; position: relative; display: none; padding-left: 3vw; cursor: pointer}
.z_bar_fl:before{ content: "";animation:sb 2s linear infinite; display: block; width: 5px; height: 27px; background: url(../img/arr_b.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 0; top: 50%;transform: translateY(-50%); }
.z_bar_fl span{ display: block; text-transform: uppercase; font-weight: bold; margin-top: 5px;}
.z_bar_fr{ float: right; margin-left: auto;}
.z_bar_fr li,.z_banner-hd li{ display: inline-block; width: 30px; width: auto\0;  height: 30px; line-height: 30px; opacity: 1; background:none; font-family: "微软雅黑"; cursor: pointer; font-size: 22px; font-weight: bold; margin-left: 2.5vw; position: relative;}
.z_bar_fr li:before,.z_banner-hd li:before{ content: ""; display: block; text-align: center; width: 100%; height: 100%;  position: absolute; left: 0; top: 0;  color: #000; }
.z_banner-hd li:before{ color: #fff!important;}
.about_js .z_banner-hd li:before {color: #000!important;}
.z_bar_fr li:after,.z_banner-hd li:after{ content: ""; display: block; width: 0%; height: 6px; background: #c11b22; position: absolute; left: 0; bottom: 2px; transition: all .4s;}
.z_bar_fr li.on:after,.z_banner-hd li.on:after{ width: 100%;}
.z_bar_fr li:nth-child(1):before,.z_banner-hd li:nth-child(1):before{content: "01";} 
.z_bar_fr li:nth-child(2):before,.z_banner-hd li:nth-child(2):before{content: "02";} 
.z_bar_fr li:nth-child(3):before,.z_banner-hd li:nth-child(3):before{content: "03";} 
.z_bar_fr li:nth-child(4):before,.z_banner-hd li:nth-child(4):before{content: "04";}
.z_bar_fr li:nth-child(5):before,.z_banner-hd li:nth-child(5):before{content: "05";}
.z_bar_fr li:nth-child(6):before,.z_banner-hd li:nth-child(6):before{content: "05";}
.z_bar_fr li:nth-child(7):before,.z_banner-hd li:nth-child(7):before{content: "05";}
.z_bar_fr li:nth-child(8):before,.z_banner-hd li:nth-child(8):before{content: "05";}
.z_bar_fr li.active:before,.z_bar_fr li:hover:before{ width: 100%;}
.z_bar_fr li:before{ display: none\0;}
.z_about{ padding: 6vh 0; background: url(../img/yy.png) no-repeat top center; background-size: 100% auto;}
.z_about .z-container2{position: relative;}
.z_about .z-container2:before{content: ""; display: none; width: 100%; height:130%;background: url(../img/logo_bg.png) no-repeat left 4vw center; background-size: auto 100%; position: absolute; left: 0%; top: -15%;}
.z_about_fl{ width: 50%; float: left; height: 100%; color: #fff; }

.z_about_fr{ width: 50%; float: right;}
.z_about_fl span{display: inline-block;background: #000; margin-bottom: 8px; border-right: 8px solid #c11b22; padding: 10px 20px; font-weight: bold;}
.z_about_fl .h3{ font-size: 25px; }
.z_about_fl .h4{ letter-spacing: 2px;}
.index_tit{ font-family: "微软雅黑";}
.index_tit .h3{ font-family: "微软雅黑"; margin-bottom: 5px;}
.index_tit h4,.index_tit .h3{ font-size: 24px; font-weight: bold!important;}
.line{ display:block; width: 26px; height: 6px; -background: #c11b22; margin: 30px 0;}
.index_tit .desc{ line-height: 30px; color: #000;}
.z_about2{ position: relative; position: relative; display: none;}
.z_about2:before{ content: ""; display: block; width: 73%; background: #f5f5f7; height: 90%; position: absolute; right: 0; bottom: 0;}
.about_pic{ width:69.5%; float: left; position: relative; color: #fff; height: 55vh;}
.about_pic img{ width: 100%;}
.pic_desc{ position: absolute;color: #fff; left: 3vw; top: 3vw; width: 30%;}
.pic_desc h3{ font-size: 60px; font-weight: bold; color: #c11b22; font-family: arial;}
.pic_desc h4{ font-weight: bold;  font-size: 24px; font-family: "微软雅黑"; font-weight: bold; line-height: 28px; margin: 15px 0;}
.pic_desc h5{ font-weight: bold;}

.about_more{ width: 27%; float: right;  position: relative;}
.about_more img{ width: 100%;}
.about_more a{ display: block; width: 100%; height: 100%;}
.about_more .more_btn{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.more_btn{ display: block; transition: all .4s; font-weight: bold; font-family: "微软雅黑"; letter-spacing: 2px; width: 185px; height: 50px; line-height: 46px; background: #fff; text-align: center;}
.more_btn .iconfont{ font-size: 20px; margin-left: 20px;}
.more_btn:hover{ background: #c11b22; color: #fff; }
.about_num{ position: absolute; left: 0; display: flex; width: 100%;  bottom: 0; padding: 3vw; box-sizing: border-box;}
.about_num li{ display: inline-block; flex: 1;}
.about_num li em{ font-size: 30px; font-weight: bold;}
.about_num li i{ vertical-align: top; font-size: 20px; margin-left: 10px;}
.about_num li h3{ margin-bottom: 5px;}
.z_abot_btm{ box-sizing: border-box; padding: 6vh 0;padding-left: 28%; display: flex; align-items: center;  }
.z_abot_btm .more_btn{ margin-top: 8vh;}
.z_abot_btm .fr{ margin-left: auto;}
.index_video{ width: 100%;  position: relative; height: 90vh; overflow: hidden; background: url(../img/video_bg.jpg) no-repeat center; background-size: cover;}
.index_video video{ width: 100%; opacity: 0; transition: all .4s;}
.index_video.on{ height: auto;}
.index_video.on .play_box{ opacity: 0;}
.index_video.on video{ opacity: 1;}
.video_pop video{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.play_box{ position: absolute; color: #fff; transition: all .4s;  left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center;}
.play_box em{ display: block; cursor: pointer; margin-bottom: 3vh;}
.play_box h3{ font-size: 24px; font-weight: bold;}
.play_box h4{font-size: 18px; font-weight: bold;}
.video_pop{display: block; width: 100%; height: 100%; background: #000; position: fixed; left: 0; top: 0; z-index: 9999!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%;}
.index_pro{ padding: 7vh 7vw;}
.index_tit2{ text-align: center; margin-bottom: 5vh;}
.index_tit2 h3{ font-size: 40px; font-weight: bold; background: url(../img/tit_bg.png) no-repeat center; background-size: 100% auto; text-align: center;}
.pro_tabli{ text-align: center; margin-bottom: 6vh;}
.pro_tabli a{ display: inline-block; width: 180px; height: 50px; border-radius: 25px; border:2px solid #e2e2e2; margin: 0 5px; font-size:15px; font-weight: bold; line-height: 50px;}
.pro_tabli .iconfont{ width: 90px; font-size: 20px;}
.pro_tabli a.active,.pro_tabli a:hover{ background: #c11b22; color: #fff; border-color: #c11b22;}
.pro_tabcon .child{ position: relative;}

.pro_tabcon ul{  }
.pro_tabcon .fl li:last-child{ margin-bottom: 0;}
.pro_tabcon li{ width:30%; height: 18vw; position: relative;  display: block; overflow: hidden;}
.pro_tabcon li .img{ width: 100%; height: 100%; transition: all .6s;}
/*.pro_tabcon li:hover .img{ transform: scale(1.02,1.02);}*/
.pro_tabcon li a{ display: block; width: 100%; height: 100%;}
.pro_tabcon li .tit{ transition: all .4s;/* transform: translateY(100%);*/ position: absolute; padding: 0 20px; box-sizing: border-box; left: 0; bottom: 0; width: 100%; height: 60px; background: #000; color: #fff; border-right:6px solid #c11b22; box-sizing: border-box; line-height: 60px;}
/*.pro_tabcon li:hover .tit{ transform: translateY(0);}*/
.pro_tabcon .fl li:first-child .tit{ transform: translateY(0);}
.pro_tabcon li .iconfont{ float: right;}
.pro_tabcon .fr{ position: absolute; right: 0; top: 0; height: 100%; display: flex; align-items: center;}
.pro_tabcon .fr li{ margin: 12vh 0; }
.pro_tabcon .child{ display: none; overflow: hidden; position: relative;}
.pros_btn{ }
.pros_btn a{ display: block; z-index: 2; float: left;position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; background: #c11b22; line-height: 50px; text-align: center; color: #fff; font-size: 20px;}
.pros_btn .next{ float: right; left: auto; right: 0;}
.pro_tabcon .child.on{ display: block;}
.index_pro .index_tit{text-align: right;}
.index_pro .line{ display: inline-block;}
.see_more{ width: 155px; float: right; height: 90px; transition: all .4s; position: absolute; bottom: 0; right: 0; letter-spacing: 3px; font-weight: bold; padding: 0 20px; justify-content: center; box-sizing: border-box; text-align: right; background: #eeeeee; display: flex; align-items: center;}
.see_more:hover{ background: #c11b22; color: #fff;}
.see_more .iconfont{ display: block; font-size: 20px;}
.pro_tabcon .fr .index_tit{ position: absolute; right: 0; top: 0;}

.year_swiper{ width: 26.5%; float: left; height:400px; overflow: hidden; position: relative;}
.year_swiper li{ display: flex; align-items: center; text-align: center; justify-content: center;}
.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.index_news_fl {width: 50%; float: left;} 
.year_swiper .iconfont{ display: block; font-weight: bold; text-align: center;  font-size: 24px; height: 40px; line-height: 40px; z-index: 2; background:#fff; width: 100%; position: absolute; left: 0;}
.year_swiper .icon-arrt{ top: 0;}
.year_swiper .icon-arrb{ bottom: 0;}
.year_swiper .iconfont:hover{ color: #c11b22;}
.year_swiper .year{ font-size: 200px; display: block; background: url(../img/textbg.png) no-repeat center;  color: #c11b22; font-family: "微软雅黑"; font-weight: bold; background-origin: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.year_swiper li a{ font-size: 25px; font-weight: bold;}
.index_news{ }
.index_news .gd{ display: block; width: 120px; height: 44px; font-size: 18px; margin: 40px auto; line-height: 44px;border-radius: 22px; transition: all .4s; text-align: center; border:2px solid #e2e2e2;}
.index_news .gd:hover{ background: #c11b22; color: #fff;}
.index_news .warp{ padding-bottom: vh;}
.year_news_warp{ float: left; width:59%;  float: right; margin-right: 2%;}
.news_swiper{ width: 100%; position: relative;  display: none;     padding-bottom: 30px}
.news_swiper.on{ display: block;}
.news_swiper li{ background: #fff;}
.news_swiper li .img{ width: 100%; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; box-shadow: 0 0px  25px rgba(0,0,0,.2); border-radius: 5px; height: 31vh ; overflow: hidden;}
.news_swiper li img{ min-height: 100%; transition: all .4s; vertical-align: bottom;}
/*.news_swiper li:hover img{ transform: scale(1.1,1.1);}*/
.news_swiper li:hover h3{ color: #c11b22;}
.news_swiper .info h3{ font-size: 20px; font-weight: bold; margin-bottom: 14px; }
.news_swiper .info .desc{ line-height: 26px; height: 52px;margin-bottom: 4vh;}
.news_swiper .see{ display: none; width: 93px; height: 37px; line-height: 37px; text-align: center; color: #fff; font-size: 16px; background: #000; border-right:6px solid #c11b22; text-align: center;}
.news_swiper .z_dot-hd{ position: absolute; right: 0; bottom: 2px; z-index: 2;}
.news_swiper .z_dot-hd li{ background: none;margin-left: 14px; }
.news_swiper .z_dot-hd li:before{ font-size: 18px; }
.news_swiper .z_dot-hd li:after{ bottom: 4px; height: 3px;}
.index_news_fr{ width: 42%; float: right;}
.index_news_fr li{ position: relative;}
/*.index_news_fr li:before{ content: ""; display: block; width: 2px; height: 100%; position: absolute; left:30px; background: #dcdcdc; top: 0; }
*/.index_news_fr .time{ font-size: 36px; transition: all .4s;  padding: 30px 0; padding-bottom: 10px; flex-shrink: 0; font-weight: bold; font-family:arial; float: left; background: #fff; margin-right: 10px;}
.index_news_fr h3{ font-size: 20px; line-height: 28px; font-family: "微软雅黑"; margin-bottom: 20px;}
.index_news_fr p{ line-height: 20px; height:20px;}
.index_news_fr .info:before{ content: "";  display: block; transition: all .4s; width: 0%; height: 100%; position: absolute; left: 0; top: 0; background: #000;}
.index_news_fr .info{position: relative; padding: 30px; padding-right: 40px; box-sizing: border-box; width: 80%; float: left; }
/*.index_news_fr li:hover .info:before{ width: 100%;}
.index_news_fr li:hover .info{ color: #fff;}*/
.index_news_fr .icon-jiantou{ display: block; width: 70px; height: 35px; text-align: center; line-height: 35px; background: #c11b22; color: #000; position: absolute; right: -35px; top: 50%; margin-top: -17px; font-size: 24px; transition: all .4s; transform: translateX(-100px); opacity: 0;}
/*.index_news_fr li:hover .icon-jiantou{ transform: translateX(0); opacity: 1;}
.index_news_fr li:hover .time{ color: #c11b22;}*/
.index_news_fr li:last-child:before{ display: none;}
.index_news_fr li:first-child .time{ margin-top: 0;}
.index_news_fr li:hover h3{ color: #c11b22;}
.index_hz{ background: #f6f6f6; padding: 8vh 7vw;}
.index_hz .index_tit{ text-align: center;}
.index_hz .index_tit .line{ display: inline-block;}
.hz_list li{ width: 16.6%;  float: left; text-align: center;  } 
.hz_list li img{ max-width:70%; max-height: 80px; display: block;margin:0 auto; vertical-align: middle;margin-top: 40px}
.z_footer{ background: #181818; color: #a8a8a8;}
.foot_top{ padding:6vh 0;}
.z_foot_fl{ float: left;}
.foot_tel h3{ font-size:2.2vw; color: #fff; font-weight:bold}
.foot_sou{ margin: 35px 0; width: 250px; border-radius: 5px; height: 50px; background: #fff;}
.foot_sou .text{ height:50px; padding: 0 20px; font-size: 16px; box-sizing: border-box; width: 200px;}
.foot_sou .sou{ display: block; float: right; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 24px;}
.foot_a a,.foot_a.bshare-custom a{ color: #fff!important; font-size: 24px!important; margin-right:15px!important;}

.z_foot_fr{ float: right;}
.foot_nav{ float: left;}
.foot_nav dt{ color: #fff; font-size: 16px; margin-bottom: 40px;}
.foot_nav dl{ display: inline-block; vertical-align: top; margin-right: 5vw;}
.foot_nav a{ display: block; color: #909090; margin-bottom: 20px;}
.foot_nav a:hover{ color: #fff;}
.foot_code{ float: right; text-align: center;}
.foot_code h3{ margin-top: 10px;}
.foot_code img{ width: 130px; height: 130px;}
.foot_copy{ line-height: 60px; border-top:1px solid rgba(255,255,255,.2);}
.foot_copy a{ float: right; color: #A8A8A8;}

.sidebox { position: fixed; right: 10px; bottom: 200px; z-index: 9; }
.sidebox li { position: relative; cursor: pointer; margin-bottom:2px; }
.sidebox a { display: block; width: 50px; height: 50px; margin-top: -1px; background-color: #c11b22;  text-align: center; line-height: 48px; color: #fff; position: relative; z-index: 2; background: #3d3d3d; }
.sidebox a:hover { background-color: #555; color: #fff; border-color: #555; }
.sidebox .iconfont { font-size: 20px; }
.sidebox .cont { transition: all .4s; white-space: nowrap; width: 0; overflow: hidden; height: 50px; line-height: 50px; text-align: center; background-color: #c11b22; color: #fff; font-size: 14px; position: absolute; right: 100%; top: 0; }
.sidebox li img{ vertical-align: middle;}
.sidebox li:hover .cont { width: 110px; }
.sidebox li:hover a{background-color: #c11b22;}
.sidebox li em{display: inline-block; width: 100%; height: 100%;}
.sidebox .code .cont{ height: auto; line-height: normal;}
.sidebox .code .cont img{ width: 80px; height: 80px;}
.sidebox li.code:hover .cont{ width: 80px;padding: 5px;}

.other_banner{ width: 100%; position: relative; }
.bannerimg{width: 100%;height: 20vw;}
.other_banner>img{ width: 100%;}
.other_banner_tit{ position: absolute; left: 0%; top: 60%; width: 100%; text-align: center; color: #fff; transform: translateY(-50%);}
.other_banner_tit h3{ font-size: 40px; font-weight: bold;  }
.other_banner_tit  h4{ letter-spacing: 2px;}
.other_banner_tit .fadeInUp {animation-duration:1s}


.page_nav{ width: 100%; line-height: 80px; display: flex; justify-content: space-between; align-items: center; background: #fff;/* position: absolute; left: 0; bottom: 0;*/ position: relative; align-items: center; height: 80px;}
.navFixed .page_nav { width: 100%; position: fixed; left: 0; top: 0;  z-index: 10; box-shadow: 0 5px 10px rgba(0,0,0,.05);  }

.more_bar{ width: 23%;position: absolute; left: 0; top: 0;    cursor: pointer; float: left; text-align: center; letter-spacing: 3px;font-size: 16px;}
.more_bar em{ display: inline-block;width: 5px; height: 27px; background: url(../img/arr_b.png) no-repeat center; background-size: 100% 100%; vertical-align: middle; margin-right: 30px;}
.wrapper{    line-height: 40px; margin: 0 auto;
    box-sizing: border-box}
.nav_list li{ display: inline-block; line-height: 18px; position: relative;z-index: 2; width: auto;margin: 0 1vw;}
.nav_list li a:before{ content:""; display: block; width:0%; transition: all .4s; height: 4px; background: #c11b22; position: absolute; left: 0; bottom: 0;}
.nav_list li a{ font-size: 16px; font-weight: bold; display: block; position: relative; }
.nav_list li.cur a:before,.nav_list li:hover a:before{ width: 100%; font-weight: bold;}
.page_wz a{ display: block; width: 80px; height: 80px; text-align: center; line-height: 80px; background: #000;float: left; display: flex; justify-content: center; align-items: center;}
.page_wz a img{ display: inline-block; vertical-align: middle;}
.page_wz{ position: absolute; right: 0; top: 0;}
.page_wz a.back{ background: #7d7d7d;}
.page_wz a:hover{ background: #c11b22;}

.m_content{ background: url(../img/yy2.png) no-repeat top center; position: relative; background-size: 100% auto}
.f5bg:before{ content: "";display: block; width: 100%; height: 100%; background:#f1f1f1; position:absolute; left: 0; top: 0;}
.about_desc{-background: url(../img/dt.png) no-repeat top -10px left ;}

.about_con{ padding: 8vh 0;padding-bottom: 0; background: #fafafa;}
.bgbar{ display:inline-block; background: #000; border-right:6px solid #c11b22; padding:10px 20px; box-sizing: border-box; color: #fff; letter-spacing: 2px;}
.about_desc h3{ font-size: 35px; font-weight: bold; margin: 20px 0;}
.about_desc .desc{ line-height: 30px;}
.about_lb{ width: 100%; height: 60vh; position: relative; display: none;}
.box_show{ margin-top: 3vh; box-shadow: 0 20px 30px rgba(0,0,0,.2);}
.banner-btn{ position: absolute; right: -90px; bottom: 0;}
.banner-btn a{ display: block;  font-size: 26px; font-weight: bold; width: 60px; height: 60px; line-height: 60px; text-align: center; border:2px solid #eeeeee;}
.banner-btn .next{ border-bottom: none;}
.banner-btn a:hover{ background: #c11b22; color: #fff; border-color: #c11b22;}
.banner-hd{ position: absolute; font-size: 28px; font-weight: bold; left: -90px; top: 50%; transform: translateY(-50%);}

.banner-hd .swiper-pagination-current{ font-size: 60px; font-family: arial;}
.about_js{ width: 100%; display: none; padding: 6vh 0; background: url(../img/js_bg.jpg) no-repeat center; background-size: cover;}
.index_tit3{ text-align: center;}
.index_tit3 h3{ font-size: 40px; font-weight: bold;}
.js_lb{ margin-top: 6vh; overflow: hidden; position: relative; padding-bottom: 6vh;}
.js_lb .li{ width: 48.3%; position: relative;  margin-bottom: 30px; background: #fff; float: left; padding: 1.5vw ; box-sizing: border-box; padding-left: 5vw;}
.js_lb .li:nth-child(even){ float: right;}
.js_lb .li .num{ font-size: 2vw; transition: all .3s; font-weight: bold; position: absolute; left: 1.5vw; top: 1vw;}
.js_lb .li h3{ font-size: 18px; height: 20px; overflow: hidden; line-height: 20px;}
.js_lb .li .line{ margin: 15px 0;}
.js_lb .li .desc{ line-height: 24px; height: 72px; overflow: hidden;}
.js_lb .li:hover .num{ color: #c11b22;}
.js_lb .z_banner-hd{ position: absolute; width: 100%; left: 0; bottom: 0;z-index: 4; text-align: center;}
.about_process{ padding: 9vh 0; }
.process_year{ padding: 0  40px; box-sizing: border-box; position: relative;}
.process_year .swiper-container{ overflow: hidden; width:100%; padding: 10px 0;}
.pc-slide{ padding: 5vh 0;}
.process_year{ }
.process_year .btn,.other_swiper .btn{ display: block; z-index:5; border-radius: 50%; background: #fff; width: 40px; height: 40px; text-align: center; line-height: 40px; border:1px solid #5a5a5a; color: #5a5a5a; position: absolute; bottom: -2px;}
.process_year .arrow-left{ left: 0;}
.process_year .arrow-right{ right: 0;}
.other_swiper{position: relative;}
/*.other_swiper .prev{ left:10px}
.other_swiper .next{ right:10px}*/
.other_swiper .btn{ bottom:auto;top: 12vh; margin-bottom:-20px; opacity:0}
.other_swiper:hover .btn{opacity:1}
.process_year .btn:hover{ background: #c11b22; color: #fff; border-color: #c11b22;}
.process_year li{ text-align: center; cursor: pointer; position: relative;height: 100px;}
.process_year:before{ content: "";z-index: 1; display: block; width: 100%; height: 1px; background: #7d7d7d; position: absolute; left: 0; bottom:18px;}

.process_year li:before{content: ""; display: block; width: 16px; height: 16px; background: url(../img/dot.png) no-repeat center; background-size: cover; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%);}
.process_year li span{ position: absolute; transition: all .3s; left: 0; bottom: 25px; text-align: center; width: 100%;}
.process_year li.active-nav span{ font-size: 40px; font-weight: bold;}
.process_year li.active-nav:after{content: ""; display: block;animation:sc 1s linear infinite; width: 32px; height: 32px; background: url(../img/dots.png) no-repeat center; background-size: cover; position: absolute; left: 50%; bottom: -8px; transform: translateX(-50%);}
.process_con{ width: 82%; overflow: hidden; margin: 0 auto; margin-top: 8vh;}
.process_con .img{ float: left; max-width:34%; padding-right: 8%; box-sizing: border-box;}
.process_con img{ max-width: 100%;}
.process_con h3{ font-size: 24px; margin: 20px 0; margin-top: 10px;}
.process_con .desc{ line-height: 28px;}

.about_cul{ width: 100%; background: url(../img/cul_bg.jpg) no-repeat center; background-size: cover; padding: 8vh 0;}
.cul_li li{ width: 214px; display: flex; align-items: center; justify-content: center; text-align: center; transition: all .4s; height: 180px; position: relative; background: #fff; float: left; padding:30px 40px; box-sizing: border-box;}
.cul_li{ display: flex; justify-content: space-between; margin: 8vh 0;}
.cul_li li:hover,.cul_li li.on{ background: #c11b22; color: #fff;}
.cul_li li:hover span,.cul_li li.on span{ border-top-color: #fff;}
.cul_li li h3{ font-size: 20px; font-weight: bold; line-height: 26px; margin-bottom: 10px;}
.cul_li li h4{ font-size: 20px;}
.cul_li li span{ display:none; font-weight: bold; width: 50%; padding-top: 15px; border-top: 2px solid #c11b22; position: absolute; left: 40px; bottom: 20px;}
.cul_li li em{ display: inline-block; margin-left: 20px;}
.cul_con .child{ background: #fff;display: none; padding: 40px; height: 184px; box-sizing: border-box;}
.cul_con .child .flexs{display: flex;align-items: flex-start; }
.cul_con .tit{ float: left;font-size:20px;  padding-bottom: 20px; line-height: 28px; margin-right: 4vw; flex-shrink: 0;  font-weight: bold; display: inline-block; border-bottom:2px solid #c11b22;}
.cul_con .tit h3,.cul_con .tit h4{font-weight: bold;}
.cul_con .info{ line-height: 35px;}
.cul_con .child.on{ display: block;}

.pro_list,.case_page{ padding: 7vh 0;}
.sub_tit,.other_pro .tit{ font-size: 30px; position: relative; padding-left: 45px; margin-bottom: 40px;}
.sub_tit:before,.other_pro .tit:before{ content: ""; display: block; width: 26px; height: 6px; background: #c11b22; z-index: 1; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.pro_list li .info{ float: left; width: 60.5%;}
.pro_list li .img{ float: right; width: 30%; overflow: hidden; flex-shrink: 0; margin-left: auto;     display: flex;
    justify-content: center;
    align-items: center;}
.pro_list li img{width: 100%;}
.pro_list li{ background: #fff; padding: 2vw 2.5vw;}
.pro_list li{ display: flex; justify-content: space-between; margin-bottom: 20px;

}
.pro_list li:hover{box-shadow: 0 0 10px 0 rgba(0,0,0,.1);}

.pro_list li h3{ font-size: 28px; font-weight: bold;}
.pro_list li h4{ font-weight: bold; margin-bottom: 14px;}
.pro_list li .desc{ line-height: 24px; height: 48px; margin-bottom: 20px;}
.pro_list .pro_btn .btn{ display: inline-block; font-size: 15px; width: 112px; margin-right: 10px; height: 40px; line-height: 40px; border-radius: 20px; border:2px solid #e5e5e5; text-align: center;}
.pro_list .pro_btn .down{ background: #e5e5e5;}
.pro_list .pro_btn a:hover{ background: #c11b22; color: #fff; border-color:#c11b22;}
.pro_list li:hover{}
.pages_bar{text-align: center; margin-top: 40px;    position: relative;
    z-index: 1}
.pages_bar a{ display: inline-block; position: relative; font-size: 20px; font-weight: bold; height: 30px; width: 22px; text-align: center; margin: 0 14px; line-height: 30px;}
.pages_bar a img{ display: inline-block;vertical-align: middle;}
.pages_bar a.active:before{ content: ""; display: block; width: 100%; height: 5px; background: #c11b22;position: absolute; left: 0; bottom: 3px;}
.proby_box{ position: relative;background: #f7f7f7; z-index: 1;}
.proby_box .flex{ align-items: center;}
.proby_box .info,.proby_box .forms{ width: 50%; float: left;}
.proby_box:before{ content:""; display: block;  width: 50%; height: 100%; position: absolute; left: 0; top: 0;/* background: url(../img/bg.jpg) no-repeat center; background-size: cover;*/ }
.proby_box .info{ padding-right: 6vw; box-sizing: border-box; }
.proby_box .info h3{ font-size: 24px;}
.proby_box .info .desc{ line-height: 24px; margin: 20px 0;}
.proby_box .info .line2{display: block; width: 24px; height: 4px;  margin-bottom: 20px;}
.proby_box .info span{ }
.proby_box .tel{ font-size: 30px;}
.proby_box .forms{ padding:36px; box-sizing: border-box;}
.proby_box .form_tit{ background:url(../img/ly.png) no-repeat left center;padding-left: 54px; margin-bottom: 20px; }
.form_tit h3{font-size: 20px; font-weight: bold;}
.form_tit h4{ color:#696969;}
.proby_box .forms form{ padding-left: 54px; box-sizing: border-box;}
.proby_box .forms li{ width: 48%; display: flex; float: left; line-height: 40px; margin-bottom: 14px; border-bottom: 1px solid #dcdcdc;}
.proby_box .forms li:nth-child(even){ float: right;}
.proby_box .forms label{ color: #6b6b6b; margin-right: 10px;}
.proby_box .forms li:last-child,.proby_box .forms li:nth-last-child(2){ width: 100%;}
.proby_box .forms li .text{ min-width: 75%;}
.proby_box .subbtn{ display: inline-block; float: right; width: 80px; height: 30px; line-height: 30px; background: #c11b22; color: #ffff; font-size: 14px; cursor: pointer; border-radius:15px;}
.pro_head{ padding: 7vh 0; display: flex; align-items: center;}
.pro_head .info{ width: 50%; float: left;}
.pro_head .info h3{ font-size: 30px; font-weight: bold;}
.pro_head .line{ margin: 20px 0;}
.pro_head .desc{ line-height: 30px;}
.pro_head .down{ display: inline-block; width: 115px; background: #e5e5e5; border-radius: 20px;margin-right: 10px; text-align: center;}
.pro_head .proplay{ background: url(../img/play2.png) no-repeat left center;  padding-left: 30px;}
.pro_head a{ display: inline-block; height: 40px; line-height: 40px;}
.pro_head .btn{ margin: 20px 0; margin-bottom: 30px;}
.pro_head .down:hover{ background: #c11b22;}
.pro_swiper{ float: right; width: 39%; overflow: hidden; margin-left: auto;}
.pro_swiper img{ width: 100%;}
.proxq_tabli{ width: 100%; height: 60px; padding: 0 50px; box-sizing: border-box; line-height: 60px; background: #7d7d7d; color: #fff;}
.proxq_tabli li{ display: inline-block; margin-right: 4vw;  font-size: 16px; position: relative;cursor: pointer;}
.proxq_tabli li.active{background: url(../img/arr.png) no-repeat bottom center;}
.proxq_tabcon{ background: #fff; padding:40px 40px; box-sizing: border-box; box-shadow: 0 5px 20px rgba(0,0,0,.05);}
.proxq_tabcon img,.xq_detail img{ max-width: 100%!important; height: auto!important;}
.proxq_tabcon .child.on{ display: block;}
.proxq_tabcon .child{ display: none;}
.proxq_list li{ width: 46%; float: left; margin-bottom: 20px;}
.proxq_list li:nth-child(even){ float: right!important; margin-left: auto;}
.proxq_list li .img{ width: 100%; height: 28vh; margin-bottom: 20px; border:1px solid #bfbfbf; display: flex; justify-content: center; align-items: center;}
.proxq_list li img{ display: inline-block; max-width: 100%; max-height: 100%;}
.proxq_list li h3{ font-size: 18px; font-weight: bold;}
.proxq_list li .desc{ line-height: 30px; margin-top: 5px;  overflow: hidden;margin-bottom: 20px;}
.proxq_list{display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: space-between;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap ; }
.xq_detail{ width: 100%; line-height: 24px;}
.xq_detail table{ width: 100%!important;border-collapse: collapse;border:solid #d8d8d8!important; border-width:1px 0px 0px 1px!important; padding:10px 0px;}
.xq_detail table td{border:solid #d8d8d8!important; border-width:0px 1px 1px 0px!important; line-height: 20px!important; height:auto!important;padding: 10px 0!important;}

.other_pro{ padding-bottom: 7vh;}
.other_pro .tit{ font-size: 24px; font-weight: bold; margin: 40px 0; }
.other_pro .icon-gengduo{ float: right; display: block; width: 60px; height: 30px; line-height: 30px; text-align: center; border:2px solid #e2e2e2; border-radius: 15px;}
.other_swiper li{ padding: 20px; float: left; width: 31.5%; box-sizing: border-box; background: #fff;}
.other_swiper li .img{ width: 100%; height: 21vh;overflow: hidden; display: flex; justify-content: center; align-items: center;}
.other_swiper li .imgbg{  height: 100%; width: 100%;transition: all .4s;   }
/*.other_swiper li:hover .imgbg{ transform: scale(1.1,1.1); }*/
.other_swiper .info{ padding: 10px 0;}
.other_swiper li h3{ font-size: 20px; font-weight: bold; height:30px; line-height:30px; transition: all .4s;}
.other_swiper li:hover h3{ color: #c11b22;}
.other_swiper li .desc{ margin: 10px 0;line-height: 24px; height: 48px;}
.other_swiper li span{ font-weight: bold;}
.other_swiper li .icon-jiantou{ font-size: 20px; margin-left: 5px;}
.other_swiper{ overflow: hidden; padding: 10px 0; box-sizing: border-box;}
.case_list ul{ margin-left: -1.8%; display: block;}
.case_list li{ margin-left: 1.8%; margin-bottom: 30px;box-shadow: 0 5px 20px rgba(0,0,0,.05);}
.case_list li .img{ height: 26vh;margin-bottom: 10px}
.detail_xq{ position: relative; padding-top: 26vh; margin-top: 100px; padding-bottom: 8vh;}
/*.detail_xq:before{ content: ""; display: block; width: 100%; height: 74vh; position: absolute; left: 0; top: 0; background: url(../img/case_banner.jpg) no-repeat top center; background-size: 100% auto;}
*/
.detail_bg{ width: 100%; position: absolute; left: 0; top: 0; z-index: -1;}
.detail_nav a{ display: block; width: 70px;background: #7d7d7d; height: 70px; line-height: 70px; float: left; display: flex; justify-content: center; align-items: center;}
.detail_nav .home{ background: #000;}
.detail_nav a:hover{ background: #c11b22;}
.detail_container{ background: #fff; width: 100%;}
.detail_warp{ padding: 9vh 14%; box-sizing: border-box;}
.artic_tit{ text-align: center;}
.artic_tit h3{ font-size: 36px; line-height: 40px; }
.artic_tit .p{ margin:4vh 0; line-height: 60px; border-bottom:1px solid #313131;border-top:1px solid #313131;display: flex;
    justify-content: center;
    align-items: center}
.artic_tit .p span{ display: inline-block;    margin-right: 40px}
.artics_con{ line-height: 36px; color: #202020; min-height: 50vh;}
.artics_con img{ max-width: 100%!important; display: inline-block;max-height: 100%!important;height: auto !important}
.topbtm_bar{ line-height: 90px; padding: 0 3vw;box-sizing: border-box;border-top:1px solid #313131;}
.topbtm_bar img{ display: inline-block; margin: 0 10px}
.topbtm_bar a{ display: flex; align-items: center; width: 40%; float: left; font-size: 16px; }
.topbtm_bar .fr{float: right; text-align: right; justify-content: flex-end;}
.sh_page{ padding: 7vh 0;}
.sh_tit{ background: #000; padding: 10px 24px; margin-bottom: 20px; letter-spacing: 2px;border-right:5px solid #c11b22; color: #fff; display: inline-block;}
.sh_list li{ margin-bottom: 6vh;}
.sh_list li:last-child{ margin-bottom: 0;}
.sh_list li h3{ font-size: 36px; font-weight: bold;}
.sh_list li .desc{ line-height: 30px; margin-bottom: 30px; font-size: 16px;}
.sh_list li .img img{ max-width: 100%; display: inline-block;}
.down_tit{ text-align: center; margin-bottom: 30px; font-size: 36px; font-weight: bold; position: relative;}
.down_tit:before{ content: ""; display: block; width: 26px; height: 6px; background: #c11b22; position: absolute; left: 50%; bottom: -10px; transform: translate(-50%); z-index: 1;}
.down_list{ background: #fff; box-shadow: 0 5px 20px rgba(0,0,0,.05); }
.down_list li{ padding: 40px; box-sizing: border-box; position: relative; border-bottom:1px solid #dfdfe0; padding-right: 25%;}
.down_list li .downbtn{ display: block; z-index: 1; width: 115px; position: absolute; right: 30px; top: 50%; transform: translateY(-50%);border-radius: 5px; height: 42px; color: #fff;  line-height: 42px; background: #bfbfbf; color: #fff; display: flex; justify-content: center; align-items: center; text-align: center;}
.down_list li .downbtn img{ display: inline-block;margin-right: 10px;}
.down_list li h3{ font-size: 18px; margin-bottom: 10px;}
.down_list li h4{ line-height: 24px; color: #999;}
.down_list li:hover .downbtn{ background:#c11b22;}
.down_list .pages_bar{ margin:0px; padding: 40px 0;}
.news_tit{ display: flex; align-items: center; margin-bottom: 3vh; }
.news_tit h3{ font-size: 36px; float: left;  }
.news_tit .month_box{ margin-left: 20px;}
.month_box .iconfont{ font-size: 20px; font-weight: bold; margin: 0 10px}
.month_box{ display: flex; align-items: center; display: -webkit-flex; font-size: 18px;}
.month_box .num{ font-size: 60px;display: block; margin-right: 10px; background: url(../img/textbg.png) no-repeat center;  color: #c11b22; font-family: "微软雅黑"; font-weight: bold; background-origin: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.news_list { margin-left: -2.7%;display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.news_list li{ width: 30.6%; background: #fff; padding: 20px; box-sizing: border-box; margin-left: 2.7%; margin-bottom: 6vh;position: relative; z-index: 1;}
.news_page{ padding: 7vh 7%; box-sizing: border-box;}
.news_list .img{ width: 100%; position: relative; height: 25vh;  }
.news_list .img img{ height: 100%; min-width: 100%;}
.news_list .img .day{ color: #fff; position: absolute; left: 20px; top: 20px; font-family: arial;font-size: 30px; font-weight: bold;}
.news_list .img .see{ display: inline-block; position: absolute; left: 20px; bottom: 20px; color: #fff; border-bottom: 3px solid #fff;padding-bottom: 5px;}
.news_list .img .add{ background:url(../img/add.jpg) no-repeat center; width: 58px; height: 58px;  position: absolute; right: 0px; bottom: 0px; transition: all .4s;}
.news_list .img:before{ content: ""; display: block; width: 100%; height: 100%; background: #c11b22 url(/style/img/0.gif) no-repeat center; position: absolute; left: 0; top: 0; transition: all .4s;}
.news_list .img_mask{ width: 100%; opacity: 0; transition: all .4s; height:100%; position:absolute;left: 0; top: 0; background: rgba(0,0,0,.5);}
.news_list li:hover .img .img_mask{ opacity: 1;}
.news_list li:hover .add{ transform: translate(10px,10px);}
.news_list li:hover .img:before{ transform: translate(-14px,-14px);}
.news_list h3{ font-size: 20px; margin-top: 25px;}
.news_list h4{ line-height: 28px; color: #5f5f5f;}
.news_page .pages_bar{border-top: 2px solid #000; padding-top: 40px;}
.contact_page{ padding-top: 2vh; padding-bottom: 7vh;}
.contact_tit{ text-align: center; margin: 5vh 0;}
.contact_tit h3{ font-size: 24px; -font-weight: bold;}
.contact_tit h4{ margin-top: 5px;}
.contact_dz{ border-top: 1px solid #dcdcdc; box-sizing: border-box;display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.dz_box{ width: 50%;  border-bottom: 1px solid #dcdcdc;float: left; padding: 40px 0; border-right:1px solid #DCDCDC;box-sizing: border-box;}
.dz_box:nth-child(even){ border-right: none; padding-left: 4vw;}
.dz_box:nth-child(3) .code_box,.dz_box:nth-child(3) .see_map{ display: none;}
.dz_box .icon{ max-height: 34px; margin-bottom: 10px;}
.dz_box h3{ font-size: 20px;}
.dz_box p{ margin-top: 10px;}
.dz_box .see_map{ display: inline-block; padding-left: 30px; background: url(../img/arr2.png) no-repeat left center; color: #e62129; line-height: 20px; margin: 20px 0;}
.dz_box .code_box img{ width: 90px; height: 90px;}
.code_box h3{font-size: 14px; margin-top: 10px;}
.ly_box{border-bottom:1px solid #DCDCDC; padding-bottom: 50px;}
.ly_box li{ width: 49%; margin-bottom: 30px;transition: all .4s; font-size: 15px; float: left; height: 65px; line-height: 65px; border:1px solid #eeeeee; background: #f6f6f6; box-sizing: border-box; padding: 0 2vw; box-sizing: border-box;}
.ly_box li.on{ background: #c11b22; color: #fff;box-shadow:0 5px 20px rgba(0,0,0,.05);}
.ly_box li.on input::-webkit-input-placeholder{ color:fff; }
.ly_box li.on input::-moz-placeholder{ color:fff;}
.ly_box li.on input:-moz-placeholder{color:fff; }
.ly_box li.on input:-ms-input-placeholder{ color:fff;}
.ly_box li.on input{color: #fff;}
.ly_box li:nth-child(even){ float: right;}
.ly_box li input{ width: 80%; margin-left: 20px; height: 100%; }
.ly_box li:last-child{ width: 100%;}

.ly_box .btn{     text-align: center;width: 160px; font-size: 15px; cursor: pointer; height: 50px; line-height: 50px; background: #000; color: #fff; display: block; margin: 0 auto; border-radius: 3px;}
.ly_box .btn:hover{ background: #c11b22;}
.aply_pop{ width: 560px; height: 280px; background: #fff;border-radius: 3px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);box-shadow: 7px 0 46px rgba(0,0,0,.2); text-align: center; padding: 10px;box-sizing: border-box; display: none;}
.aply_pop h3{ height: 66px; line-height: 66px; text-align: center; border-bottom:1px solid #cccccc; margin-bottom: 25px;}
.aply_pop .uploadbtn{ display: inline-block; width: 100px; height: 33x; text-align: center;line-height: 33px; color: #333; color: #fff; border-radius: 4px; background:#75be21; position: relative;overflow: hidden;}
.aply_pop .uploadbtn input{ position: absolute; left: 0; bottom: 0; top: 0;right: 0; opacity: 0;}
.aply_pop p{ color: #7f7f7f; margin-top:5px; margin-bottom: 40px;}
.aply_pop .btn_group button{ display: inline-block; width: 100px; height: 33px; background: #c6c6c6; border:none; color: #fff; border-radius: 3px; cursor: pointer;}
.aply_pop .btn_group .surebtn{ background: #929292;}
.aply_pop .closebtn{ width: 27px; height: 27px;background: url(../img/close.png) no-repeat center; background-size: 100% 100%; position: absolute; right: 15px; top: 15px; cursor: pointer;}
.sideMenu{width: 100%;  }
.sideMenu .rc_box{ margin-bottom: 2px;}
.sideMenu .tit{ height:70px; line-height:70px; padding:0 20px;box-sizing: border-box; background:#eeeeee; cursor:pointer; color: #2e2e2e; }
.sideMenu .tit span{ display: inline-block; margin-right: 50px;}
.sideMenu .tit em{ float:right; display:inline-block; width:18px; height:18px; background: url(../img/jia.png) no-repeat left center; background-size: 100% 100%;  margin-top: 26px;}
.sideMenu .tit.on em{ background: url(../img/jian.png) no-repeat center; background-size: 100% auto; }
.sideMenu .tit.on{ background:#c11b22; color: #fff; }
.sideMenu ul{ padding:40px 50px; color:#515151; display:none; /* 默认都隐藏 */ background: #eeeeee; }
.sideMenu ul .box{ margin-bottom: 30px;}
.sideMenu ul h4{ margin-bottom: 20px; font-weight: bold;font-size: 16px;}
.sideMenu ul p{ margin-bottom: 10px;}
.sideMenu .aplybtn{  cursor: pointer;background:#c11b22; width: 160px; height: 45px; line-height: 45px; text-align: center; color: #fff; border-radius: 3px;}
.sideMenu .load{ text-align: center; color: #a7a7a7; display: block; margin:0 auto; margin-top: 30px;}
.sh_list li img{max-width:100%!important;height: auto!important}
.foot_a.bshare-custom a:hover{ text-decoration: none!important; color:#c11b22!important}

@keyframes sc{
0%{transform: scale(0.5,0.5) translateX(-90%);}

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

@keyframes sb{
0%{transform: translateY(-50%);}
50%{transform: translateY(-100%);}
100%{transform: translateY(0%);}
}
@media screen and (max-width: 1660px){
.foot_nav dl{ margin-right: 3vw;}
}
@media screen and (max-width: 1400px){
.index_news_fr .info{ width: 78%;}

}
@media screen and (max-width: 1300px){
.z_header{ padding: 0 2vw;}
.z-container2{ width: 80%;}
.foot_nav dl{ margin-right: 2vw;}
.index_news_fr .info{ width: 70%;}
.proby_box .forms li .text{ min-width: auto; width: 60%;}
}
@media screen and (max-width: 1200px){
.z_header_nav li{ margin-right: 2vw;}	

}
/*平板*/
@media screen and (max-width: 1024px){
.page_wz{ display:none}
.z_header{ height: 50px;line-height: 50px; background: #fff;z-index: 1000;}
.logo{ height: 50px; line-height: 50px;}
.logo img{ height: 28px; margin: 11px 0;}
.mobile_btn{ display: block;}	
.z_header_fr{ width: 100%;z-index: 1000; background:#fff; transition: all .4s; transform: translateX(100%); height: 100%; position:fixed; left: 0; top: 50px ;}
.z_header_fr.on{ transform: translateX(0);}
.z_header_nav{ width: 100%; float: none; margin-top: 6vh;}
.z_header_fr li{ display: block; text-align: center; margin: 0;}
.z_header_nav  a{ color:#333}
.z_words{margin: 0 auto; float: none; margin-top: 10px;}
.banner_text{ width: 100%; padding: 0 7%; box-sizing: border-box;}
.banner_text h3{ font-size: 28px;    line-height: 30px}
.banner_text h4{ font-size: 18px; margin: 15px 0;}
.z_banner_bar{ width: 100%}
.z_bar_fr li:before{ font-size: 18px; }
.index_news_fl,.index_news_fr{ width: 100%;}
#o_do1{z-index: -1;}
}
/*手机*/
@media screen and (max-width: 980px){
	.index_news_fl{ display: none;}
.z_bar_fl span{ font-size: 12px;}	
.z_banner_bar{ height: 80px;}
.banner_text .icon{ width: 26px; height: 2px;}
.p7w{ padding: 20px 15px}
.z_about{ padding: 20px 0;}
.z-container2{ width: 94%;}
.z_about_fl,.z_about_fr{ width: 100%;}
.z_about_fl{ margin-bottom: 20px;}
.z_about_fl .h3,.index_tit h4, .index_tit .h3{ font-size: 18px;}
.about_pic{width: 100%; height: 300px;}
.pic_desc h3{ font-size: 30px;}
.pic_desc{width: 100%;} 
.about_num li em{ font-size: 20px;}
.about_more{ width: 100%; height: 70px;}
.about_more img{display: none;}
.z_abot_btm{ width: 100%; padding-left: 0; display: block; padding: 20px 0;}
.z_abot_btm .fl,.z_abot_btm .fr{ width: 100%;}
.line{ margin: 15px 0;}
.more_btn{ margin: 0 auto; width: 120px;}
.more_btn .iconfont{ margin-left: 5px;}
.z_abot_btm .fr{ margin-top: 20px; display:none}
.z_abot_btm .fr img{ max-width: 100%; margin: 0 auto;}
.index_video{ height: 45vh;}
.play_box img{ height: 50px; margin: 0 auto}
.play_box em{ margin-bottom: 10px;}
.index_tit2{ margin-bottom: 20px;}
.index_tit2 h3{ font-size: 20px; background-size: 140% auto;}
.index_pro{ padding: 20px 15px;}
.pro_tabli a{ width: auto!important;  padding: 0 10px; margin: 0 4px;margin-bottom: 10px; height: 30px; line-height: 30px;}
.pro_tabcon li{ height: 230px;}
.pros_btn a{ width: 35px; height: 35px; line-height: 35px;}
.pro_tabcon .fr .index_tit{ display: none;}
.see_more{ height: 40px; width: 100%; letter-spacing: 0; }
.see_more .iconfont{display: inline-block;margin-left: 4px;}
.pro_tabli{ margin-bottom: 20px;}
.pro_tabcon li .tit{ transform: translateY(0);position: relative; height: 30px; line-height: 30px; font-size: 14px; padding: 0 10px}
.year_news_warp{ width: 82%; margin-right: 0;}
.year_swiper{ width: 12%; height: 200px;}
.year_swiper li a{ font-size: 12px;}
.year_swiper .year{ font-size: 34px;}
.news_swiper li .img{ height: 200px; box-shadow: none; margin-bottom: 10px;}
.news_swiper .info h3{ font-size: 16px; margin-bottom: 10px;}
.news_swiper .info .desc{ line-height: 20px; height: 40px; font-size: 12px; margin-bottom: 10px;}

.index_news_fr .time{ font-size: 18px; color: #333;}
.index_news_fr li:before{ left: 14px;}
.index_news_fr .info{ width: 82%; padding: 15px;}
.index_news_fr h3{ font-size: 16px; margin-bottom: 10px;}
.index_news_fr p{ height: 40px; line-height: 20px;}
.index_news_fr li{ padding-bottom: 10px;}
.index_news_fr .info:before{ width: 100%; display:none}
.index_news_fr .info{ color: #333!important; padding-right: 0px;}
.index_news_fr .icon-jiantou{ transform: translateX(0); display:none; opacity: 1; width: 50px;right: -25px; height: 30px; line-height: 30px;}
.index_news .gd{ width: 90px; height: 30px; line-height: 30px; font-size: 14px; margin: 20px auto;}
.hz_list li{ width: 33.3%; }
.hz_list li img{ max-height: 40px; display:block; margin:0 auto;margin-top:20px}
.hz_list li{ margin-top: 0;}
.foot_nav{ display: none;}
.foot_sou{ width: 200px; height: 35px; margin: 10px 0;}
.foot_sou .text{ height: 35px; padding: 0 5px; width: 160px; font-size: 14px;}
.foot_sou .sou{ width: 35px;height: 35px; line-height: 35px; font-size: 20px;}
.z_foot_fr{margin-left: auto; }
.foot_code img{ width: 80px; height: 80px; margin: 0 auto}
.foot_tel h3{ font-size: 20px;}
.foot_top{ padding:20px 0; display: flex; align-items: center; justify-content: space-between;}
.foot_copy{ line-height:normal;padding: 10px 0;}
.foot_copy a{ display: block; float: none;}
.z_footer{ padding: 0 15px}
.z_abot_btm .more_btn{ margin-top: 20px; display:none}
.sidebox { display: none;}
.other_banner{ margin-top: 50px;}
.page_nav{ width: 100%; position: relative;display:flex; height: 40px; line-height: 40px; transition: all .8s;}

.more_bar{ display: none;}
.page_wz a{ height: 40px;line-height: 40px; width: 40px;}
.nav_list{ width: 100%; text-align: left;}
.nav_list li a{ font-size: 14px;}
.other_banner_tit{ top: 32%;}
.other_banner_tit h3{ font-size: 20px;}
.about_con{ padding: 30px 0; padding-bottom: 0;}
.about_desc h3{ font-size: 18px; margin: 10px 0;}
.about_desc .desc{ line-height: 24px;}
.box_show{ margin-top: 20px;}
.about_lb{ overflow: hidden;}
.about_lb{ height: 240px;}
.pic_desc h4{ font-size: 16px; margin: 10px 0;}
.index_tit3 h3{ font-size: 20px;}
.js_lb{ padding-bottom: 0; margin-top: 30px;}
.js_lb .swiper-wrapper{ display: block;}
.js_lb .li{ width: 100%; padding: 20px ; margin-bottom: 10px; padding-left: 50px;}
.js_lb .li .num{ font-size: 18px; left: 20px; top: 16px;}
.js_lb .z_banner-hd{ display: none;}
.about_js{ padding: 30px 0;}
.process_year li.active-nav span{ font-size: 20px;}
.pc-slide{ padding: 0;}
.about_process{ padding: 30px 0;}
.process_year li{ height: 70px;}
.process_year .btn{ width: 30px; height: 30px; text-align: center; line-height: 30px; bottom: 2px;}
.process_con{ width: 100%; margin-top: 20px;}
.process_con .img{ width: 100%; padding-right: 0; margin-bottom: 10px; max-width: 100%;}
.process_con .img img{ margin: 0 auto;}
.process_con h3{ font-size: 18px; margin-bottom: 0;}
.cul_li li{ width: 25%; padding: 10px; height: auto;}
.cul_li li span{ display: none;}
.cul_li li h3{ font-size: 12px; line-height: 20px;}
.cul_li li h4{ font-size: 14px;}
.cul_li{ margin: 20px 0;}
.cul_con .child{ padding: 10px; height: auto;}
.wrapper{ margin-left: 0;    overflow: hidden;
    width: 100%!important;}
.bgbar,.z_about_fl span,.z_about_fl .h3{ padding:4px 20px}
.nav_list li{padding: 0 10px;
    display: block;
    float: left}
.pro_list, .case_page,.sh_page{ padding:20px 0;}
.sub_tit{ font-size: 20px; margin-bottom: 20px;}
.pro_list .pro_btn a{ width: 80px; height: 30px; line-height: 30px;}
.pro_list li .desc,.pro_list li h4{ margin-bottom: 10px;}
.pro_list li h3{ font-size: 18px;}
.pro_list li{ display: block;}
.pro_list li .info,.pro_list li .img{ width: 100%; height: auto;}
.pro_list li .img{ margin-top: 10px;}
.pro_list li .img img{ width: 100%; height: auto; min-height: auto;}
.proby_box:before{ width: 100%;}
.proby_box .info,.proby_box .forms{ width: 100%;}
.proby_box .flex{ display: block;}
.proby_box .info{ padding: 15px;}
.proby_box .info h3{ font-size: 20px;}
.proby_box:before{ height: 260px;}
.proby_box .forms li{ width: 100%; margin-bottom: 0;}
.proby_box .form_tit{ margin-bottom: 0;}
.proby_box form ul{margin: 10px 0;}
.proby_box .forms{padding:15px 0;}
.proby_box .forms li .text{ width: 75%;}
.pro_head{ display: block; padding: 20px 0;}
.pro_head .info,.pro_swiper{ width: 100%;}
.pro_head .info h3{font-size: 20px;}
.pro_head .line{ margin: 10px 0;}
.pro_head .desc{line-height: 24px;}
.proxq_tabli{ height: 40px; line-height: 40px; padding: 0 20px;}
.proxq_tabcon{ padding: 10px;}
.proxq_list li{ width: 100%;}
.other_pro .tit{ font-size: 20px; margin: 20px 0;}
.other_swiper li h3{ font-size: 18px;}
.other_swiper li .img{ height:220px;}
.other_swiper li img{ width: 100%; height: auto;}
.proxq_list li h3{ font-size: 16px;}
.other_pro{ padding-bottom: 30px;}
.case_list li{ width: 98.2%; margin-bottom: 10px;}
.other_swiper li{ padding: 10px;}
.other_swiper li .desc{ margin:5px 0;}
.other_swiper{padding: 0;}
.pages_bar{ margin-top: 10px;}
.pages_bar a{ font-size: 16px; margin: 0 5px;}
.detail_xq{ margin-top: 50px; padding-top: 40px; padding-bottom: 20px;}
.detail_nav a{ width: 35px; height: 35px; line-height: 35px;}
.detail_warp{ padding: 20px;}
.artic_tit h3{font-size: 18px;
    line-height: 28px}
.artic_tit .p{ line-height: 40px; height: 40px; margin: 20px 0;}
.artic_tit p span{ margin: 0 5px;}
.artics_con{ line-height: 24px;}
.topbtm_bar{ height: 45px; line-height: 45px; padding: 0px;}
.topbtm_bar a{ font-size: 12px; width: 48%;}
.sh_tit{ margin-bottom: 10px;}
.sh_list li{ margin-bottom: 20px;}
.sh_list li h3{ font-size: 22px;}
.sh_list li .desc{ margin-bottom: 10px;}
.down_tit{ font-size: 18px;}
.down_list li{ padding: 20px 10px;}
.down_list li .downbtn{ position: relative; left: auto; top: auto; right: auto; transform: translateY(0); margin-top: 10px; background: #c11b22;}
.down_list .pages_bar{ padding: 20px 0;}
.news_tit h3{ font-size: 18px;}
.month_box .num{ font-size: 20px;}
.news_page{ padding: 20px 0px;}
.news_list li{ width: 97.3%;}
.news_list h3{ margin: 10px 0; margin-bottom: 5px; font-size: 16px;}
.news_list li{ margin-bottom: 28px;}
.news_list .img:before{ display: none;}
.news_page .pages_bar{ padding-top: 20px;}
.contact_tit h3{font-size: 18px;}
.contact_page{ padding: 20px 0; padding-top: 1px;}
.contact_tit{ margin: 20px 0;}
.dz_box{ width: 100%; height: auto; border: none; padding: 20px 0; }
.dz_box:last-child{padding: 20px 0; border-top:1px solid #DCDCDC;}
.ly_box li{ width: 100%; height: 40px; margin-bottom: 10px; line-height: 40px;}
.ly_box li input{ width: 70%; margin-left: 10px;}
.ly_box .btn{ height: 40px; line-height: 40px; width: 100px;}
.sideMenu .tit{ height: 50px; line-height: 50px;}
.sideMenu .tit em{margin-top: 16px;}
.sideMenu ul{padding: 10px;}
.sideMenu .aplybtn{ width: 120px;}
.news_swiper{ overflow: hidden; padding-bottom:40px}
.down_list li h3{ font-size: 16px;}
.news_list .img{ height:200px}
.news_list .img img{ width:100%}
.z_about_top .about_more { display:none}
.foot_a a,.foot_a.bshare-custom a{ font-size:14px!important}
.artic_tit .bshare-custom{display:none}
.artic_tit .p span{ margin-right:10px}
.proby_box .z-container2{ width: 100%;}
.proby_box:before{ height: 100%;}
.proby_box .forms{ background: #fff; padding: 15px 10px;}
.sideMenu .tit{ display:flex; justify-content: space-between;}
.sideMenu .tit span:nth-child(2){ width: 50%; margin: 0; overflow: hidden; flex-shrink: 0;}
.xq_detail table{ display: block;padding: 0; overflow-x: scroll; width: auto!important;}
.other_swiper .btn{ top: 100px; margin-bottom: 0;}
.cul_con .child .flexs{ display: block;}
.cul_con .info{ width: 100%;}
.cul_con .tit{ float: none;}
.cul_con .tit h3, .cul_con .tit h4{ font-size: 18px;}
.cul_con .tit{ padding-bottom: 10px;}
.aply_pop{ width: 90%; height: auto; padding-bottom: 20px;}
.aply_pop p{ margin-bottom: 20px;}
.aply_pop h3{ height: 36px; line-height: 36px;}
.nav_mask,.sub_nav{ display: none;}
.z_header_nav li:before{ display: none;}
.dz_box h3{ font-size: 18px;}
.dz_box:nth-child(even){ padding-left: 0;}
.code_box h3{font-size: 14px; margin: 0;}
}

@media screen and (max-width: 320px){
.pro_tabli a{ font-size: 12px; margin: 0 2px;}
.proby_box .forms li .text{ width: 65%;}	
.index_news_fr .info{width:79%}


}