@font-face {
   font-family: OPPOSans-H;
    src: url("pboot:sitetplpath}/font/OPPOSans-H.ttf");    
   font-weight: normal;
   font-style: normal;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block}
*,:before,:after{box-sizing:border-box;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0; width:auto; max-width:100%;}
ul,dl,li,dt,dd{list-style:none;}
body,html{min-height:100%;}
body{ font-family: "NotoSansHans";font-size:14px; -webkit-tap-highlight-color:rgba(255,255,255,0); width: 100%; overflow-x:hidden; background:#fff;}
pre{ font-family: "NotoSansHans"; white-space:pre-wrap;word-wrap: break-word;}
a{font-size:14px;text-decoration:none;transition:ease .65s; color:#fff; outline:none;}
.clearfix:after{content:""; display:block; clear:both; }
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input[type="text"],input[type="password"],input[type="search"],textarea,select{outline: none; font-family: "NotoSansHans";-webkit-appearance: none;border-radius: 0;  border:none; background:none; transition:ease .45s;}

input::-webkit-input-placeholder {color: #888888;}
input:-moz-placeholder {　color: #888888;}
input::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder {color: #888888;}
textarea{resize:none; overflow:hidden;}
textarea::-webkit-input-placeholder {color: #888888;}
textarea:-moz-placeholder {　color: #888888;}
textarea::-moz-placeholder {color: #888888;}
textarea:-ms-input-placeholder {color: #888888;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
.fl,.fl_warp{float:left;}
.fr,.fr_warp{float:right;}
.z-container {width:75vw;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{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow:ellipsis;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;}
.ellipsis6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow:ellipsis;}
.ellipsis8{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;text-overflow:ellipsis;}
.imgbg{ width: 100%; height: 100%; transition: ease 1s; background-position: center; background-repeat: no-repeat; background-size: cover;}
.imgbgs{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.z_flex{ display: flex; align-items: center;}
.z_flex_ul{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.clear{ clear: both;}
*:before,
*:after {
  z-index: -1;
}
.z_public_bg{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-size: cover; background-attachment: fixed; pointer-events: none;}
.flwarp{ float: left;}
.frwarp{ float: right;}
.imgbg{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: ease 1s;}
.font32{ font-size: 1.66666vw;}


.cursor{width: 2.6vw; height: 2.6vw;position: absolute;left: 0;top: 0; pointer-events: none;margin: -1.3vw 0 0 -1.3vw;z-index: 120;visibility: hidden;}
.cursor:before{content: '';display: block;width: 100%;height:100%;background:#fff;border-radius: 50%; box-sizing: border-box;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(.4);transition: all .4s cubic-bezier(.3,1.83,.49,.88);}
.cursor{user-select: none;pointer-events: none;mix-blend-mode:difference;}
.cursor.nav::before{transform: translate(-50%,-50%) scale(1); }


/*分享*/
#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}
::-webkit-scrollbar-track-piece{background:#eeeeee}
::-webkit-scrollbar-thumb:vertical{background-color:var(--yx_Color);}
.swiper-slide {  -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.swiper-container-fade .swiper-slide{    pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active{pointer-events:auto; z-index: 3;}
.swiper-container-fade .swiper-slide{opacity:0!important;}
.swiper-container-fade .swiper-slide-active{opacity:1!important;}
.swiper-fade .swiper-slide{    pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active{pointer-events:auto; z-index: 3;}
.swiper-fade .swiper-slide{opacity:0!important;}
.swiper-fade .swiper-slide-active{opacity:1!important;}

.swiper-container-vertical>.swiper-wrapper {flex-direction: column;}

.swiper-vertical>.swiper-wrapper {flex-direction: column;}
.video_pop{display: block; width: 100%; height: 100%; background: #000; position: fixed; left: 0; top: 0; z-index: 999!important; display: flex; justify-content: center; align-items: center; display: none;}
.video_pop .close_btn{width: 40px; height: 40px; position: absolute; right: 0; top: 0; background: url("/template/default/images/close2.png") no-repeat center; z-index: 100; cursor: pointer;}
#video{width:100%; max-height: 100%;}
.video_pop .warp{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh;}
/*分享二维码*/
#zCode{display: block;left: 50%;top: 50%;margin-left: -110px;margin-top: -122.5px;position: fixed; background: #fff;height: 245px;width: 220px; z-index:3000;border-radius: 5px; border: 6px solid #7f7f7f; box-sizing: border-box;}
#zCode>h2{     color: #666;background: #f2f2f2;height: 24px;line-height: 24px;border-bottom: 1px solid #e8e8e8; font-size: 14px; padding: 0 10px; box-sizing: border-box;}
#zCode>h2>i{cursor:pointer; float:right; width:24px; height:24px; text-align:center;}
#zCode>.ewm{width:100%; height:208px;padding: 20px; box-sizing: border-box; }
#zCode>.ewm canvas{width:100%; height:100%;}

.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.6); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; display: flex; justify-content: center;align-items: center; }
.rebox-contents .rebox-content {  border-radius: 1px; max-width: 100%; max-height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; opacity: 1; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); 
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,
.rebox-button:focus { opacity: 1; background: #BF2E2E;}
.rebox-close { right: 10px; top: 10px;  font-size: 30px; }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}
.lazy{background-size: cover; background-repeat: no-repeat; width: 100%;height: 100%; background-position: bottom center;position: absolute;z-index:-1;left: 0;top: 0; background-attachment: fixed;}
.mr{ margin-left: auto;}


body.fixed .z_header {transform: translateY(-100%);visibility: hidden;}
.z_header{ width: 100%; padding: 0 3.75vw; box-sizing: border-box; position: fixed; visibility: visible; transition: ease 1s; left: 0; top: 0; z-index: 9;background: var(--yx_Color); height: 5.7vw; display: flex; align-items: center; justify-content: center; padding-right: 0;}
.z_menu_btn::before{ content: ""; display: block; width: 6.25vw; height: 6.25vw;animation: rotation 30s linear infinite; background: url("/template/default/images/lg7.png") no-repeat center; background-size: 100% 100%; position: absolute; right: 0vw; bottom: -4vw;}
.z_menu_btn{ display: flex; align-items: center; overflow: hidden; justify-content: center; cursor: pointer; position: relative; height: 5.7vw;  width: 6vw;}
 .z_menu_btn span{ display: block; transition: ease .6s; width: 20px; height:2px; background: #fff;}
 .z_menu_btn .line2{ margin:3px 0;}
 .z_menu_btn.on .line1{ transform:translateY(5px) rotate(45deg);}
 .z_menu_btn.on .line3{ transform:translateY(-5px) rotate(-45deg);}
 .z_menu_btn.on .line2{ opacity: 0;}
.z_logo img{ display: block; height: 4vw;}
.z_header_nav{ margin-right: 3vw; opacity: 1; visibility: visible; transition: ease 1s;}
.z_header_nav.on{ opacity: 0; visibility: hidden;}
.z_header_nav a{ color: #fff; display: block;}
.z_header_nav li{ display: inline-block; position: relative; line-height:5.7vw ; margin-right: 3vw; }
.z_header_nav li .one{ font-size: var(--yx_FS16); font-weight: bold; position: relative;}
.z_header_nav li .one::before,.z_case_nav a::before{ content: ""; display: block; width: 22px;
height: 21px; background: url("/template/default/images/lg.png") no-repeat center; z-index: 1; background-size: 100% 100%; position: absolute; left: -30px; top: 50%; opacity: 0; transform: translateX(-100%); transition: ease 1s; margin-top: -11px;}
.z_header_nav li .downnav{ width: 150px; transition: ease 1s; opacity: 0; visibility: hidden; transform: translateY(20px); background: var(--yx_Color); padding: 20px 0; position: absolute; left: 50%; margin-left: -75px; top: 100%; text-align: center; line-height: 40px;}
.z_header_nav li .downnav a{ opacity: .;}
.z_header_nav li .downnav a:hover{ opacity: 1;}
.z_header_nav li:hover .downnav{ opacity: 1; visibility: visible; transform: translateY(0);}
.z_header_nav li:hover .one::before,.z_header_nav li.active .one::before,.z_case_nav a.on::before{ transform: translateX(0); opacity: 1;}
.z_menu_mask{ width: 100%; height: calc(100vh - 5.7vw ); transition: ease 1s; transform: translateY(100%); visibility: hidden; padding:0 3.75vw; box-sizing: border-box; position: fixed; left: 0; top: 5.7vw;background: var(--yx_Color); z-index: 999999999999 ;}
.z_menu_mask.on{ transform: translateY(0); visibility: visible;}
.z_menu_mask .z-container{ width: 100%; border-top: 1px solid rgba(255,255,255,.3); padding: 6vw 0; box-sizing: border-box; align-items: flex-start;}
.z_menu_nav li{ display: inline-block; vertical-align: top; width: 9.89583vw;}
.z_menu_nav li a{ display: block; color: #fff;font-size: var(--yx_FS18);font-weight: 400;color: #FFFEFE;line-height: 2.5vw;opacity: 0.65;}
.z_menu_nav li .one{ font-size:20px; opacity: 1;}
.z_menu_nav li a:hover{ opacity: 1;}
.z_menu_code li{ float: left; margin-right:1.2vw; text-align: center;color: #FFFEFE;}
.z_menu_code li:last-child{ margin-right: 0;}
.z_menu_code li .imgbox{ width: 5.41666vw; height: 5.41666vw; display: flex; align-items: center; justify-content: center; background: #fff; margin: 0 auto;}
.z_menu_code li h3{ margin-top: 5px;}
.z_menu_tel{ color: #fff; margin-top: 4vw;}
.z_menu_tel h3{font-size: 1.5625vw;font-family: ACaslonPro;font-weight: bold; margin-right: 10px;}
.z_menu_tel .telbar{font-size: 1.5625vw;}
.z_menu_tel .iconfont{width: 26px;
height: 26px; margin-left: 10px;
background: #fff; text-align: center; line-height: 26px; color:var(--yx_Color) ;
border-radius: 50%; display: inline-block;}
.z_menu_tel span{ text-align: right; margin-left:7.5vw;}
.z_menu_desc{color: #FFFEFE;line-height: 24px; margin-top: 2vw;}
.z_menu_desc h3{color: #F8FAFB; font-size: 20px;opacity: 1; margin-bottom: 5px;}
.z_menu_desc p{opacity: 0.5;}
.z_menu_lg{ width: 37.5vw; height: 37.5vw; background: url("/template/default/images/lg2.png"); background-size: auto 100%; position: absolute; right: -12%; bottom: -28%;  }
        @-webkit-keyframes rotation {

            from {
                -webkit-transform: rotate(0deg);
            }

            to {
                -webkit-transform: rotate(360deg);
            }

        }

.z_index_more{width: 100px;
height: 47px; display: flex; align-items: center; justify-content: center; background: url("/template/default/images/more.png") no-repeat center; background-size: 100% 100%; margin: 0 auto;}
.z_index_more:hover{ animation: shake 3s forwards infinite;}
 

.z_banner{ width: 100%;position: relative; overflow: hidden; position: fixed; left: 0; top: 0; z-index: -1;}
.z_banner .bd li{ width: 100%; height: 100vh; overflow: hidden;}
.z_banner .picBox{position:relative;overflow:hidden; width: 100%; height: 100vh;}
.z_banner .picBox .imgbg{ background-position: top center;}
.z_banner .iconfont,.z_xq_swiper .iconfont{ display: block;width: 50px;height: 50px; outline: none; cursor: pointer; font-weight: bold; transition: ease 1s;  background: rgba(255,255,255,.5);border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); text-align: center; line-height: 50px; color: var(--yx_Color); z-index: 2;}
.z_banner .prev,.z_xq_swiper .prev{ left: 4vw;}
.z_banner .next,.z_xq_swiper .next{ right: 4vw; }
.z_banner .iconfont:hover,.z_xq_swiper .iconfont:hover{ background: var(--yx_Color); color: #fff!important;}

.z_case_flwarp{ width: 31.3%; flex-shrink: 0; color: #fff;}
.z_index_tit{color: #F4EFEC; }
.z_index_tit .en{font-size: 2.08vw;font-family: ACaslonPro;font-weight: 600; line-height: 2vw;  text-transform: uppercase;}
.z_index_tit .cn{font-size:1.45833vw;font-weight: 500;}
.z_case_flwarp .z_index_tit{ text-align: center; margin-bottom: 2vw; margin-top:2vw; text-align: left;}
.z_case_flwarp { display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.z_case_nav{ display: flex; justify-content: center; margin: 3vw 0;}
.z_case_nav a{ display: block;font-size: 16px;font-weight: 400;color:#666;line-height: 36px; position: relative;}
.z_case_nav a.on{color: var(--yx_Color);}
.z_index_case   .z_index_tit .cn{color:#333 !important;}

.z_index_case{ padding:7% 0 7%; box-sizing: border-box; position: relative; margin-top: 100vh; }
.z_case_frwarp{height:550px; }
.z_case_swiper{ height:550px; overflow: hidden; position: relative; z-index: 1; display: none;}
.z_case_swiper.on{ display: block;}
.z_case_swiper li{ width: auto; position: relative; overflow: hidden;}
.z_case_swiper li img{ display: block; height: 100%; transition: ease 1.6s;}
.z_case_swiper li .infobox{ position: absolute; left: 0; bottom: 0; transition: ease 1s; transform: translateY(100%); opacity: 0; background: rgba(162, 0, 1, .8); padding:1.5vw 2vw; box-sizing: border-box; width: 100%;}
.z_case_swiper li h3{ font-size: 1.04vw; margin-bottom: 5px; background-size: 28px;}
.z_case_swiper li h4{ font-size: 14px; line-height: 200%;}
.z_case_swiper li:hover img{ transform: scale(1.03,1.03);}
.z_case_swiper li:hover .infobox{ transform: translateY(0); opacity: 1;}
.swiper_btn{width: 50px;height: 50px; outline: none; cursor: pointer; display: inline-block; transition: ease 1s; background:rgba(162, 0, 1, .7);border-radius: 50%;  line-height: 50px; text-align: center; color: #fff;}
.swiper_btn:hover{ background: var(--yx_Color);}
.z_case_swiper .swiper_btn{ position: absolute; top: 50%; transform: translateY(-50%);z-index: 3;}
.z_case_swiper .prev{ left: 10px;}
.z_case_swiper .next{ right: 30px;}
 @keyframes zoom {

            from {
                transform: scale(.5);
            }

            to {
                transform: scale(1);
            }

        }
.z_index_video{ width: 100%; height: 40vw;  position: relative;}
.z_index_video .lazy{background: url("/template/default/images/story.jpg"); background-size: cover;}
.z_video_box{ position: absolute; left: 0; top: 0; transition: ease 1s; opacity: 0;visibility: hidden; width: 100%; height: 100%;display: flex; align-items: center; justify-content: center; overflow: hidden;}
.z_video_box.on{ opacity: 1; visibility: visible;}
.z_index_video .infobox{ position: absolute; left: 0; top: 40%; z-index: 1; padding: 0 12.29166vw; box-sizing: border-box; width: 100%;}
.z_index_video .en{font-size: 1.875vw;font-family: ACaslonPro;font-weight: bold;font-style: italic;color: #F4EFEC;line-height: 2vw;}
.z_index_video .cn{font-size: 2.6vw;font-family: LiSu;font-weight: 400;font-style: italic; position: relative; color: #fff;}
.z_index_video .cn::before{ content: ""; display: block; width: 9.375vw; position: absolute; left: -12.29vw; top: 50%; transform: translateY(-50%);height: 1px;background: #FFFFFF;opacity: 0.4;}
.z_index_video .play{ margin-top: 2vw;font-size: 16px; cursor: pointer;}
.z_index_video .play img{ margin-right: 10px; transition: ease 1s;}
.z_index_video video{ min-height: 100%; min-width: 100%;}
.z_video_close{ width: 50px; height: 50px;text-align: center; transition: ease 1s; line-height: 50px; position: absolute; right: 10px; top: 10px; border-radius: 50%; font-size: 18px!important; background: rgba(255,255,255,.5); cursor: pointer;}
.z_video_close:hover,.z_index_video .play:hover img{ transform: rotate(360deg);}
.z_index_New .yx_ImgCover{padding-bottom:65%;}
.z_index_New .yx_ImgCover img{left:0;}
.z_index_New .yx_Title{font-size:var(--yx_FS16); color:#2a2a2a; margin-bottom:8px;}
.z_index_New .yx_Summary{font-size:14px; color:#666; line-height:200%;}
.yx_NewsContent{padding:18px 12px; background:#fff; text-align: left; }
.z_index_New .z_hua{height:100%;}
.z_index_New .imglist li{float: none !important; height: auto !important;}
.z_index_New li:hover .yx_ImgCover img{transform:scale(1.1);}
.z_index_New li:hover .yx_Title{color:var(--yx_Color);}
.z_index_New .yx_flexWrap{margin-top:4%; max-width:calc(100% - 6vw); margin-left: auto; margin-right: auto;}
.z_index_New::before,.z_index_New::after{z-index:1;}
.z_index_New .learn{margin-top:3%;}


.z_index_about{width:100%; padding:6% 0; padding-bottom: 5.5vw; text-align: center; position: relative; overflow: hidden;}
.z_index_about::before{ content: ""; display: block; width: 28.90625vw; height: 11.66666vw; position: absolute; left: 50%; transform: translate(-50%); top: 0; background: url("/template/default/images/lg4.png") no-repeat top; background-size: 100% auto; opacity: .1;}
.z_index_about::after{ content: ""; display: block; width: 28.90625vw; height: 11.66666vw; position: absolute; left: 50%; transform: translate(-50%); bottom: -5%; background: url("/template/default/images/lg5.png") no-repeat bottom; background-size: 100% auto; opacity: .1;}
.z_index_about .z_index_tit{ color: #333333;}
.z_index_about .desc{width: 1100px; margin: 2.6vw auto;font-size: 16px;font-weight: 500;color: #464646;line-height: 30px;}
.z_index_about .desc em{ color: var(--yx_Color);}
.z_index_about .imglist{ max-width: 1440px;margin: 0 auto; overflow: hidden;}
.z_index_about .imglist li{ width:25%; float: left; height: 522px; overflow: hidden;}
.z_index_about .learn{z-index:3; font-size: 14px;font-family: PingFang;color: #6F6F6F; text-transform: uppercase; margin-top: 6vw; display: inline-block; position: relative;}
.z_index_about .learn::before{ content: ""; display: block;width: 1px;height: 4.5vw; position: absolute; left: 50%; transform: translateX(-50%); bottom: -5.5vw;background: #D2D2D2;}
.z_hua{ width: 100%; position: absolute; left: 0; top: 0; background: #F8F8F8; height: 60%; position: absolute; left: 0; top: 0; z-index: -2;}

.z_index_gy{ position: relative; overflow: hidden;}
.z_index_gy::before,.z_jianjie_box::before{ content: ""; display: block; width: 50%; height: 100%; background: var(--yx_Color);position: absolute; left: 50%; top: 0; transition: ease 1.5s; z-index: 2;}
.z_index_gy.animated::before,.z_jianjie_box.animated::before,.z_pb_warp.animated::before{width: 0;}

.z_index_gy::before{ height: 103%; z-index: 3;}
.z_index_gy .flwarp{ width: 50%; padding: 8% 0 2%; background: url("/template/default/images/bg4.jpg") no-repeat left bottom; background-size: cover; display: flex; align-items: center; justify-content: center; text-align: center;}
.z_index_gy .flwarp .warp{ width: 100%;}
.z_index_gy .z_index_tit{ position: relative;}
.z_index_gy .z_index_tit::before{ content: ""; display: block;width: 1px;height: 2vw;background: #D2D2D2; z-index: 1; position: absolute; left: 50%; transform: translateX(-50%); top: -4vw;}
.z_gy_swiper{ margin-top: 3.5vw;}
.z_gy_swiper li .imgbox{ width: 12.29166vw; height: 12.29166vw;  border-radius: 50%; overflow: hidden; margin: 0 auto;}
.z_gy_swiper li h3{color: #FFFEFE; font-size: 1.25vw;}
.z_gy_swiper li .h4{color: #FFFFFF;line-height: 24px;opacity: 0.7; margin-top: 15px;width:70%;margin-left:15%;}
.z_gy_swiper li .infobox{ margin: 3.5vw 0;}
.z_swiper_hd span{width: 9px;height: 9px; display: inline-block;background: #FFFFFF;opacity: 0.5;border-radius: 50%;}
.z_swiper_hd span.swiper-pagination-bullet-active{ opacity: 1;}

.z_index_gy .frwarp{ width: 50%; height: 100%; position: absolute; right: 0; top: 0;}
.z_index_gy .frwarp .imgbg{ position: absolute; left: 0; top: 0; opacity: 0;}
.z_index_gy .frwarp .imgbg.on{ opacity: 1;}

.z_index_process .z_index_tit{ text-align: center; padding:9% 0 4%; background: #f8f8f8;  overflow: hidden; position: relative; z-index: 1;}
.z_index_process .z_index_tit::before{ content: ""; display: block; width: 42.29166vw; height: 18.28125vw; position: absolute; left: 50%; transform: translateX(-50%);  bottom: -9vw; background: url("/template/default/images/lg6.png") no-repeat center; background-size: cover;}
.z_index_process .z_index_tit::after{ content: ""; display: block;width: 1px;
height: 2.6vw; position: absolute; left: 50%; transform: translateX(-50%); top: 3vw;
background: #D2D2D2;}
.z_process_warp{ height:36vw; display: flex; }
.z_process_warp .item{ position: relative; transition: ease 1.5s; overflow: hidden; cursor: pointer; border-right: 1px solid rgba(255,255,255,.2); box-sizing: border-box; flex: 1;}
.z_process_warp .item .imgbg{ opacity: 0;}
.z_process_warp .item.on{ flex: 6;}
.z_process_warp .item:last-child{ border-right: none;}
.z_process_warp .item .name{ position: absolute;top: 40%; left:50%; transform: translate(-50%,-50%); transition: ease 1s;  background: url("/template/default/images/lg3.png") no-repeat top center; background-size: contain; padding-top: 40px; font-size: 18px;letter-spacing: 2px;color: #fff;z-index: 1;writing-mode: tb-rl;display: flex;align-items: center;justify-content: center;}
.z_process_warp .item .infobox{ position: absolute; left: 0; bottom: 0; width:50vw; opacity: 0;   transition: ease 1s;  }
.z_process_warp .item .infobox h3{font-size:18px !important; margin-bottom:18px; color: #fff;}
.z_process_warp .item .infobox p{font-size: 14px; line-height: 200%; color: #fff;}
.z_process_warp .item .infobox li{color: #E3E3E3;line-height: 2.5vw;  font-size: 1.04vw; }
/* .z_process_warp .item .infobox p{display: inline-block;border-bottom: 1px solid rgba(255,255,255,.2);} */
/* .z_process_warp .item .infobox li:last-child p{ border-bottom: none;} */
.z_process_warp .item.on .infobox{ opacity: 1; padding: 3vw 4vw; box-sizing: border-box; text-align: left; }
.z_process_warp .item.on .imgbg{opacity: 1; }
.z_process_warp .item.on .name{ right: 2.6vw; top: 4.5vw; left: auto; transform: translate(0);}
.z_process_warp .item .z_index_more{ margin: 0; margin-top: 1vw;}

.z_footer{ background: var(--yx_Color);padding:5vw 4vw; padding-bottom: 3vw; box-sizing: border-box; position: relative; overflow: hidden;}
.z_footer .z-container{ width: 100%; align-items: flex-start;}
.z_footer .z_menu_nav li a{font-size: 14px;line-height: 36px;}
.z_footer .z_menu_nav li .one{font-size: var(--yx_FS16);}
.z_footer_copy{ opacity: 0.6; margin-top: 3vw; color: #fff;}
.z_footer .z_menu_lx{ margin-top: 9vw;}

.z_other_banner{ height: 100vh; overflow: hidden; position: relative;}
.z_other_banner .imgbgs{animation: zoombig 3s forwards; background-attachment: fixed; }
.z_other_banner .infobox{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; padding: 0 6.25vw; box-sizing: border-box;}
.z_other_banner .infobox .en{font-size: 3.125vw; line-height: 2vw; font-family: ACaslonPro;font-weight: bold;color: #F4EFEC; text-transform: uppercase;}
.z_other_banner .infobox .cn{ font-size: 1.875vw;}

.z_banner_arr{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; width: var(--yx_FS60);height: var(--yx_FS60); cursor: pointer; background: rgba(255,255,255,.7);border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; margin-top: 3vw;}
.z_banner_arr img{height: 50%; width: auto;}
.z_banner_arr::before{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; content: '';display: block;width: 100%;height: 100%;background: rgba(255,255,255,.3);position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;animation: consult linear 2s infinite;}
  @keyframes consult{
  	0%,100%{transform:scale(1);}
  	50%{transform:scale(1.4);}	
  } 
  @keyframes zoombig {
  	0%{transform: scale(1.1,1.1);} 
  
  	100%{transform: scale(1,1);}
  }

.z_jianjie_box{ position: relative; }
.z_jianjie_box .infobox,.z_jianjie_box .imgbox{ width: 50%; float: left;}
.z_jianjie_box .imgbox{ position: absolute; right: 0; top: 0; height: 100%;}
.z_jianjie_box .infobox{ min-height: 52vw; display: flex; align-items: center; padding: 2vw 9.375vw; padding-right: 7.375vw; box-sizing: border-box; }
.z_jianjie_box .infobox .desc{font-size: 16px;font-weight: 400;line-height: 36px; margin-top: 3vw; max-height: 32vw; overflow-y: auto; padding-right: 2vw;}
.z_jianjie_box .infobox .desc::-webkit-scrollbar-track-piece{background:rgb(255,255,255,.5)}
.z_jianjie_box .infobox .desc::-webkit-scrollbar-thumb:vertical{background-color:#fff;}
.z_about_warp{ background-color: var(--yx_Color); min-height: 52vw; display: flex;}
.z_about_warp .item{ flex: 2; transition: ease 1.5s; position: relative; cursor: pointer; overflow: hidden;}
.z_about_warp .item .name{ position: absolute; left: 50%; transform: translateX(-50%);transition: ease 1s; top: 4vw; font-size: 1.5625vw; background: url("/template/default/images/lg.png") no-repeat top center; padding-top: 40px;writing-mode: tb-rl; background-size: 28px auto;}
.z_about_warp .item .infobox{position: absolute; transform: translateY(200%); left: 0;bottom: 0; width: 100%; background: rgba(0,0,0,.3); padding: 2.5vw 5vw; box-sizing: border-box;color: #E3E3E3;
line-height: 30px; font-size: 16px;transition: ease 1.5s; }
.z_about_warp .item .desc{ width: 56.97916vw;}
.z_about_warp .item .iconfont{width: 50px;height: 50px;background:rgba(0,0,0,.2); transition: ease .5s; opacity: 1; visibility: visible; text-align: center; line-height: 50px; color: #fff; position:absolute; left: 50%; transform: translateX(-50%); bottom: 8.69791vw;border-radius: 50%;}
.z_about_warp .item .imgbg{ opacity: .3;}
.z_about_warp .item.on{ flex: 8.5;}
.z_about_warp .item.on .infobox{transform: translateY(0%);}
.z_about_warp .item.on .name{ background-image: url("/template/default/images/lg3.png");}
.z_about_warp .item.on .name{ left: 5vw; transform: translateX(0);}
.z_about_warp .item.on .iconfont{ opacity: 0; visibility:hidden;}
.z_about_warp .item.on .imgbg{ opacity: 1;}
.z_about_ry{ min-height: 52vw; padding: 6vw 0; position: relative;}
.color33{ color: #333;}
.z_about_ry .z_index_tit{ position: absolute; left: 7.5vw;top: 8vw;}
.z_about_ry .z_index_tit .z_index_more{margin: 0; margin-top: 2vw;}
.z_ry_swiper{ overflow: hidden;}
.z_ry_swiper1{ width: 49.5vw;  position: absolute; right: 0; top: 7.5vw;}
.z_ry_swiper li{ width: auto; height: 12.13541vw; cursor: pointer;}
.z_ry_swiper li img{ display: block; height: 100%;}
.z_ry_swiper2{ width:57.5vw; position: absolute ; left: 0vw; padding-left: 7.5vw; bottom: 11.5vw; box-sizing: border-box;}
.z_ry_btn{ position: absolute; right: 7.5vw; bottom: 14vw;}
.z_ry_btn .swiper_btn{background: var(--yx_Color); margin: 0; margin-left: 20px;}
.z_about_warp2{ min-height: 38.54166vw;}
.z_about_warp2 .item .imgbg{ opacity: 1;}
.z_about_warp2 .item{flex: 2.5;}
.z_about_warp2 .item.on{ flex: 5;}
.z_about_warp2 .item .name{ font-size: 1.25vw;}

.z_about_hz{ padding: 6vw; box-sizing: border-box;}
.z_hz_head{ margin-bottom: 15vw;}
.z_hz_btn .swiper_btn{ margin-left: 20px;}
.z_hz_swipwer{ width: 100%; height: 15vw; overflow: hidden;}
.z_hz_swipwer li{  height: calc((100% - 20px) / 2); display: flex; align-items: center; justify-content: center;}
.z_hz_swipwer li img{ max-height: 100%; max-width: 90%;/*-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; */ transition: ease 1s;}
.z_hz_swipwer li:hover img{ transform: scale(1.1,1.1);}

.z_ry_page{ padding: 6vw; box-sizing: border-box;}
.z_ry_page ul{ margin-bottom: 3vw;} 
.z_ry_page li{ background:#fff; }
.z_ry_page li a{ display:flex;align-items: center; padding-bottom:75%; background:#f5f5f5; justify-content: center;}
.z_ry_page li img{ display: block; max-width:calc(100% - var(--yx_FS24));max-height:calc(100% - var(--yx_FS24)); transition:all 0.6s;}
.z_ry_page li span{font-size:var(--yx_FS16); text-align:center; padding:12px var(--yx_FS16); color:#060606;}
.z_ry_page li a:hover img{transform:translate(-50%,-50%) scale(1.1);}

.z_rcnl_warp{ text-align: center; min-height: 52vw; padding: 6vw; box-sizing: border-box; position: relative;}
.z_rcnl_warp .desc{font-size:1.875vw;font-weight: 500;color: #FFFFFF;line-height:3vw; margin-top: 10vw;}
.z_rcnl_warp .line{width: 51px;height: 1px;background: var(--yx_Color); margin: 0 auto; display: block; margin-top: 2vw;}

.z_zp_warp{ min-height: 52vw; padding: 7vw 8.85416vw; box-sizing: border-box; position: relative;}
.z_zp_warp .z_index_tit{ text-align: center; margin-bottom: 7vw;}
.z_zp_conwarp{display: flex; color: #333;}
.z_zp_nav{ width: 280px; margin-right: 40px; flex-shrink: 0;max-height: 420px; overflow-y: auto;}
.z_zp_nav li{ margin-bottom: 20px;}
.z_zp_nav span{ display: inline-block;height: 40px; line-height: 40px; transition: ease 1s; padding: 0 20px; box-sizing: border-box;background: #EEEEEE;border-radius: 20px; cursor: pointer;}
.z_zp_nav li.on span{background: var(--yx_Color); color: #fff;}
.z_zp_con{ width: 55.625vw;}
.z_zp_con .child{ max-height: 420px; overflow-y: auto;color: #2F2F2F;
line-height: 30px; display: none;}
.z_zp_con .child .tit{font-weight: bold;color: #747474;}

.z_zp_con .child.on{display: block;}
.z_zp_con .child::-webkit-scrollbar-track-piece,.z_zp_nav::-webkit-scrollbar-track-piece{background:#eeeeee}
.z_zp_con .child::-webkit-scrollbar-thumb:vertical,.z_zp_nav::-webkit-scrollbar-thumb:vertical{background-color:var(--yx_Color);border-radius:30px}

.z_page_nav{ width: 100%; position: relative; overflow: hidden; padding: 0 4.68vw; box-sizing: border-box; margin-top: -4.68vw; height: 4.68vw; line-height: 4.68vw; background: #393939; z-index: 2;background: rgba(0,0,0,.5)!important;}
.z_page_nav li{ float: left;}
.z_page_nav li a{font-size: 16px;color: #F4EFEC; padding: 0 34px; display: block;}
.z_page_nav li.cur a,.z_page_nav li:hover a{ background: url("/template/default/images/lg3.png") no-repeat left center; background-size: 23px auto;}

.z_case_page{ padding: 0 4.68vw; box-sizing: border-box;  background:url("/template/default/images/bg9.png") no-repeat left bottom;background-size: 100% auto; padding-bottom: 4vw;}
.z_case_class .item{ display: flex; align-items: flex-start; padding: 15px 0; line-height: 33px; border-bottom: 1px solid #DCDCDC; color: #7E7E7E;}
.z_case_class .item .name{ flex-shrink: 0;margin: 4px 0; margin-right: 15px;}
.z_case_class .item .name .iconfont{ font-size: 12px; margin-left: 15px;}
.z_case_class .item:last-child{ border-bottom: none;}
.z_class_nav a{ color: #333; display: block; padding: 0 15px; border-radius: 16px; margin: 4px 0; }
.z_class_nav li{ display: inline-block; }
.z_class_nav li.cur a,.z_class_nav li:hover a{ color: #fff; background: var(--yx_Color);}
.z_class_search{width: 225px;height: 41px;background: #EEEEEE;border-radius: 21px; padding: 0 20px;}
.z_class_search .iconfont{ flex-shrink: 0; margin-right: 10px; color: #676767; font-weight: bold;}
.z_class_search .text{ flex: 1; width: 100%;}
.z_swords a{ display: inline-block; padding: 0 15px; margin-left: 15px; height: 33px;background: var(--yx_Color);border-radius: 17px;}
.z_swords a .iconfont{ font-size: 12px; margin-left: 10px;}
.z_case_list{ margin-top: 2vw; margin-bottom: 3vw;}
.z_case_list ul{ margin-left: -1%;}
.z_case_list li{ width: 24%; margin-left: 1%; margin-bottom: 1vw; position: relative; float: left; overflow: hidden;}
.z_case_list li a{ display: block;}
.z_case_list li img{ display: block;transition: ease 1s; width: 100%; }
.z_info_list li .infobox{ position: absolute; left: 0; top: 0; text-align: center; background:rgba(162, 0, 1, .9); width: 100%; height: 100%; transition: ease 1.5s; opacity: 0; display: flex; align-items: center; justify-content: center;}
.z_info_list li:hover .infobox{ opacity: 1;}
.z_info_list .warp{ transition: ease 1s; transform: translateY(50%);}
.z_info_list li:hover img,.z_info_list li:hover .imgbg{ transform: scale(1.1,1.1);}
.z_info_list li:hover .warp{ transform: translateY(0);}
.z_info_list h3,.z_case_xq h3{ font-size: 1.5625vw;}
.z_info_list h4,.z_case_xq h4{ font-size: 16px;}
.z_info_list .line,.z_case_xq .line{width: 25%;
height: 1px; margin: 1.5vw auto;
background: #FFFFFF; }
.z_info_list .desc,.z_case_xq .desc{ line-height: 24px; width: 80%; margin: 0 auto;}
 
.z_case_xq{ margin-top: 5.7vw;position: relative;}
.z_xq_swiper{  position: relative; background:rgba(162, 0, 1, 1); }
.z_xq_swiper li{ display: flex; align-items: center;height: calc(100vh - 5.7vw); overflow: hidden; position: relative; justify-content: center; overflow: hidden;}
.z_xq_swiper li img{ display: block;}
.z_case_hd{ position: absolute; left: 0; bottom:3.125vw!important; z-index: 2; width: 100%;  text-align: center;}
.z_case_xq .infobox{width: 421px;
height: 421px; display: flex; align-items: center; justify-content: center; position: absolute; right: 3.75vw; top: 50%; transform: translateY(-50%);
background:rgba(162, 0, 1, .9); 
 z-index: 1;}
.z_case_xq .line{ margin: 1.5vw 0;}
.z_case_xq .desc{ margin: 0;}

.z_contact_box{ color: #333;display: flex;}
.z_contact_box .box{ width: 25%; float: left; border-right: 1px solid #e5e5e5; min-height: 17.70833vw; padding: 6vw 1vw; box-sizing: border-box;  display: flex; justify-content: center;}
.z_contact_box .box:last-child{ border-right: none;}
.z_contact_box .warp{display:flex; width:100%;}
.z_contact_box .warp .yx_icon{display:inline-block; border-radius:50%; width:48px; height:48px; background:var(--yx_Color); text-align:center; line-height:48px; color:#fff; font-size:20px;}
.z_contact_box .warp .lxbar{width:calc(100% - 48px); padding-left:8%;}
.z_contact_box .lxbar span{font-weight: bold;color: #2B2B2B;}
.z_contact_box .lxbar h3{font-size:var(--yx_FS24);font-family: ACaslonPro;font-weight: bold;color: #2B2B2B;}
.z_contact_box .lxbar h5{font-size:var(--yx_FS18);font-family: ACaslonPro;font-weight: bold;color: #2B2B2B;}
.z_contact_box .desc{ padding-left: 3.125vw;color: #5F5F5F;
line-height: 24px;}
.z_contact_box .z_menu_code h3{color: #2B2B2B}
.z_contact_map{ width: 74%; float: left; height: 52vw;}
.z_contact_dz{ width: 26%; height:  52vw; float: right; background: url("/template/default/images/bg10.jpg") no-repeat right bottom; background-size: cover; overflow-y: auto;}
.z_contact_dz li{ border-bottom: 1px solid rgba(255,255,255,.2); padding: 3vw; box-sizing: border-box;}
.z_contact_dz li .tit{ font-size: 24px; margin-bottom:1vw;}
.z_contact_dz .con{background: url("/template/default/images/tel2.png") no-repeat left top; padding-left: 40px; box-sizing: border-box;}
.z_contact_dz .lxbar{  font-weight: bold;}
.z_contact_dz .lxbar h3{font-family: ACaslonPro;font-weight: bold; font-size: 1.5625vw;}
.z_contact_dz .desc{line-height: 24px;
opacity: 0.5;}
.z_contact_ly{ position: relative;}
.z_contact_ly .imgbox,.z_ly_warp{ width: 50%;}
.z_contact_ly .imgbox{ position: absolute; left: 0; height: 100%;top: 0;}
.z_ly_warp{ padding: 8vw 9vw; float: right; padding-right: 7vw; box-sizing: border-box; color: #000000; background:#fafafa;}
.z_ly_warp li label{ font-weight: bold; flex-shrink: 0; margin-right: 20px;}
.z_ly_form{ margin-top: 4vw;}
.z_ly_form li{ display: flex; align-items: center; border-bottom: 1px solid #C9C9C9; margin-bottom: 20px;}
.z_ly_form li em{ color: var(--yx_Color);}
.z_ly_form li .text{ flex: 1; width: 100%; height: 60px; font-size: 15px;}
.z_submit_btn{width: 100%; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #fff;
height: 68px;
background: var(--yx_Color);
border-radius: 5px;}
.z_page_swiper{ width: 100%; height: 100vh; overflow: hidden;}
.z_tsbox{ position: relative; overflow: hidden;}
.z_tsbox .infobox{ position: absolute; text-align: right;  left: 0; top: 50%; opacity: 0;  transition: ease 1.5s;transform: translateY(150%); width: 100%;   padding: 0 12.5vw; box-sizing: border-box;}
.z_ts_tit{ font-size: 1.875vw;}
.z_ts_tit .en{font-family: ACaslonPro;font-weight: bold;color: #F4EFEC;line-height: 3vw; position: relative;}
.z_ts_tit .en::before{ content: ""; display: block;width: 10vw;height: 1px; background: rgba(255,255,255,.2); position: absolute; right: -12.5vw; top: 50%;}
.z_ts_tit .cn{font-weight: bold; margin-top: -0.5vw;}
.z_tsbox .desc{line-height: 24px; margin: 2vw 0;}
.z_tsbox .z_index_more{ margin-right: 0;}
.z_tsbox .imgbg{ transform: scale(1.2,1.2); transition: ease 2s;}
.z_tsbox.swiper-slide-active .imgbg{ transform: scale(1,1);}
.z_tsbox.swiper-slide-active .infobox{transform: translateY(-50%); opacity: 1;}
.z_tsbox:nth-child(odd) .infobox{ text-align: left;}
.z_tsbox:nth-child(odd) .z_ts_tit .en::before{ left: -12.5vw; right: auto;}
.z_tsbox:nth-child(odd)  .z_index_more{ margin: 0;}
.z_page_swiper .swiper-slide-active .z_index_gy::before{ width: 0;}
.z_page_swiper .z_slide{ height: 100vh;}
.z_footer_slide, .z_footer_slide.swiper-slide-active {
    height: auto!important;
    transform: none!important;
}


.z_gyds_list{ padding: 2.6vw; box-sizing: border-box; padding-bottom: 4vw;} 
.z_gyds_list ul{ margin-left: -1.4%; margin-bottom: 2vw;}
.z_gyds_list li{ width: 23.6%; float: left; margin-bottom: 2vw; margin-left: 1.4%; height: 22.39583vw; position: relative; overflow: hidden;}
.z_gyds_list li a{ display: block; width: 100%; height: 100%;}
.z_gyds_list li .infobox{ }
.z_gyds_list li .infobox{ position: absolute; left: 0; top: 0; text-align: center; background:rgba(162, 0, 1, .9); width: 100%; height: 100%; transition: ease 1.5s; opacity: 0; display: flex; align-items: center; justify-content: center;}
.z_gyds_list li:hover .infobox{ opacity: 1;}
.z_gyds_list li:hover .imgbg{ transform: scale(1.1,1.1);}
.z_gyds_list li h3{ font-size: 1.5625vw;}
.z_gyds_list li h4{ font-size: 16px;}
.z_gyds_list li .line{width: 25%;
height: 1px; margin: 1.5vw auto;
background: #FFFFFF; }
.z_gyds_list li .desc{ line-height: 24px; width: 80%; margin: 0 auto;}
.z_gyds_list li .z_index_more{ margin-top: 1.5vw;}
.z_ds_jianjie .jj{ margin-bottom: 2vw;}
.z_ds_jianjie .jj,.z_ds_jianjie .zp{line-height: 24px;font-size: 14px;
opacity: 0.7!important;}

.z_pb_warp .imgbox,.z_pb_warp .infobox{ width: 50%; float: left; height: 52vw; overflow: hidden;}
.z_pb_warp .infobox{ color: #333; display: flex; align-items: center; justify-content: center;}
.z_pb_warp .infobox .warp{ width:24.21875vw ;}
.z_pb_warp .z_index_tit .en,.z_small_tit .en{ font-size:1.82291vw; text-transform: unset;  }
.z_pb_warp .z_index_tit .cn,.z_small_tit .cn{ font-size: 1.5625vw; margin-top: -0.5vw; } 
.z_pb_warp .desc{color: #707070;line-height: 30px; margin-top: 2vw;}
.z_index_tit img{ margin-left: 10px;}
.font14{ font-size: 14px;}
.z_gy_jj  .infobox .desc{ line-height: 30px; font-size: 14px;}
.z_gy_jj .infobox .warp{ width: 100%;}
.z_gyjj_swiper{ overflow: hidden; width: 100%;}
.z_gy_btn{ margin-top: 3vw;}
.z_gy_btn .swiper_btn{ background: rgba(255,255,255,.5); color: var(--yx_Color); font-weight: bold; margin-right: 20px;}
.z_gyjjimg_swiper{ overflow: hidden;}
.z_gy_btn .swiper_btn:hover{ background: #fff;}
.z_xg_swiper{ overflow: hidden;}
.z_xg_swiper li{ height: 40.52083vw; position: relative; overflow: hidden;}
.z_xg_swiper li .infobox{ position: absolute; left: 0; text-align: center; transition: ease 1.5s; opacity: 0; top: 0; display: flex; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; background: rgba(162, 0, 1, .9); width: 100%; height: 100%;}

.z_news_page{ background: url("/template/default/images/bg9.png") no-repeat bottom center; background-size: 100% auto; padding: 2.6vw 6.25vw; box-sizing: border-box;}
.z_news_page li{ width: 33.3%; float: left;  overflow: hidden; border-right: 1px solid #DCDCDC; padding: 3.64583vw 4.6875vw; box-sizing: border-box; position: relative; z-index: 1; }
.z_news_page li::before{ content: ""; display: block; width: 100%; height: 100%;  position: absolute; left: 0; top: 0;background:var(--yx_Color) url("/template/default/images/bg14.jpg") no-repeat bottom center; background-size: cover; transition: ease 1s; opacity: 0;}
.z_news_page li:nth-child(3n){ border-right: none;}
.z_news_page li a{ color: #333;}
.z_news_page li .bq{color: #9C9C9C;}
.z_news_page li .tit{color: #303030;line-height:1.875vw; font-size:1.25vw; height: 3.75vw ; margin: 1vw 0;}
.z_news_page li .time{font-size: 16px;font-family: PingFang;color: #4A4A4A; margin-bottom: 15px;}
.z_news_page li .imgbox{ height: 11.45833vw; overflow: hidden;}
.z_news_page li .desc{font-size: 16px;font-weight: 500;color: #8E8E8E; margin: 2vw 0;}
.z_news_page li .z_index_more{ color: #fff; opacity: 0; margin: 0;  transition: ease 1s;}
.z_news_page li:hover .z_index_more{ opacity: 1; transform: translateY(0);}
.z_news_page li:hover::before{ opacity: 1;transform: translateY(0%);}
.z_news_page li:hover .bq,.z_news_page li:hover .tit,.z_news_page li:hover .desc,.z_news_page li:hover .time{ color: #fff!important;}
.z_news_page li:hover .imgbg{ transform: scale(1.05,1.05);}
.z_news_page ul{ margin-bottom: 4vw;}
.z_pages_bar{ text-align: center;}
.z_pages_bar a{ display: inline-block;width: 40px;height: 40px;background: #FFFFFF;border-radius: 50%; text-align: center; line-height: 40px;color: #727272; font-size: 16px; margin: 0 5px;}
.z_pages_bar a.active,.z_pages_bar a:hover{ background: var(--yx_Color); color: #fff;}

.z_newsxq_page{ background: url("/template/default/images/bg9.png") no-repeat left bottom; color: #333; background-size: 100% auto; padding-bottom: 7vw; display: flex;}
.z_newsxq_page .flwarp{ width:70%; border-right: 1px solid #E1E1E1; box-sizing: border-box;}
.z_newsxq_page .frwarp{ width: 30%; padding: 5vw 4vw; box-sizing: border-box;}
.z_newsxq_page .flwarp{ padding: 5vw 5vw 0 8vw;box-sizing: border-box;}
.z_article_tit h3{ font-size: 1.875vw; margin-bottom: 1.5vw;}
.z_article_tit{border-bottom: 1px solid #E1E1E1; padding-bottom: 1.5vw;}
.z_article_tit span{color: #636363; display: inline-block; margin-right: 40px; font-size: 16px;}
.z_article_tit span .iconfont{ display: inline-block; margin-right: 10px;}
.z_share a{width: 35px;height: 35px;background: #BFBFBF;border-radius: 50%; display: inline-block; margin-left: 10px; cursor: pointer; text-align: center; line-height: 35px; color: #fff;}
.z_share a:hover{ background: var(--yx_Color);}
.z_article_con{ padding: 3vw 0;color: #494949; font-size: 16px; line-height: 36px; min-height: 30vw;}
.z_article_con img{ max-width: 100!important; height: auto!important;}
.z_topbtm_bar{ width: 100%;height: 74px;
background: #9F0001; display: flex; justify-content: space-between; align-items: center; padding: 0 2.5vw; box-sizing: border-box;}
.z_xg_tit{font-weight: bold;color: #212121; font-size: 1.25vw;}
.z_xg_list li{ padding: 1.6vw 0;border-bottom: 1px solid #E1E1E1;}
.z_xg_list li span{color: #747474;}
.z_xg_list li h3{color: #1F1E1D;line-height: 24px; font-size: 1.04vw; margin: 15px 0; margin-bottom: 22px;}
.z_xg_list li .imgbox{ height: 11vw;overflow: hidden;}
.z_xg_list li:hover .imgbg{ transform: scale(1.1,1.1);}
.z_xg_list li:hover h3{ color: var(--yx_Color);}
@media screen and (max-width:1440px){
.z_menu_nav li a{ font-size: var(--yx_FS16); line-height: 240%;}	
.z_menu_nav li .one{ font-size: 18px;}
.z_case_swiper li h3{ font-size: 18px;}
.z_case_swiper li h4{ font-size: 14px;}
.z_about_warp .item .desc{ width: 63vw;}
.z_pb_warp .infobox .warp{ width: 65%;}
.z_pb_warp .z_index_tit .cn, .z_small_tit .cn{ margin-top: 0;}
}
@media screen and (max-width:768px){
	.hy_nav div a{
		font-size:13px !important;
		padding:10px 0 !important;
	}
.z_header{ height: 68px; padding:  0 10px; justify-content: space-between;}
.z_header_nav { display: none;}
.z_logo img{height: 35px;}
.z_menu_fr{ display: none;}
.z_menu_mask{ height: calc(100vh - 65px); top: 65px;}
.z_menu_nav li{ display: block; width: 100%; margin-bottom: 15px;}
.z_menu_nav li a{ display: inline-block; font-size: 14px; margin-right: 10px; line-height: 24px;}
.z_menu_nav li .one{ font-size: 16px; margin-bottom: 10px;}
.z_banner{ margin-top: 50px; position: relative; top: auto;}
.z_banner .picBox{ height: 60vw;}
.z_banner .iconfont{ width: 35px; height: 35px; line-height: 35px;}
.z_index_case{ margin-top: 0; display: block;}
.z_case_flwarp{ width: 100%;}
.z_index_tit .en{ font-size: 20px; line-height: 28px;}
.z_index_tit .cn{ font-size: 18px;}
.z_case_nav a{ font-size: 14px;}
.z_case_frwarp{ margin-top: 30px;}
.z_case_frwarp,.z_case_swiper{ height: 60vw;}
.z_index_case{ padding: 30px 0;}
.swiper_btn{ width: 35px!important; height: 35px!important; line-height: 35px!important; font-size: 14px!important;}
.z_case_swiper .prev{ left: 5px;}
.z_case_swiper .next{ right: 5px;}
.z_case_swiper li .infobox{ opacity: 1; transform: translateY(0); padding: 10px;}
.z_case_swiper li h4{ display: none;}
.z_case_swiper li h3{ font-size: 15px;}
.lazy{ background-attachment: inherit!important;}
.z_index_video{ height: 70vw;}
.z_index_video .en{ font-size: 20px; line-height: 30px;}
.z_index_video .cn{ font-size: 18px;}
.z_index_video .play{ font-size: 15px; margin-top: 20px;}
.z_index_video .play img{ height: 28px;}
.z_index_video .infobox{ top: 50%; transform: translateY(-50%); padding-right: 10px;}
.z_index_about{ padding: 35px 0;}
.z_index_about .desc{ width: 94%; font-size: 14px; line-height: 24px; margin: 20px auto;}
.z_index_about .imglist{ width: 100%;}
.z_index_about .imglist li{ height: 40vw;}
.z_index_about .learn::before{ height: 30px; bottom: -38px;}
.z_index_gy{ display: block; height: auto;}
.z_index_gy .flwarp{ width: 100%; min-height: auto;padding: 35px 10px;}
.z_index_gy .frwarp{ width: 100%; position: relative; height: 60vw;}
.z_index_gy .z_index_tit::before{ height: 20px; top: -35px;}
.z_gy_swiper li .imgbox{ width: 100px; height: 100px; margin-top: 20px; }
.z_gy_swiper li h3{ font-size: 18px;}
.z_gy_swiper li .infobox{ margin: 20px 0;}
.z_index_process .z_index_tit{ padding: 35px 0;}
.z_index_gy::before{ display: none;}
.z_footer .z_menu_nav{ display: none;}
.z_footer .z_menu_fr{ display: block; width: 100%;}
.z_menu_code{ }
.z_menu_code li .imgbox{ width: 80px; height: 80px;}
.z_menu_code li{ display: inline-block;float: none;  font-size: 14px;}
.z_menu_tel h3{ font-size: 20px;}
.z_menu_tel{ margin: 30px 0;}
.z_footer_copy{ margin-top: 20px;}
.z_menu_tel h3{ font-family: arial;}
.z_footer_copy,.z_footer_copy a{ font-size: 12px; text-align: left;}
.z_footer{padding: 20px 12px;}
.z_other_banner{ height: 60vw; margin-top: 50px;}
.z_banner_arr{ display: none;}
.z_other_banner .infobox{ text-align: center;}
.z_other_banner .infobox .cn{ font-size: 20px;}
.z_other_banner .infobox .en{ font-size: 22px; line-height: 22px;}
.z_jianjie_box .infobox, .z_jianjie_box .imgbox{ width: 100%;}
.z_jianjie_box .imgbox{ position: relative; height: 100vw;}
.z_jianjie_box .infobox{ min-height: auto; padding: 30px 12px;}
.z_jianjie_box .z_index_tit{ text-align: center;}
.z_jianjie_box .infobox .desc{ margin-top: 20px; line-height: 24px; font-size: 14px; max-height: none;}
.z_about_warp{ display: block;}
.z_about_warp .item{ width: 100%; height: 100vw;}
.z_about_warp .item  .infobox{ width: 100%; padding: 10px; transform: translateY(0); font-size: 14px; line-height: 24px;}
.z_about_warp .item .desc{ width: 100%;}
.z_about_warp .item.on .name,.z_about_warp .item .name{ left: 50%;transform: translateX(-50%); top: 30px; background-image: url("/template/default/images/lg3.png"); font-size: 16px;  padding-top: 0; padding-left: 30px;background-position: left center; background-size: 20px auto;   writing-mode:unset}
.z_about_warp .item .imgbg{ opacity: 1;}
.z_about_warp .item .iconfont{ display: none;}
.z_about_ry { padding: 30px 0;}
.z_about_ry .z_index_tit{ position: relative; left: auto; top: auto;}
.z_ry_swiper{ }
.z_about_ry{ min-height: 107vw;}
.z_ry_swiper li{ height: 30vw;}
.z_ry_swiper1{top: 11.5vw;}
.z_ry_swiper2{ width: 66.5vw; bottom: 22.5vw;}
.z_ry_btn{ right: 10px; bottom: 34vw;}
.z_ry_btn .swiper_btn{ margin-left: 10px;}
.z_index_more{width: 80px; height: 37px; font-size: 13px;}
.z_about_ry .z_index_tit{ width: 40vw; margin-left: 20px; margin-top: 5vw;}
.z_about_ry .z_index_tit .en{ font-size: 18px; line-height: 18px;}
.z_about_hz{ padding: 35px 12px;}
.z_hz_btn{ flex-shrink: 0;}
.z_hz_btn .swiper_btn{ margin-left: 10px;}
.z_hz_swipwer{ height: 140px;}
.z_other_banner .imgbgs{ background-attachment: unset;}
.z_ry_page{ padding: 30px 12px;}
.z_ry_page li{ width: 48%; margin-bottom: 10px; }
.z_ry_page li a{height: 34vw; }

.z_rcnl_warp{ padding: 30px 12px; background-attachment: unset!important;}
.z_rcnl_warp .desc{ font-size: 15px; line-height: 28px; margin-top: 30px;}
.z_zp_warp{ padding: 30px 12px;}
.z_zp_nav{ width: 100%; margin: 0; margin-bottom: 30px;}
.z_zp_conwarp{ display: block;}
.z_zp_nav ul{ width: 100%; overflow-x: auto; white-space: nowrap;}
.z_zp_nav li{ display: inline-block; margin-bottom: 6px;}
.z_zp_nav li span{padding: 0 10px; height: 32px; line-height: 32px;}
.z_zp_con .child{ max-height:none; width: 100%; line-height: 24px;}
.z_zp_con { width: 100%;}
.z_page_nav{ height: 45px; line-height: 45px; padding: 0;}
.z_page_nav li{ padding: 0 10px;}
.z_page_nav li a{ font-size: 14px; background-size: 18px auto!important; padding: 0; padding-left: 25px;}
.z_case_page{ padding: 0px 12px; padding-bottom: 30px;}
.z_class_nav{ overflow: hidden;  width: 100%;position: relative;}
.z_class_nav li{ float: left;}
.z_case_class .item{ padding: 10px 0; line-height: 28px;}
.z_case_class .item .name{ margin: 0; margin-right: 10px;}
.z_class_nav li a{height: 28px;line-height: 28px;border-radius: 14px;padding: 0 10px;margin: 0;  font-size: 14px;}
.z_case_class .item .name .iconfont{ margin-left: 10px;}
.z_page_nav{margin-top: 0;}
.z_case_class .sou{}
.z_swords{ display: none;}
.z_class_search{ flex: 1; width: auto;}
.z_case_list li{width: 49%;}
.z_case_list{ margin-bottom: 20px;}
.z_case_list li .line,.z_case_list li .desc{ display: none;}
.z_case_list li h4,.z_info_list h4{ font-size: 14px; padding: 0 10px; box-sizing: border-box;}
.z_case_list li h3,.z_info_list h3{ font-size: 16px;}
.z_info_list .line{ margin: 15px auto;}
.z_xq_swiper li{ height: auto;}
.z_case_xq{ margin-top: 50px;}
.z_case_xq .infobox{ position: relative; width: 100%; right: auto; height: auto; padding: 20px 12px; top: auto; transform: translateY(0);}
.z_case_xq h3{font-size: 16px;}
.z_case_list li h4{ font-size: 14px;}
.z_case_xq .line{ margin: 15px 0;}
.z_case_xq .desc{ width: 100%;}
.z_contact_box{ display: block;}
.z_contact_box .box{ width: 100%; border-bottom: 1px solid #e5e5e5; border-right: none; justify-content: flex-start; margin: auto; padding: 30px 15px;}
.z_contact_box .lxbar{ background-size: 30px auto; padding-left: 40px;}
.z_contact_box .lxbar h3{ font-size: 18px;}
.z_contact_map{ width: 100%; height: 70vw;}
.z_contact_dz{ width: 100%; height: auto;}
.z_contact_dz li {padding: 20px 15px;}
.z_contact_dz li .tit{ font-size: 16px; margin-bottom: 15px;}
.z_contact_dz .lxbar h3{ font-size: 18px;}
.z_contact_ly .imgbox{
    position: relative;
    width: 100%;
    height: 100vw !important;
    max-height: 400px !important;
    overflow: hidden;}
.z_ly_warp{ width: 100%; padding: 30px 12px;}
.z_ly_warp .z_index_tit{ text-align: center;}
.z_ly_form li{ margin-bottom: 0;}
.z_ly_form li .text{ height: 50px;}
.z_submit_btn{ margin-top: 10px; height: 50px;}

.z_page_swiper,.z_page_swiper .z_slide { height: auto!important;}
.z_page_swiper>.swiper-wrapper{ display: block;}
.z_page_swiper  .z_tsbox{ height: 70vw!important;}
.z_tsbox .imgbg{transform: scale(1,1);} 
.z_tsbox .infobox{ transform: translateY(-50%);padding: 0 10px; opacity: 1; text-align: center!important;}
.z_tsbox .z_index_more{ margin: 0 auto!important;}
.z_ts_tit .en{ font-size: 18px; line-height: 20px;}
.z_ts_tit .en::before{ display: none;}
.z_ts_tit .cn{ font-size: 16px;}
.z_tsbox .infobox .desc{ margin: 20px 0; width: 100%;}
.z_gyds_list{ padding: 20px 6px;}
.z_gyds_list ul{ margin-bottom: 20px; margin-left: -2%;}
.z_gyds_list li{ width: 48%; margin-left: 2%; height: 47vw;margin-bottom: 6px;} 
.z_gyds_list li .desc,.z_gyds_list li .line,.z_gyds_list li  .z_index_more{ display: none;}
.z_gyds_list li h4{ font-size: 14px; display: none;}
.z_gyds_list li h3{ font-size: 16px;}
.z_pb_warp .imgbox, .z_pb_warp .infobox{ width: 100%; height: auto;}
.z_pb_warp .imgbox{ height: 100vw;}
.z_pb_warp .infobox .warp{ width: 100%; padding: 30px 12px;}
.z_pb_warp .z_index_tit .en, .z_small_tit .en,.z_pb_warp .z_index_tit .cn, .z_small_tit .cn{ font-size: 18px;}
.z_pb_warp .desc{ line-height: 24px;}
.z_gy_btn{ text-align: center;}
.z_gy_btn .swiper_btn{ margin: 0 10px;}
.z_xg_swiper li{ height: 100vw;} 
.z_case_list li h3, .z_case_xq h3, .z_xg_swiper li h3{ font-size: 16px;}
.z_news_page{ padding:0; padding-bottom: 20px;}
.z_news_page ul{ margin-bottom: 20px;}
.z_news_page li{ width: 100%;border-bottom: 1px solid #DCDCDC; border-right: none; padding: 15px;}
.z_news_page li .tit{ font-size: 15px; line-height: 24px; max-height: 48px; height: auto; margin: 10px 0;}
.z_news_page li .imgbox{ height: 50vw;}
.z_news_page li .desc{ margin: 15px 0;}
.z_news_page li .z_index_more{ opacity: 1; transform: translateY(0);}
.z_pages_bar a{ width: 30px; height: 30px; line-height: 30px; margin: 0 5px;}

.z_page_nav{background: #393939!important;}
.z_newsxq_page .frwarp{ display: none;}
.z_newsxq_page .flwarp{ width: 100%; border-right: none; padding: 30px 12px;}
.z_article_tit h3{ font-size: 18px; margin-bottom: 12px;}
.z_article_tit span{ font-size: 14px; margin-right: 10px;}
.z_share a{ width: 30px; height: 30px; line-height: 30px; margin-left: 2px;}
.z_article_con{ padding: 30px 0; font-size: 14px; line-height: 24px;}
.z_topbtm_bar{ height: 50px;}
.z_process_warp{ display: block; height: auto;}
.z_process_warp .item{ width: 100%; height: auto; position: relative;}
.z_process_warp .item .name,.z_process_warp .item.on .name{ transform: translateY(0); text-align: left; display: block; line-height: 50px; border-bottom: 1px solid rgba(255,255,255,.2); font-size: 16px; height: 50px; top: auto; position: relative;writing-mode: unset; right: auto; padding: 0 calc(3% + 10px); background: transparent; left:0;}
.z_process_warp .item.on .infobox,.z_process_warp .item .infobox{ position: relative; top: auto; left: auto; width: 100%; padding: 0px; border-bottom: 1px solid rgba(255,255,255,.2);}
.z_process_warp .item .infobox li{ font-size: 12px; line-height:200%;}
.z_process_warp .item .infobox{ max-height: 0; overflow: hidden; opacity: 1;}
.z_process_warp .item .infobox ul{ padding: 0px; box-sizing: border-box;}
.z_process_warp .item .infobox .z_index_more{ margin: 15px; margin-top: 0;}
.z_process_warp .item .infobox{height:auto; max-height: none; padding:16px calc(3% + 10px) !important;}
.z_process_warp .item .imgbg{ width: 100%; position: absolute; left: 0; top: 0; opacity: 1;}
.z_index_gy::before, .z_jianjie_box::before{ display: none;}
.z_case_xq .infobox{ background: var(--yx_Color); opacity: 1;}
.z_process_warp .item .infobox p{font-size: 12px; opacity: 0.9;}
}