@charset "UTF-8";


body,dd,dl,dt,h1,h2,h3,h4,h5,h6,hr,input,li,ol,p,pre,td,th,ul{margin:0;padding:0; outline: none;font-family: "arial","serif"}

body{font-size: 13px;  overflow-x:hidden; color: #333;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-overflow-scrolling : touch ; background: #f6f8fa;}
a{text-decoration:none;transition: all .3s; z-index: 99999;color: #333}
.clearfix:after{content:""; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}

h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input{outline: none;line-height: normal;border:none;background: none;}

img{border:0;max-width: 100%;}
ol,ul,dl,li,dt,dd{list-style:none;}



.u_hidden{display: none;}
.fl{float:left;}
.fr{float:right;}

.z-container {width:85%;height:auto;clear: both;margin: 0 auto;}
.c-container{width:78%;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;}

.clear{ clear: both;}
*:before,
*:after {
    z-index: -1;
}


.about_box1 .desc p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;margin-bottom: 12px}


.about_list li h3 em{font-style: normal}

::-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:#e21212;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}




input::-webkit-input-placeholder{
            color:#999!important;
        }
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#999!important;
        }
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#999!important;
        }
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#999!important;
        }


.ys_footer {
    background: #333;
    padding-top: 100px;
    position: relative;
    z-index: 10;
	
}

.he_foot {
    position: relative;
}


.he_folo {
    width: 230px;
}

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

.he_folo img {
    width: auto;
	height: 100px;
}

.he_folpho {
    width: 100%;
}

.he_folphohy {
    width: 100%;
    margin-top: 52px;
}



.he_folphri {
    width: calc(100% - 20px);
    padding-left: 11px;
    position: relative;
    padding-right: 12px;
}

.he_folphri::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -2px;
    width: 0%;
    height: 1px;
    background: #4729a0;
    transition: all 0.36s;
    opacity: 0;
}

.he_folphri p {
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
    font-weight: bold;
	background: #e21212;
	padding: 10px 15px;
	border-radius: 8px
}

.he_folpho a {
    display: inline-block;
}


.he_fonavda a {
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    font-weight: bold;
}

.he_fonavda {
    margin-bottom: 24px;
}

.he_fonavtv a {
    font-size: 15px;
    line-height: 1.5;
    color: #999;
    transition: all 0.36s;
}

.he_fonavtv {
    margin-bottom: 16px;
}

.he_fonavli {
    margin-left: 80px;
}

.few{width: 320px;height: auto}
.few img{display: block;height: auto;margin-bottom: 15px;float: left;width: 100%;}
.fewli{float: left;width: 150px;}
.fewli:nth-child(2){margin-left: 20px}
.fewli span{display: block;text-align: center;color: #fff;}



.he_fobscod {
    width: 100px;
    position: absolute;
    bottom: 36px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.he_fobscod img {
    width: 100%;
}



.he_fotbaq {
    width: 100%;
    border-top: 1px solid #666;
    margin-top: 36px;
    padding: 20px 0;
}

.he_fotbahc p {
    font-size: 14px;
    line-height: 1.5;
    color: #999999;
}

.he_fotbahc p a {
    color: #999999;
}

.he_fotdig {
    width: 66px;
    position: absolute;
    bottom: 200px;
    right: 50px;
    cursor: pointer;
}

.he_fotdig img {
    width: 100%;
}



.uieww{color: #e21212;margin-right: 10px}

.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-vertical>.swiper-wrapper {
    flex-direction: column;
}
body.fixed .z_header{transform:translateY(-100%);visibility:hidden;}
.z_header{ width: 100%;z-index: 1000000; transition: ease 1s; overflow: hidden; background: #fff; position: fixed; left: 0; top: 0; display:table; padding: 0 6%;box-sizing: border-box;}
.z_header.on{height:6vw; }
.z_header.on .z_header_nav li{ line-height:6vw;}
.z_header .z_row{ display: table-cell;}
.z_header_logo{ float: left; position: absolute; left: 6%; top: 50%; transform: translateY(-50%);}
.z_header_logo img{ display: block; max-height: 60px;}
.z_header_nav{ margin: 0 auto; text-align: center;}
.z_header_nav li{ display: inline-block; margin: 0 30px; position: relative;line-height: 95px;  }
.z_header_nav li:before{ content: "";  display: block;  width: 5px; height: 2px; position: absolute; left: 50%; top: 50%; transform:scale(.2) translateY(-50%); transition: ease .4s; opacity: 0;background: #e21212}
.z_header_nav li:after{ content: ""; display: block; width: 5px; height: 2px; position: absolute; right: 50%; top: 50%; transform:scale(.2) translateY(-50%); transition: ease .4s;opacity: 0;background: #e21212}
.z_header_nav li:hover:before,.z_header_nav li.active:before{  left: -15px;transform:scale(1) translateY(-50%);opacity: 1;}
.z_header_nav li:hover:after,.z_header_nav li.active:after{  right: -15px;transform:scale(1) translateY(-50%);opacity: 1; }
.z_header_nav li a{ font-size: 16px; font-weight: bold; color: #767676;}
.z_header_fr{position: absolute; right:0%; top: 50%; transform: translateY(-50%);margin-top: -2px}
.z_header_tel{float: left;line-height: 34px;padding-right: 20px}
.z_header_tel span{ float: left; color: #696969;line-height: 34px}
.z_header_tel .num{ float: left;line-height: 34px;font-family:"arial";  font-size: 19px;  margin-left: 15px;}
.z_mobile_btn{ float: right; width: 160px; cursor: pointer;display: none}
.z_header_nav li.active a,.z_header_nav li:hover a{ color: #e21212;}


.z_nav_close {
    width: 160px;
    height: 80px;
    background: url(../images/close.png) no-repeat center;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.z_mobile_btn .line{ display: block; width: 38px;  height: 2px; transition: ease .4s; background: #1b1b1b; margin:6px auto;}
.z_mobile_btn.on .line1{ transform:translateY(6px) rotate(45deg);}
.z_mobile_btn.on .line2{ transform:translateY(-2px) rotate(-45deg);}
.z_mobile_btn.on .line3{display: none}

.z_banner{ height:100vh; overflow: hidden; background: url(../images/bgbg2.png) no-repeat center; background-attachment: fixed; background-size: cover;}
.z_banner .bd li{ background: #000; }
.z_banner{  position: relative;}
.z_banner .bd,.z_banner .bd li,.z_banner .bd li .img,.z_banner .bd li .show{width:100%; overflow: hidden; height:100%; position:relative;}
.z_banner .bd li .img{ background-position:  bottom center; background-repeat:no-repeat; background-size:cover;}
.z_banner .bd li .show{transform:scale(1.1); transition:ease 2s; opacity:.8;}
.z_banner .bd li.swiper-slide-active .show,.zs_banner .bd li.swiper-slide-duplicate-active .show{transform:scale(1); opacity:1;}
.z_banner .bd li.swiper-slide-active .banner_tit,.z_banner .bd li.swiper-slide-duplicate-active .banner_tit{transform: translateY(0%); opacity:1; transition-delay:.5s;}
.z_banner .bd li.slide2 .banner_tit{ font-size: 6.77vw; line-height: 6vw;}
.banner_tit{ color: #fff; font-size:5.6vw; transition: ease 1s; transform: translateY(100%); font-weight: bold; opacity: 0;}
.z_banner_text{ width: 100%; height: 100%; padding: 0 8%; padding-top:7.8125vw ; box-sizing: border-box; position: absolute; left: 0; top: 0; display: flex; align-items: center;}



pre{white-space: pre-wrap; word-wrap: break-word; }


.yw_youshi{width: calc(100% - 420px);overflow: hidden}
.yw_youshi ol{display: flex;width: 100%;flex-wrap: wrap}
.yw_youshi li{text-align: center;width: 22%;padding: 40px 0;background: #fff;border-radius: 10px;margin-left: 3%;transition: all 0.3s;cursor: pointer}
.yw_youshi li:hover{padding: 30px 0 50px;}
.yw_youshi li dd{font-size: 17.5px;margin-top: 20px;line-height: 36px;color: #333;}
.yw_youshi li dd span{font-weight: bold}
.jdbar .jding.on{ width: 100%;}
.z_banner_img{ height: 100%; width:100%;background-position: center; background-size: cover; position: relative;}
.z_banner_fr{ float: right;}
.z_banner_fl,.z_banner_fr{ width: 50%; height: 100%; float: left;background-position: center; transition: ease 1s; background-size: cover; position: relative;}

.banner_tit{ color: #fff; font-size:5.6vw; transition: ease 1s; /*transform: translateY(100%);*/ font-weight: bold; /*opacity: .5;*/}
.gswebsite{ font-size: 16px; color: #646569; font-weight: bold; transform: rotate(-90deg); display: inline-block; margin-bottom: 20vh;}
.gslog{ color: #565a5b; line-height: 36px;}
.gslog h3{font-size: 18px; font-weight: bold;}
.banner_jd{ color: #fff; line-height: 20px; margin: 8vh 0; display: flex; align-items: center;}
.banner_jd span{ font-weight: bold;}
.jdbar{ width: 180px; margin: 0 15px; height: 1px; display: inline-block; background: rgba(255,255,255,.3); position: relative;}
.jdbar .jding{ position: absolute; left: 0; top: 0; height: 100%; width: 0%; transition:ease 2s; background: #fff;}
.index_about{background:#e9e9e9; height: 51vw; position: relative; background-size: cover; background-attachment:fixed; align-items: center; justify-content: center;}
.index_hj{height: 1080px}
.index_about .z-container{ position: relative; height: 100%}
.index_about_img{ width: 100%; position: absolute; transition: ease 3s; left: 0; top: 0; height: 100%; overflow: hidden;}
.index_about_img .imgbg{ width: 100%; height: 100%; animation-duration: 2S;}
.index_about.on .index_about_img .imgbg{ transform: scale(1,1); opacity: 1;}
.index_about .index_about_desc{  position: absolute; left: 0; top:6.5vw;}
.index_about_desc .tit1{ font-size: 2.5vw; font-weight: bold; color: #2f323a;margin-bottom: 15px}
.index_about_desc  .line,.index_desc .line,.z_nav_list li .line,.z_line{ width: 170px; height: 12px; margin:2.08vw 0;}
.index_about_desc  .line em,.index_desc .line em,.z_nav_list li .line em,.z_line em{ display: block; width: 100%; height: 100%; background: url(../images/line.jpg) left; background-position: center center;  -webkit-animation: scrollBad 5s linear infinite; -moz-animation: scrollBad 5s linear infinite; animation: scrollBad 5s linear infinite;}
@keyframes scrollBad {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position:-170px 0 ;
    }
}

.index_about_desc .gqrre1{ font-size: 2.5vw; font-weight: bold;  color: #2f323a;margin-bottom: 15px}
.index_about_desc .gqrre2{ font-size: 18px; color: #949494; line-height: 36px; }

.index_about_desc .tit2{ font-size: 18px; color: #949494; line-height: 36px; }
.index_about_desc .tit3{ font-size: 32px;line-height: 50px; margin-top: 5vh;font-weight: bold;}
.index_about_desc .tit3 .em1{ color: #ce2f32;}
.index_about_desc .tit3 .em2{ color: #484848;}
.index_about_warp{ width: 100%; position: absolute; right: 0; bottom: -6.7vw;}
.about_box{ width: 50%;color: #fff; transition: ease 1s; z-index: 2!important; float: left;height: 445px; position: relative; padding: 0 6%; box-sizing: border-box;}
.about_box.on{transform: scale(1,1); opacity:1;}
.about_box1{ float: right; background:rgba(226,18,18,0.9); }
.about_num{ font-size:7.2vw;position: relative; line-height: 110px; font-family: "arial";font-weight: bold}
.about_num:before{content: ""; display: block; width: 180px; height: 120px;position: absolute; }
.about_num .num1{-webkit-text-fill-color:transparent;
    -webkit-text-stroke:1px #fff;transition: ease .5s;}
.about_num .num2{ position: absolute; transition: ease .5s; right: 0; top: 0; transform: translateY(100%) scale(.6,.6); opacity: 0; }
.about_box:hover .about_num .num2{ transform: translateY(0) scale(1,1); opacity: 1;}
.about_box:hover .about_num .num1{ transform: translateY(-100%) scale(.6,.6); opacity: 0;}

.about_box1{ padding-top: 14vh; box-sizing: border-box;}
.about_box1 .z_warp{ width: 82%;}
.about_box1 .about_num{ position: absolute; right:17%; top:0; z-index: 1;}
.about_box1 .about_num:before{ left: 54%; top: -0%; background: url(../images/num2.png) no-repeat center; background-size: cover;}
.about_box1 .desc{line-height: 30px; height: 90px; margin-bottom:8vh; }
.about_box1 .desc p span{color: #fff!important;}
.about_list ul{ display: flex; justify-content: space-between;}
.about_list li{ display: inline-block; text-align: center;}
.about_list li h3{ font-size: 36px;font-family: "arial";font-weight: bold}
.about_list li h4{ color: rgba(255,255,255,.5);}
.about_box2{ float: left; background: #3b3136;}
.about_box2 .about_num{ position: absolute; right: 60px; top:130px; z-index: 1;}

.about_box2 .about_num:before{left: 10%; top: 72%; background: url(../images/num2.png) no-repeat center; background-size: cover;}
.about_box2{ padding-top: 13vh; box-sizing: border-box;background: url(../images/zbgs1.jpg) no-repeat center; background-size: cover;}
.my_about_box{background: url(../images/about.jpg) no-repeat center; background-size: cover;}
.about_box2 .tit{ font-size: 24px; font-weight: bold;}
.about_box2 .desc{ line-height: 30px; height: 120px; color: rgba(255,255,255,.8); margin: 30px 0;width: 70%}
.index_more{ display: inline-block;  color: #fff; text-transform:capitalize; font-size: 14px;}
.index_more em{ display: inline-block; vertical-align: -3px; width: 15px; height: 15px; margin-right: 10px; background: url(../images/z_more.png) no-repeat center; background-size:100% 100%;}
.index_more11 em{ display: inline-block; vertical-align: -3px; width: 15px; height: 15px; margin-right: 10px; background: url(../images/z_more11.png) no-repeat center; background-size:100% 100%;}
.index_more11{color: rgba(255,255,255,0.7)}
.index_more11:hover{color: rgba(255,255,255,1)}

.about_box3{ background-position: center; position: relative; display: flex; justify-content: flex-end; align-items: center; background-size: cover; text-align: right; background-repeat: no-repeat; z-index: 1;}
.about_box3:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/abou2.png) no-repeat right center; background-size: auto 100%; position: absolute; left: 0; top: 0;}
.about_box3 .tit{ font-size: 24px; font-weight: bold;}
.about_box3 .line{ display: inline-block; width: 176px; margin-top: 20px; height: 40px; background: url(../images/num3.png) no-repeat left center; background-size: cover;}
.about_box3 .desc{ line-height: 30px; margin: 10px 0;}
.about_box3 .more{ display: inline-block; transition: ease .4s; width: 120px; line-height: 45px; background:#e21212; text-align: center;border-radius: 100px;color: #fff}
.about_box3 .more:hover{ background: url(../images/casebg.png) no-repeat center; background-size: cover; color: #fff;}
.index_yw{ width: 100%; /*padding-top: 13vh; padding-bottom: 11vh;*/ box-sizing: border-box; color: #fff; min-height: 80vh;display: flex; align-items: center; justify-content: center; background-size: cover; position: relative;}
.index_yw:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/ren.jpg) no-repeat right center; position: absolute; right: 0; top: 0; background-size: cover; }
.index_yw_an{ width: 100%; height: 100%;  display: block; position: absolute; left: 0; top: 0; background: url(../images/bg2.jpg) no-repeat center; background-size: cover; z-index: 1; transition: cubic-bezier(0.215,.61,.355,1) 2s;
}
.index_yw .index_desc{width: 420px;}


 .huanjing {
        width: 100%;
        height: 360px;
   padding-top: 480px;padding-bottom: 80px}
	   .swiper-pagination-bullet{background: #fff!important;width: 11px!important;height: 11px!important}
	   .swiper-pagination-bullet-active{background: #e21212!important}
	   .huanjing dt img{display: block;width: 100%;height: auto}
	   .huanjing dd{text-align: center;background: #fff;font-size: 17px;padding: 15px 0}
	   .index_hj .index_about_desc{top: 12vw}


.index_case_fr a{padding: 12px 0;color: #fff;background: #e21212;border-radius: 100px;width: 120px;text-align: center;display: block}
.index_ye:after{content: ""; display: block; width: 50%; height: 50%;}
.index_desc .tit1{font-size: 2.3vw;  font-weight: bold; line-height:2.5vw;margin-bottom: 35px }
.index_desc .line{ margin: 30px 0;}
.index_desc .tit2{ font-size: 16px; font-weight: bold; line-height: 36px;}
.index_desc .tit3{ font-size: 30px; line-height: 40px; font-weight: bold; margin-top: 50px;}
.yw_list dl{ display: inline-block; margin-left: 6vw; vertical-align: top; text-align: center;}
.yw_list .icon img{ display: block; margin: 0 auto;}
.yw_list .tit{ margin: 40px 0; margin-top: 50px;}
.yw_list .tit h3{ font-size: 18px;}
.yw_list .tit h4{font-weight: bold; color: rgba(255,255,255,.5); }
.yw_nav a{ display: block; line-height: 36px; color: rgba(255,255,255,.5); }
.yw_nav a:hover{ color: #fff;}
.index_case{margin-top: 10px}
.index_case .z-container{background: #fff;  box-sizing: border-box; margin-top: -11vh; background: #fff;}

.index_case_head{ padding: 60px 0;}
.index_case_head .desc{ color: #636363;}

.index_case .z-container{ position: relative;  z-index: 1; padding: 0 5%; box-sizing: border-box;  padding-bottom: 3vh;}
.index_case .z-container:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: url(../images/bg3.png) no-repeat bottom center; background-size: 100% auto;}
.z_index_cases .z-container:before{ display: none;}
.index_case_list ul{ margin-left: -2%;}
.index_case_list li{ width: 31.3%; margin-left:2%; margin-bottom: 40px; float: left;}
.index_case_list li .imgbox{ height:24vw; position: relative; z-index: 1; overflow: hidden;background: #f6f8fa;}
.index_case_list li .imgbox:before{ content: ""; display: block; width: 100%; z-index: 1; height: 100%;background: url(../images/casebg.png) no-repeat bottom center; background-size: cover;  position: absolute; left: 0; top: 0; transition: ease 1s; opacity: 0; }
.imgbg{ width: 100%; height:100%; transition: ease 1s; background-position: center; background-size: cover; background-repeat: no-repeat;}
.index_case_list li:hover .imgbg{ transform: scale(1.1,1.1);}
.index_case_list li:hover .imgbox:before{opacity: 0.2;}
.index_case_list li .infobox{ height: 130px; z-index: 1;  background-size: cover; background-position: center bottom;  overflow: hidden; position: relative; z-index: 1; padding: 30px; box-sizing: border-box; padding-right: 100px; box-sizing: border-box;}
.index_case_list li .infobox:after{
    content: "";
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: inherit;
    filter: blur(20px);

}
.index_case_list li:nth-child(7){display: none}
.index_case_list li:nth-child(8){display: none}
.index_case_list li:nth-child(9){display: none}

.index_case_list li .infobox:before{content: "";z-index: 1; display: block; width: 100%; height: 100%; background: rgba(255,255,255,1); position: absolute; left: 0; top: 0; }
.index_case_list li h3{ font-size: 18px; margin-bottom: 10px; position: relative;z-index: 2;}
.index_case_list li h4{ color: #717171; position: relative;z-index: 2;}
.index_case_list li h5{ color: #e21212; position: relative;z-index: 2;margin-top: 10px;}

.index_case_list li .index_more{ position: absolute; z-index: 2; color: #333; right: 30px; top: 40%; transform: translateY(-50%);}

.index_news{ width: 100%; box-sizing: border-box;   background: url(../images/bg4.jpg) no-repeat center; background-attachment: fixed; background-size: cover;}
.index_news{ color: #fff; margin-top: -11vh;}
.index_news .index_desc{ margin-top: -5vh;}
.index_news .index_desc .tit1{color: #e21212;}
.index_news .index_desc .index_more{ margin-top: 50px;}
.index_news .z_row{   margin: 0 auto;  height:100vh; display: flex; align-items: center;}
.news_swiper { margin-top: 14vh; }
.news_swiper li{ position: relative; z-index: 1;}
.news_swiper li a{ color: #fff; padding: 10px 0; display: block; padding-left: 50px; padding-right: 4vw; box-sizing: border-box; box-sizing: border-box;}
.news_swiper li h3{ font-size: 40px; margin-bottom: 10px; font-family: "num2";}
.news_swiper li:before{ content: ""; display: block; z-index: 1; width: 2px; height: 100%; background: #e21212; position: absolute; left: 10px; top: 0;}
.news_swiper li h4{ font-size: 25px; font-weight: bold; line-height: 38px; height: 76px;margin-bottom: 15px;}
.news_swiper li h5{font-size: 15px;
	overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:3; 
}
.news_swiper li:nth-child(3n):before,.news_swiper li:nth-child(3n) a:after{ background: #e21212;}
.news_swiper li:nth-child(2n):before,.news_swiper li:nth-child(2n) a:after{ background: #e21212;}

.index_btmwarp{ }

.index_btmwarp .z-container{ background: #fff; margin-top: -11vh;}
.index_contact{ margin: 0 auto; padding: 9vh 0;}
.contact_tit{ margin-bottom: 80px;}
.contact_tit h3{ font-size: 52px; font-weight: bold; text-transform: uppercase; }
.contact_tit h4{ font-size: 28px; font-weight: bold;}
.contact_desc dl{ display: flex; align-items: center; margin-bottom: 60px;}
.contact_desc dl dt{ flex-shrink: 0; margin-right: 40px;}
.contact_desc dl .icon{ display: block; margin-bottom: 10px;}
.contact_desc dl .icon img{ display: block; margin: 0 auto;}
.contact_desc dl span{ font-size: 18px; font-weight: bold;}
.contact_desc dl h3{ font-size: 24px; margin-bottom: 5px;  font-family: "num2"; font-weight: normal;}
.contact_desc dl h4{ color: #888;}
.contact_desc dl:last-child{ margin-bottom: 0;}
.index_lyform{ width: 40%;}
.index_lyform li{ width:46%; margin-bottom: 10px; float: left; position: relative; border-bottom:1px solid #dcdcdc; z-index: 1; padding-left: 10px; box-sizing: border-box;}
.index_lyform li:before{ content: ""; display: block; width: 4px; height: 4px; background: #bfbfbf; position: absolute; left: 0; top: 50%; margin-top: -2px; border-radius: 50%;}
.index_lyform li:nth-child(even){ float: right;}
.index_lyform .tit{ font-size: 18px; margin-bottom: 20px;}
.index_lyform li label{ display: block; line-height: 68px;}
.index_lyform li .text{ width: 100%; height: 68px; }
.index_lyform li .text::-webkit-input-placeholder {  color: #212121; font-size: 14px; }
.index_lyform li .text::-moz-placeholder {  color: #212121; font-size: 14px; }
.index_lyform li .text:-ms-input-placeholder {  color: #212121; font-size: 14px; }
.index_lyform li.texta{ width: 100%;}
.index_lyform .z_subbtn input{ width: 120px;  cursor: pointer; margin-top: 4vh;line-height: 40px;color: #fff;background: #e21212;display: block;border-radius: 100px}
.index_lyform .z_subbtn img{ display: block; transition: ease .4s;}
.index_lyform .z_subbtn .btn{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.index_lyform .z_subbtn:hover  img{ transform: translateX(-52px);}
.index_logo{ background: #f6f6f6;border-top:1px solid #efefef;}
.index_logo li{ width: 12.5%; padding: 20px; box-sizing: border-box;  transition: ease .4s; float: left; height: 17vh;border-right:1px solid #efefef;border-bottom:1px solid #efefef; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.index_logo li img{ display: block;filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%); max-height: 100%; max-width: 100%;}
.index_logo li:hover{ background: #e9e9e9;}
.index_logo li:hover img{filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);}
.z_footer{overflow: hidden; width: 100%; background: #1b1b1b; background-size: cover!important; background-attachment: fixed!important; color: #fff; position: relative; z-index: 1;}
.z_footer .z-container3{ width: 1400px;}
.z_footer.z-container{ width: 100%;}
.z_footer:before{ content:""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.5);position:absolute; left: 0; top: 0;}
.foot_line{ width: 100%; height: 5px; background: url(../images/line2.png) no-repeat center; background-size: cover;}
.foot_top{ padding: 9vh 0; display: flex; align-items: flex-start;}
.foot_tel{ float: left; margin-right: 4vw; padding-left: 25px; box-sizing: border-box; background: url(../images/f1.png) no-repeat left top 1px;}
.foot_tel h3,.foot_addre h3{ font-size: 12px; color: #797979; margin-bottom: 10px; }
.foot_tel h3 span{ color: #fff;}
.foot_tel h4{ font-size: 24px; font-family: "num2";}
.foot_tel h5{font-family: "num2"; font-size: 16px;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.foot_addre{padding-left: 25px; width: 310px; box-sizing: border-box; float: left; background: url(../images/f2.png) no-repeat left top 1px;}
.foot_addre h4{ line-height: 24px;}
.foot_fr{ float: right; margin-top:28px; margin-left: auto;}
.foot_nav{ margin-bottom: 5vh;}
.foot_nav a{ color: #fff; display: inline-block; padding: 0 10px;}
.z_retop{  cursor: pointer; position: fixed;bottom: 100px;right: 15px;z-index: 99999999}
.z_retop img{ display: block;width: 55px;height: auto}


.foot_btm{ padding: 6vh 0;}
.foot_btm .fl{ display: flex; align-items: center;}
.indexinto{ display: inline-block; border:1px solid #fff; margin-right: 20px; height: 38px; line-height: 38px; border-radius: 19px; padding: 0 20px; color: #fff;}
.indexinto .iconfont{ display: inline-block; margin-right: 6px; vertical-align: -2px; font-size: 18px;}
.foot_share li{ display: inline-block; margin: 0 10px;}
.foot_share li .iconfont{ color: rgba(255,255,255,.3); font-size: 20px;}
.foot_share li:hover .iconfont{ color: #fff;}
.foot_copy{ margin-left: auto; text-align: right; color: rgba(255,255,255,.3); font-size: 12px; line-height: 24px;}


.z_slide_bar{position: absolute;top: 45px;right: 5%;display: none}

.z_nav_mask{ width: 100%; height: 100%; transition: ease .6s; transform: scale(.9,.9); opacity: 0; visibility: hidden; position: fixed; left: 0; top: 0; z-index: 999999; background: #fff; padding:3.6vw 8.33vw; box-sizing: border-box;}
.z_nav_mask.on{ opacity: 1; visibility: visible; transform: scale(1,1);}
.z_nav_top{ display: flex; align-items: center; margin-bottom:3.2vw; }
.z_nav_top .logo img{ display: block; height: 46px;}
.z_nav_contact{ width: 740px; margin-left: 80px;}
.z_nav_contact .z_top{ border-bottom: 5px solid #373737; display: flex; align-items: flex-start;padding-bottom: 20px; margin-bottom: 20px;}
.z_nav_tel{ font-size: 25px; line-height: 24px; color: #161616; float: left;  font-family: 'en';padding-top: 12px }
.z_nav_contact .z_en{ margin-left: auto; font-size: 2.5vw;  text-transform: uppercase;-webkit-text-fill-color:transparent;
    -webkit-text-stroke:1px #333;transition: ease .5s; float: right; line-height: 48px;}
.z_cn{ font-weight: bold;}

.z_nav_list ul{ margin-left: -1.7%;}

.z_nav_list li a{ display: block; width: 100%; height: 100%;box-sizing: border-box;}
.z_nav_list li .num{ font-size: 5vw; position:absolute; right: 0; top: 50%; transform: translateY(-50%); width: 10vw; text-align: center;-webkit-text-fill-color:transparent;
    -webkit-text-stroke:1px #d4d4d4;transition: ease .5s;}

.z_nav_list li .tit h3{ text-transform: uppercase; margin-bottom: 10px; font-size: 30px; line-height: 30px;}
.z_nav_list li .tit h4{ font-size: 16px; font-weight: bold;}

.z_other_footer{ padding: 3.125vw; box-sizing: border-box; line-height: 24px;}

.myinput_text{ width: 100%; display: block; height: 50px; border-bottom:1px solid #e5e5e5; font-size: 15px; font-weight: bold; margin-bottom: 2.6vw;}
.z_contact_way .tit2{ font-size: 30px; font-weight: bold; margin-bottom: 30px;}
.z_way_li li{ display: inline-block; position: relative; font-size: 16px; margin-right: 4vw;}

.z_check_box{ position: relative; display: flex; align-items: center;}

.z_texta_warp{ margin: 3vw 0;}
.z_texta_warp .texta{ width: 100%; background: #ffffff; border:2px solid #e5e5e5; margin-top: 15px; box-sizing: border-box;; padding: 15px; box-sizing: border-box; height: 280px; box-sizing: border-box;line-height: 20px;}
.z_ly_btn{ font-size: 20px; cursor: pointer; font-weight: bold; background:url(../images/arr4.png) no-repeat right center; padding-right: 60px;}
.z_ly_btn:hover{ font-weight: bold;}



.z_about_warp{ width: 91.66%;  padding:6.25vw 8.33vw; box-sizing: border-box; position: absolute; top: 100vh; left: 0; z-index: 1; background: url(../images/aboutbg.jpg) no-repeat center; background-size: cover;}
.z_about_tit .h3{ font-size: 3.64vw; line-height: 3.125vw; color: #3a3a3a; font-weight: bold; font-family: 'en';}
.z_about_tit h4{ font-size:1.5625vw; font-weight: bold;}
.z_about_desc{ width: 29.7vw; line-height: 32px; font-size: 15px; color: #737373; margin:3.125vw 0;}



.z_about_btmwarp{  padding-left: 8.34%; box-sizing: border-box; position: relative; background: #e9e9e9; z-index: 1;}
.z_about_team{ background: #313131;}
.z_about_btmwarp:before{ content: "";z-index: 1; display: block; width: 8.34%; background:#313131; position: absolute; left: 0; top: 0; height: 100%;}

.z_about_Journal{ min-height: 53.6vw; position: relative; z-index: 1; padding-right: 9.1%; box-sizing: border-box;display: none}
.z_about_Journal:before{ content: "";  pointer-events: none; display: block; width: 100%; height: 49.3vw;background: #2ccab9; position: absolute; left: 0; top: 0;}



.tel_bottom_nav{display: none}
.tel_bottom_nav h1{color: #fff;font-size: 20px;margin-bottom: 25px;font-weight: bold}
.tel_bottom_nav_d{display: flex;align-items: center;margin-bottom: 10px}
.tel_bottom_nav_d img{display: block;width: 23px;height: 23px;}
.tel_bottom_nav_d span{display: block;color: #fff;margin-left: 8px;font-size: 16px}
.tel_bottom_ewm{overflow: hidden;display: flex;justify-content:space-around;width: 80%;margin: 0 auto;margin-top: 25px}
.tel_bottom_ewm img{display: block;width: 38%;height: auto}
.ny_content{background: #fff;width: 100%;overflow: hidden}

.jwb_ny_banner{width: 100%;overflow: hidden;background: #fff;margin-top: 96px}
.jwb_ny_banner .ny_banner_img{overflow: hidden;width: 100%;}
.jwb_ny_banner .ny_banner_img img{animation: nyban 3s;-webkit-animation:nyban 5s;width: 100%;height: auto}
.a_ban{display: block}
.b_ban{display: none}
	@keyframes nyban
	{
		0%   {transform: scale(1.1)}
		100% {transform: scale(1)}
	}
.ny_navlist{margin-top: -60px;width: 100%;z-index: 999;background: #fff}
.ny_navlist_ul{background: #fff;display: flex;justify-content: space-between;overflow: hidden;box-shadow: 2px 1px 18px #eee;margin-bottom: 20px;flex-wrap: wrap}
.ny_navlist_ul a{display: block;background: #fff;width: 25%;padding: 35px 0;font-size: 18px;text-align: center;position: relative;border-bottom: 3px solid #fff}
.ny_navlist_ul a::after{position: absolute;right: 0;height: 28px;background: #eee;content: "";width: 1px}
.ny_navlist_ul a.on{color: #e21212;border-bottom: 3px solid #e21212}
.ny_navlist_ul a:hover{color: #e21212;}

.ny_about_1{display: flex;align-items: center;padding: 90px 0;flex-wrap: wrap}
.ny_about_1_left{float: left;width: 400px;overflow: hidden;font-size: 45px;font-weight: bold}
.ny_about_1_right{float: right;width: calc(100% - 600px);overflow: hidden;font-size: 16px;line-height: 28px;padding-left: 200px}

.ny_about_2{width: 100%;overflow: hidden;position: relative}
.ny_about_2 .video_bg{width: 100%;height: auto;}
.ny_about_2 .b1_icon1{position: absolute;top: 50%;left: 50%;margin-top: -41px;margin-left: -41px;cursor: pointer}


/*视频弹窗*/
.pop-video {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: rgba(0,0,0,.75);
}

    .pop-video .cont {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        max-width: 930px;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .pop-video .video1 {
        height: 100%;
        width: 100%;
    }

    .pop-video .tit {
        position: absolute;
        top: 0;
        left: 0;
        width: 94%;
        padding: 0 3%;
    }

        .pop-video .tit h4 {
            color: #fff;
            font-weight: normal;
            font-size: 18px;
        }

    .pop-video .close {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 20px;
        background: url(../images/icon-close.png) no-repeat center center;
        cursor: pointer;
        z-index: 2;
    }

.about_jieshao{font-size: 16px;line-height: 35px;overflow: hidden;padding: 100px 0}
.about_culture{background: #f6f8fa;overflow: hidden;padding: 100px 0 110px}
.comtit{font-size: 35px;font-weight: bold}
.culture_ul{overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 60px}
.culture_ul li{width: 17%;background: #fff;border-radius: 15px;text-align: center;padding: 40px 3%;}
.culture_ul li dt{font-size: 23px;margin-bottom: 20px;}
.culture_ul li dd{font-size: 15px;line-height: 27px;color: #999}

.about_ry{overflow: hidden;padding: 120px 0}

.about_ry dt{float: left;width: 45%;overflow: hidden;}
.about_ry dt img{display: block;width: 100%;height: auto;border-radius: 15px;}
.about_ry dd{float: right;width: 45%;overflow: hidden;transition: all 0.3s}
.about_ry dd li{width: 94%;overflow: hidden;background: #f6f8fa;border-radius: 10px;padding: 20px 3%;margin-top: 15px}
.about_ry dd li span{display: block;font-size: 16px;background: url(../images/about_icon_1.svg) no-repeat left center;background-size: 20px;padding-left: 30px}
.about_ry dd h1{font-size: 35px;font-weight: bold;margin-bottom: 40px;overflow: hidden;transition: all 0.3s}
.about_ry dd h1 span{color: #e21212}

.rongyulist{display: flex;justify-content: space-between;flex-wrap: wrap}
.rongyu1{width: 23%;overflow: hidden;margin-top: 40px;float: left;border-radius: 10px;transition: all 0.3s;box-shadow: 5px 5px 8px #ddd;margin-bottom: 10px;}
.rongyu1 img{display: block;width: 100%;height: auto;border-radius: 10px;transition: all 0.3s}


.chejian_imglist{overflow: hidden;}
.chejian_imglist ul{width: 100%;overflow: hidden;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 50px}
.chejian_imglist li{width: 18%;overflow: hidden;margin-bottom: 25px}
.chejian_imglist li img{display: block;width: 100%;height: auto;border-radius: 5px;}
.chejian_imglist li span{display: block;text-align: center;font-size: 16px;padding: 8px 0;}



.team_content{width: 100%;overflow: hidden;background: #fff}
.team_text{font-size: 34px;padding: 50px 0 70px;font-weight: bold}
.team_content .team_ul{overflow: hidden;background: #f6f8fa;width: 100%;padding-top: 80px}
.team_content ul li{box-shadow: 5px 5px 13px #eee;margin-bottom: 50px;background: #fff;overflow: hidden;display: flex;flex-wrap: wrap;padding: 3% 3% 3% 0;border-left: 5px solid #e21212;border-radius: 5px 0 0 5px;align-items: center}
.team_content ul li dt{width: 200px;height: auto;margin-left: 3%}
.team_content ul li dt img{display: block;width: 100%;height: auto;}
.team_content ul li dd{width: calc(97% - 300px);padding-left: 100px}
.team_content ul li dd h1{font-size: 28px;font-weight: bold;margin-bottom: 25px;}
.team_content ul li dd h1 span{color: #e21212;}
.team_jianjie{font-size: 16px;color: #666;line-height: 28px}

.brand_bg1{background: #fff;height: 460px;}
.brand_bg2{background: #f6f8fa;overflow: hidden;/*min-height: 450px;*/height: auto}
.brand_content{width: 100%;overflow: hidden;background: #fff;position: relative}
.brand_cen{position: absolute;top: 100px;left: 0;width: 100%}
.brand_cen dt{float: left;width: calc(100% - 550px)}
.brand_cen dd{float: right;width: 500px;}
.brand_cen dd img{display: block;width: 100%;height: auto;border-radius: 500px;box-shadow: 5px 5px 13px #eee}

.brand_cen dt h1{display: flex;align-items: center;}
.brand_cen dt h1 label{width: 8px;height: 30px;background: #e21212;display: block;margin-top: 5px}
.brand_cen dt h1 span{font-size: 32px;font-weight: bold;padding-left: 15px;display: block;}
.brand_cen dt h2{font-size: 20px;margin: 35px 0}
.brand_cen dt h3{font-size: 16px;line-height: 29px;color: #666}

.brand_a{overflow: hidden}
.brand_a h1{display: flex;align-items: center;margin-bottom: 35px}
.brand_a h1 label{width: 8px;height: 30px;background: #e21212;display: block;margin-top: 5px}
.brand_a h1 span{font-size: 32px;font-weight: bold;padding-left: 15px;display: block;}
.brand_a h2{font-size: 16px;line-height: 29px;color: #666}


.pro_content{width: 100%;overflow: hidden;background: #fff;}
.pro_content h1{font-size: 34px;font-weight: bold;margin-top: 45px;text-align: center}
.pro_content h2{font-size: 18px;margin-top: 15px;margin-bottom: 45px;text-align: center;color: #999}
.prolist{overflow: hidden}
.prolist li{float: left;width: 23.5%;overflow: hidden;margin-right: 2%;margin-bottom: 40px;margin-top: 10px;}
.prolist li:nth-child(4n+4){margin-right: 0}
.prolist li dt{width: 100%;overflow: hidden;background: #f6f8fa;padding: 10px 0}
.prolist li dt img{display: block;width: 100%;height: auto;transition: all 0.3s}
.prolist li dd{text-align: center;font-size: 15px;padding: 18px 10px;transition: all 0.3s;border: 1px solid #eee;/*display: flex;justify-content: space-between*/}
.prolist li dd p{font-size: 15px;color: #999}
.prolist li dd span{display: block;}
.prolist li:hover img{transform: scale(1.05)}
.prolist li:hover dd{color: #e21212}



.pageDiv {
	width: auto;
	display: inline-block !important;
	display: inline;
	margin-bottom: 50px;margin-top: 30px
}

.pageDiv a, .pageDiv span {
		margin: 0;
		padding: 0;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		border: 1px solid #ccc;
		text-align: center;
		line-height: 30px;
		display: block;
		float: left;
		font-size: 14px;
	}
.awh {width: 40px;height: 30px;}
.pnwh {width: 70px;height: 30px;}
.disabled {color: #333 !important;cursor: not-allowed !important;}
.onPage {background-color: #e21212;color: #fff;border: 1px solid #e21212 !important;}

.pro_view{overflow: hidden;padding: 80px 0}
.pro_view dt{float: left;width: calc(100% - 660px)}
.pro_view dd{float: right;width: 550px;overflow: hidden;border:1px solid #eee}
.pro_view dd img{display: block;width: 100%;height: auto}
.view_tit{font-size: 35px;font-weight: bold;margin-top: 40px}
.view_sm{overflow: hidden;margin-top: 25px;}
.view_sm li{display: block;width: 96%;overflow: hidden;padding: 25px 2%;background: #f6f8fa;border-radius: 5px;margin-top: 15px;} 
.view_sm li p{display: block;background: url(../images/about_icon_1.svg) no-repeat left top;background-size: 20px;padding-left: 35px;font-size: 16px}

.view_nav{background: #f6f8fa;padding: 25px 0;}
.view_nav a{color: #999}
.view_nav span{color: #e21212}
.view_nav div{color: #999}
.view_nav a:hover{color: #e21212}
.view_p_n{overflow: hidden;margin-bottom: 40px}
.view_p_n li{margin-bottom: 15px}

.news_nav{width: 600px!important;margin: 0 auto;margin-bottom: 20px}
.news_nav a{width: 50%!important}
.rong_ms{font-size: 16px;margin-top: 15px;color: #999;margin-bottom: 30px}






.news_content{background: #fff}
.newslist{overflow: hidden;background: #f6f8fa;width: 100%;padding-top: 80px}
.newslist li{box-shadow: 5px 5px 13px #eee;margin-bottom: 35px;background: #fff;overflow: hidden;padding: 3% 3% 3% 0;border-left: 5px solid #e21212;border-radius: 5px 0 0 5px;}
.newslist li a{display: flex;flex-wrap: wrap;align-items: center;}
.newslist li dt{width: 200px;overflow: hidden;margin-left: 3%}
.newslist li dt img{display: block;width: 100%;height: auto;transition: all 0.3s}
.newslist li dd{width: calc(97% - 250px);padding-left: 50px}
.newslist li dd h1{font-size: 24px;margin-bottom: 13px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newslist li dd h1 span{color: #e21212;}
.newslist .team_jianjie{font-size: 16px;color: #666;line-height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_date{color: #999;margin-bottom: 10px}
.news_btn{width: 140px;line-height: 35px;background: #fff;color: #e21212;text-align: center;display: block;border-radius: 5px;border: 1px solid #e21212;margin-top: 20px}
.newslist li:hover img{transform: scale(1.1)}
.newslist li:hover h1{color: #e21212}

.jwb_ny_cen{width: 100%;background: #fff;overflow: hidden;}
.news_view{padding: 50px 0;overflow: hidden;width: 100%}
.news_view_left{float: left;width: 66%;overflow: hidden}
.news_view_left h1{font-weight: normal;color: #333333;font-size: 30px;font-weight: bold}
.news_view_left h2{font-weight: normal;color: #999;font-size: 16px;margin: 22px 0;padding-bottom: 20px}

.news_view_left .view_cen{color: #666;font-size: 15px;line-height: 28px;overflow: hidden;}
.news_view_right{float: right;width: 27%;overflow: hidden}
.views_nav{padding: 70px 0 0;overflow: hidden}
.views_nav span{font-size: 15px;margin: 0 10px;display:inline-block!important;color: #e21212}
.views_nav a{font-size: 15px;margin: 0 10px;display:inline-block!important}

.news_view_right h1{font-weight: normal;color: #333333;font-size: 30px;font-weight: bold}
.news_view_right ul{overflow: hidden;margin-top: 50px}
.news_view_right ul li{border-bottom: 1px solid #e5e5e5;padding-bottom: 18px;margin-bottom: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.news_view_right ul li a{font-size: 16px;}
.news_view_right ul li a:hover{color: #e21212}
.view_more{overflow: hidden;padding: 50px 0rem}
.view_more a{font-size: 16px;color: #999;display: inline-block}
.view_more a:nth-child(1){margin-right: 100px;}
.view_more a:hover{color: #e21212}




.con_content{background: #fff;overflow: hidden}
.con_cen{overflow: hidden;padding-top: 50px}
.con_cen h1{font-size: 32px;font-weight: bold}
.con_cen h2{font-size: 18px;margin-top: 25px;font-weight: normal;color: #666;margin-bottom: 60px}
.con_cen ul{width: 100%;border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding: 40px 0;margin-bottom: 80px}
.con_cen ul .uyttt{overflow: hidden;display: flex;
    justify-content: space-between;
    flex-wrap: wrap;}
.con_cen ul li{max-width: 33%}
.con_cen ul li dt span{margin-left: 10px}
.con_cen ul li dd{font-size: 26px;margin-top:25px;color: #333}
.con_cen ul li:nth-child(2) dd{/*font-size: 35px;*/font-family: "arial"}
.con_cen ul li:nth-child(3) dd{/*font-size: 30px;*/font-family: "arial";}
.con_cen ul li:nth-child(4) dd{/*font-size: 30px;*/font-family: "arial";}
.mapcen{padding-bottom: 80px;overflow: hidden}



.view_cen video{max-width: 100%;height: auto}



.z_message_close{ width: 40px; height: 40px; background: red; position: absolute; right: -50px; top: -50px; cursor: pointer; background: url(../images/z_closes.png) no-repeat center; background-size: 100% 100%;}

@media screen and (max-width:1700px){
	.he_fonavli{margin-left:60px}
	.huanjing{height: 320px;
	}
	.view_more a:nth-child(1){margin-right: 50px}
}

@media screen and (max-width:1560px){
	.he_fonavli{margin-left:40px}
}
@media screen and (max-width:1500px){
	.z_header_tel span{display: none}
	.he_footle{width: 230px;}
	.he_footri {transition: all 0.3s}
	.about_ry dd{float: right;width: 50%;}
}

@media screen and (max-width:1600px){
    .yw_list dl{ margin-left: 6vw;}
}

@media screen and (max-width:1440px){
	.rongyu1{width: 31%;}
	.few{width: 260px;}
	.fewli{width: 120px}
	.view_more a{margin-bottom: 10px}
	.c-container{width: 85%}
	.z_header_nav li{margin:0 25px}
    .about_box{ height: 360px;}
    .about_box1 .about_num{ right:0%;}
    .about_box1 .z_warp{ width: 100%;}
    .about_num{ font-size: 6vw; line-height: 6vw;}
    .about_box2 .about_num:before{ top: 50%;}
    .about_box1 .about_num:before{ top: -50%;}
    .about_box1,.about_box2{ padding-top: 8.5vh;}
    .yw_list dl{ margin-left: 5vw;}
    .index_desc .tit3,.index_about_desc .tit3{ font-size: 26px; line-height: 36px;}
    .index_desc .tit1,.index_about_desc .tit1{ font-size: 40px; line-height: 40px;}
	.index_desc .tit1,.index_about_desc .gqrre1{ font-size: 40px; line-height: 40px;}
    .index_desc .tit3{ line-height: 40px;}

    .news_swiper li h4{ font-size: 18px; line-height: 24px; height: 48px;}
    .contact_tit h3{ font-size: 40px;}
    .about_num:before{ width: 120px; height: 80px;}
    .index_yw{ padding: 15vw 0;min-height: 90vh;}
    .index_news{ padding: 15vh 0; padding-bottom: 10vh;}
    .z_slide_bar{ bottom: 1.6vw;}
    .z_nav_mask{ padding: 1.8vw 8.33vw;}
    .z_about_desc{width: 40vw;}
    .z_about_culture{ min-height: 100vw;}
    .yw_list dl{ margin-left: 3vw;}
}
@media screen and (max-width:1300px){
	.z_header_nav li{margin:0 15px}
	.he_fonavli:nth-child(4){display: none}
}
@media screen and (max-width:1366px){
	.z_header_fr{margin-top: 0}
	.ny_about_1_right{width: calc(100% - 500px);padding-left: 100px;}
	.ny_about_1_left{font-size: 36px}
	.about_ry dd h1,.comtit{font-size: 32px;}
	.about_ry dd li{margin-top: 12px}
    .z-container{ width: 90%!important;}
    .z_footer .z-container3{ width: 94%;}
	.index_yw .index_desc{width: 370px;}
	.yw_youshi{width: calc(100% - 370px)}
	.yw_youshi li dd{font-size: 18px}
	.huanjing{padding-top:400px}
	.index_hj{height: 980px}
	.index_news .z_row{height: 85vh}

}
@media screen and (max-width:1200px){
	.he_fonavli:nth-child(2){display: none}
	.ny_about_1_right{width: calc(100% - 400px);padding-left: 0px;}
	.z_header_nav{text-align: left;margin-left: 150px;}
}
 @media screen and (min-width: 1080px){
        .sjlbs{display:none;}
	 
}
@media screen and (max-width:1080px){
	    
        .pclbt{display:none;}
        .sjlbs{display:block;}
	.z_header_nav li{margin: 0 10px}
}

@media screen and (max-width: 1025px){
.view_more a:nth-child(1){margin-right: 0px}
	.z-container{width: 94%!important}
	.index_yw .index_desc{float: inherit!important;width: 100%}
	.yw_youshi{float: inherit!important;width: 100%;margin-top: 40px;margin-bottom: 40px}
	.index_yw{min-height: auto}
	.huanjing{height: 280px;}
	.index_news .z_row{height: 60vw}
	.news_swiper{margin-top: 50px}
	.index_contact{padding: 50px 0}
	
	
	.brand_cen dt{float: left;width: calc(100% - 450px)}
	.brand_cen dd{float: right;width: 400px;}
	.brand_bg1{height: 430px}
	.pro_view dt{width: calc(100% - 500px);}
	.pro_view dd{width: 500px;}
	.pro_view{padding: 50px 0}
	.he_fonavli:nth-child(5){display: none}
	.num h3{font-size: 18px!important}
	}	


@media screen and (max-width: 980px){
	.z_mobile_btn{display: block}
	.about_box2 .desc{width: 100%}
	.z_nav_mask{background:  rgba(0,0,0,0.7)}
	.z_nav_list li .tit h3{color: rgba(255,255,255,0.5)}
	.z_nav_list li .tit h4{color: #fff;font-weight: normal}
	
	.he_fonavli {margin-left: 10px;}
	.he_fonavli:nth-child(2){display: none}
	.he_fonavli:nth-child(4){display: none}

    .z_header{ height: 50px; width: 100%; padding: 0 10px;}
    .z_header_nav{ width: 100%; display: none; height: 100%; position:fixed; left: 0; top: 50px;}
    .z_header_tel{ display: block;padding-right:0}
    .z_header_logo{ left: 10px;}
    .z_header_logo img{ height: 40px;}
    .z_mobile_btn{ width: 30px; margin-right: 10px;margin-left: 15px}
    .z_mobile_btn .line{ width: 28px;}
    .z-container{ width: 94%;}
    .index_about_desc .tit1{ font-size: 20px;}
	.index_about_desc .gqrre1{ font-size: 20px;}
    .index_about_desc .line{ height: 8px; margin: 10px 0;}
    .index_about_desc{ position: relative!important; left: auto!important; top: auto!important; padding: 20px 0!important;}
    .index_about_desc .tit2{ line-height: 20px; font-size: 14px;}
	.index_about_desc .gqrre2{ line-height: 20px; font-size: 14px;}
    .index_about_img .imgbg{ background-size: 100% auto!important;}
    .index_about_desc .tit3{ font-size: 16px; line-height: 24px; margin-top: 10px;}
    .index_about_warp{ padding-top: 0; position: relative; bottom: auto;}
    .about_box{ width: 100%; padding: 20px 10px; transform: scale(1,1); opacity: 1; height: auto;}
    .about_box1{ }
    .about_box1 .desc{ margin-bottom: 30px; line-height: 24px; height: 72px;  font-size: 14px;}
    .about_list li h3{ font-size: 20px;}
    .about_num:before{ width: 90px; height: 60px; top: -45px; right: -30px; display: none;}
    .about_num{ position: relative!important; margin-bottom: 0px; right: auto!important; top: auto!important;; line-height: 30px; text-align: center;}
    .about_box1 .z_warp{ width: 100%;}
    .index_about{ height: auto; padding-bottom: 20px;}
    .about_box2 .desc{ height: auto; margin: 10px 0; line-height: 24px;}
    .about_box3 .tit{ font-size: 18px;}
    .index_about_desc .line, .index_desc .line{ width: 100px;}
    .index_about .z-container{ height: auto;}
    .index_yw{height: auto; padding: 40px 0;}
    .index_desc .tit1{ font-size: 24px; line-height: 20px;}
    .index_about_desc .line, .index_desc .line{ height: 6px; margin: 20px 0;}
    .index_desc .tit2{ font-size: 14px; line-height: 20px;}
    .index_desc .tit3{ font-size: 16px; margin-top: 20px; line-height: 24px;}
    .yw_list{ width: 100%;margin-top: 30px}
    .yw_list dl:last-child{ margin-bottom: 0;}
    .yw_list dl{ margin: 0;margin-bottom: 20px; text-align: left;  width: 100%; display: flex; align-items: flex-start;}
    .yw_list dt{ flex-shrink: 0; width: 70px;text-align: center; margin-right: 10px; }
    .yw_list .tit{ margin: 0;}
    .yw_list .icon img{ height: 50px;}
    .yw_list .tit h3{ font-size: 14px; margin-top: 10px;}
    .yw_list .tit h4{ display: none;}
    .yw_nav a{ display: inline-block; text-align: left; margin-right: 10px; line-height: 24px;}
    .index_case .z-container{ top: 0; width: 100%;}
  
    
    .index_case_list ul{ margin-left: 0;}
    .index_case_list li{ width: 48%; margin-left: 2%; margin-bottom: 10px;}
    .index_case_list li .infobox{ padding: 15px; height: auto;}
    .index_case .z-container{ padding-bottom: 10px;}
    .news_swiper li h3{font-size: 20px;}
    .news_swiper li a{ padding-left: 20px;}
    .news_swiper li h4{font-size: 14px; line-height: 20px;}
    .news_swiper li:before{left: 0;}
    .news_swiper li a{ padding-right: 10px;}
    .index_news{ height: auto; margin-top: 0; padding: 20px 0;}
    .index_news .z_row{ height: auto;}
    .index_btmwarp .z-container,.index_news .index_desc,.index_case .z-container{ margin-top: 0;}
    .index_btmwarp .z-container{ width: 100%;}
    .index_btmwarp .z-container3,.z-container3{ width: 94%;}
    .contact_tit h3{ font-size: 20px;}
    .contact_tit h4{ font-size: 18px;}
    .index_contact{ padding: 20px 0;}
    .contact_tit{ margin-bottom: 20px;}
    .contact_desc dl span{ font-size: 16px;}
    .contact_desc dl h3{ font-size:18px;}
    .contact_desc dl dt{ margin-right: 10px;}
    .index_lyform{ width: 100%; margin-top: 30px;}
    .index_lyform .tit{ font-size: 16px; margin-bottom: 10px; font-weight: bold;}
    .index_lyform li{ width: 100%; margin-bottom: 0;}
    .index_lyform li .text{ height: 45px;}
    .index_lyform .z_subbtn{ margin-top: 10px;}
    .index_case_list li .imgbox{ height: 42vw;}
    .index_logo li{ width: 33.3%; height: 80px;}
    .foot_top{ display: block; padding: 20px 0; padding-bottom: 0; position: relative;}
    .foot_tel h4{ font-size: 20px;}
    .foot_tel{ margin-bottom: 20px;}
    .foot_addre{ width: 100%;}
    .foot_nav{ display: none;}
    .z_retop{ position: absolute; right: 10px; top: 20px;}
    .z_retop img{ display: block; height:20px;}
    .foot_btm .fl{ display: none;}
    .foot_btm{ padding: 10px 0;}
    .foot_copy{ width: 100%; text-align: left; line-height: 20px;}
    .z_nav_top,.z_slide_bar{ display: none;}
    .z_nav_close{ height: 50px; width: auto; right: 10px; width: 50px; background-size: 15px; display: none;}
    .z_nav_mask{ width: 100%; height: calc(100vh - 50px); top: 50px; padding: 10px 20px;}
    .z_nav_list ul{ margin-left: 0;}
    .z_nav_list li{ width: 100%; height: auto;border-bottom: 1px solid rgba(255,255,255,0.2); margin-left: 0; }
    .z_nav_list li .desc{ display: none;}
    .z_nav_list li a{padding:10px 0; padding-right: 60px;}
    .z_nav_list li .tit h3{ font-size: 15px; margin-bottom: 0;}
    .z_nav_list li .num{ width: 60px; font-size: 16px;}
    .z_nav_list li .more,.z_nav_list li .line{ display: none;}
    .z_small_banner{ display: none;}
    .z_other_banner{height: 40vh; margin-top: 50px;}
    .other_banner_text .z_line{ display: none;}
    .other_banner_text h4{ font-size: 16px; line-height: 24px; margin: 0;}
    .other_banner_text .link{display: none;}
    .other_banner_text h3{ font-size: 30px; margin-bottom: 10px; line-height: 30px;}
    .z_other_banner2,.z_topbtm_bar{ position: relative; width: 100%;}
    .other_banner_text .desc{ margin:10px 0; line-height: 20px; font-size: 12px; height: 80px;}
    .z_case_share{ display: none;}
    .z_topbtm_bar{ height: 50px; line-height: 50px;}
    .z_case_xqpage{  width: 94%; float: none; margin: 0 auto; padding: 10px;margin-top: 20px;}


    .news_swiper,.index_news .index_desc .index_more{ margin-top: 30px;}
    .contact_desc dl{ margin-bottom: 20px;}
    .case_nav li h3{font-size: 12px;}

    .z_header2{ background: #fff;}
    .z_next_bar a{ margin-top: 10px; font-size: 14px;}

    .z_other_tit .title{font-size: 18px; margin: 20px 0;}
    .z_other_tit .entit,.z_bigarr{ display: none;}

    .z_footer{ width: 100%!important;margin-bottom:50px}
    .z_other_footer{ font-size: 12px; line-height: 20px;}
    .z_contact_warp{ padding: 15px;padding-top: 80px;}
    .conatct_tit .title{ font-size: 18px; line-height: 20px; margin: 20px 0;}
    .conatct_tit{ text-align: center;}
    .conatct_tit .line{margin: 0 auto;}
    .contact_dl li{ margin-bottom: 20px; width: 100%; text-align: center;}
    .contact_dl li .tit{ margin-bottom: 10px;}
    .contact_dl li .con{ line-height: 20px; font-size: 14px;}
    .z_header{background: #fff!important;}
    .conatct_code{ display: flex; justify-content: center;}
    .conatct_code .codebox:first-child{ margin: 0;}
    .conatct_code .codebox{ margin: 0 10px;}
    
    .z_way_li li{ width: 100%; display: block; margin-bottom: 10px;}
    .z_texta_warp{ margin: 20px 0;}
    .z_texta_warp .texta{ height: 200px;}
    .z_ly_btn{ font-size: 18px;background-size: auto 20px; padding-right: 40px;}
    .conatct_tit{ display: none;}
    .conatct_code .codebox h3{ margin-bottom: 5px;}
    .z_contact_ly:before{ height: 6px;}
    .z_contact_ly{ margin-top: 30px;}

    .z_culture_info{display: none}
    
    .z_culture_cilire{width: 90px;left: 71.6vw;bottom: 50.15vw}
    .z_culture_cilire img{width: 100%;}
    .z_culture_text .text_img {display: none}
    .z_team_box{width: 100%}


    
    .foot_top,.foot_btm,.index_case_list li,.index_desc,.news_swiper ,.dl{visibility: visible!important;}
    .foot_copy a{text-align: center}

    .index_case .z-container{width: 100%!important}
	.c-container{width: 94%}
}

@media screen and (max-width: 768px){
	.he_footri{width: calc(100% - 230px)}
	.he_fonavli{margin-left: 40px}
	.view_tit{margin-top: 0}
	.pro_view dt{width: 100%;}
	.pro_view dd{width: calc(100% - 2px);margin: 0 auto;margin-top: 15px}
.huanjing{height: 180px;padding-top: 80px;}
	.index_about_img .imgbg{background-size: 180% auto!important;}
	.ny_about_1_left{width: 300px}
	.ny_about_1_right {width: calc(100% - 300px);padding-left: 0px;}
	.ny_about_1{padding: 40px 0}
	.about_ry dt{width: 100%;margin-bottom: 35px}
	.about_ry dd{width: 100%}
	.about_ry{padding: 80px 0}
	.brand_cen dt{float: left;width: calc(100% - 350px)}
	.brand_cen dd{float: right;width: 300px;}
	.brand_a{padding-top: 70px}
}


@media screen and (max-width: 750px){
	.index_case_list li:nth-child(7){display: block}
.index_case_list li:nth-child(8){display: block}
.index_case_list li:nth-child(9){display: block}
	
	.yw_youshi li dd{font-size: 17px;line-height: 28px}
	.jwb_ny_banner{margin-top: 50px}
	.mapcen{padding-bottom: 40px}
	.con_cen ul{margin-bottom: 35px;padding: 35px 0 20px}
	.con_cen{padding-top: 35px}
	.con_cen h2{margin-top: 15px;margin-bottom: 35px}
	.con_cen ul li{}
	.con_cen ul li{background: #f7f7f7;width: 100%;padding: 30px 3%;max-width: 94%;margin-bottom: 15px;}
	.con_cen ul li dt{display: flex;align-items: center}
	.con_cen ul li dt img{width: 20px;height: auto;}
	.con_cen ul li dd{margin-top: 15px;font-size: 20px}
	.news_view{padding: 35px 0}
	.news_view_right ul{margin-top: 25px}
	.news_view_right h1,.news_view_left h1{font-size: 25px}
	.news_view_right{width: 100%}
	.news_view_left{width: 100%}
	.newslist{padding-top: 40px}
	.news_btn{width: 120px}
	.newslist li{padding: 30px 0;margin-bottom: 25px;}
	.newslist li dd{padding-left: 3%;width: 94%}
	.newslist li dt{display: none}
	.news_nav{width: 94%!important;margin-bottom: 0}
	.view_sm li{padding: 20px 2%}
	.view_sm{margin-top: 10px}
	.view_tit{font-size: 25px}
	.pro_view{padding: 40px 0}
	.prolist li dt{padding: 0}
	.imgbg{background-size: 85%}
	.prolist li dd{padding: 14px 10px}
	.prolist li{margin-right: 0;width: 100%;margin-bottom: 15px}
	.pro_content h1{font-size: 25px;margin-top: 30px}
	.pro_content h2{margin-bottom: 30px;margin-top: 10px;font-size: 16px}
	.brand_a{padding-top: 45px}
	.brand_bg2{/*height: 630px*/}
	.brand_bg1{height: 550px}
	.brand_cen dt h1 label,.brand_a h1 label{width: 5px;height: 25px}
	.brand_cen dt h1 span,.brand_a h1 span{font-size: 25px;}
	.brand_cen{top: 40px}
	.brand_cen dt{width: 100%;margin-bottom: 35px}
	.brand_cen dd{width: 85%;margin: 0 auto;float: inherit}
	.rongyu1{width: 100%;margin-top: 20px}
	.about_ry{padding: 40px 0}
	.comtit,.about_ry dd h1{font-size: 25px}
	.about_culture{padding: 40px 0}
	.culture_ul{margin-top: 40px}
	.culture_ul li{width: 94%;margin-bottom: 15px}
	.team_content .team_ul{padding-top: 40px}
	.b_ban{display: block}
	.a_ban{display: none}
	.ny_about_2 .b1_icon1{width: 55px;
    height: 55px;
    margin-top: -27.5px;
    margin-left: -27.5px;}
	.ny_about_2 .video_bg{width: 130%!important;max-width: 130%!important}
	.about_jieshao{padding: 35px 0;line-height: 29px}
	.ny_navlist_ul a{width: 50%;padding: 15px 0;border-bottom: 1px solid #eee;font-size: 15px}
	.team_content ul li dd h1{font-size: 23px}
	.team_content ul li{padding: 30px 0;margin-bottom: 25px}
	.team_content ul li dt{width: 100%;}
	.team_content ul li dt img{width: 55%;margin: 0 auto;border-radius: 10px}
	.team_content ul li dd{width: 92%;padding-left: 4%;padding-right: 4%;margin-top: 25px}
	.team_text{font-size: 25px;padding: 35px 0}
	.chejian_imglist li{width: 49%}
	.ny_about_1_left{width: 100%;margin-bottom: 35px;font-size: 25px;text-align: center}
	.ny_about_1_right {width: 100%;padding-left: 0px;}
	.yw_youshi li{margin-left: 0;width: 49%;margin-right: 2%;margin-bottom: 2%}
	.yw_youshi li:nth-child(2n+2){margin-right: 0}
	.yw_youshi{margin-bottom: 0}
	.index_about{padding: 40px 0}
	.grrtrtr{background-attachment: inherit!important;background-size: 200% auto!important;background: #f7f7f7!important}
	.freee{background: #e21212!important}
	.index_about_desc .tit1{color: #333!important;}
	.index_about_desc .tit2{color: #999!important}
	.index_about_warp{padding-top: 20px}
	.gqrre1{color: #fff!important}
	.gqrre2{color: #fff!important}
	.about_box1{background:  rgba(209,25,25,1)}
	.about_num{font-size: 35px}
	
	.about_box{padding: 35px 20px;}
	.about_list li h3{font-size: 30px}
	.about_list ul{padding: 20px 0}
	.about_box1 .z_warp{margin-top: 15px}
	.about_box2 .tit{margin-top: 15px}
	.huanjing{padding-top: 50px}
	.index_case_list li .imgbox {height: 240px;}
	.index_case_list li{ width: 100%; margin-left: 0; }
	.index_lyform li input{color: #999}
	.index_contact{margin-top: 20px;margin-bottom: 20px}
	.index_btmwarp .z-container{width: 100%!important}
	.he_footle{display: none}
	.he_footri{display: none}
	.ys_footer{padding-top: 40px;}
	.tel_bottom_nav{display: block}
	.z_header_tel .num{display: none}
	.con_cen h1{font-size: 25px}
	.z_nav_list li .tit h3{color: rgba(255,255,255,0.85);line-height: 25px}
	.z_nav_list li a{padding: 13px 0}
}