@charset "utf-8";
@font-face {
  font-family: 'iconfont';  /* Project id 3606432 */
  src: url('//at.alicdn.com/t/c/font_3606432_y8z9vtds2no.woff2?t=1670922990534') format('woff2'),
       url('//at.alicdn.com/t/c/font_3606432_y8z9vtds2no.woff?t=1670922990534') format('woff'),
       url('//at.alicdn.com/t/c/font_3606432_y8z9vtds2no.ttf?t=1670922990534') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
html, body, div,
h1, h2, h3, h4, h5, h6,
hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre, form, fieldset, object, code,
legend, button, input, textarea, label,
th, td, a, img{margin: 0; padding: 0; border: 0; outline: 0;}
body{font: 12px/1.5 'Microsoft YaHei', 'Helvetica Neue', 'Helvetica', 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif'; color: #333; background-color: #fff;}
a:hover{ text-decoration: none; }
/* html{ max-width: 1920px; margin: 0 auto; } */
/* 字体 */
@font-face{ font-family: HYC; src: url('./fonts/HYC.ttf'); }
@font-face{ font-family: JN; src: url('./fonts/JN.otf'); }
@font-face{ font-family: PMZD; src: url('./fonts/PMZD.ttf'); }

/*清除内外边距*/
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 100%;}
/*设置默认字体*/
:focus{outline: 0;}
ul,
ol{list-style: none;}
/*重置图片元素*/
address, caption, cite, code, dfn, em, i, th, var, optgroup{font-style: normal; font-weight: normal;}
abbr, acronym{border: 0; font-variant: normal;}
input, button, textarea, select, optgroup, option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
code, kbd, samp, tt{font-size: 100%;}
/*修改滚动条*/
::-webkit-scrollbar{width:6px; height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent; background: #f8f8f8; border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px; background: #bbb;}
textarea{resize: none;}
button:active, button:focus{ border:none; outline:0; }
/* 网站色值设置 */
body{ --zhu-color:#03326c; --pei-color:#dc001d; }
.inner{ width: 1600px; margin:0 auto; }
@media only screen and (max-width: 1600px){
  .inner{ width: 100%; box-sizing: border-box; padding:0 15px; }
}
@media only screen and (max-width: 1200px){
  .inner{ width: 1200px; box-sizing: border-box; padding:0 15px; }
}

/*page*/
.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 20px 0; width: 100%; clear: both; }
.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a{ display: block; float: left; width: 36px; height: 36px; color: #fff; background: #666666; border-color: #666666; text-align: center; line-height: 36px; font-size: 14px; margin:0 2px; overflow: hidden; border-radius: 50%; }
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover{color: #fff; border-color:var(--zhu-color); background: var(--zhu-color);}
.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}
.de-page-mian .page-inner span{display: block; font-size: 12px; color: #333; float: left; line-height: 38px;}
.de-page-mian .page-inner input{display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px; border-radius: 5px; }
@media only screen and (max-width: 774px){
  .de-page-mian .page-inner span, .de-page-mian .page-inner input, .de-page-mian .page-inner .page-btn{ display: none; }
}

/* cd-top */
.cd-top{ position: fixed; right: 0; bottom: 0; z-index: 9999; width: 60px; height: 60px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; 
  background-image: -webkit-linear-gradient(left, #1d2087, #0076b9);
  background-image: -moz-linear-gradient(left, #1d2087, #0076b9);
  background-image: -ms-linear-gradient(left, #1d2087, #0076b9); }
.cd-top span{ font-size: 24px; line-height: 1; color: #ffffff; }

/*down*/
.down{width: 100%;height: 52px;background:#211f1f;color: #ffffff;font-size: 16px;position: fixed;bottom: 0;display: none; z-index: 9999;}
.down li{width: 25%; box-sizing: border-box; text-align: center;line-height: 15px;float: left;padding-top: 4px;height: 52px; list-style:none;}
.down li + li{ border-left: solid 1px #ffffff; }
.down li a{color: #ffffff; font-size: 14px; }
.down .current{border-right: none;}
.down li img{max-width: 25px;height: 25px;}
.plugin-fixed-call{position:fixed;bottom:0px;right:0px;width:45px;z-index: 999999;}
.plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:var(--zhu-color);line-height: 45px;margin-top:1px;}
.plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.plugin-fixed-call .child a{ display: inline-block; overflow: hidden; }
.plugin-fixed-call .child:hover{width:160px;background: #000;}
.plugin-fixed-call .child img{position:absolute;top:0px;left:0px;}
.plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;}
.plugin-fixed-call .fixedQQ{bottom:92px;}
.plugin-fixed-call .fixedCall{bottom:46px;}
.plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}
.plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}
.plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:var(--zhu-color);line-height: 45px;margin-top:1px;}
.plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;}
.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;}
.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}
@media only screen and (max-width: 768px){
  .down{ display: block; }
  .plugin-fixed-call{ display: none; }
}

/*no-goods*/
.no-goods{ width: 100%; }
.no-goods,.no-network{padding:50px 0; overflow: hidden; text-align: center;}
.no-goods img{display: block; margin:0 auto 30px; width:220px; max-height: 105px;}
.no-goods p,.no-network p{font-size:14px; color:#666666; line-height: 20px;}

/* h_top */
.h_top{ border-top: 30px solid var(--zhu-color); border-bottom: 8px solid var(--zhu-color); padding:25px 80px; transition: all .3s; background: #ffffff; box-sizing: border-box; width: 100%; display: flex; align-items: center; justify-content: space-between; }
.h_top .left{ display: inline-flex; align-items: center; }
.h_top .logo{ display: inline-flex; align-items: center; width:220px; }
.h_top .logo img{ transition: all .3s; max-width: 163px; }
.h_top .logo svg{ transition: all .3s; max-width: 163px; }
.h_top .nav{ display: flex; align-items: center; justify-content: space-between; }
.h_top .nav li{ margin:0 25px; text-align: center; position: relative; overflow: hidden; }
.h_top .nav li > a{ display:inline-flex; padding:16px 0; align-items: center; justify-content: center; position: relative; font-size: 16px; color: #03326c; line-height: 1; transition: all .3s; }
.h_top .nav li > a::before{ content:""; display: inline-block; width: 0; height:2px; background: var(--pei-color); position: absolute; right:0; bottom:0; transition: all .3s; border:0; }
.h_top .nav li > a:hover{ transition: all .3s; color: var(--pei-color); }
.h_top .nav li > a:hover::before{ transition: all .3s; width:100%; left:0; }
.h_top .right{ display: inline-flex; align-items: center; }
.h_top .right a, .h_top .right .search_btn{ margin-right: 16px; transition: all .3s; display: inline-flex; width: 36px; height: 36px; background: var(--pei-color); border-radius: 50%; align-items: center; justify-content: center; font-size: 18px; color: #ffffff; }
.h_top .right a:hover, .h_top .right .search_btn:hover{ transition: all .3s; background: var(--zhu-color); }
.h_top .right .search_text{ padding:5px 0; border-bottom: 2px solid var(--pei-color); font-size: 12px; color: #03326c; }
@media only screen and (max-width:1600px){
  .h_top{ border-top: 25px solid var(--zhu-color); border-bottom: 6px solid var(--zhu-color); padding:20px 60px; }
  .h_top .nav li{ margin:0 20px; }
  .h_top .nav li > a{ padding:14px 0; font-size: 16px; }
}
@media only screen and (max-width:1400px){
  .h_top{ border-top: 20px solid var(--zhu-color); border-bottom: 4px solid var(--zhu-color); padding:15px 40px; }
  .h_top .nav li{ margin:0 15px; }
  .h_top .nav li > a{ padding:12px 0; font-size: 15px; }
}
@media only screen and (max-width:1200px){
  .h_top{ width: 1200px; border-top: 15px solid var(--zhu-color); border-bottom: 2px solid var(--zhu-color); padding:10px 20px; }
  .h_top .nav li > a{ padding:10px 0; font-size: 14px; }
}

/* banner */
#banner{ overflow: hidden; position: relative; width: 100%; }
#banner .swiper-slide-active .scaleBg{visibility: visible;-webkit-animation:scale-bg 3s linear forwards;animation:scale-bg 3s linear forwards;}
#banner .swiper-slide{ width: 100%!important; }
#banner .swiper-slide a{ display: block; width: 100%; overflow: hidden; position: relative; }
#banner .swiper-slide a > img{ transition:9s ease; width: 100%;}

#banner a .banner_box{ z-index: 33; width: 1400px; height: 100%; position: absolute; top:0; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
#banner a .banner_box p img{ max-width: 100%; }
#banner a .banner_box .b1_tit{ position: absolute; top:282px; left:46px; }
#banner a .banner_box .b1_img{ position: absolute; top:180px; right: 40px; }
#banner a .banner_box .b2_tit{ position: absolute; top:312px; left:0; }
#banner a .banner_box .b2_img{ position: absolute; top:260px; right: -60px; }
#banner a .banner_box .b3_tit{ position: absolute; top:258px; left:360px; }
#banner a .banner_box .b3_img{ position: absolute; top:530px; left:440px; }
@-webkit-keyframes scale-bg{
	from{ -webkit-transform:scale(1.25); transform:scale(1.25); }
	to{ -webkit-transform:scale(1); transform:scale(1); }
}
@keyframes scale-bg{
	from{ -webkit-transform:scale(1.25); transform:scale(1.25); }
	to{ -webkit-transform:scale(1); transform:scale(1); }
}

@media only screen and (min-width: 1930px){
  #banner a > img{ width: 100%; object-fit: cover; }
}
@media only screen and (max-width: 1900px){
  #banner a > img{ width: 100%; object-fit: cover; }
}
@media only screen and (max-width: 1400px){
  #banner a .banner_box{ width: 1200px; }
  #banner a .banner_box p img{ max-width: 100%; }
  #banner a .banner_box .b1_tit{ width: 30%; top:282px; left:0; }
  #banner a .banner_box .b1_img{ width: 67%; top:180px; right: 40px; }
  #banner a .banner_box .b2_tit{ width: 33%; top:312px; left:0; }
  #banner a .banner_box .b2_img{ width: 74%; top:260px; right: -60px; }
  #banner a .banner_box .b3_tit{ width: 46%; top:258px; left:360px; }
  #banner a .banner_box .b3_img{ width: 41%; top:530px; left:440px; }
}
@media only screen and (max-width: 1200px){
  #banner{ width: 1200px; }
  #banner a > img{ width: 1200px; object-fit: cover; }
  #banner a .banner_box .b1_tit{ width: 30%; top:282px; left:15px; }
  #banner a .banner_box .b1_img{ width: 67%; top:180px; right: 15px; }
  #banner a .banner_box .b2_tit{ width: 33%; top:312px; left:15px; }
  #banner a .banner_box .b2_img{ width: 74%; top:260px; right: 15px; }
  #banner a .banner_box .b3_tit{ width: 46%; top:258px; left:260px; }
  #banner a .banner_box .b3_img{ width: 41%; top:530px; left:340px; }
}

/* header */
#header{ position: fixed; width: 100%; top:0; left:0; z-index:1; }
#header #banner{ position: relative; z-index: -1; }
.scrolledDown{ position: fixed; width: 100%; top:0; left: 0; z-index: 33; }
#section{ background: #ffffff; margin-top: 977px; z-index: 2; position: relative; }
/* m_about */
.m_about{ overflow: hidden; padding:120px 0 180px; position: relative; }
.m_about .inner{ position: relative; }
.m_about .inner::before{ content: "ABOUT"; position: absolute; right:0; top:-30px; line-height: 1; font-size: 240px; color: rgba(3, 50, 108, .05); text-transform: uppercase; letter-spacing: 2px; font-weight: bold; }
.m_about .info{ overflow: hidden; }
.m_about .info span{ font-size: 46px; color: #03326c; line-height: 1; }
.m_about .info b{ display: block; margin:30px 0 42px; font-size: 46px; color: #03326c; font-weight: bold; line-height: 1; }
.m_about .info p{ width: 40%; font-size: 18px; color: #03326c; line-height: 1.7; }
.m_about .info a{ margin-top: 30px; overflow: hidden; display: inline-flex; text-transform: uppercase; padding:15px 50px; background: var(--pei-color); position: relative; align-self: end; }
.m_about .info a::before{ content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; left:0; top:0; background: #008bd2; transform: rotate(-90deg); transform-origin:0 100%; transition: all .3s; }
.m_about .info a small{ position: relative; line-height: 1; font-size: 16px; color: #ffffff; }
.m_about .info a:hover::before{ transition: all .3s; transform: rotate(0); transform-origin:0 100%; }
.m_about .img{ float: right; margin-top: -276px; }
.m_about > .txt{ width: 66%; display: flex; flex-direction: column; align-items: center; background: var(--zhu-color); padding:64px 0; text-align: center; position: absolute; left:0; bottom: 0; }
.m_about > .txt b{ font-size: 42px; font-weight: bold; color: #ffffff; display: inline-block; line-height: 1; padding-right: 170px; }
.m_about > .txt span{ position: relative; left:100px; margin-top: 40px; padding:20px 50px; line-height: 1; background: #008bd2; font-size: 18px; font-weight: bold; color: #ffffff;  }
@media only screen and (max-width:1600px){
  .m_about{ padding:90px 0; }
  .m_about .info span{ font-size: 40px; }
  .m_about .info b{ margin:25px 0 35px; font-size: 40px; }
  .m_about .info p{ font-size: 16px; line-height: 1.5; }
  .m_about .inner::before{ font-size: 180px; }
  .m_about .img{ margin-right: -15px; width: calc(50% + 15px); margin-top: -271px; }
  .m_about .img img{ max-width: 100%; }
  .m_about > .txt{ width: 60%; padding:40px 0; }
  .m_about > .txt b{ font-size: 36px; }
  .m_about > .txt span{ font-size: 16px; padding:18px 40px; font-weight: normal; margin-top: 30px; }
}
@media only screen and (max-width:1400px){
  .m_about{ padding:60px 0; }
  .m_about .info span{ font-size: 34px; }
  .m_about .info b{ margin:20px 0 30px; font-size: 34px; }
  .m_about .info p{ font-size: 15px; }
  .m_about .inner::before{ font-size: 156px; }
  .m_about .img{ margin-top: -250px; }
  .m_about > .txt{ width: 55%; padding:30px 0; }
  .m_about > .txt b{ font-size: 30px; }
  .m_about > .txt span{ font-size: 15px; padding:16px 35px; margin-top: 20px; }
}
@media only screen and (max-width:1200px){
  .m_about{ padding:30px 0 0; width: 1200px; }
  .m_about .info span{ font-size: 28px; }
  .m_about .info b{ margin:15px 0 25px; font-size: 28px; }
  .m_about .info p{ font-size: 14px; }
  .m_about .img{ margin-top: -224px; }
  .m_about > .txt{ width: 600px; padding:20px 0; }
  .m_about > .txt b{ font-size: 24px; }
  .m_about > .txt span{ font-size: 14px; padding:14px 30px; margin-top: 10px; }
}

/* m_video */
.m_video{ overflow: hidden; position: relative; width: 100%; }
.m_video .imgs{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction:column; position:absolute; overflow:hidden; height:100%; width:100%; }
.m_video .imgs .imgs_up, .m_video .imgs .imgs_low{ position: relative; z-index: 3; height:50%; width:100%; transition:all 2s; }
.m_video .imgs .imgs_up.tst, .m_video .imgs .imgs_low.tst{ transition:all 10s; }
.m_video .imgs .imgs_up.on{ transform:translateY(-500%); }
.m_video .imgs .imgs_low.on{ transform:translateY(500%); }
.m_video #video{ width: 100%; }
.m_video #intro_video{ width: 100%!important; height: 980px!important; }
.jw-error .jw-preview, .jw-stretch-uniform .jw-preview, .jwplayer .jw-preview{ background-size: cover!important; }
/* #intro_video video{ object-fit: cover!important; } */
@media only screen and (max-width:1920px){
  .m_video .imgs .imgs_up, .m_video .imgs .imgs_low{ object-fit: cover; }
}
@media only screen and (max-width:1600px){
  .m_video #intro_video{ height: 900px!important; }
}
@media only screen and (max-width:1400px){
  .m_video #intro_video{ height: 820px!important; }
}
@media only screen and (max-width:1200px){
  .m_video{ width: 1200px; }
  .m_video #intro_video{ height: 740px!important; }
}

/* m_product */
.m_product{ width: 100%; height: 446px; background: var(--zhu-color); overflow: hidden; display: flex; align-items: center; justify-content: space-between; }
.m_product .img, .m_product .txt{ width: 50%; overflow: hidden; }
.m_product .img{ height: 100%; overflow: hidden; }
.m_product .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.m_product .txt{ display: flex; box-sizing: border-box; padding:30px; padding-right: 160px; height: 100%; flex-direction: column; align-items: flex-start; justify-content: center; }
.m_product .txt b{ display: block; font-size: 48px; color: #ffffff; line-height: 1; text-transform: capitalize; }
.m_product .txt p{ font-size: 24px; margin: 24px 0; color: #ffffff; line-height: 1.5; max-width: 690px; }
.m_product .txt a{ margin-top: 80px; overflow: hidden; display: inline-flex; text-transform: uppercase; padding:22px 50px; background: var(--pei-color); position: relative; align-self: end; }
.m_product .txt a::before{ content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; left:0; top:0; background: #008bd2; transform: rotate(-90deg); transform-origin:0 100%; transition: all .3s; }
.m_product .txt a small{ position: relative; line-height: 1; font-size: 16px; color: #ffffff; }
.m_product .txt a:hover::before{ transition: all .3s; transform: rotate(0); transform-origin:0 100%; }
@media only screen and (max-width:1600px){
  .m_product{ height: auto; }
  .m_product .txt{ padding-right: 30px; }
  .m_product .txt b{ font-size: 42px; }
  .m_product .txt p{ font-size: 22px; margin:18px 0; }
  .m_product .txt a{ margin-top: 50px; padding:20px 40px; }
}
@media only screen and (max-width:1400px){
  .m_product .txt{ padding: 25px; }
  .m_product .txt b{ font-size: 38px; }
  .m_product .txt p{ font-size: 20px; margin:16px 0; }
  .m_product .txt a{ margin-top: 30px; padding:18px 30px; }
  .m_product .txt a small{ font-size: 15px; }
}
@media only screen and (max-width:1200px){
  .m_product{ width: 1200px; }
  .m_product .txt{ padding: 20px; }
  .m_product .txt b{ font-size: 32px; }
  .m_product .txt p{ font-size: 18px; margin:14px 0; }
  .m_product .txt a{ margin-top: 20px; padding:16px 24px; }
  .m_product .txt a small{ font-size: 14px; }
}

/* raw_material */
#raw_material{ overflow: hidden; padding:30px 0; }
#raw_material a{ display: flex; align-items: center; justify-content: center; width: 100%; padding-bottom: 95%; position: relative; overflow: hidden; }
#raw_material a img{ width: 100%; height: 100%; top:0; position: absolute; object-fit: cover; transition: all .3s; }
#raw_material a b{ transform: rotate(-90deg); transform-origin:0 100%; position: absolute; left:0; top:0; width: 100%; height: 100%; font-weight: normal; display: flex; align-items: center; justify-content: center; background: rgba(4, 50, 110, .3); box-sizing: border-box; padding:15px; font-size: 36px; color: #ffffff; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#raw_material a:hover img{ transition: all .3s; transform: scale(1.05); }
#raw_material a:hover b{ transition: all .3s; transform: rotate(0); transform-origin:0 100%; }
@media only screen and (max-width:1600px){
  #raw_material{ padding:25px 0; }
  #raw_material a b{ font-size: 30px; }
}
@media only screen and (max-width:1400px){
  #raw_material{ padding:20px 0; }
  #raw_material a b{ font-size: 24px; }
}
@media only screen and (max-width:1200px){
  #raw_material{ width: 1200px; padding:15px 0; }
  #raw_material a b{ font-size: 20px; }
}

/* m_case */
.m_case{ overflow: hidden; border-top: 10px solid #fbfbfd; }
.m_case .hd{ border-bottom: 1px dashed #8198b5; width: 100%; display: flex; align-items: center; justify-content: space-between; padding:30px 0; }
.m_case .hd .tit b{ font-size: 46px; color: var(--zhu-color); line-height: 1; }
.m_case .hd .tit b span{ color: var(--pei-color); }
.m_case .hd .tit p{ margin-top: 20px; padding-left: 274px; font-size: 24px; color: var(--zhu-color); line-height: 1; position: relative; }
.m_case .hd .tit p::before{ content: ""; display: inline-block; width: 240px; height: 2px; background: var(--zhu-color); border: 0; position: absolute; left:0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.m_case .hd > a{ display: inline-flex; padding:20px 64px; border:1px solid var(--zhu-color); transition: all .3s; overflow: hidden; position: relative; }
.m_case .hd > a::before{ content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; left:0; top:0; background: var(--pei-color); transform: rotate(-90deg); transform-origin:0 100%; transition: all .3s;  }
.m_case .hd > a small{  line-height: 1; font-size: 18px; color: var(--zhu-color); transition: all .3s; position: relative; }
.m_case .hd > a:hover{ transition: all .3s; border-color: var(--pei-color); }
.m_case .hd > a:hover small{ transition: all .3s; color: #ffffff; }
.m_case .hd > a:hover::before{ transition: all .3s; transform: rotate(0); transform-origin:0 100%; }
.m_case .bd{ width: 100%; overflow: hidden; padding:30px 0; }
#case{ overflow: hidden; }
#case a{ display: flex; align-items: center; justify-content: space-between; }
#case a .info{ width: calc(30% - 15px); }
#case a .info b{ display: block; font-weight: normal; font-size: 30px; color: var(--zhu-color); line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#case a .info span{ display: flex; width: 110px; height: 110px; background: url(../images/span_bg.png) no-repeat; margin:50px 0; }
#case a .info p{ font-size: 16px; color: var(--zhu-color); line-height: 1.875; max-width: 320px; }
#case a .img{ width: calc(70% - 15px); height: 638px; }
#case a .img img{ width: 100%; height: 100%; object-fit: cover; }
@media only screen and (max-width:1600px){
  .m_case .hd, .m_case .bd{ padding:25px 0; }
  .m_case .hd .tit b{ font-size: 40px; }
  .m_case .hd .tit p{ margin-top: 17px; padding-left: 224px; font-size: 22px; }
  .m_case .hd .tit p::before{ width: 190px; }
  .m_case .hd > a{ padding:17px 50px; }
  .m_case .hd > a small{ font-size: 16px; }
  #case a .info{ width: calc(30% - 7.5px); }
  #case a .img{ width: calc(70% - 7.5px); }
  #case a .info b{ font-size: 26px; }
  #case a .info span{ width: 90px; height: 90px; background-size: 100%; margin:40px 0; }
  #case a .info p{ font-size: 16px; line-height: 1.7; }
}
@media only screen and (max-width:1400px){
  .m_case .hd, .m_case .bd{ padding:20px 0; }
  .m_case .hd .tit b{ font-size: 34px; }
  .m_case .hd .tit p{ margin-top: 14px; padding-left: 174px; font-size: 20px; }
  .m_case .hd .tit p::before{ width: 140px; }
  .m_case .hd > a{ padding:14px 40px; }
  .m_case .hd > a small{ font-size: 15px; }
  #case a .info{ width: calc(40% - 7.5px); }
  #case a .img{ width: calc(60% - 7.5px); }
  #case a .info b{ font-size: 22px; }
  #case a .info span{ width: 70px; height: 70px; margin:30px 0; }
  #case a .info p{ font-size: 15px; line-height: 1.6; }
}
@media only screen and (max-width:1200px){
  .m_case{ width: 1200px; }
  .m_case .hd, .m_case .bd{ padding:15px 0; }
  .m_case .hd .tit b{ font-size: 28px; }
  .m_case .hd .tit p{ margin-top: 11px; padding-left: 124px; font-size: 18px; }
  .m_case .hd .tit p::before{ width: 90px; }
  .m_case .hd > a{ padding:11px 30px; }
  .m_case .hd > a small{ font-size: 14px; }
  #case a .info b{ font-size: 18px; }
  #case a .info span{ width: 50px; height: 50px; margin:20px 0; }
  #case a .info p{ font-size: 14px; line-height: 1.5; }
}

/* m_tit */
.m_tit{ margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between; }
.m_tit .tit{ overflow: hidden; }
.m_tit .tit b{ font-size: 36px; color: var(--zhu-color); line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.m_tit .tit p{ font-size: 18px; color: var(--zhu-color); line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top: 20px; }
.m_tit > a{ display: inline-flex; padding:20px 64px; border:1px solid var(--zhu-color); transition: all .3s; overflow: hidden; position: relative; }
.m_tit > a::before{ content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; left:0; top:0; background: var(--pei-color); transform: rotate(-90deg); transform-origin:0 100%; transition: all .3s;  }
.m_tit > a small{  line-height: 1; font-size: 18px; color: var(--zhu-color); transition: all .3s; position: relative; }
.m_tit > a:hover{ transition: all .3s; border-color: var(--pei-color); }
.m_tit > a:hover small{ transition: all .3s; color: #ffffff; }
.m_tit > a:hover::before{ transition: all .3s; transform: rotate(0); transform-origin:0 100%; }
@media only screen and (max-width:1600px){
  .m_tit{ margin-bottom:25px; }
  .m_tit .tit b{ font-size: 40px; }
  .m_tit .tit p{ margin-top: 17px; font-size: 22px; }
  .m_tit > a{ padding:17px 50px; }
  .m_tit > a small{ font-size: 16px; }
}
@media only screen and (max-width:1400px){
  .m_tit{ margin-bottom:20px; }
  .m_tit .tit b{ font-size: 34px; }
  .m_tit .tit p{ margin-top: 14px; font-size: 20px; }
  .m_tit > a{ padding:14px 40px; }
  .m_tit > a small{ font-size: 15px; }
}
@media only screen and (max-width:1200px){
  .m_tit{ width: 1200px; margin-bottom:15px; }
  .m_tit .tit b{ font-size: 28px; }
  .m_tit .tit p{ margin-top: 11px; font-size: 18px; }
  .m_tit > a{ padding:11px 30px; }
  .m_tit > a small{ font-size: 14px; }
}

/* m_news */
.m_news{ overflow: hidden; padding:30px 0; background: #fbfbfd; }
.m_news .bd{ width: 100%; display: flex; align-items: center; justify-content: space-between; }
.m_news .left, .m_news .right{ width: calc(50% - 15px); }
.m_news .left a{ transition: all .3s; display: flex; align-items: center; justify-content: space-between; padding:20px 0; border-bottom: 1px solid #dde3e9; }
.m_news .left a > span{ margin-right: 10px; display: inline-block; padding:12px; font-family: "impact"; color: #e1e6ec; line-height: 1; font-size: 60px; }
.m_news .left .tit{ width: 100%; display: flex; align-items: center; justify-content: space-between; }
.m_news .left .tit span{ transition: all .3s; text-align: right; display: inline-block; width: 90px; font-size: 14px; color: #333333; line-height: 1;  }
.m_news .left .tit b{ transition: all .3s; color: #333333; display: flex; align-items: center; width: calc(100% - 90px); font-weight: normal; font-size: 24px; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.m_news .left p{ font-size: 15px; color: #333333; line-height: 2; margin-top: 15px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.m_news .left a:hover{ transition: all .3s; }
.m_news .left a:hover span{ color: var(--zhu-color); transition: all .3s; }
.m_news .left a:hover b{ color: var(--zhu-color); transition: all .3s; }
#mnews{ padding-bottom: 45px; }
#mnews .swiper-pagination{ bottom:5px; }
#mnews .swiper-pagination-bullet{ width: 12px; height: 12px; background: var(--zhu-color); opacity: 1; }
#mnews .swiper-pagination-bullet-active{ background: var(--pei-color); opacity: 1; }
#news_img{ width: 100%; height: 465px; }
#news_img a{ display: block; width: 100%; padding-bottom: 60%; position: relative; overflow: hidden; }
#news_img img{ width: 100%; height: 100%; position: absolute; object-fit: cover; position: absolute; }
@media only screen and (max-width:1600px){
  .m_news .left, .m_news .right{ width: calc(50% - 10px); }
  .m_news .left a > span{ padding:12px; font-size: 50px; }
  .m_news .left .tit b{ width: calc(100% - 90px); font-size: 22px; }
  .m_news .left p{ font-size: 15px; line-height: 1.8; margin-top: 13px; }
  #mnews{ padding-bottom: 40px; }
  #mnews .swiper-pagination{ bottom:3px; }
}
@media only screen and (max-width:1400px){
  .m_news .left, .m_news .right{ width: calc(50% - 7.5px); }
  .m_news .left a > span{ padding:10px; font-size: 40px; }
  .m_news .left .tit span{ width: 90px; font-size: 13px; }
  .m_news .left .tit b{ width: calc(100% - 90px); font-size: 20px; }
  .m_news .left p{ font-size: 14px; line-height: 1.65; margin-top: 11px; }
  #mnews{ padding-bottom: 35px; }
  #mnews .swiper-pagination{ bottom:2px; }
}
@media only screen and (max-width:1200px){
  .m_news{ width: 1200px; }
  .m_news .left a > span{ padding:8px; font-size: 30px; }
  .m_news .left .tit span{ width: 90px; font-size: 13px; }
  .m_news .left .tit b{ width: calc(100% - 90px); font-size: 18px; }
  .m_news .left p{ font-size: 13px; line-height: 1.5; margin-top: 9px; }
  #mnews{ padding-bottom: 30px; }
  #mnews .swiper-pagination{ bottom:0; }
}

/* m_qa */
.m_qa{ overflow: hidden; padding:30px 0; background: #fbfbfd; }
#qa{ overflow: hidden; }
#qa a{ display: block; width:100%; }
#qa a .img{ width: 100%; padding-bottom: 45%; position: relative; overflow: hidden; }
#qa a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; position: absolute; }
#qa a .txt{ box-sizing: border-box; padding:10px 0; }
#qa a .txt b{ font-weight: normal; display: block; padding:12px 0; line-height: 1; font-size: 24px; color: #333333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#qa a .txt p{ display: block; text-indent: -2em; line-height: 2; font-size: 15px; color: #333333; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
#qa a:hover img{ transition: all .3s; transform: scale(1.05); }
#qa a:hover b{ transition: all .3s; color: var(--zhu-color); }
#qa a:hover p{ transition: all .3s; color: #000; }
@media only screen and (max-width:1600px){
  .m_qa{ padding:25px 0; }
  #qa a .txt b{ padding:12px 0; font-size: 22px; }
  #qa a .txt p{ line-height: 1.8; font-size: 15px; }
}
@media only screen and (max-width:1400px){
  .m_qa{ padding:20px 0; }
  #qa a .txt b{ padding:10px 0; font-size: 20px; }
  #qa a .txt p{ line-height: 1.65; font-size: 14px; }
}
@media only screen and (max-width:1200px){
  .m_qa{ width: 1200px; padding:15px 0; }
  #qa a .txt b{ padding:8px 0; font-size: 18px; }
  #qa a .txt p{ line-height: 1.5; font-size: 13px; }
}

/* m_msg */
.m_msg{ position: relative; overflow: hidden; padding:42px 0; background: url(../images/msg_bg.jpg) no-repeat top center; background-attachment: fixed; }
.m_msg::before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(3, 50, 108, .9); position: absolute; top:0; left:0; }
.m_msg .inner{ position: relative; display: flex; align-items: center; justify-content: space-between; }
.m_msg .team{ width: 50%; overflow: hidden; }
.m_msg .team p{ font-size: 24px; color: #ffffff; line-height: 1; }
.m_msg .team b{ margin-top: 48px; display: block; font-size: 36px; font-weight: bold; color: #ffffff; line-height: 1; }
.m_msg .team > span{ display: block; margin-top: 20px; font-size: 16px; color: #ffffff; line-height: 1; }
.m_msg .team .tel{ margin-top: 80px; display: inline-flex; align-items: center; }
.m_msg .team .tel a{ margin-right: 30px; line-height: 1; font-size: 16px; color: var(--zhu-color); display: inline-flex; padding:10px 38px; background: #ffffff; align-items: center; border-radius: 4px; }
.m_msg .team .tel a span{ display: inline-block; font-size: 30px; line-height: 1; color: var(--zhu-color); margin-right: 12px; }
.m_msg .team .tel > div{ display: inline-flex; align-items: center; font-weight: bold; font-size: 36px; color: #ffffff; line-height: 1; }
.m_msg .team .tel > div span{ display: inline-flex; width: 52px; height: 52px; margin-right: 12px; background: var(--pei-color); border-radius: 50%; align-items: center; justify-content: center; font-size: 26px; color: #ffffff; line-height: 1; }
.m_msg .msg{ width: 50%; overflow: hidden; box-sizing: border-box; padding-left: 110px; }
.m_msg .msg .tgroup{ display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 26px; }
.m_msg .msg .tgroup input{ border-radius: 10px; width: calc(50% - 13px); background: rgba(0, 139, 210, .5); box-sizing: border-box; padding:20px; line-height: 1; font-size: 14px; color: #ffffff; }
.m_msg .msg .tgroup textarea{ height: 120px; border-radius: 10px; width: 100%; background: rgba(0, 139, 210, .5); box-sizing: border-box; padding:20px; line-height: 1.5; font-size: 14px; color: #ffffff; }
.m_msg .msg .tgroup input::-webkit-input-placeholder{ color: #ffffff; }
.m_msg .msg .tgroup textarea::-webkit-input-placeholder{ color: #ffffff; }
.m_msg .msg .tgroup:nth-of-type(3){ margin-bottom: 0; }
.m_msg .msg .code{ display: flex; align-items: center; justify-content: space-between; width: calc(50% - 13px); }
.m_msg .msg .code input{ border-radius: 10px; width: calc(50% - 13px); background: rgba(0, 139, 210, .5); box-sizing: border-box; padding:20px; line-height: 1; font-size: 14px; color: #ffffff; }
.m_msg .msg .code img{ border-radius: 10px; width: calc(50% - 13px); height: 59px; background: rgba(0, 139, 210, .5); object-fit: cover; }
.m_msg .msg .tsubmit{ transition: all .3s; border-radius: 10px; width: calc(50% - 13px); height: 59px; display: inline-flex; align-items: center; justify-content: center; background: #ffffff; font-size: 14px; color: var(--zhu-color); line-height: 1; }
.m_msg .msg .tsubmit:hover{ transition: all .3s; background: var(--pei-color); color: #ffffff; }
@media only screen and (max-width:1600px){
  .m_msg{ padding:35px 0; }
  .m_msg .team p{ font-size: 22px; }
  .m_msg .team b{ font-size: 33px; margin-top: 40px; }
  .m_msg .team > span{ margin-top: 18px; }
  .m_msg .team .tel{ margin-top: 60px; }
  .m_msg .msg .tgroup{ margin-bottom: 24px; }
  .m_msg .msg .tgroup input{ width: calc(50% - 10px); padding:18px; }
  .m_msg .msg .tsubmit, .m_msg .msg .code, .m_msg .msg .code img{ width: calc(50% - 10px); }
  .m_msg .msg .tsubmit, .m_msg .msg .code img{ height: 55px; }
  .m_msg .msg .tgroup textarea{ padding:18px; height: 110px; }
  .m_msg .team .tel a{ margin-right: 28px; padding:10px 36px; }
  .m_msg .team .tel a span{ font-size: 28px; }
  .m_msg .team .tel > div{ font-size: 34px; }
  .m_msg .team .tel > div span{ width: 50px; height: 50px; font-size: 24px; }
}
@media only screen and (max-width:1400px){
  .m_msg{ padding:30px 0; }
  .m_msg .team p{ font-size: 20px; }
  .m_msg .team b{ font-size: 30px; margin-top: 32px; }
  .m_msg .team > span{ margin-top: 16px; font-size: 15px; }
  .m_msg .team .tel{ margin-top: 45px; }
  .m_msg .msg .tgroup{ margin-bottom: 22px; }
  .m_msg .msg .tgroup input{ width: calc(50% - 7.5px); padding:16px; }
  .m_msg .msg .tsubmit, .m_msg .msg .code, .m_msg .msg .code img{ width: calc(50% - 7.5px); }
  .m_msg .msg .tsubmit, .m_msg .msg .code img{ height: 51px; }
  .m_msg .msg .tgroup textarea{ padding:15px; height: 100px; }
  .m_msg .team .tel a{ margin-right: 26px; padding:10px 34px; }
  .m_msg .team .tel a span{ font-size: 26px; }
  .m_msg .team .tel > div{ font-size: 32px; }
  .m_msg .team .tel > div span{ width: 48px; height: 48px; font-size: 22px; }
}
@media only screen and (max-width:1200px){
  .m_msg{ width: 1200px; padding:25px 0; }
  .m_msg .team p{ font-size: 18px; }
  .m_msg .team b{ font-size: 27px; margin-top: 24px; }
  .m_msg .team > span{ margin-top: 14px; font-size: 14px; }
  .m_msg .team .tel{ margin-top: 30px; }
  .m_msg .msg .tgroup{ margin-bottom: 20px; }
  .m_msg .msg .tgroup input{ width: calc(50% - 5px); padding:14px; }
  .m_msg .msg .tsubmit, .m_msg .msg .code, .m_msg .msg .code img{ width: calc(50% - 5px); }
  .m_msg .msg .tsubmit, .m_msg .msg .code img{ height: 47px; }
  .m_msg .msg .tgroup textarea{ padding:10px; height: 90px; }
  .m_msg .team .tel a{ margin-right: 24px; padding:10px 32px; }
  .m_msg .team .tel a span{ font-size: 24px; }
  .m_msg .team .tel > div{ font-size: 30px; }
  .m_msg .team .tel > div span{ width: 46px; height: 46px; font-size: 20px; }
}

/* footer */
.footer{ display: block; background: #dededd; padding:80px 0; overflow: hidden; position: relative; z-index: 33; }
.footer .inner{ display: flex; align-items: center; justify-content: space-between; }
.footer .fl{ display: flex; flex-direction: column; }
.footer .f_logo{ margin-bottom: 48px; display: flex; flex-direction: column; }
.footer .f_logo > a{ display: inline-block; margin-bottom: 24px; }
.footer .f_logo > a img{ max-width: 163px; }
.footer .f_logo > p{ font-size: 30px; color: #111111; line-height: 1.3; }
.footer .f_contact{ overflow: hidden; }
.footer .f_contact p{ font-size: 16px; color: #111111; line-height: 1.875; }
.footer .fr{ display: flex; flex-direction: column; align-items: flex-end; }
.footer .fr > b{ display: inline-flex; padding:20px 32px; background: var(--zhu-color); font-size: 20px; color: #ffffff; line-height: 1; font-weight: normal; }
.footer .fr > .f_ewm{ margin: 35px 0; max-width: 126px; text-align: center; }
.footer .fr > .f_ewm p{ font-size: 18px; color: #111111; line-height: 1; margin-bottom: 12px; }
.footer .fr > .f_ewm img{ max-width: 100%; }
.footer .fr > p, .footer .fr > p a{ font-size: 16px; color: #111111; line-height: 1; transition: all .3s; }
.footer .fr > p a:hover{ transition: all .3s; color: var(--pei-color); }
@media only screen and (max-width:1600px){
  .footer{ padding:80px 0; }
  .footer .f_logo{ margin-bottom: 44px; }
  .footer .f_logo > a{ margin-bottom: 22px; }
  .footer .f_logo > p{ font-size: 26px; }
  .footer .f_contact p{ font-size: 16px; line-height: 1.7; }
  .footer .fr > b{ padding:18px 32px; font-size: 19px; }
  .footer .fr > .f_ewm{ margin: 45px 0; max-width: 120px; }
  .footer .fr > .f_ewm p{ font-size: 17px; margin-bottom: 12px; }
  .footer .fr > p, .footer .fr > p a{ font-size: 16px; }
}
@media only screen and (max-width:1400px){
  .footer{ padding:60px 0; }
  .footer .f_logo{ margin-bottom: 40px; }
  .footer .f_logo > a{ margin-bottom: 20px; }
  .footer .f_logo > p{ font-size: 22px; }
  .footer .f_contact p{ font-size: 15px; line-height: 1.6; }
  .footer .fr > b{ padding:16px 30px; font-size: 18px; }
  .footer .fr > .f_ewm{ margin: 40px 0; max-width:115px; }
  .footer .fr > .f_ewm p{ font-size: 16px; margin-bottom: 10px; }
  .footer .fr > p, .footer .fr > p a{ font-size: 15px; }
}
@media only screen and (max-width:1200px){
  .footer{ width: 1200px; }
  .footer{ padding:40px 0; }
  .footer .f_logo{ margin-bottom: 36px; }
  .footer .f_logo > a{ margin-bottom: 18px; }
  .footer .f_logo > p{ font-size: 18px; }
  .footer .f_contact p{ font-size: 14px; line-height: 1.5; }
  .footer .fr > b{ padding:14px 28px; font-size: 16px; }
  .footer .fr > .f_ewm{ margin: 35px 0; max-width: 110px; }
  .footer .fr > .f_ewm p{ font-size: 15px; margin-bottom: 8px; }
  .footer .fr > p, .footer .fr > p a{ font-size: 14px; }
}

/* sbanner */
.sbanner{ padding:346px 0 0; overflow: hidden; background: url(../images/company_banner.jpg) no-repeat top center; background-attachment: fixed; }
.service_banner{ background: url(../images/service_banner.jpg) no-repeat top center; background-attachment: fixed; }
.case_banner{ background: url(../images/case_banner.jpg) no-repeat top center; background-attachment: fixed; }
.news_banner{ background: url(../images/news_banner.jpg) no-repeat top center; background-attachment: fixed; }
.video_banner{ background: url(../images/video_banner.jpg) no-repeat top center; background-attachment: fixed; }
.contact_banner{ position: relative; }
.contact_banner #dituContent{ position: absolute; top:0; left: 0; }
.join_banner{ padding:30px 0 0; background: url(../images/join_banner.jpg) no-repeat top center; background-attachment: fixed; }
@media only screen and (max-width:1600px){
  .sbanner{ padding:322px 0 0; }
}
@media only screen and (max-width:1400px){
  .sbanner{ padding:298px 0 0; background-position: center -40px; }
  
}
@media only screen and (max-width:1200px){
  .sbanner{ width: 1200px; padding:274px 0 0; background-position: center -80px; }
}

/* catname */
.catname{ overflow: hidden; margin-top: -42px; position: relative; z-index: 34; }
.catname .tit{ display: inline-flex; flex-direction: column; justify-content: flex-start; padding:20px; background: rgba(3, 50, 108, .9); line-height: 1; }
.catname .tit b{ font-weight: normal; font-size: 16px; line-height: 1; color: #ffffff; display: inline-block; }
.catname .tit i{ display: inline-block; width: 2px; height: 20px; background: #ffffff; margin-top: 8px; }
@media only screen and (max-width:1600px){
  .catname{ margin-top: -40px; }
  .catname .tit{ padding:18px; }
  .catname .tit b{ font-size: 16px;  }
  .catname .tit i{ height: 18px; margin-top: 6px; }
}
@media only screen and (max-width:1400px){
  .catname{ margin-top: -38px; }
  .catname .tit{ padding:16px; }
  .catname .tit b{ font-size: 15px;  }
  .catname .tit i{ height: 16px; margin-top: 4px; }
}
@media only screen and (max-width:1200px){
  .catname{ width: 1200px; }
  .catname{ width: 1200px; margin-top: -36px; }
  .catname .tit{ padding:14px; }
  .catname .tit b{ font-size: 14px;  }
  .catname .tit i{ height: 14px; }
}

/* crumbs */
.crumbs{ display: flex; align-items: center; padding-bottom: 36px;position: relative; z-index: 33; justify-content: flex-end;  }
.crumbs small, .crumbs a{ font-size: 16px; color: #1d1d1f; line-height: 1; transition: all .3s; }
.crumbs a:hover{ transition: all .3s; color: var(--pei-color); }
.news_banner .crumbs, .news_banner .crumbs small, .news_banner .crumbs a{ color: #ffffff; }
.case_banner .crumbs, .case_banner .crumbs small, .case_banner .crumbs a{ color: #ffffff; }
.news_banner .crumbs a:hover{ transition: all .3s; color: var(--pei-color); }
@media only screen and (max-width:1600px){
  .crumbs{ padding-bottom: 32px; }
}
@media only screen and (max-width:1400px){
  .crumbs{ padding-bottom: 28px; }
  .crumbs small, .crumbs a{ font-size: 15px; }
}
@media only screen and (max-width:1200px){
  .crumbs{ width: 1200px; padding-bottom: 24px; }
  .crumbs small, .crumbs a{ font-size: 14px; }
}

/* main */
.main{ overflow: hidden; box-sizing: border-box; padding:60px 0; }
.article{ overflow: hidden; }
.article p{ font-size: 19px; color: #1d1d1f; line-height: 1.8; }
@media only screen and (max-width:1600px){
  .main{ padding:50px 0; }
  .article p{ font-size: 18px; line-height: 1.7; }
}
@media only screen and (max-width:1400px){
  .main{ padding:40px 0; }
  .article p{ font-size: 17px; line-height: 1.6; }
}
@media only screen and (max-width:1200px){
  .main{ width: 1200px; padding:30px 0; }
  .article p{ font-size: 16px; line-height: 1.5; }
}

/* company_hd */
.company_hd{ overflow: hidden;  }
.company_hd .top{ background: url(../images/company_hd_bg.jpg) no-repeat bottom center; padding-bottom: 100px; }
.company_hd .top .inner{ display: flex; align-items: flex-start; justify-content: space-between; }
.company_hd .top .img, .company_hd .top .txt{ width: 50%; overflow: hidden; }
.company_hd .top .img img{ width: 100%; }
.company_hd .top .txt{ height: 580px; background: var(--zhu-color); box-sizing: border-box; padding:50px; }
.company_hd .top .txt b{ margin-bottom: 42px; font-size: 28px; color: #ffffff; line-height: 1.4; display: block; margin-bottom: 48px; }
.company_hd .top .txt p{ font-size: 16px; color: #ffffff; line-height: 1.875; margin-bottom: 42px; }
.company_hd .bom{ overflow: hidden; }
.company_hd .bom .inner{ text-align: center; padding:92px 0; }
.company_hd .bom p{ max-width: 72%; margin:0 auto; font-size: 16px; color: #111111; line-height: 1.875; }
.company_hd .bom .img{ height: 520px; overflow: hidden; background-attachment: fixed!important; }
.company{ padding:92px 0 62px; }
.company strong{ font-size: 28px; color: #111111; line-height: 1.4; }
.company p{ font-size: 16px; color: #111111; line-height: 1.875; }
.company ul{ display: flex; align-items: center; justify-content: space-between; }
.company ul li{ width: calc(50% - 15px); }
.company ul li img{ max-width: 100%; }
@media only screen and (max-width:1600px){
  .company_hd .top .img{ height: 415px; }
  .company_hd .top .img img{ width: 100%; height: 100%; object-fit: cover; }
  .company_hd .top{ padding-bottom: 100px; background-size: contain; }
  .company_hd .top .txt{ height: 460px; padding:40px; }
  .company_hd .top .txt b{ margin-bottom: 32px; font-size: 26px; margin-bottom: 38px; }
  .company_hd .top .txt p{ font-size: 16px; line-height: 1.8; margin-bottom: 32px; }
  .company_hd .bom .inner{ padding:72px 0; }
  .company_hd .bom p{ max-width: 72%; font-size: 16px; line-height: 1.8; }
  .company_hd .bom .img{ height: 480px; }
  .company{ padding:72px 0 42px; }
  .company strong{ font-size: 26px; }
  .company p{ font-size: 16px; line-height: 1.8; }
}
@media only screen and (max-width:1400px){
  .company_hd .top .img{ height: 415px; }
  .company_hd .top{ padding-bottom: 100px; background-size: contain; }
  .company_hd .top .txt{ height: 440px; padding:30px; }
  .company_hd .top .txt b{ margin-bottom: 22px; font-size: 24px; margin-bottom: 28px; }
  .company_hd .top .txt p{ font-size: 15px;line-height: 1.7; margin-bottom: 22px; }
  .company_hd .bom .inner{ padding:52px 0; }
  .company_hd .bom p{ max-width: 72%; font-size: 15px; line-height: 1.7; }
  .company_hd .bom .img{ height: 400px; }
  .company{ padding:52px 0 22px; }
  .company strong{ font-size: 24px; }
  .company p{ font-size: 15px; line-height: 1.7; }
}
@media only screen and (max-width:1200px){
  .company_hd{ width: 1200px; }
}

/* company_tit */
.company_tit{ display: flex; flex-direction: column; }
.company_tit span{ font-size: 226px; color: rgba(0,0,0,.05); line-height: 0.75; font-weight: bold; text-transform: uppercase; }
.company_tit p{ margin-top:-114px; font-size: 46px; color: #1d1d1f; line-height: 1; }
.company_tit b{ font-size: 46px; font-weight: bold; color: #1d1d1f; line-height: 1; margin: 26px 0; }
@media only screen and (max-width:1600px){
  .company_tit span{ font-size: 186px; line-height: 0.75; }
  .company_tit p{ margin-top:-100px; font-size: 40px; }
  .company_tit b{ font-size: 40px; font-weight: bold; margin: 22px 0; }
}
@media only screen and (max-width:1400px){
  .company_tit span{ font-size: 146px; line-height: 0.75; }
  .company_tit p{ margin-top:-80px; font-size: 34px; }
  .company_tit b{ font-size: 34px; font-weight: bold; margin: 18px 0; }
}
@media only screen and (max-width:1200px){
  .company_tit span{ font-size: 106px; line-height: 0.75; }
  .company_tit p{ margin-top:-60px; font-size: 28px; }
  .company_tit b{ font-size: 28px; font-weight: bold; margin: 14px 0; }
}


/* single_tit */
.single_tit{ display: flex; align-items: center;  flex-direction: column; }
.single_tit span{ font-size: 226px; color: rgba(0,0,0,.05); line-height: 0.75; font-weight: bold; text-transform: uppercase; }
.single_tit p{ margin-top:-114px; font-size: 46px; color: #1d1d1f; line-height: 1; }
.single_tit b{ font-size: 46px; font-weight: bold; color: #1d1d1f; line-height: 1; margin: 26px 0; }
.single_tit b small{ font-size: 100%; color: var(--zhu-color); font-weight: bold; }
@media only screen and (max-width:1600px){
  .single_tit span{ font-size: 186px; line-height: 0.75; }
  .single_tit p{ margin-top:-100px; font-size: 40px; }
  .single_tit b{ font-size: 40px; font-weight: bold; margin: 22px 0; }
}
@media only screen and (max-width:1400px){
  .single_tit span{ font-size: 146px; line-height: 0.75; }
  .single_tit p{ margin-top:-80px; font-size: 34px; }
  .single_tit b{ font-size: 34px; font-weight: bold; margin: 18px 0; }
}
@media only screen and (max-width:1200px){
  .single_tit span{ font-size: 106px; line-height: 0.75; }
  .single_tit p{ margin-top:-60px; font-size: 28px; }
  .single_tit b{ font-size: 28px; font-weight: bold; margin: 14px 0; }
}

/* flow_list */ 
.flow_list{ display: flex; flex-direction: column; background: url(../images/flow_line.png) no-repeat center; }
.flow_list li{ display: flex; align-items: center; justify-content: space-between; }
.flow_list li:nth-child(2n+0){ flex-direction: row-reverse; }
.flow_list li .img, .flow_list li .box{ width: calc(50% - 174px); }
.flow_list li .img{ height: 424px; overflow: hidden; position: relative; }
.flow_list li .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s ease; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.flow_list li .box{ display: flex; align-items: center; position: relative; }
.flow_list li:nth-child(2n+0) .box{ flex-direction: row-reverse; }
.flow_list li .box > i{ position: absolute; left:-184px; display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; background: #03326c; border-radius: 50%; font-size: 40px; color: #ffffff; line-height: 1; }
.flow_list li:nth-child(2n+0) .box .txt{ text-align: right; }
.flow_list li:nth-child(2n+0) .box > i{ left: auto; right: -184px; }
.flow_list li .box b{ font-size: 50px; color: #111111; line-height: 1; font-weight: normal; }
.flow_list li .box p{ font-size: 28px; color: #111111; line-height: 1; margin-top: 40px; }
@media only screen and (max-width:1600px){
  .flow_list li .img, .flow_list li .box{ width: calc(50% - 140px); }
  .flow_list li .img{ height: 400px; }
  .flow_list li .box > i{ left:-146px; width: 70px; height: 70px; font-size: 34px; }
  .flow_list li:nth-child(2n+0) .box > i{ right: -146px; }
  .flow_list li .box b{ font-size: 42px; }
  .flow_list li .box p{ font-size: 26px; margin-top: 30px; }
}
@media only screen and (max-width:1400px){
  .flow_list{ background-size: contain; }
  .flow_list li .img, .flow_list li .box{ width: calc(50% - 110px); }
  .flow_list li .img{ height: 360px; }
  .flow_list li .box > i{ left:-108px; width: 50px; height: 50px; font-size: 28px; }
  .flow_list li:nth-child(2n+0) .box > i{ right: -108px; }
  .flow_list li .box b{ font-size: 34px; }
  .flow_list li .box p{ font-size: 24px; margin-top: 24px; }
}
@media only screen and (max-width:1200px){
  .flow_list{ width: 1200px; }
  .flow_list li .img, .flow_list li .box{ width: calc(50% - 80px); }
  .flow_list li .img{ height: 320px; }
  .flow_list li .box > i{ left:-76px; width: 40px; height: 40px; font-size: 22px; }
  .flow_list li:nth-child(2n+0) .box > i{ right: -76px; }
  .flow_list li .box b{ font-size: 26px; }
  .flow_list li .box p{ font-size: 22px; margin-top: 18px; }
}

@font-face {
  font-family: "思源宋体 Heavy";font-weight: 900;src: url("//at.alicdn.com/wf/webfont/fC2rdBEW01IJ/8DhpaoiK80N21SryQxvJh.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/fC2rdBEW01IJ/19UWoKE0_muDTlT4QiZKE.woff") format("woff");
  font-display: swap;
}

/* join_tit */
.join_tit{ margin-top: 326px; height: 334px; display: flex; align-items: center; justify-content: space-between; }
.join_tit li{ width: 33.3333%; height: 100%; overflow: hidden; display: inline-flex; }
.join_tit li:nth-of-type(1){ align-items: center; justify-content: center; }
.join_tit li:nth-of-type(1) b{ font-size: 50px; color: #ffffff; font-weight: normal; text-align: center; line-height: 1.32; display: block; max-width: 410px; }
.join_tit li:nth-of-type(2){ height: 100%; background: rgba(3, 50, 108, .5); box-sizing: border-box; padding:60px 80px; }
.join_tit li:nth-of-type(2) p{ font-size: 26px; color: #ffffff; line-height: 1.5; }
.join_tit li:nth-of-type(3) img{ width: 100%; height: 100%; object-fit: cover; }
/* join_content */
.join_content{ overflow: hidden; text-align: center; display: flex; flex-direction: column; }
.join_content ul, .join_content ol{ height: 332px; display: flex; align-items: center; justify-content: space-between; }
.join_content ul li, .join_content ol li{ width: 33.3333%; height: 100%; background: var(--zhu-color);  }
.join_content ul{ padding-left: 160px; }
.join_content ul li:nth-of-type(1), .join_content ul li:nth-of-type(3), .join_content ol li:nth-of-type(2){ box-sizing: border-box; padding:60px 80px; }
.join_content ul li:nth-of-type(1) p, .join_content ul li:nth-of-type(3) p, .join_content ol li:nth-of-type(2) p{ font-size: 26px; color: #ffffff; line-height: 1.5; }
.join_content ul li p, .join_content ol li p{ width: 100%; height: 100%; }
.join_content ul li img, .join_content ol li img{ width: 100%; height: 100%; object-fit: cover; }
.join_content > p img{ margin:30px auto; max-width: 100%; padding:0 30px; }
@media only screen and (max-width:1600px){
  .join_tit{ margin-top: 290px; height: 290px; }
  .join_tit li:nth-of-type(1) b{ font-size: 40px; max-width: 70%; }
  .join_tit li:nth-of-type(2){ padding:50px 60px; }
  .join_tit li:nth-of-type(2) p{ font-size: 24px; }
  .join_content ul, .join_content ol{ height: 290px; }
  .join_content ul{ padding-left: 120px; }
  .join_content ul li:nth-of-type(1), .join_content ul li:nth-of-type(3), .join_content ol li:nth-of-type(2){ box-sizing: border-box; padding:50px 60px; }
  .join_content ul li:nth-of-type(1) p, .join_content ul li:nth-of-type(3) p, .join_content ol li:nth-of-type(2) p{ font-size: 24px; }
}
@media only screen and (max-width:1400px){
  .join_tit{ margin-top: 250px; height: 250px; }
  .join_tit li:nth-of-type(1) b{ font-size: 32px; }
  .join_tit li:nth-of-type(2){ padding:40px; }
  .join_tit li:nth-of-type(2) p{ font-size: 22px; }
  .join_content ul, .join_content ol{ height: 210px; }
  .join_content ul{ padding-left: 90px; }
  .join_content ul li:nth-of-type(1), .join_content ul li:nth-of-type(3), .join_content ol li:nth-of-type(2){ padding:40px; }
  .join_content ul li:nth-of-type(1) p, .join_content ul li:nth-of-type(3) p, .join_content ol li:nth-of-type(2) p{ font-size: 22px; }
}
@media only screen and (max-width:1200px){
  .join_tit{ margin-top: 210px; height: 210px; }
  .join_tit li:nth-of-type(1) b{ font-size: 26px; }
  .join_tit li:nth-of-type(2){ padding:30px; }
  .join_tit li:nth-of-type(2) p{ font-size: 20px; }
  .join_content ul, .join_content ol{ height: 180px; }
  .join_content ul{ padding-left: 60px; }
  .join_content ul li:nth-of-type(1), .join_content ul li:nth-of-type(3), .join_content ol li:nth-of-type(2){ padding:30px; }
  .join_content ul li:nth-of-type(1) p, .join_content ul li:nth-of-type(3) p, .join_content ol li:nth-of-type(2) p{ font-size: 20px; }
}

/* case_list */
.case_list{ overflow: hidden; display: flex; flex-wrap: wrap; align-items: flex-start; }
.case_list li{ width: calc(25% - 22.5px); margin-bottom: 30px; margin-right: 30px; }
.case_list li:nth-of-type(4n+0){ margin-right: 0; }
.case_list li a{ display: block; position: relative; overflow: hidden; width: 100%; box-sizing: border-box; padding:24px; background: #e9e9e8; }
.case_list li a .img{ width: 100%; padding-bottom: 74%; overflow: hidden; position: relative; }
.case_list li a .img img{ width: 100%; height: 100%; position: absolute; object-fit: cover; transition: all .3s; }
.case_list li a > .txt{ display: block; overflow: hidden; }
.case_list li a > .txt b{ font-size: 30px; color: #000000; font-weight: normal; display: block; line-height: 1; padding:15px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:12px 0 0; }
.case_list li a > .txt p{ font-size: 16px; color: #333333; line-height: 1.75; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.case_list li a > .txt small{ display: inline-flex; float: right; font-size: 14px; color: #ffffff; background: var(--zhu-color); padding:12px 32px; line-height: 1; margin-top: 30px; }
.case_list li a:hover img{ transition: all .3s; transform: scale(1.05); }
.case_list li a:hover .txt small{ transition: all .3s; background: var(--pei-color); }
@media only screen and (max-width:1600px){
  .case_list li{ width: calc(25% - 15px); margin-bottom: 20px; margin-right: 20px; }
  .case_list li a{ padding:20px; }
  .case_list li a > .txt b{ font-size: 26px; padding:12px 0; margin:10px 0 0; }
  .case_list li a > .txt p{ font-size: 14px; line-height: 1.65; -webkit-line-clamp:3; }
  .case_list li a > .txt small{ font-size: 13px; padding:10px 28px; margin-top: 20px; }
}
@media only screen and (max-width:1400px){
  .case_list li{ width: calc(33.3% - 10px); margin-bottom: 15px; margin-right: 15px; }
  .case_list li:nth-of-type(4n+0){ margin-right: 15px; }
  .case_list li:nth-of-type(3n+0){ margin-right: 0; }
  .case_list li a{ padding:15px; }
  .case_list li a > .txt b{ font-size: 22px; padding:12px 0; margin:8px 0 0; }
  .case_list li a > .txt p{ font-size: 12px; line-height: 1.55; -webkit-line-clamp:3; }
  .case_list li a > .txt small{ font-size: 12px; padding:8px 24px; margin-top: 15px; }
}
@media only screen and (max-width:1200px){
  .case_list li a > .txt b{ font-size: 18px; padding:10px 0; margin:6px 0 0; }
  .case_list li a > .txt p{ font-size: 12px; line-height: 1.5; -webkit-line-clamp:3; }
  .case_list li a > .txt small{ padding:6px 20px; margin-top: 15px; }
}

/* articlt_tit */
.articlt_tit{ display: flex; align-items: center; justify-content: space-between; }
.articlt_tit .company_tit{ width: calc(100% - 160px); }
.articlt_tit .company_tit b{ line-height: 1.5; }
.articlt_tit .view{ display: flex; flex-direction: column; align-items: flex-end; justify-content: center; }
.articlt_tit .view p{ display: flex; align-items: center; font-size: 14px; color: #333; line-height: 1.5; }
.articlt_tit .view p span{ font-size: 14px; color: #333; line-height: 1; margin-right: 12px; }
.articlt_tit .view > a{ margin-top: 20px; display: inline-flex; align-items: center; justify-content: center; padding:16px 30px; background: #f2f5f8; font-size: 16px; color: #1d1d1f; transition: all .3s; }
.articlt_tit .view > a:hover{ transition: all .3s; background: var(--zhu-color); color: #ffffff; }
.article_main .content{ padding:30px 0 0; font-size: 16px; color: #1d1d1f; line-height: 1.8; }
.article_main .content img{ max-width: 100%; margin:5px 0; }
.article .articlt_tit .company_tit{ width: calc(100% - 320px); }
.article .articlt_tit .view{ display: flex; flex-direction: row; }
.article .articlt_tit .view > a{ margin:0 15px; }
@media only screen and (max-width:1600px){
  .articlt_tit .view p{ font-size: 13px; }
  .articlt_tit .view p span{ font-size: 13px; margin-right: 10px; }
  .articlt_tit .view > a{ margin-top: 20px; padding:14px 26px; font-size: 15px; }
  .article_main .content{ padding:15px 0 0; font-size: 16px; line-height: 1.7; }
}
@media only screen and (max-width:1400px){
  .articlt_tit .view p{ font-size: 12px; }
  .articlt_tit .view p span{ font-size: 12px; margin-right: 8px; }
  .articlt_tit .view > a{ margin-top: 10px; padding:12px 22px; font-size: 14px; }
  .article_main .content{ padding:20px 0 0; font-size: 15px; line-height: 1.6; }
}
@media only screen and (max-width:1200px){
  .articlt_tit .view p span{ margin-right: 6px; }
  .articlt_tit .view > a{ margin-top: 5px; padding:10px 18px; font-size: 13px; }
  .article_main .content{ padding:15px 0 0; font-size: 14px; line-height: 1.5; }
}

/* case_tit */
.case_tit{ width: 100%; display: flex; align-items: center; }
.case_tit .time{ padding:30px; border:1px solid var(--zhu-color); display: inline-flex; align-items: center; justify-content: center; flex-direction: column; }
.case_tit .time small{ font-size: 36px; color: var(--zhu-color); line-height: 1; font-family: impact; }
.case_tit .time span{ font-size: 16px; color: var(--zhu-color); line-height: 1; margin-top: 24px; }
.case_tit .tit{ width: calc(100% - 160px); box-sizing: border-box; padding-left: 30px; }
.case_tit .tit b{ font-size: 48px; font-weight: normal; color: var(--zhu-color); line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.case_tit .tit p{ font-size: 16px; color: var(--zhu-color); line-height: 1; margin-top: 15px; }
.case_tit .tit p span{ margin-right: 8px; }
@media only screen and (max-width:1600px){
  .case_tit .time{ padding:25px; }
  .case_tit .time small{ font-size: 32px; }
  .case_tit .time span{ font-size: 14px; margin-top: 20px; }
  .case_tit .tit{ width: calc(100% - 150px); padding-left: 25px; }
  .case_tit .tit b{ font-size: 44px; }
  .case_tit .tit p{ font-size: 15px; margin-top: 12px; }
  .case_tit .tit p span{ margin-right: 6px; }
}
@media only screen and (max-width:1400px){
  .case_tit .time{ padding:20px; }
  .case_tit .time small{ font-size: 48px; }
  .case_tit .time span{ font-size: 16px; margin-top: 16px; }
  .case_tit .tit{ width: calc(100% - 140px); padding-left: 20px; }
  .case_tit .tit b{ font-size: 40px; }
  .case_tit .tit p{ font-size: 14px; margin-top: 14px; }
}
@media only screen and (max-width:1200px){
  .case_tit .time{ padding:15px; }
  .case_tit .time small{ font-size: 24px; }
  .case_tit .time span{ margin-top: 12px; }
  .case_tit .tit{ width: calc(100% - 130px); padding-left: 15px; }
  .case_tit .tit b{ font-size: 36px; }
  .case_tit .tit p{ font-size: 13px; margin-top: 8px; }
}



/* prev_next */
.prev_next{ overflow: hidden; margin-top: 30px; }
.prev_next .page-a{ padding:5px 0; font-size: 16px; color: #333; line-height: 1; }
.prev_next .page-a a{ color: #333; transition: all .3s; }
.prev_next .page-a a:hover{ transition: all .3s; color: var(--pei-color); }
@media only screen and (max-width:1600px){
  .prev_next{margin-top: 25px; }
  .prev_next .page-a{ padding:5px 0; font-size: 15px; }
}
@media only screen and (max-width:1400px){
  .prev_next{margin-top: 20px; }
  .prev_next .page-a{ padding:4px 0; font-size: 14px; }
}
@media only screen and (max-width:1200px){
  .prev_next{margin-top: 15px; }
  .prev_next .page-a{ padding:2px 0; font-size: 13px; }
}

/* article_list */
.article_list{ overflow: hidden; display: flex; flex-wrap: wrap; }
.article_list li{ width: calc(33.3% - 20px); margin-right: 30px; margin-bottom: 30px; }
.article_list li:nth-child(3n+0){ margin-right: 0; }
.article_list a{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden; }
.article_list a .img{ width: 100%; height: 100%; position: absolute; left: 0; top:0; }
.article_list a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.article_list a .txt{ position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; background: rgba(247, 247, 247, 1); box-sizing: border-box; padding:30px; transition: all .3s; }
.article_list a .txt > span{ margin:40px 0; font-size: 24px; color: #999999; display: flex; align-items: flex-start; transition: all .3s; line-height: 1; }
.article_list a .txt > span i{ line-height: 1; font-size: 80px; color: #1d1d1f; margin-right: 20px; transition: all .3s; }
.article_list a .txt > div{ box-sizing: border-box; padding:20px; background: #ffffff; }
.article_list a .txt > div b{ display: block; font-weight: normal; font-size: 18px; color: #333333; line-height: 1; padding:15px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.article_list a .txt > div p{ font-size: 14px; color: #333333; line-height: 1.8; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.article_list a .txt > div small{ display: inline-flex; align-items: center; margin-top: 40px; font-size: 14px; color: #dbdbdb; line-height: 1; }
.article_list a .txt > div small span{ font-size: 20px; color: #dbdbdb; line-height: 1; margin-right: 12px; }
.article_list a:hover img{ transition: all .3s; transform: scale(1.05); }
.article_list a:hover .txt{ transition: all .3s; background:rgba(0, 0, 0, .2); }
.article_list a:hover .txt > span{ transition: all .3s; color: #ffffff; text-shadow: 2px 2px 0 rgba(0,0,0,.5); }
.article_list a:hover .txt > span i{ transition: all .3s; color: #ffffff; text-shadow: 2px 2px 0 rgba(0,0,0,.5); }
@media only screen and (max-width:1600px){
  .article_list a .txt{ padding:25px; }
  .article_list a .txt > span{ margin:32px 0; font-size: 22px; }
  .article_list a .txt > span i{ font-size: 60px; margin-right: 16px; }
  .article_list a .txt > div{ padding:15px; }
  .article_list a .txt > div b{ font-size: 17px; padding:13px 0; }
  .article_list a .txt > div p{ font-size: 14px; line-height: 1.7; }
  .article_list a .txt > div small{ margin-top: 30px; font-size: 14px;  }
  .article_list a .txt > div small span{ font-size: 18px; margin-right: 10px; }
}
@media only screen and (max-width:1400px){
  .article_list a .txt{ padding:20px; }
  .article_list a .txt > span{ margin:24px 0; font-size: 20px; }
  .article_list a .txt > span i{ font-size: 40px; margin-right: 14px; }
  .article_list a .txt > div{ padding:13px; }
  .article_list a .txt > div b{ font-size: 15px; padding:11px 0; }
  .article_list a .txt > div p{ font-size: 13px; line-height: 1.6; }
  .article_list a .txt > div small{ margin-top: 20px; font-size: 13px;  }
  .article_list a .txt > div small span{ font-size: 16px; margin-right: 8px; }
}
@media only screen and (max-width:1200px){
  .article_list li{ width: calc(33.3% - 20px); margin-right: 15px; margin-bottom: 15px; }
  .article_list a .txt{ padding:15px; }
  .article_list a .txt > span{ margin:16px 0; font-size: 18px; }
  .article_list a .txt > span i{ font-size: 18px; margin-right: 12px; }
  .article_list a .txt > div{ padding:12px; }
  .article_list a .txt > div b{ font-size: 14px; padding:9px 0; }
  .article_list a .txt > div p{ font-size: 12px; line-height: 1.5; }
  .article_list a .txt > div small{ margin-top: 10px; font-size: 12px;  }
  .article_list a .txt > div small span{ font-size: 14px; margin-right: 6px; }
}

/* video_list */
.video_list{ overflow: hidden; margin:30px 0 0; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
.video_list li{ width: calc(50% - 15px); margin-bottom: 30px; }
.video_list li a{ display: flex; flex-direction: column; width: 100%; }
.video_list li a .txt{ display: flex; align-items: center; margin-bottom: 30px; }
.video_list li a .txt span{ margin-right: 30px; display: inline-flex; align-items: center; font-size: 16px; color: var(--zhu-color); padding:16px 24px; line-height: 1; border:1px solid var(--zhu-color); border-radius: 50px; }
.video_list li a .txt b{ display: flex; align-items: center; width: calc(100% - 192px); font-size: 36px; color: var(--zhu-color); font-weight: normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.video_list li a .img{ width: 100%; padding-bottom: 64%; position: relative; overflow: hidden; }
.video_list li a .img::before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.5); position: absolute; top:0; left:0; z-index: 33; }
.video_list li a .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
.video_list li a .img span{ color: #ffffff; border-radius: 50px; z-index: 34; display: inline-block; font-size: 36px; line-height: 1; padding:20px 64px; border:1px solid #ffffff; position: absolute; left:50%; top:50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transition: all .3s; }
.video_list li a:hover img{ transition: all .3s; transform: scale(1.05); }
.video_list li a:hover .img span{ transition: all .3s; background: var(--zhu-color); border-color: var(--zhu-color); color: #ffffff; }
@media only screen and (max-width:1600px){
  .video_list{ margin:25px 0 0; }
  .video_list li a .txt{ margin-bottom: 25px; }
  .video_list li a .txt span{ margin-right: 25px; font-size: 15px; padding:14px 22px;  }
  .video_list li a .txt b{ width: calc(100% - 187px); font-size: 30px; }
  .video_list li a .img span{ font-size: 32px; padding:18px 60px; }
}
@media only screen and (max-width:1400px){
  .video_list{ margin:20px 0 0; }
  .video_list li a .txt{ margin-bottom: 20px; }
  .video_list li a .txt span{ margin-right: 20px; font-size: 14px; padding:12px 20px;  }
  .video_list li a .txt b{ width: calc(100% - 182px); font-size: 26px; }
  .video_list li a .img span{ font-size: 28px; padding:16px 56px; }
}
@media only screen and (max-width:1200px){
  .video_list{ margin:15px 0 0; }
  .video_list li{ width: calc(50% - 7.5px); margin-bottom: 15px; }
  .video_list li a .txt{ margin-bottom: 15px; }
  .video_list li a .txt span{ margin-right: 15px; font-size: 13px; padding:10px 18px;  }
  .video_list li a .txt b{ width: calc(100% - 177px); font-size: 22px; }
  .video_list li a .img span{ font-size: 24px; padding:14px 52px; }
}


/* contact_info */
.contact_info{ overflow: hidden; }
.contact_info > ul{ margin:0; width: 100%; display: flex; align-items: flex-start; justify-content: space-between; }
.contact_info ul li{ display: flex; flex-direction: column; width: calc(33.3% - 20px); background: #faf9f9; box-sizing: border-box; padding:30px; }
.contact_info ul li span{ font-size: 52px; line-height: 1; color: var(--zhu-color); transition: all .3s; margin-bottom: 20px; } 
.contact_info ul li p{ font-size: 24px; line-height: 1.5; color: #1d1d1f; transition: all .3s; } 
.contact_info ul li p:nth-of-type(2){ min-height: 72px; }
.contact_info ul li:hover{ transition: all .3s; background: var(--zhu-color); }
.contact_info ul li:hover span, .contact_info ul li:hover p{ transition: all .3s; color: #ffffff; }
.contact_ewm{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.contact_ewm .hd{ width: 100%; margin:50px 0; display: flex; align-items: center; justify-content: center; position: relative; }
.contact_ewm .hd i{ font-size: 500px; color: #f7f7f7; font-family: "PMZD"; line-height: 1; position: absolute; top:-80px; left: 200px; }
.contact_ewm .hd i:nth-of-type(2){ right: 200px; left: auto; }
.contact_ewm .hd > div{ margin:0 300px; text-align: center; }
.contact_ewm .bd{ text-align: center; margin-bottom: 50px; }
.contact_ewm .bd p{ font-size: 36px; color: #111111; line-height: 1.3; }
.contact_msg{ padding:100px 0; width: 100%; background: url(../images/contact_msg_bg.jpg) no-repeat center; background-attachment: fixed; }
.contact_msg .inner{ background: #fff; padding:100px 50px; box-sizing: border-box; }
.contact_msg .hd{ display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 40px; }
.contact_msg .hd b{ font-size: 50px; color: #111111; line-height: 1; font-weight: normal; }
.contact_msg .hd p{ font-size: 18px; color: #666666; line-height: 1; margin-top: 18px; }
.contact_msg .input{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 48px; }
.contact_msg .input li{ padding:12px 0; display: flex; align-items: center; border-bottom: 1px solid #d3cec7; width: calc(33.3% - 20px); }
.contact_msg .input li span, .contact_msg .textarea span, .contact_msg .code span{ font-size: 24px; color: #333333; line-height: 1; }
.contact_msg .input li span i, .contact_msg .textarea span i, .contact_msg .code span i{ color: #dc001d; margin-left: 5px; }
.contact_msg .input li input, .contact_msg .code input{ width: calc(100% - 72px); height: 24px; box-sizing: border-box; padding:0 12px; font-size: 24px; color: #d8d8d8; line-height: 1; }
.contact_msg .textarea{ width: 100%; padding:12px 0; margin-bottom: 40px; display: flex; align-items: center; border-bottom: 1px solid #d3cec7; font-size: 24px; color: #d8d8d8; line-height: 1; }
.contact_msg .textarea textarea{ width: calc(100% - 72px); height: 24px; overflow: hidden; box-sizing: border-box; padding:0 12px; font-size: 24px; color: #d8d8d8; line-height: 1; }
.contact_msg .code{ width: 100%; display: flex; align-items: center; justify-content: space-between; }
.contact_msg .code > div{ padding:12px 0; position: relative; width:50%; display: flex; align-items: center; border-bottom: 1px solid #d3cec7; }
.contact_msg .code > div input{ width: calc(100% - 250px); }
.contact_msg .code > div img{ position: absolute; right:0; height: 100%; }
.contact_msg .code .submit{ display: inline-flex; align-items: center; justify-content: center; padding:14px 50px; background: var(--zhu-color); line-height: 1; font-size: 24px; color: #ffffff; transition: all .3s; }
.contact_msg .code .submit:hover{ transition: all .3s; background: var(--pei-color); }
#dituContent{ width: 100%; height: 400px; }
@media only screen and (max-width:1600px){
  .contact_info ul li{ width: calc(33.3% - 20px); padding:25px; }
  .contact_info ul li span{ font-size: 48px; margin-bottom: 18px; } 
  .contact_info ul li p{ font-size: 22px; } 
  .contact_ewm .hd{ margin:45px 0; }
  .contact_ewm .hd i{ font-size: 400px; top:-60px; left: 150px; }
  .contact_ewm .hd i:nth-of-type(2){ right: 150px; left: auto; }
  .contact_ewm .hd > div{ margin:0 200px; }
  .contact_ewm .bd{ margin-bottom: 45px; }
  .contact_ewm .bd p{ font-size: 32px; }
  .contact_msg{ padding:80px 15px; }
  .contact_msg .inner{ padding:80px 40px; }
  .contact_msg .hd{ margin-bottom: 35px; }
  .contact_msg .hd b{ font-size: 46px;  }
  .contact_msg .hd p{ font-size: 18px; margin-top: 12px; }
  .contact_msg .input{  margin-bottom: 35px; }
  .contact_msg .input li span, .contact_msg .textarea span, .contact_msg .code span{ font-size: 22px; }
  .contact_msg .input li input, .contact_msg .code input{ font-size: 22px; }
  .contact_msg .textarea{ margin-bottom: 40px; font-size: 22px; }
  .contact_msg .textarea textarea{ font-size: 22px; }
  .contact_msg .code .submit{ font-size: 22px; }
  .contact_info ul li p:nth-of-type(2){ min-height: 66px; }
}
@media only screen and (max-width:1400px){
  .contact_info ul li{ width: calc(33.3% - 20px); padding:20px; }
  .contact_info ul li span{ font-size: 44px; margin-bottom: 16px; } 
  .contact_info ul li p{ font-size: 20px; } 
  .contact_ewm .hd{ margin:40px 0; }
  .contact_ewm .hd i{ font-size: 300px; top:-40px; left: 100px; }
  .contact_ewm .hd i:nth-of-type(2){ right: 100px; left: auto; }
  .contact_ewm .hd > div{ margin:0 100px; }
  .contact_ewm .bd{ margin-bottom: 40px; }
  .contact_ewm .bd p{ font-size: 28px; }
  .contact_msg{ padding:60px 15px; }
  .contact_msg .inner{ padding:60px 30px; }
  .contact_msg .hd{ margin-bottom: 30px; }
  .contact_msg .hd b{ font-size: 42px;  }
  .contact_msg .hd p{ font-size: 17px; margin-top: 10px; }
  .contact_msg .input{  margin-bottom: 30px; }
  .contact_msg .input li span, .contact_msg .textarea span, .contact_msg .code span{ font-size: 20px; }
  .contact_msg .input li input, .contact_msg .code input{ font-size: 20px; }
  .contact_msg .textarea{ margin-bottom: 40px; font-size: 20px; }
  .contact_msg .textarea textarea{ font-size: 20px; }
  .contact_msg .code .submit{ font-size: 20px; }
  .contact_info ul li p:nth-of-type(2){ min-height: 60px; }
}
@media only screen and (max-width:1200px){
  .contact_info ul li{ width: calc(33.3% - 10px); padding:15px; }
  .contact_info ul li span{ font-size: 40px; margin-bottom: 14px; } 
  .contact_info ul li p{ font-size: 18px; } 
  .contact_ewm .hd{ margin:35px 0; }
  .contact_ewm .hd i{ font-size: 200px; top:-20px; left: 50px; }
  .contact_ewm .hd i:nth-of-type(2){ right: 50px; left: auto; }
  .contact_ewm .hd > div{ margin:0 50px; }
  .contact_ewm .bd{ margin-bottom: 35px; }
  .contact_ewm .bd p{ font-size: 24px; }
  .contact_msg{ padding:40px 15px; }
  .contact_msg .inner{ padding:40px 20px; }
  .contact_msg .hd{ margin-bottom: 25px; }
  .contact_msg .hd b{ font-size: 36px;  }
  .contact_msg .hd p{ font-size: 16px; margin-top: 8px; }
  .contact_msg .input{  margin-bottom: 25px; }
  .contact_msg .input li span, .contact_msg .textarea span, .contact_msg .code span{ font-size: 18px; }
  .contact_msg .input li input, .contact_msg .code input{ font-size: 18px; }
  .contact_msg .textarea{ margin-bottom: 40px; font-size: 18px; }
  .contact_msg .textarea textarea{ font-size: 18px; }
  .contact_msg .code .submit{ font-size: 18px; }
  .contact_info ul li p:nth-of-type(2){ min-height: 54px; }
}

/* product_focus */
.product_focus{ overflow: hidden; padding-top: 710px; position: relative; }
.product_focus b{ text-align: center; display: block; font-size: 60px; color: #ffffff; font-weight: bold; line-height: 1; text-shadow: 5px 5px 0 #1d1d1f; }
.product_icons{ display: flex; align-items: center; justify-content: center; padding:42px 0; }
.product_icons li{ display: inline-flex; flex-direction: column; padding:0 100px; align-items: center; justify-content: center; }
.product_icons li span{ font-size: 110px; line-height: 1; color: #111111; }
.product_icons li p{ font-size: 30px; line-height: 1; color: #111111; margin-top: 30px; }
@media only screen and (max-width:1600px){
  .product_focus{ padding-top: 590px; }
  .product_focus b{ font-size: 46px; }
  .product_icons{ padding:38px 0; }
  .product_icons li{ padding:0 60px; }
  .product_icons li span{ font-size: 70px; }
  .product_icons li p{ font-size: 26px; margin-top: 20px; }
}
@media only screen and (max-width:1400px){
  .product_focus{ padding-top: 500px; }
  .product_focus b{ font-size: 38px; text-shadow: 3px 3px 0 #1d1d1f; }
  .product_icons{ padding:34px 0; }
  .product_icons li{ padding:0 45px; }
  .product_icons li span{ font-size: 60px; }
  .product_icons li p{ font-size: 22px; margin-top: 10px; }
}
@media only screen and (max-width:1200px){
  .product_focus{ padding-top: 480px; width: 1200px; }
  .product_focus b{ font-size: 30px; }
  .product_icons{ padding:30px 0; }
  .product_icons li{ padding:0 40px; }
  .product_icons li span{ font-size: 50px; }
  .product_icons li p{ font-size: 18px; margin-top: 15px; }
}

/* product_spot */
.product_spot{ position: absolute; left:0; top:0; display: block; width: 100%; height: 100%; }
.product_spot li{ position: absolute; }
.product_spot li a{ display: flex; align-items: center; position: relative; }
.product_spot li a .spot{ display: block; width: 18px; height: 18px; background: #fff; border: 7px solid var(--pei-color); border-radius: 50%; position: relative; animation: bordershow 3s infinite; }
.product_spot li a .spot::before { content: ''; display: block; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%); width: 25px; height: 25px; border-radius: 50%; background: rgba(220, 0, 29, 0.2); }
.product_spot li a .spot::after { content: ''; display: block; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%); width: 25px; height: 25px; border-radius: 50%; background: rgba(220, 0, 29, 0.2); }
.product_spot li a .spot::before { animation: boderM 3s .75s infinite; }
.product_spot li a .spot::after { animation: boderM 3s infinite; }
@keyframes boderM { 0% { transform: translate(-50%, -50%) scale(1); opacity: 0 } 20% { opacity: 1 } 75% { transform: translate(-50%, -50%) scale(2); opacity: 0 } 100% { opacity: 0 } }
@keyframes bordershow { 50% { box-shadow: 0px 0px 10px 0 var(--pei-color); } }
.product_spot li a .txt { position: relative; margin-left: 12px; white-space: nowrap; font-size: 18px; padding: 10px 35px; display: inline-flex; align-items: center; justify-content: center; line-height: 1; pointer-events: none; }
.product_spot li a .txt::before { content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 0; height: 100%; background: rgba(0, 75, 127, .6); border-radius: 30px; }
.product_spot li a .txt small{ opacity: 0; position: relative; z-index: 3; color: #fff; font-size: 18px; margin-right: 12px; vertical-align: middle; }
.product_spot li a .txt i{ opacity: 0; position: relative; z-index: 3; font-size: 20px; color: #fff; vertical-align: middle; }
.product_spot li:hover a .txt { pointer-events: all;}
.product_spot li:hover a .txt::before { width: 100%; transition: all .4s cubic-bezier(.34, .44, .41, 1.12);}
.product_spot li:hover a .txt small{ opacity: 1; transition: all .36s .4s;}
.product_spot li:hover a .txt i{ opacity: 1; transition: all .36s .4s;}
.product_spot li:nth-child(1){ left:15%; top:32%; }
.product_spot li:nth-child(2){ left:30%; top:29%; }
.product_spot li:nth-child(3){ left:40%; top:40%; }
.product_spot li:nth-child(4){ left:38%; top:53%; }
.product_spot li:nth-child(5){ left:52%; top:34%; }
.product_spot li:nth-child(6){ left:53%; top:59%; }
.product_spot li:nth-child(7){ left:56%; top:52%; }
.product_spot li:nth-child(8){ left:62%; top:21%; }
.product_spot li:nth-child(9){ left:68%; top:25%; }
.product_spot li:nth-child(10){ left:72%; top:55%; }
.product_spot li:nth-child(11){ left:79%; top:12%; }
.product_spot li:nth-child(12){ left:85%; top:12%; }
.product_spot li:nth-child(13){ left:87%; top:26%; }
.product_spot li:nth-child(14){ left:84%; top:49%; }
.product_spot li:nth-child(13) a, .product_spot li:nth-child(14) a{ flex-direction: row-reverse; }

/* product_main */
.product_main{ overflow: hidden; padding:30px 0; }
.product_main ul{ position: relative; width: 78%; margin:0 auto; display: flex; align-items: flex-start; justify-content: space-between; }
.product_main ul::before{ content: ""; display: block; width: 310px; height: 244px; background: url(../images/vs.png) no-repeat center; position: absolute; background-size: 100%; left:50%; top:72px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.product_main ul li{ width: calc(50% - 15px); text-align: center; }
.product_main ul li p{ font-size: 30px; color: #999999; line-height: 2; }
.product_main img{ max-width: 100%; }
.product_main ul li p + p{ margin:15px 0; }
.product_main ul li:first-child p{ color: var(--zhu-color); }
.product_main ol{ display: flex; flex-wrap: wrap; margin:30px 0; }
.product_main ol li{ width: calc(50% - 15px); text-align: center; }
.product_main ol li p:nth-of-type(1){ display: flex; align-items: center; justify-content: center; height: 478px; }
.product_main ol li p:nth-of-type(2){ margin:20px 0; display: flex; align-items: center; justify-content: center; }
.product_main ol li p em{ display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; background: var(--zhu-color); border-radius: 50%; font-size: 26px; color: #ffffff; line-height: 1; position: relative; right: -40px; }
.product_main ol li p small{ display: inline-flex; align-items: center; justify-content: center; padding:10px 30px; font-size: 18px; color: var(--zhu-color); border:1px solid var(--zhu-color); border-radius: 30px; line-height: 1; padding-left: 60px; }
@media only screen and (min-width:1921px){
  .product_focus{ width: 1920px; margin:0 auto; }
  .product_spot{ width: 1920px; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
  .product_spot li:nth-child(1){ left:288px; top:327px; }
  .product_spot li:nth-child(2){ left:576px; top:296px; }
  .product_spot li:nth-child(3){ left:768px; top:409px; }
  .product_spot li:nth-child(4){ left:729px; top:542px; }
  .product_spot li:nth-child(5){ left:998px; top:348px; }
  .product_spot li:nth-child(6){ left:1017px; top:604px; }
  .product_spot li:nth-child(7){ left:1075px; top:532px; }
  .product_spot li:nth-child(8){ left:1190px; top:215px; }
  .product_spot li:nth-child(9){ left:1305px; top:256px; }
  .product_spot li:nth-child(10){ left:1382px; top:563px; }
  .product_spot li:nth-child(11){ left:1516px; top:122px; }
  .product_spot li:nth-child(12){ left:1632px; top:122px; }
  .product_spot li:nth-child(13){ left:1670px; top:266px; }
  .product_spot li:nth-child(14){ left:1612px; top:501px; }
}
@media only screen and (max-width:1600px){
  .product_main{ padding:25px 0; }
  .product_main ul{ width: 100%; }
  .product_main ul::before{ width: 260px; top:50px; }
  .product_main ul li p{ font-size: 28px; line-height: 1.7; padding:0 30px; }
  .product_main ol{ margin:25px 0; }
  .product_main ol li p:nth-of-type(1){ height: 458px; }
  .product_main ol li p:nth-of-type(2){ margin:15px 0; }
  .product_main ol li p em{ width: 55px; height: 55px; font-size: 24px; }
  .product_main ol li p small{ font-size: 17px; }
  .product_spot li a .txt{ font-size: 17px; padding:8px 30px; }
  .product_spot li a .txt small{ font-size: 17px; }
}
@media only screen and (max-width:1400px){
  .product_main{ padding:20px 0; }
  .product_main ul::before{ width: 220px; top:30px; }
  .product_main ul li p{ font-size: 24px; line-height: 1.6; }
  .product_main ol{ margin:20px 0; }
  .product_main ol li p:nth-of-type(1){ height: 438px; }
  .product_main ol li p:nth-of-type(2){ margin:10px 0; }
  .product_main ol li p em{ width: 50px; height: 50px; font-size: 22px; }
  .product_main ol li p small{ font-size: 16px; }
  .product_spot li:nth-child(1){ left:14%; top:32%; }
  .product_spot li:nth-child(13){ left:84%; top:26%; }
  .product_spot li:nth-child(14){ left:83%; top:49%; }
  .product_spot li a .txt{ font-size: 16px; padding:6px 25px; }
  .product_spot li a .txt small{ font-size: 16px; }
}
@media only screen and (max-width:1200px){
  .product_spot{ width: 1200px; }
  .product_main{ padding:15px 0; }
  .product_main ul::before{ width: 180px; top:15px; }
  .product_main ul li p{ font-size: 20px; line-height: 1.5; }
  .product_main ol{ margin:15px 0; }
  .product_main ol li p:nth-of-type(1){ height: 418px; }
  .product_main ol li p em{ width: 45px; height: 45px; font-size: 20px; }
  .product_main ol li p small{ font-size: 16px; }
  .product_spot li a .txt{ font-size: 15px; padding:4px 20px; }
  .product_spot li a .txt small{ font-size: 15px; }
}

/* product_content */
.product_content{ overflow: hidden; }
.product_nav{ display: flex; align-items: center; justify-content: center; margin:30px 0; }
.product_nav li{ display: inline-flex; align-items: center; justify-content: center; background: #eeefef; font-size: 30px; color: #333333; padding:15px 80px; margin:0 12px; transition: all .3s; }
.product_nav li.on{ background: var(--zhu-color); color: #ffffff; transition: all .3s; }
@media only screen and (max-width:1600px){
  .product_nav{ margin:25px 0; }
  .product_nav li{ font-size: 26px; padding:13px 70px; margin:0 10px; }
}
@media only screen and (max-width:1400px){
  .product_nav{ margin:20px 0; }
  .product_nav li{ font-size: 22px; padding:11px 60px; margin:0 8px; }
}
@media only screen and (max-width:1200px){
  .product_content{ width: 1200px; }
  .product_nav{ margin:15px 0; }
  .product_nav li{ font-size: 20px; padding:10px 50px; margin:0 8px; }
}

/* product_box_hd */
.product_box_hd{ overflow: hidden; }
.product_box_hd ul{ display: flex; align-items: center; justify-content: space-around; margin:10px 0 40px; position: relative; }
.product_box_hd ul::before{ content: ""; display: block; width: 100%; height: 1px; background: #dcdedd; position: absolute; top:15px; }
.product_box_hd li{ overflow: hidden; }
.product_box_hd li a{ display: inline-flex; flex-direction: column; align-items: center; justify-content: center; }
.product_box_hd li i{ width: 30px; height: 30px; background: rgba(220,220,220,.5); border-radius: 50%; position: relative; }
.product_box_hd li i::before{ content: ""; display: inline-block; width: 20px; height: 20px; border-radius: 50%; background: rgba(220,220,220,1); position: absolute; top:50%; left:50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.product_box_hd li p{ font-size: 16px; color: #cdcdcd; line-height: 1; margin-top: 12px; }
.product_box_hd li.on i{ transition: all .3s; background: rgba(0,75,127,.5); }
.product_box_hd li.on i::before{ transition: all .3s; background: rgba(0,75,127,1); }
.product_box_hd li.on p{ transition: all .3s; color: #333333; }
@media only screen and (max-width:1600px){
  .product_box_hd ul{ margin:8px 0 30px; }
  .product_box_hd ul::before{ top:14px; }
  .product_box_hd li i{ width: 28px; height: 28px; }
  .product_box_hd li i::before{ width: 18px; height: 18px; }
  .product_box_hd li p{ font-size: 15px; margin-top: 10px; }
}
@media only screen and (max-width:1400px){
  .product_box_hd ul{ margin:8px 0 25px; }
  .product_box_hd ul::before{ top:13px; }
  .product_box_hd li i{ width: 26px; height: 26px; }
  .product_box_hd li i::before{ width: 16px; height: 16px; }
  .product_box_hd li p{ font-size: 14px; margin-top: 8px; }
}
@media only screen and (max-width:1200px){
  .product_box_hd{ width: 1200px; }
  .product_box_hd ul{ margin:8px 0 20px; }
  .product_box_hd ul::before{ top:12px; }
  .product_box_hd li i{ width: 24px; height: 24px; }
  .product_box_hd li i::before{ width: 14px; height: 14px; }
}

/* mixing_tank */
#mixing_tank{ padding:0; display: block; overflow: hidden; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
#mixing_tank .fl, #mixing_tank .fr{ width: calc(50% - 15px); }
#mixing_tank .fl li:nth-of-type(1){ background: var(--zhu-color); box-sizing: border-box; padding:90px; margin-bottom: 30px; }
#mixing_tank .fl li:nth-of-type(1) p{ font-size: 18px; color: #ffffff; line-height: 2; }
#mixing_tank .fl li:nth-of-type(1) p em{ display: block; font-size: 36px; margin-bottom: 30px; color: #ffffff; font-style: normal; text-transform: uppercase; line-height: 1.5; }
#mixing_tank .fl li:nth-of-type(2){ display: flex; align-items: flex-start; justify-content: space-between; }
#mixing_tank .fl li:nth-of-type(2) p{ width: calc(33.3% - 20px); }
#mixing_tank .fl li:nth-of-type(2) p img{ width: 100%; }
#mixing_tank .fr img{ width: 100%; }
#mixing_tank > p{ width: 100%; margin:25px 0; }
#mixing_tank > p strong{ font-weight: normal; display: flex; align-items: center; background: var(--zhu-color); padding:60px 80px; box-sizing: border-box; font-size: 36px; color: #ffffff; line-height: 1; text-transform: uppercase; }
#mixing_tank > p img{ margin:0 auto; display: block; max-width: 100%; }
#mixing_tank ol{ padding:30px 80px 0; display: flex; flex-wrap: wrap; }
#mixing_tank ol li{ width: calc(33.3% - 20px); margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between; margin-right: 30px; }
#mixing_tank ol li:nth-child(3n+0){ margin-right: 0; }
#mixing_tank ol li p:nth-of-type(2){ width: calc(100% - 160px); font-size: 18px; color: #333333; line-height: 2; }
#mixing_tank ol li p span{ display: inline-flex; width: 130px; height: 130px; align-items: center; justify-content: center; font-size: 70px; line-height: 1; color: #ffffff; background: var(--zhu-color); border-radius: 5px; }
#mixing_tank ol li:nth-of-type(1) span{ font-size: 36px; line-height: 1; color: #ffffff; }
@media only screen and (max-width:1600px){
  #mixing_tank .fl, #mixing_tank .fr{ width: calc(50% - 12px); }
  #mixing_tank .fl li:nth-of-type(1){ padding:50px; margin-bottom: 24px; }
  #mixing_tank .fl li:nth-of-type(1) p{ font-size: 18px; line-height: 2; }
  #mixing_tank .fl li:nth-of-type(1) p em{ font-size: 32px; margin-bottom: 24px; }
  #mixing_tank .fl li:nth-of-type(2) p{ width: calc(33.3% - 16px); }
  #mixing_tank .fl li:nth-of-type(2) p img{ height: 190px; object-fit: cover; }
  #mixing_tank .fr img{ height: 444px; object-fit: cover; }
  #mixing_tank > p{ width: 100%; margin:20px 0; }
  #mixing_tank > p strong{ padding:40px 60px; font-size: 32px; }
  #mixing_tank ol{ padding:10px 60px 0; }
  #mixing_tank ol li{ width: calc(33.3% - 16px); margin-bottom: 24px; margin-right: 24px; }
  #mixing_tank ol li p:nth-of-type(2){ width: calc(100% - 124px); font-size: 18px; line-height: 2; }
  #mixing_tank ol li p span{ width: 100px; height: 100px; font-size: 50px; }
  #mixing_tank ol li:nth-of-type(1) span{ font-size: 32px; }
  #mixing_tank > p img{ padding:0 15px; max-width: 100%; box-sizing: border-box; }
}
@media only screen and (max-width:1400px){
  #mixing_tank .fl, #mixing_tank .fr{ width: calc(50% - 9px); }
  #mixing_tank .fl li:nth-of-type(1){ padding:35px; margin-bottom: 18px; }
  #mixing_tank .fl li:nth-of-type(1) p{ font-size: 17px; line-height: 1.8; }
  #mixing_tank .fl li:nth-of-type(1) p em{ font-size: 24px; margin-bottom: 18px; }
  #mixing_tank .fl li:nth-of-type(2) p{ width: calc(33.3% - 9px); }
  #mixing_tank .fl li:nth-of-type(2) p img{ height: 170px; object-fit: cover; }
  #mixing_tank .fr img{ height: 362px; object-fit: cover; }
  #mixing_tank > p{ width: 100%; margin:15px 0; }
  #mixing_tank > p strong{ padding:30px 40px; font-size: 28px; }
  #mixing_tank ol{ padding:10px 40px 0; }
  #mixing_tank ol li{ width: calc(33.3% - 12px); margin-bottom: 18px; margin-right: 18px; }
  #mixing_tank ol li p:nth-of-type(2){ width: calc(100% - 88px); font-size: 17px; line-height: 1.8; }
  #mixing_tank ol li p span{ width: 70px; height: 70px; font-size: 36px; }
  #mixing_tank ol li:nth-of-type(1) span{ font-size:28px; }
}
@media only screen and (max-width:1200px){
  #mixing_tank{ width: 1200px; }
  #mixing_tank .fl li:nth-of-type(1){ padding:35px 20px; margin-bottom: 18px; }
  #mixing_tank .fl li:nth-of-type(1) p{ font-size: 16px; line-height: 1.8; }
  #mixing_tank .fl li:nth-of-type(1) p em{ font-size: 20px; margin-bottom: 18px; }
  #mixing_tank .fr img{ height: 354px; object-fit: cover; }
  #mixing_tank > p strong{ padding:20px; font-size: 20px; }
  #mixing_tank ol{ padding:10px 20px 0; }
  #mixing_tank ol li p:nth-of-type(2){ width: calc(100% - 88px); font-size: 16px; line-height: 1.8; }
  #mixing_tank ol li p span{ width: 60px; height: 60px; font-size: 32px; }
  #mixing_tank ol li:nth-of-type(1) span{ font-size:20px; }
}

/* fermentor */
#fermentor{ padding:0; display: block; overflow: hidden; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
#fermentor .fl, #fermentor .fr{ width: calc(50% - 15px); }
#fermentor .fl li:nth-of-type(1){ background: var(--zhu-color); box-sizing: border-box; padding:90px; margin-bottom: 30px; }
#fermentor .fl li:nth-of-type(1) p{ font-size: 18px; color: #ffffff; line-height: 2; }
#fermentor .fl li:nth-of-type(1) p em{ display: block; font-size: 36px; margin-bottom: 30px; color: #ffffff; font-style: normal; text-transform: uppercase; line-height: 1.5; }
#fermentor .fl li:nth-of-type(2) p img{ max-width: 100%; }
#fermentor .fr > li:nth-of-type(1) p img{ max-width: 100%; }
#fermentor .fr > li:nth-of-type(2) p{ width: 100%; margin:25px 0; }
#fermentor .fr > li:nth-of-type(2) p strong{ font-weight: normal; display: flex; align-items: center; background: var(--zhu-color); padding:60px 80px; box-sizing: border-box; font-size: 36px; color: #ffffff; line-height: 1; text-transform: uppercase; }
#fermentor .fr > li:nth-of-type(2) p img{ margin:0 auto; display: block; max-width: 100%; }
#fermentor ol{ padding:5px 0 0; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
#fermentor ol li{ width: calc(50% - 15px); margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between; }
#fermentor ol li p:nth-of-type(2){ width: calc(100% - 160px); font-size: 18px; color: #333333; line-height: 2; }
#fermentor ol li p span{ display: inline-flex; width: 130px; height: 130px; align-items: center; justify-content: center; font-size: 70px; line-height: 1; color: #ffffff; background: var(--zhu-color); border-radius: 5px; }
#fermentor ol li:nth-of-type(1) span{ font-size: 36px; line-height: 1; color: #ffffff; }
@media only screen and (max-width:1600px){
  #fermentor .fl, #fermentor .fr{ width: calc(50% - 12px); }
  #fermentor .fl li:nth-of-type(1){ padding:50px; margin-bottom: 24px; }
  #fermentor .fl li:nth-of-type(1) p{ font-size: 18px; line-height: 2; }
  #fermentor .fl li:nth-of-type(1) p em{ font-size: 32px; margin-bottom: 24px; }
  #fermentor .fr > li:nth-of-type(2) p{ width: 100%; margin:20px 0; }
  #fermentor .fr > li:nth-of-type(2) p strong{ padding:40px 60px; font-size: 32px; }
  #fermentor ol li{ width: calc(50% - 12px); margin-bottom: 24px; }
  #fermentor ol li p:nth-of-type(2){ width: calc(100% - 124px); font-size: 17px; line-height: 1.8; }
  #fermentor ol li p span{ width: 100px; height: 100px; font-size: 50px; }
  #fermentor ol li:nth-of-type(1) span{ font-size: 32px; }
  #fermentor > p img{ padding:0 15px; max-width: 100%; box-sizing: border-box; }
}
@media only screen and (max-width:1400px){
  #fermentor .fl, #fermentor .fr{ width: calc(50% - 9px); }
  #fermentor .fl li:nth-of-type(1){ padding:35px; margin-bottom: 18px; }
  #fermentor .fl li:nth-of-type(1) p{ font-size: 17px; line-height: 1.8; }
  #fermentor .fl li:nth-of-type(1) p em{ font-size: 24px; margin-bottom: 18px; }
  #fermentor .fr > li:nth-of-type(2) p{ width: 100%; margin:15px 0; }
  #fermentor .fr > li:nth-of-type(2) p strong{ padding:30px 40px; font-size: 28px; }
  #fermentor ol li{ width: calc(50% - 9px); margin-bottom: 18px; }
  #fermentor ol li p:nth-of-type(2){ width: calc(100% - 88px); font-size: 16px; line-height: 1.7; }
  #fermentor ol li p span{ width: 70px; height: 70px; font-size: 36px; }
  #fermentor ol li:nth-of-type(1) span{ font-size:28px; }
}
@media only screen and (max-width:1200px){
  #fermentor{ width: 1200px; }
  #fermentor .fl li:nth-of-type(1){ padding:35px 20px; margin-bottom: 18px; }
  #fermentor .fl li:nth-of-type(1) p{ font-size: 16px; line-height: 1.8; }
  #fermentor .fl li:nth-of-type(1) p em{ font-size: 20px; margin-bottom: 18px; }
  #fermentor .fr > li:nth-of-type(2) p strong{ padding:20px; font-size: 20px; }
  #fermentor ol li p:nth-of-type(2){ width: calc(100% - 88px); font-size: 15px; line-height: 1.5; }
  #fermentor ol li p span{ width: 60px; height: 60px; font-size: 32px; }
  #fermentor ol li:nth-of-type(1) span{ font-size:20px; }
}

/* bacterial_fluid */
#bacterial_fluid{ padding:0; display: block; overflow: hidden; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
#bacterial_fluid .fl, #bacterial_fluid .fr{ width: calc(50% - 15px); }
#bacterial_fluid .fl li:nth-of-type(1){ background: var(--zhu-color); box-sizing: border-box; padding:72px; margin-bottom: 30px; }
#bacterial_fluid .fl li:nth-of-type(1) p{ font-size: 18px; color: #ffffff; line-height: 2; }
#bacterial_fluid .fl li:nth-of-type(1) p em{ display: block; font-size: 36px; margin-bottom: 30px; color: #ffffff; font-style: normal; text-transform: uppercase; line-height: 1.5; }
#bacterial_fluid .fl li:nth-of-type(2) p img{ width: 100%; height: 666px; object-fit: cover; }
#bacterial_fluid .fr > li:nth-of-type(1) p img{ width: 100%; height: 1014px; object-fit: cover; }

#bacterial_fluid big{ width: 100%; display: flex; align-items: center; justify-content: space-between; margin:25px 0; }
#bacterial_fluid big > p{ width: calc(50% - 15px); }
#bacterial_fluid big p strong{ font-weight: normal; display: flex; align-items: center; background: var(--zhu-color); padding:48px 60px; box-sizing: border-box; font-size: 36px; color: #ffffff; line-height: 1; text-transform: uppercase; }
#bacterial_fluid big p img{ margin:0 auto; display: block; max-width: 100%; }

#bacterial_fluid ol{ width: calc(50% - 15px); display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
#bacterial_fluid ol li{ width: calc(50% - 15px); display: flex; align-items: center; justify-content: space-between; }
#bacterial_fluid ol li p:nth-of-type(2){ width: calc(100% - 160px); font-size: 18px; color: #333333; line-height: 2; }
#bacterial_fluid ol li p span{ display: inline-flex; width: 130px; height: 130px; align-items: center; justify-content: center; font-size: 70px; line-height: 1; color: #ffffff; background: var(--zhu-color); border-radius: 5px; }
@media only screen and (max-width:1600px){
  #bacterial_fluid .fl, #bacterial_fluid .fr{ width: calc(50% - 12px); }
  #bacterial_fluid .fl li:nth-of-type(1){ padding:50px; margin-bottom: 24px; }
  #bacterial_fluid .fl li:nth-of-type(1) p{ font-size: 18px; line-height: 2; }
  #bacterial_fluid .fl li:nth-of-type(1) p em{ font-size: 32px; margin-bottom: 24px; }
  #bacterial_fluid .fl li:nth-of-type(2) p img{ width: 100%; height: 486px; object-fit: cover; }
  #bacterial_fluid .fr > li:nth-of-type(1) p img{ width: 100%; height: 734px; object-fit: cover; }
  #bacterial_fluid big > p strong{ padding:35px 60px; font-size: 32px; }
  #bacterial_fluid ol li{ width: calc(50% - 12px); }
  #bacterial_fluid ol li p:nth-of-type(2){ width: calc(100% - 124px); font-size: 17px; line-height: 1.8; }
  #bacterial_fluid ol li p span{ width: 100px; height: 100px; font-size: 50px; }
  #bacterial_fluid ol li:nth-of-type(1) span{ font-size: 32px; }
  #bacterial_fluid > p img{ padding:0 15px; max-width: 100%; box-sizing: border-box; }
}
@media only screen and (max-width:1400px){
  #bacterial_fluid .fl, #bacterial_fluid .fr{ width: calc(50% - 9px); }
  #bacterial_fluid .fl li:nth-of-type(1){ padding:35px; margin-bottom: 18px; }
  #bacterial_fluid .fl li:nth-of-type(1) p{ font-size: 17px; line-height: 1.8; }
  #bacterial_fluid .fl li:nth-of-type(1) p em{ font-size: 24px; margin-bottom: 18px; }
  #bacterial_fluid .fl li:nth-of-type(2) p img{ height: 418px; }
  #bacterial_fluid .fr > li:nth-of-type(1) p img{ height: 602px; }
  #bacterial_fluid big > p strong{ padding:25px 40px; font-size: 28px; }
  #bacterial_fluid ol li{ width: calc(50% - 9px); }
  #bacterial_fluid ol li p:nth-of-type(2){ width: calc(100% - 88px); font-size: 16px; line-height: 1.7; }
  #bacterial_fluid ol li p span{ width: 70px; height: 70px; font-size: 36px; }
  #bacterial_fluid ol li:nth-of-type(1) span{ font-size:28px; }
}
@media only screen and (max-width:1200px){
  #bacterial_fluid{ width: 1200px; }
  #bacterial_fluid .fl li:nth-of-type(1){ padding:35px 20px; margin-bottom: 18px; }
  #bacterial_fluid .fl li:nth-of-type(1) p{ font-size: 16px; line-height: 1.8; }
  #bacterial_fluid .fl li:nth-of-type(1) p em{ font-size: 20px; margin-bottom: 18px; }
  #bacterial_fluid .fr > li:nth-of-type(1) p img{ height: 572px; }
  #bacterial_fluid big > p strong{ padding:20px; font-size: 20px; }
  #bacterial_fluid ol li p:nth-of-type(2){ width: calc(100% - 88px); font-size: 15px; line-height: 1.5; }
  #bacterial_fluid ol li p span{ width: 60px; height: 60px; font-size: 32px; }
  #bacterial_fluid ol li:nth-of-type(1) span{ font-size:20px; }
}

/* stone_arrester */
#stone_arrester{ padding:0; display: block; overflow: hidden; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
#stone_arrester .fl{ width: 100%; }
#stone_arrester .fl li:nth-of-type(1){ background: var(--zhu-color); box-sizing: border-box; padding:90px; }
#stone_arrester .fl li:nth-of-type(1) p{ font-size: 18px; color: #ffffff; line-height: 2; }
#stone_arrester .fl li:nth-of-type(1) p em{ display: block; font-size: 36px; margin-bottom: 30px; color: #ffffff; font-style: normal; text-transform: uppercase; line-height: 1.5; }
#stone_arrester big{ width: 100%; margin:30px 0; display: flex; align-items: center; justify-content: space-between; }
#stone_arrester big img{ width: calc(50% - 15px); }
@media only screen and (max-width:1600px){
  #stone_arrester .fl li:nth-of-type(1){ padding:50px; }
  #stone_arrester .fl li:nth-of-type(1) p{ font-size: 18px; line-height: 2; }
  #stone_arrester .fl li:nth-of-type(1) p em{ font-size: 32px; margin-bottom: 24px; }
  #stone_arrester big{ margin:24px 0; }
  #stone_arrester big img{ width: calc(50% - 12px); }
}
@media only screen and (max-width:1400px){
  #stone_arrester .fl li:nth-of-type(1){ padding:35px; }
  #stone_arrester .fl li:nth-of-type(1) p{ font-size: 17px; line-height: 1.8; }
  #stone_arrester .fl li:nth-of-type(1) p em{ font-size: 24px; margin-bottom: 18px; }
  #stone_arrester big{ margin:20px 0; }
  #stone_arrester big img{ width: calc(50% - 10px); }
}
@media only screen and (max-width:1200px){
  #stone_arrester{ width: 1200px; }
  #stone_arrester .fl li:nth-of-type(1){ padding:35px 20px; }
  #stone_arrester .fl li:nth-of-type(1) p{ font-size: 16px; line-height: 1.8; }
  #stone_arrester .fl li:nth-of-type(1) p em{ font-size: 20px; margin-bottom: 18px; }
  #stone_arrester big{ margin:15px 0; }
  #stone_arrester big img{ width: calc(50% - 7.5px); }
}

/* solenoid_valve */
#solenoid_valve{ padding:0; display: block; overflow: hidden; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
#solenoid_valve .fl{ width: 100%; background: var(--zhu-color); display: flex; align-items: flex-start; justify-content: space-between; }
#solenoid_valve .fl li{ width: 50%; box-sizing: border-box; padding:60px; }
#solenoid_valve .fl li p{ font-size: 18px; color: #ffffff; line-height: 2; }
#solenoid_valve .fl li p em{ display: block; font-size: 36px; margin-bottom: 30px; color: #ffffff; font-style: normal; text-transform: uppercase; line-height: 1.5; }
#solenoid_valve big{ width: 100%; margin:30px 0; display: flex; align-items: center; justify-content: space-between; }
#solenoid_valve big img{ width: calc(50% - 15px); }
@media only screen and (max-width:1600px){
  #solenoid_valve .fl li{ padding:50px; }
  #solenoid_valve .fl li p{ font-size: 18px; line-height: 2; }
  #solenoid_valve .fl li p em{ font-size: 32px; margin-bottom: 24px; }
  #solenoid_valve big{ margin:24px 0; }
  #solenoid_valve big img{ width: calc(50% - 12px); }
}
@media only screen and (max-width:1400px){
  #solenoid_valve .fl li{ padding:35px; }
  #solenoid_valve .fl li p{ font-size: 17px; line-height: 1.8; }
  #solenoid_valve .fl li p em{ font-size: 24px; margin-bottom: 18px; }
  #solenoid_valve big{ margin:20px 0; }
  #solenoid_valve big img{ width: calc(50% - 10px); }
}
@media only screen and (max-width:1200px){
  #solenoid_valve{ width: 1200px; }
  #solenoid_valve .fl li{ padding:35px 20px; }
  #solenoid_valve .fl li p{ font-size: 16px; line-height: 1.8; }
  #solenoid_valve .fl li p em{ font-size: 20px; margin-bottom: 18px; }
  #solenoid_valve big{ margin:15px 0; }
  #solenoid_valve big img{ width: calc(50% - 7.5px); }
}

/* elevator */
#elevator{ padding:0; display: block; overflow: hidden; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
#elevator .fl, #elevator .fr{ width: 100%; display: flex; align-items: flex-start; justify-content: space-between; }
#elevator .fl li{ width: calc(50% - 15px); box-sizing: border-box; }
#elevator .fl li:nth-of-type(1){ background: var(--zhu-color); box-sizing: border-box; padding:54px; }
#elevator .fl li:nth-of-type(1) p, #elevator .fr li:nth-of-type(2) p{ font-size: 18px; color: #ffffff; line-height: 2; }
#elevator .fl li:nth-of-type(1) p em, #elevator .fr li:nth-of-type(2) p em{ display: block; font-size: 36px; margin-bottom: 30px; color: #ffffff; font-style: normal; text-transform: uppercase; line-height: 1.5; }
#elevator .fl li:nth-of-type(2) p img{ width: 100%; height: 318px; background: #dcdedd; object-fit: contain; }
#elevator .fr{ margin:30px 0 0; }
#elevator .fr li:nth-of-type(1){ width: calc(56% - 15px); }
#elevator .fr li:nth-of-type(1) p img{ width: 100%; height: 456px; object-fit: cover; }
#elevator .fr li:nth-of-type(2){ width: calc(44% - 15px); background: var(--zhu-color); box-sizing: border-box; padding:45px; }
#elevator .fr li:nth-of-type(2) p img{ max-width: 100%; margin-top: 20px; }
#elevator > p{ width: 100%; margin:30px 0; }
#elevator > p strong{ font-weight: normal; display: flex; align-items: center; background: var(--zhu-color); padding:60px 80px; box-sizing: border-box; font-size: 36px; color: #ffffff; line-height: 1; text-transform: uppercase; }
#elevator > p img{ margin:0 auto; display: block; max-width: 100%; }
#elevator > ol{ width: 100%; padding:30px 80px 0; display: flex; flex-wrap: wrap; }
#elevator > ol li{ width: calc(33.3% - 20px); margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between; margin-right: 30px; }
#elevator > ol li:nth-child(3n+0){ margin-right: 0; }
#elevator > ol li p:nth-of-type(2){ width: calc(100% - 160px); font-size: 18px; color: #333333; line-height: 2; }
#elevator > ol li p span{ display: inline-flex; width: 130px; height: 130px; align-items: center; justify-content: center; font-size: 70px; line-height: 1; color: #ffffff; background: var(--zhu-color); border-radius: 5px; }
#elevator > ol li:nth-of-type(1) span{ font-size: 36px; line-height: 1; color: #ffffff; }
#elevator .center{ width: 100%; }
#elevator .center li:nth-of-type(1){ background: var(--zhu-color); box-sizing: border-box; padding:90px; }
#elevator .center li:nth-of-type(1) p{ font-size: 18px; color: #ffffff; line-height: 2; }
#elevator .center li:nth-of-type(1) p em{ display: block; font-size: 36px; margin-bottom: 30px; color: #ffffff; font-style: normal; text-transform: uppercase; line-height: 1; }
#elevator .bom{ margin:30px 0; width: 100%; display: flex; align-items: flex-start; justify-content: space-between; }
#elevator .bom > li:nth-of-type(1){ width:calc(40% - 15px);  }
#elevator .bom > li:nth-of-type(2){ width:calc(60% - 15px);  }
#elevator .bom > li:nth-of-type(1) p img{ width: 100%; }
#elevator .bom > li:nth-of-type(2) > p{ width: 100%; }
#elevator .bom > li:nth-of-type(2) > p strong{ font-weight: normal; display: flex; align-items: center; background: var(--zhu-color); padding:60px 80px; box-sizing: border-box; font-size: 36px; color: #ffffff; line-height: 1; text-transform: uppercase; }
#elevator .bom > li:nth-of-type(2) > ol{ width: 100%; padding:20px 0; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
#elevator .bom > li:nth-of-type(2) > ol li{ width: calc(50% - 15px); margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between; }
#elevator .bom > li:nth-of-type(2) > ol li p:nth-of-type(2){ width: calc(100% - 160px); font-size: 18px; color: #333333; line-height: 2; }
#elevator .bom > li:nth-of-type(2) > ol li p span{ display: inline-flex; width: 130px; height: 130px; align-items: center; justify-content: center; font-size: 70px; line-height: 1; color: #ffffff; background: var(--zhu-color); border-radius: 5px; }
#elevator .bom > li:nth-of-type(2) > ol li:nth-of-type(1) span{ font-size: 36px; line-height: 1; color: #ffffff; }
@media only screen and (max-width:1600px){
  #elevator .fl li{ width: calc(50% - 12px); }
  #elevator .fl li:nth-of-type(1), #elevator .fr li:nth-of-type(2) { padding:50px;  }
  #elevator .fl li:nth-of-type(1) p, #elevator .fr li:nth-of-type(2) p{ font-size: 18px; line-height: 2; }
  #elevator .fl li:nth-of-type(1) p em, #elevator .fr li:nth-of-type(2) p em{ font-size: 32px; margin-bottom: 24px; }
  #elevator .fl li:nth-of-type(2) p img{ height: 295px; }
  #elevator .fr{ margin:24px 0 0; }
  #elevator .fr li:nth-of-type(1){ width: calc(56% - 12px); }
  #elevator .fr li:nth-of-type(1) p img{ height: 379px; }
  #elevator > p{ width: 100%; margin:20px 0; }
  #elevator > p strong{ padding:40px 60px; font-size: 32px; }
  #elevator > ol{ padding:10px 60px 0; }
  #elevator > ol li{ width: calc(33.3% - 16px); margin-bottom: 24px; margin-right: 24px; }
  #elevator > ol li p:nth-of-type(2){ width: calc(100% - 124px); font-size: 18px; line-height: 2; }
  #elevator > ol li p span{ width: 100px; height: 100px; font-size: 50px; }
  #elevator > ol li:nth-of-type(1) span{ font-size: 32px; }
  #elevator .center li:nth-of-type(1){ padding:50px; }
  #elevator .center li:nth-of-type(1) p{ font-size: 18px; line-height: 2; }
  #elevator .center li:nth-of-type(1) p em{ font-size: 32px; margin-bottom: 24px; }
  #elevator .bom > li:nth-of-type(2) > p{ width: 100%; }
  #elevator .bom > li:nth-of-type(2) > p strong{ padding:40px 60px; font-size: 32px; }
  #elevator .bom li:nth-of-type(2) > ol li{ width: calc(50% - 12px); margin-bottom: 24px; }
  #elevator .bom li:nth-of-type(2) > ol li p:nth-of-type(2){ width: calc(100% - 124px); font-size: 17px; line-height: 1.8; }
  #elevator .bom li:nth-of-type(2) > ol li p span{ width: 100px; height: 100px; font-size: 50px; }
  #elevator .bom li:nth-of-type(2) > ol li:nth-of-type(1) span{ font-size: 32px; }
}
@media only screen and (max-width:1400px){
  #elevator .fl li{ width: calc(50% - 9px); }
  #elevator .fl li:nth-of-type(1), #elevator .fr li:nth-of-type(2) { padding:35px; }
  #elevator .fl li:nth-of-type(1) p, #elevator .fr li:nth-of-type(2) p{ font-size: 17px; line-height: 1.8; }
  #elevator .fl li:nth-of-type(1) p em, #elevator .fr li:nth-of-type(2) p em{ font-size: 24px; margin-bottom: 18px; }
  #elevator .fl li:nth-of-type(2) p img{ height: 202px; }
  #elevator .fr{ margin:18px 0 0; }
  #elevator .fr li:nth-of-type(1){ width: calc(56% - 9px); }
  #elevator .fr li:nth-of-type(1) p img{ height: 301px; }
  #elevator > p{ width: 100%; margin:15px 0; }
  #elevator > p strong{ padding:30px 40px; font-size: 28px; }
  #elevator > ol{ padding:10px 40px 0; }
  #elevator > ol li{ width: calc(33.3% - 12px); margin-bottom: 18px; margin-right: 18px; }
  #elevator > ol li p:nth-of-type(2){ width: calc(100% - 88px); font-size: 17px; line-height: 1.8; }
  #elevator > ol li p span{ width: 70px; height: 70px; font-size: 36px; }
  #elevator > ol li:nth-of-type(1) span{ font-size:28px; }
  #elevator .center li:nth-of-type(1){ padding:35px; }
  #elevator .center li:nth-of-type(1) p{ font-size: 17px; line-height: 1.8; }
  #elevator .center li:nth-of-type(1) p em{ font-size: 24px; margin-bottom: 18px; }
  #elevator .bom > li:nth-of-type(2) > p{ width: 100%; }
  #elevator .bom > li:nth-of-type(2) > p strong{ padding:30px 40px; font-size: 28px; }
  #elevator .bom li:nth-of-type(2) > ol li{ width: calc(50% - 9px); margin-bottom: 18px; }
  #elevator .bom li:nth-of-type(2) > ol li p:nth-of-type(2){ width: calc(100% - 88px); font-size: 16px; line-height: 1.7; }
  #elevator .bom li:nth-of-type(2) > ol li p span{ width: 70px; height: 70px; font-size: 36px; }
  #elevator .bom li:nth-of-type(2) > ol li:nth-of-type(1) span{ font-size:28px; }
}
@media only screen and (max-width:1200px){
  #elevator .fl li:nth-of-type(1), #elevator .fr li:nth-of-type(2) { padding:35px 20px;  }
  #elevator .fl li:nth-of-type(1) p, #elevator .fr li:nth-of-type(2) p{ font-size: 16px; line-height: 1.8; }
  #elevator .fl li:nth-of-type(1) p em, #elevator .fr li:nth-of-type(2) p em{ font-size: 20px; margin-bottom: 18px; }
  #elevator .fl li:nth-of-type(2) p img{ height: 194px; }
  #elevator .fr{ margin:18px 0 0; }
  #elevator .fr li:nth-of-type(1){ width: calc(56% - 9px); }
  #elevator .fr li:nth-of-type(1) p img{ height: 285px; }
  #elevator > p strong{ padding:20px; font-size: 20px; }
  #elevator > ol{ padding:10px 20px 0; }
  #elevator > ol li p:nth-of-type(2){ width: calc(100% - 88px); font-size: 16px; line-height: 1.8; }
  #elevator > ol li p span{ width: 60px; height: 60px; font-size: 32px; }
  #elevator > ol li:nth-of-type(1) span{ font-size:20px; }
  #elevator .center li:nth-of-type(1){ padding:35px 20px; }
  #elevator .center li:nth-of-type(1) p{ font-size: 16px; line-height: 1.8; }
  #elevator .center li:nth-of-type(1) p em{ font-size: 20px; margin-bottom: 18px; }
  #elevator .bom > li:nth-of-type(2) > p strong{ padding:20px; font-size: 20px; }
  #elevator .bom li:nth-of-type(2) > ol li p:nth-of-type(2){ width: calc(100% - 88px); font-size: 15px; line-height: 1.5; }
  #elevator .bom li:nth-of-type(2) > ol li p span{ width: 60px; height: 60px; font-size: 32px; }
  #elevator .bom li:nth-of-type(2) > ol li:nth-of-type(1) span{ font-size:20px; }
}

/* spiral_pipe */
#spiral_pipe{ padding:0; display: block; overflow: hidden; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
#spiral_pipe .fl{ width: 100%; }
#spiral_pipe .fl li:nth-of-type(1){ background: var(--zhu-color); box-sizing: border-box; padding:90px; }
#spiral_pipe .fl li:nth-of-type(1) p{ font-size: 18px; color: #ffffff; line-height: 2; }
#spiral_pipe .fl li:nth-of-type(1) p em{ display: block; font-size: 36px; margin-bottom: 30px; color: #ffffff; font-style: normal; text-transform: uppercase; line-height: 1.5; }
#spiral_pipe .fl li:nth-of-type(2) p img{ max-width: 100%; }
#spiral_pipe .fr{ width: 100%; display: flex; align-items: center; justify-content: space-between; margin:25px 0; }
#spiral_pipe .fr > li:nth-of-type(1){ width: calc(40% - 15px); }
#spiral_pipe .fr > li:nth-of-type(2){ width: calc(60% - 15px); }
#spiral_pipe .fr > li:nth-of-type(1) p img{ width: 100%; height: 516px; object-fit: cover; }
#spiral_pipe .fr > li:nth-of-type(2) > p{ width: 100%; }
#spiral_pipe .fr > li:nth-of-type(2) p strong{ font-weight: normal; display: flex; align-items: center; background: var(--zhu-color); padding:60px 80px; box-sizing: border-box; font-size: 36px; color: #ffffff; line-height: 1; text-transform: uppercase; }
#spiral_pipe .fr > li:nth-of-type(2) p img{ margin:0 auto; display: block; max-width: 100%; }
#spiral_pipe ol{ padding:40px 40px 0; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
#spiral_pipe ol li{ width: calc(50% - 15px); margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between; }
#spiral_pipe ol li p:nth-of-type(2){ width: calc(100% - 160px); font-size: 18px; color: #333333; line-height: 2; }
#spiral_pipe ol li p span{ display: inline-flex; width: 130px; height: 130px; align-items: center; justify-content: center; font-size: 70px; line-height: 1; color: #ffffff; background: var(--zhu-color); border-radius: 5px; }
#spiral_pipe big img{ max-width: 100%; margin:0 0 15px; }
@media only screen and (max-width:1600px){
  #spiral_pipe .fl li:nth-of-type(1){ padding:50px; }
  #spiral_pipe .fl li:nth-of-type(1) p{ font-size: 18px; line-height: 2; }
  #spiral_pipe .fl li:nth-of-type(1) p em{ font-size: 32px; margin-bottom: 24px; }
  #spiral_pipe .fr > li:nth-of-type(1) p img{ height: 400px; }
  #spiral_pipe .fr > li:nth-of-type(2) p strong{ padding:40px 60px; font-size: 32px; }
  #spiral_pipe ol li{ width: calc(50% - 12px); margin-bottom: 24px; }
  #spiral_pipe ol li p:nth-of-type(2){ width: calc(100% - 124px); font-size: 17px; line-height: 1.8; }
  #spiral_pipe ol li p span{ width: 100px; height: 100px; font-size: 50px; }
  #spiral_pipe > p img{ padding:0 15px; max-width: 100%; box-sizing: border-box; }
}
@media only screen and (max-width:1400px){
  #spiral_pipe .fl li:nth-of-type(1){ padding:35px; }
  #spiral_pipe .fl li:nth-of-type(1) p{ font-size: 17px; line-height: 1.8; }
  #spiral_pipe .fl li:nth-of-type(1) p em{ font-size: 24px; margin-bottom: 18px; }
  #spiral_pipe .fr > li:nth-of-type(1) p img{ height: 304px; }
  #spiral_pipe .fr > li:nth-of-type(2) p strong{ padding:30px 40px; font-size: 28px; }
  #spiral_pipe ol li{ width: calc(50% - 9px); margin-bottom: 18px; }
  #spiral_pipe ol li p:nth-of-type(2){ width: calc(100% - 88px); font-size: 16px; line-height: 1.7; }
  #spiral_pipe ol li p span{ width: 70px; height: 70px; font-size: 36px; }
}
@media only screen and (max-width:1200px){
  #spiral_pipe{ width: 1200px; }
  #spiral_pipe .fl li:nth-of-type(1){ padding:35px 20px; }
  #spiral_pipe .fl li:nth-of-type(1) p{ font-size: 16px; line-height: 1.8; }
  #spiral_pipe .fl li:nth-of-type(1) p em{ font-size: 20px; margin-bottom: 18px; }
  #spiral_pipe .fr > li:nth-of-type(2) p strong{ padding:20px; font-size: 20px; }
  #spiral_pipe ol li p:nth-of-type(2){ width: calc(100% - 88px); font-size: 15px; line-height: 1.5; }
  #spiral_pipe ol li p span{ width: 60px; height: 60px; font-size: 32px; }
}

/* detector */
#detector{ padding:0; display: block; overflow: hidden; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
#detector .fl{ width: 100%; }
#detector .fl li:nth-of-type(1){ background: var(--zhu-color); box-sizing: border-box; padding:90px; }
#detector .fl li:nth-of-type(1) p{ font-size: 18px; color: #ffffff; line-height: 2; }
#detector .fl li:nth-of-type(1) p em{ display: block; font-size: 36px; margin-bottom: 30px; color: #ffffff; font-style: normal; text-transform: uppercase; line-height: 1.5; }
#detector big{ width: 100%; margin:30px 0; display: flex; align-items: center; justify-content: space-between; }
#detector big img:nth-of-type(1){ width: calc(58% - 15px); }
#detector big img:nth-of-type(2){ width: calc(42% - 15px); }
#detector > p{ width: 100%; margin:25px 0; }
#detector > p strong{ font-weight: normal; display: flex; align-items: center; background: var(--zhu-color); padding:60px 80px; box-sizing: border-box; font-size: 36px; color: #ffffff; line-height: 1; text-transform: uppercase; }
#detector > p img{ margin:0 auto; display: block; max-width: 100%; }
#detector ol{ padding:30px 80px 0; display: flex; flex-wrap: wrap; }
#detector ol li{ width: calc(33.3% - 20px); margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between; margin-right: 30px; }
#detector ol li:nth-child(3n+0){ margin-right: 0; }
#detector ol li p:nth-of-type(2){ width: calc(100% - 160px); font-size: 18px; color: #333333; line-height: 2; }
#detector ol li p span{ display: inline-flex; width: 130px; height: 130px; align-items: center; justify-content: center; font-size: 70px; line-height: 1; color: #ffffff; background: var(--zhu-color); border-radius: 5px; }
@media only screen and (max-width:1600px){
  #detector .fl li:nth-of-type(1){ padding:50px; }
  #detector .fl li:nth-of-type(1) p{ font-size: 18px; line-height: 2; }
  #detector .fl li:nth-of-type(1) p em{ font-size: 32px; margin-bottom: 24px; }
  #detector big{ margin:24px 0; }
  #detector big img:nth-of-type(1){ width: calc(58% - 12px); }
  #detector big img:nth-of-type(2){ width: calc(42% - 12px); }
  #detector > p{ width: 100%; margin:20px 0; }
  #detector > p strong{ padding:40px 60px; font-size: 32px; }
  #detector ol{ padding:10px 60px 0; }
  #detector ol li{ width: calc(33.3% - 16px); margin-bottom: 24px; margin-right: 24px; }
  #detector ol li p:nth-of-type(2){ width: calc(100% - 124px); font-size: 18px; line-height: 2; }
  #detector ol li p span{ width: 100px; height: 100px; font-size: 50px; }
}
@media only screen and (max-width:1400px){
  #detector .fl li:nth-of-type(1){ padding:35px; }
  #detector .fl li:nth-of-type(1) p{ font-size: 17px; line-height: 1.8; }
  #detector .fl li:nth-of-type(1) p em{ font-size: 24px; margin-bottom: 18px; }
  #detector big{ margin:20px 0; }
  #detector big img:nth-of-type(1){ width: calc(58% - 10px); }
  #detector big img:nth-of-type(2){ width: calc(42% - 10px); }
  #detector > p{ width: 100%; margin:15px 0; }
  #detector > p strong{ padding:30px 40px; font-size: 28px; }
  #detector ol{ padding:10px 40px 0; }
  #detector ol li{ width: calc(33.3% - 12px); margin-bottom: 18px; margin-right: 18px; }
  #detector ol li p:nth-of-type(2){ width: calc(100% - 88px); font-size: 17px; line-height: 1.8; }
  #detector ol li p span{ width: 70px; height: 70px; font-size: 36px; }
}
@media only screen and (max-width:1200px){
  #detector{ width: 1200px; }
  #detector .fl li:nth-of-type(1){ padding:35px 20px; }
  #detector .fl li:nth-of-type(1) p{ font-size: 16px; line-height: 1.8; }
  #detector .fl li:nth-of-type(1) p em{ font-size: 20px; margin-bottom: 18px; }
  #detector big{ margin:15px 0; }
  #detector big img:nth-of-type(1){ width: calc(58% - 7.5px); }
  #detector big img:nth-of-type(2){ width: calc(42% - 7.5px); }
  #detector > p strong{ padding:20px; font-size: 20px; }
  #detector ol{ padding:10px 20px 0; }
  #detector ol li p:nth-of-type(2){ width: calc(100% - 88px); font-size: 16px; line-height: 1.8; }
  #detector ol li p span{ width: 60px; height: 60px; font-size: 32px; }
}

/* disinfection_lamp */
#disinfection_lamp{ padding:0; display: block; overflow: hidden; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
#disinfection_lamp .fl{ width: 100%; background: var(--zhu-color); display: flex; align-items: flex-start; justify-content: space-between; }
#disinfection_lamp .fl li:nth-of-type(1){ width: 67%; box-sizing: border-box; padding:60px; }
#disinfection_lamp .fl li:nth-of-type(2){ width: 33%; }
#disinfection_lamp .fl li p{ font-size: 18px; color: #ffffff; line-height: 2; }
#disinfection_lamp .fl li p em{ display: block; font-size: 36px; margin-bottom: 30px; color: #ffffff; font-style: normal; text-transform: uppercase; line-height: 1.5; }
#disinfection_lamp big{ width: 100%; margin:30px 0; display: flex; align-items: center; justify-content: space-between; }
#disinfection_lamp big img:nth-of-type(1){ width: calc(40% - 10px); }
#disinfection_lamp big img:nth-of-type(2){ width: calc(32% - 10px); }
#disinfection_lamp big img:nth-of-type(3){ width: calc(28% - 10px); }
#disinfection_lamp big img{ height: 436px; object-fit: cover; }
#disinfection_lamp > p{ width: 100%; margin:0 0 25px; }
#disinfection_lamp > p strong{ font-weight: normal; display: flex; align-items: center; background: var(--zhu-color); padding:60px 80px; box-sizing: border-box; font-size: 36px; color: #ffffff; line-height: 1; text-transform: uppercase; }
#disinfection_lamp > p img{ margin:0 auto; display: block; max-width: 100%; }
#disinfection_lamp ol{ padding:30px 80px 0; display: flex; flex-wrap: wrap; }
#disinfection_lamp ol li{ width: calc(33.3% - 20px); margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between; margin-right: 30px; }
#disinfection_lamp ol li:nth-child(3n+0){ margin-right: 0; }
#disinfection_lamp ol li p:nth-of-type(2){ width: calc(100% - 160px); font-size: 18px; color: #333333; line-height: 2; }
#disinfection_lamp ol li p span{ display: inline-flex; width: 130px; height: 130px; align-items: center; justify-content: center; font-size: 70px; line-height: 1; color: #ffffff; background: var(--zhu-color); border-radius: 5px; }
@media only screen and (max-width:1600px){
  #disinfection_lamp .fl li:nth-of-type(1){ padding:50px; }
  #disinfection_lamp .fl li p{ font-size: 18px; line-height: 2; }
  #disinfection_lamp .fl li p em{ font-size: 32px; margin-bottom: 24px; }
  #disinfection_lamp big{ margin:24px 0; }
  #disinfection_lamp big img:nth-of-type(1){ width: calc(40% - 8px); }
  #disinfection_lamp big img:nth-of-type(2){ width: calc(32% - 8px); }
  #disinfection_lamp big img:nth-of-type(3){ width: calc(28% - 8px); }
  #disinfection_lamp big img{ height: 400px;  }
  #disinfection_lamp > p{ width: 100%; margin:0 0 20px; }
  #disinfection_lamp > p strong{ padding:40px 60px; font-size: 32px; }
  #disinfection_lamp ol{ padding:10px 60px 0; }
  #disinfection_lamp ol li{ width: calc(33.3% - 16px); margin-bottom: 24px; margin-right: 24px; }
  #disinfection_lamp ol li p:nth-of-type(2){ width: calc(100% - 124px); font-size: 18px; line-height: 2; }
  #disinfection_lamp ol li p span{ width: 100px; height: 100px; font-size: 50px; }
}
@media only screen and (max-width:1400px){
  #disinfection_lamp .fl li:nth-of-type(1){ padding:35px; }
  #disinfection_lamp .fl li p{ font-size: 17px; line-height: 1.8; }
  #disinfection_lamp .fl li p em{ font-size: 24px; margin-bottom: 18px; }
  #disinfection_lamp big{ margin:20px 0; }
  #disinfection_lamp big img:nth-of-type(1){ width: calc(40% - 6px); }
  #disinfection_lamp big img:nth-of-type(2){ width: calc(32% - 6px); }
  #disinfection_lamp big img:nth-of-type(3){ width: calc(28% - 6px); }
  #disinfection_lamp big img{ height: 380px;  }
  #disinfection_lamp > p{ width: 100%; margin:0 0 15px; }
  #disinfection_lamp > p strong{ padding:30px 40px; font-size: 28px; }
  #disinfection_lamp ol{ padding:10px 40px 0; }
  #disinfection_lamp ol li{ width: calc(33.3% - 12px); margin-bottom: 18px; margin-right: 18px; }
  #disinfection_lamp ol li p:nth-of-type(2){ width: calc(100% - 88px); font-size: 17px; line-height: 1.8; }
  #disinfection_lamp ol li p span{ width: 70px; height: 70px; font-size: 36px; }
}
@media only screen and (max-width:1200px){
  #disinfection_lamp{ width: 1200px; }
  #disinfection_lamp .fl li:nth-of-type(1){ padding:35px 20px; }
  #disinfection_lamp .fl li p{ font-size: 16px; line-height: 1.8; }
  #disinfection_lamp .fl li p em{ font-size: 20px; margin-bottom: 18px; }
  #disinfection_lamp big{ margin: 15px 0; }
  #disinfection_lamp big img:nth-of-type(1){ width: calc(40% - 4px); }
  #disinfection_lamp big img:nth-of-type(2){ width: calc(32% - 4px); }
  #disinfection_lamp big img:nth-of-type(3){ width: calc(28% - 4px); }
  #disinfection_lamp big img{ height: 360px;  }
  #disinfection_lamp > p strong{ padding:20px; font-size: 20px; }
  #disinfection_lamp ol{ padding:10px 20px 0; }
  #disinfection_lamp ol li p:nth-of-type(2){ width: calc(100% - 88px); font-size: 16px; line-height: 1.8; }
  #disinfection_lamp ol li p span{ width: 60px; height: 60px; font-size: 32px; }
}

/* air_compressor */
#air_compressor{ padding:0; display: block; overflow: hidden; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
#air_compressor .fl{ width: 100%; }
#air_compressor .fl li:nth-of-type(1){ background: var(--zhu-color); box-sizing: border-box; padding:90px; }
#air_compressor .fl li:nth-of-type(1) p{ font-size: 18px; color: #ffffff; line-height: 2; }
#air_compressor .fl li:nth-of-type(1) p em{ display: block; font-size: 36px; margin-bottom: 30px; color: #ffffff; font-style: normal; text-transform: uppercase; line-height: 1.5; }
#air_compressor .bom{ box-sizing: border-box; padding:80px; display: flex; align-items: center; justify-content: space-between; }
#air_compressor .bom ol{ width: calc(40% - 15px); display: flex; flex-direction: column; }
#air_compressor .bom ol li{ width: 100%; margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between; margin-right: 30px; }
#air_compressor .bom ol li:nth-child(3n+0){ margin-right: 0; }
#air_compressor .bom ol li p:nth-of-type(2){ width: calc(100% - 160px); font-size: 18px; color: #333333; line-height: 2; }
#air_compressor .bom ol li p span{ display: inline-flex; width: 130px; height: 130px; align-items: center; justify-content: center; font-size: 70px; line-height: 1; color: #ffffff; background: var(--zhu-color); border-radius: 5px; }
#air_compressor .bom > p{ width: calc(60% - 15px); }
#air_compressor .bom > p img{ max-width: 100%; }

@media only screen and (max-width:1600px){
  #air_compressor .fl li:nth-of-type(1){ padding:50px; }
  #air_compressor .fl li:nth-of-type(1) p{ font-size: 17px; line-height: 2; }
  #air_compressor .fl li:nth-of-type(1) p em{ font-size: 32px; margin-bottom: 24px; }
  #air_compressor .bom{ padding:60px; }
  #air_compressor .bom ol li{ margin-bottom: 24px; margin-right: 24px; }
  #air_compressor .bom ol li p:nth-of-type(2){ width: calc(100% - 124px); font-size: 18px; line-height: 2; }
  #air_compressor .bom ol li p span{ width: 100px; height: 100px; font-size: 50px; }
}
@media only screen and (max-width:1400px){
  #air_compressor .fl li:nth-of-type(1){ padding:35px; }
  #air_compressor .fl li:nth-of-type(1) p{ font-size: 16px; line-height: 1.8; }
  #air_compressor .fl li:nth-of-type(1) p em{ font-size: 24px; margin-bottom: 18px; }
  #air_compressor .bom{ padding:40px; }
  #air_compressor .bom ol{ padding:10px 40px 0; }
  #air_compressor .bom ol li{ margin-bottom: 18px; margin-right: 18px; }
  #air_compressor .bom ol li p:nth-of-type(2){ width: calc(100% - 88px); font-size: 17px; line-height: 1.8; }
  #air_compressor .bom ol li p span{ width: 70px; height: 70px; font-size: 36px; }
}
@media only screen and (max-width:1200px){
  #air_compressor{ width: 1200px; }
  #air_compressor .fl li:nth-of-type(1){ padding:35px 20px; }
  #air_compressor .fl li:nth-of-type(1) p{ font-size: 16px; line-height: 1.8; }
  #air_compressor .fl li:nth-of-type(1) p em{ font-size: 20px; margin-bottom: 18px; }
  #air_compressor .bom{ padding:20px; }
  #air_compressor .bom ol{ padding:10px 20px 0; }
  #air_compressor .bom ol li p:nth-of-type(2){ width: calc(100% - 88px); font-size: 16px; line-height: 1.8; }
  #air_compressor .bom ol li p span{ width: 60px; height: 60px; font-size: 32px; }
}

/* software */
#software{ padding:0; display: block; overflow: hidden; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
#software .fl{ width: 100%; }
#software .fl li:nth-of-type(1){ background: var(--zhu-color); box-sizing: border-box; padding:90px; }
#software .fl li:nth-of-type(1) p{ font-size: 18px; color: #ffffff; line-height: 1.8; margin:20px 0; }
#software .fl li:nth-of-type(1) p em{ display: block; font-size: 36px; margin-bottom: 30px; color: #ffffff; font-style: normal; text-transform: uppercase; line-height: 1.5; }
#software big{ width: 100%; margin:30px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
#software big strong{ font-size: 68px; color: #004b7f; line-height: 1; letter-spacing: 7px; }
#software big small{ font-size: 30px; color: rgba(0, 75, 127, .3); line-height: 1; text-transform: uppercase; margin:20px 0; }
#software big img{ max-width: 100%; }
@media only screen and (max-width:1600px){
  #software .fl li:nth-of-type(1){ padding:50px; }
  #software .fl li:nth-of-type(1) p{ font-size: 18px; line-height: 1.7; margin:18px 0; }
  #software .fl li:nth-of-type(1) p em{ font-size: 32px; margin-bottom: 24px; }
  #software big{ margin:24px 0; }
  #software big strong{ font-size: 60px; }
  #software big small{ font-size: 28px; margin:18px 0; }
}
@media only screen and (max-width:1400px){
  #software .fl li:nth-of-type(1){ padding:35px; }
  #software .fl li:nth-of-type(1) p{ font-size: 17px; line-height: 1.6; margin:16px 0; }
  #software .fl li:nth-of-type(1) p em{ font-size: 24px; margin-bottom: 18px; }
  #software big{ margin:20px 0; }
  #software big strong{ font-size: 52px; }
  #software big small{ font-size: 26px; margin:16px 0; }
}
@media only screen and (max-width:1200px){
  #software{ width: 1200px; }
  #software .fl li:nth-of-type(1){ padding:35px 20px; }
  #software .fl li:nth-of-type(1) p{ font-size: 16px; line-height: 1.4; margin:14px 0; }
  #software .fl li:nth-of-type(1) p em{ font-size: 20px; margin-bottom: 18px; }
  #software big{ margin:15px 0; }
  #software big strong{ font-size: 44px; }
  #software big small{ font-size: 24px; margin:14px 0; }
}

/* operation */
#operation{ padding:0; display: block; overflow: hidden; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
#operation .fl{ width: 100%; background: var(--zhu-color); display: flex; align-items: flex-start; justify-content: space-between; }
#operation .fl li:nth-of-type(1){ width: 60%; box-sizing: border-box; padding:60px; }
#operation .fl li:nth-of-type(2){ width: 40%; }
#operation .fl li:nth-of-type(2) p{ width: 100%; height: 100%; }
#operation .fl li:nth-of-type(2) img{ width: 100%; height: 100%; object-fit: cover; }
#operation .fl li p{ font-size: 18px; color: #ffffff; line-height: 2; }
#operation .fl li p small{ font-size: 24px; display: block; }
#operation .fl li p em{ display: block; font-size: 36px; margin-bottom: 30px; color: #ffffff; font-style: normal; text-transform: uppercase; line-height: 1.5; }
#operation big{ width: 1600px; margin:30px auto; display: flex; align-items: center; justify-content: space-between; }
#operation big img{ width: calc(50% - 15px); }
#operation > p{ width: 1600px; text-align: center; margin:0 auto 30px; }
#operation > p img{ margin:0 auto; display: block; max-width: 100%; }
@media only screen and (max-width:1600px){
  #operation .fl li:nth-of-type(1){ padding:40px; }
  #operation .fl li p{ font-size: 17px; line-height: 1.8; }
  #operation .fl li p em{ font-size: 32px; margin-bottom: 24px; }
  #operation .fl li p small{ font-size: 22px; }
  #operation big{ margin:24px 0; width: 100%; box-sizing: border-box; padding:0 15px; }
  #operation > p{ width: 100%; box-sizing: border-box; margin:0 auto 24px; padding:0 15px; }
  #operation big img{ width: calc(50% - 12px); }
}
@media only screen and (max-width:1400px){
  #operation .fl li:nth-of-type(1){ padding:35px; }
  #operation .fl li p{ font-size: 16px; line-height: 1.7; }
  #operation .fl li p em{ font-size: 24px; margin-bottom: 18px; }
  #operation .fl li p small{ font-size: 20px; }
  #operation big{ margin:20px 0; }
  #operation big img{ width: calc(50% - 9px); }
  #operation > p{ margin:0 auto 20px; }
}
@media only screen and (max-width:1200px){
  #operation{ width: 1200px; }
  #operation .fl li:nth-of-type(1){ padding:35px 20px; }
  #operation .fl li p{ font-size: 15px; line-height: 1.6; }
  #operation .fl li p em{ font-size: 20px; margin-bottom: 18px; }
  #operation .fl li p small{ font-size: 18px; }
  #operation big{ margin: 15px 0; }
  #operation big img{ width: calc(50% - 7.5px); }
  #operation > p{ margin:0 auto 15px; }
}

/* computer */
#computer{ padding:0; display: block; overflow: hidden; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
#computer .fl{ width: 100%; }
#computer .fl li{ background: var(--zhu-color); box-sizing: border-box; padding:90px; }
#computer .fl li p{ font-size: 18px; color: #ffffff; line-height: 1.8; margin:20px 0; }
#computer .fl li p em{ display: block; font-size: 36px; margin-bottom: 30px; color: #ffffff; font-style: normal; text-transform: uppercase; line-height: 1.5; }
#computer .fl li p small{ font-size: 24px; display: block; }
#computer big{ width: 100%; margin:30px 0; display: flex; align-items: center; justify-content: space-between; }
#computer big img{ width: calc(40% - 10px); }
#computer big img:nth-of-type(2){ width: calc(40% - 10px); }
#computer big img:nth-of-type(3){ width: calc(20% - 10px); }
#computer big img{ height: 436px; object-fit: cover; }
@media only screen and (max-width:1600px){
  #computer .fl li{ padding:50px; }
  #computer .fl li p{ font-size: 18px; line-height: 1.7; margin:18px 0; }
  #computer .fl li p em{ font-size: 32px; margin-bottom: 24px; }
  #computer .fl li p small{ font-size: 22px; }
  #computer big{ margin:24px 0; }
  #computer big img{ width: calc(40% - 8px); }
  #computer big img:nth-of-type(2){ width: calc(40% - 8px); }
  #computer big img:nth-of-type(3){ width: calc(20% - 8px); }
}
@media only screen and (max-width:1400px){
  #computer .fl li{ padding:35px; }
  #computer .fl li p{ font-size: 17px; line-height: 1.6; margin:16px 0; }
  #computer .fl li p em{ font-size: 24px; margin-bottom: 18px; }
  #computer .fl li p small{ font-size: 20px; }
  #computer big{ margin:20px 0; }
  #computer big img{ width: calc(40% - 6px); }
  #computer big img:nth-of-type(2){ width: calc(40% - 6px); }
  #computer big img:nth-of-type(3){ width: calc(20% - 6px); }
}
@media only screen and (max-width:1200px){
  #computer{ width: 1200px; }
  #computer .fl li{ padding:35px 20px; }
  #computer .fl li p{ font-size: 16px; line-height: 1.4; margin:14px 0; }
  #computer .fl li p em{ font-size: 20px; margin-bottom: 18px; }
  #computer .fl li p small{ font-size: 18px; }
  #computer big{ margin: 15px 0; }
  #computer big img{ width: calc(40% - 4px); }
  #computer big img:nth-of-type(2){ width: calc(40% - 4px); }
  #computer big img:nth-of-type(3){ width: calc(20% - 4px); }
}

/* g_case */
#g_case{ padding:0; display: block; overflow: hidden; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
#g_case big{ width: 100%; margin:25px 0; display: flex; align-items: center; justify-content: space-between; }
#g_case big a:nth-of-type(1){ width: calc(40% - 10px); }
#g_case big a:nth-of-type(2){ width: calc(32% - 10px); }
#g_case big a:nth-of-type(3){ width: calc(28% - 10px); }
#g_case big a img{ width: 100%; height: 308px; object-fit: cover; }
#g_case .fl{ width: 100%; display: flex; align-items: flex-start; justify-content: space-between; }
#g_case .fl li{ height: 750px; }
#g_case .fl li p{ height: 100%; }
#g_case .fl li:nth-of-type(1){ width: calc(33% - 10px); }
#g_case .fl li:nth-of-type(2){ width: calc(41% - 10px);  }
#g_case .fl li:nth-of-type(3){ width: calc(26% - 10px);  }
#g_case .fl li:nth-of-type(2) p:nth-of-type(2){ margin-top: 20px; }
#g_case .fl li:nth-of-type(3) p:nth-of-type(2){ margin-top: 20px; }
#g_case .fl li:nth-of-type(1) p{ height: 100%; }
#g_case .fl li:nth-of-type(2) p:nth-of-type(1){ height: calc(55% - 10px); object-fit: cover; }
#g_case .fl li:nth-of-type(2) p:nth-of-type(2){ height: calc(45% - 10px); object-fit: cover; }
#g_case .fl li:nth-of-type(3) p:nth-of-type(1){ height: calc(40% - 10px); object-fit: cover; }
#g_case .fl li:nth-of-type(3) p:nth-of-type(2){ height: calc(60% - 10px); object-fit: cover; }
#g_case .fl li p img{ width: 100%; height: 100%; object-fit: cover; }

@media only screen and (max-width:1600px){
  #g_case .fl li:nth-of-type(1){ width: calc(33% - 8px);  }
  #g_case .fl li:nth-of-type(2){ width: calc(41% - 8px);  }
  #g_case .fl li:nth-of-type(3){ width: calc(26% - 8px);  }
  #g_case .fl li p img{ width: 100%;  }
  #g_case big{ margin:20px 0; }
  #g_case big a:nth-of-type(1){ width: calc(40% - 8px); }
  #g_case big a:nth-of-type(2){ width: calc(32% - 8px); }
  #g_case big a:nth-of-type(3){ width: calc(28% - 8px); }
  #g_case .fl li:nth-of-type(2) p:nth-of-type(2){ margin-top: 16px; }
  #g_case .fl li:nth-of-type(3) p:nth-of-type(2){ margin-top: 16px; }
  #g_case .fl li{ height: 700px; }
  #g_case big a img{ height: 260px; }
  
  #g_case .fl li:nth-of-type(2) p:nth-of-type(1){ height: calc(55% - 8px); }
  #g_case .fl li:nth-of-type(2) p:nth-of-type(2){ height: calc(45% - 8px); }
  #g_case .fl li:nth-of-type(3) p:nth-of-type(1){ height: calc(40% - 8px); }
  #g_case .fl li:nth-of-type(3) p:nth-of-type(2){ height: calc(60% - 8px); }
}
@media only screen and (max-width:1400px){
  #g_case .fl li:nth-of-type(1){ width: calc(33% - 6px);  }
  #g_case .fl li:nth-of-type(2){ width: calc(41% - 6px);  }
  #g_case .fl li:nth-of-type(3){ width: calc(26% - 6px);  }
  #g_case big{ margin:15px 0; }
  #g_case big a:nth-of-type(1){ width: calc(40% - 6px); }
  #g_case big a:nth-of-type(2){ width: calc(32% - 6px); }
  #g_case big a:nth-of-type(3){ width: calc(28% - 6px); }
  #g_case .fl li:nth-of-type(2) p:nth-of-type(2){ margin-top: 12px; }
  #g_case .fl li:nth-of-type(3) p:nth-of-type(2){ margin-top: 12px; }
  #g_case .fl li{ height: 650px; }
  #g_case big a img{ height: 220px; }
  #g_case .fl li:nth-of-type(2) p:nth-of-type(1){ height: calc(55% - 6px); }
  #g_case .fl li:nth-of-type(2) p:nth-of-type(2){ height: calc(45% - 6px); }
  #g_case .fl li:nth-of-type(3) p:nth-of-type(1){ height: calc(40% - 6px); }
  #g_case .fl li:nth-of-type(3) p:nth-of-type(2){ height: calc(60% - 6px); }
}
@media only screen and (max-width:1200px){
  #g_case{ width: 1200px; }
  #g_case .fl li:nth-of-type(1){ width: calc(33% - 4px);  }
  #g_case .fl li:nth-of-type(2){ width: calc(41% - 4px);  }
  #g_case .fl li:nth-of-type(3){ width: calc(26% - 4px);  }
  #g_case big a:nth-of-type(1){ width: calc(40% - 4px); }
  #g_case big a:nth-of-type(2){ width: calc(32% - 4px); }
  #g_case big a:nth-of-type(3){ width: calc(28% - 4px); }
  #g_case .fl li:nth-of-type(2) p:nth-of-type(1){ height: calc(55% - 4px); }
  #g_case .fl li:nth-of-type(2) p:nth-of-type(2){ height: calc(45% - 4px); }
  #g_case .fl li:nth-of-type(3) p:nth-of-type(1){ height: calc(40% - 4px); }
  #g_case .fl li:nth-of-type(3) p:nth-of-type(2){ height: calc(60% - 4px); }
  #g_case .fl li:nth-of-type(2) p:nth-of-type(2){ margin-top: 8px; }
  #g_case .fl li:nth-of-type(3) p:nth-of-type(2){ margin-top: 8px; }
  #g_case .fl li{ height: 600px; }
  #g_case big a img{ height: 180px; }
}

/* product_material */
/* .product_material{ overflow: hidden; text-align: center; margin:0 0 60px; }
.product_material > b{ font-size: 60px; color: #1d1d1f; line-height: 1; font-weight: normal; margin:0 0 60px; display: block; }
.product_material ul{ width: 100%; display: flex; align-items: center; justify-content: space-between; }
.product_material li{ width: 25%; display: flex; flex-direction: column; }
.product_material li:nth-child(even){ flex-direction: column-reverse; }
.product_material li .img{ width: 100%; height: 370px; overflow: hidden; }
.product_material li .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.product_material li .txt{ width: 100%; height: 370px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #f1f1f1; }
.product_material li .txt b{ font-weight: normal; font-size: 42px; color: #1d1d1f; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.product_material li .txt p{ max-width:300px; font-size: 18px; color: #1d1d1f; line-height: 1.6; margin-top: 42px; }
.product_material li:hover img{ transition: all .3s; transform: scale(1.05); }
.product_material li:hover .txt{ transition: all .3s; background: var(--zhu-color); } 
.product_material li:hover .txt b, .product_material li:hover .txt p{ transition: all .3s; color: #ffffff; } 
@media only screen and (max-width:1600px){
  .product_material{ margin:0 0 50px; }
  .product_material > b{ font-size: 46px; margin:0 0 50px; }
  .product_material li .img{ height: 330px; }
  .product_material li .txt{ height: 330px; }
  .product_material li .txt b{ font-size: 38px; }
  .product_material li .txt p{ max-width:100%; padding:0 15px; font-size: 17px; line-height: 1.6; margin-top: 32px; }
}
@media only screen and (max-width:1400px){
  .product_material{ margin:0 0 40px; }
  .product_material > b{ font-size: 38px; margin:0 0 40px; }
  .product_material li .img{ height: 290px; }
  .product_material li .txt{ height: 290px; }
  .product_material li .txt b{ font-size: 34px; }
  .product_material li .txt p{ font-size: 16px; line-height: 1.5; margin-top: 22px; }
}
@media only screen and (max-width:1200px){
  .product_material{ margin:0 0 30px; width: 1200px; }
  .product_material > b{ font-size: 30px; margin:0 0 30px; }
  .product_material li .img{ height: 250px; }
  .product_material li .txt{ height: 250px; }
  .product_material li .txt b{ font-size: 30px; }
  .product_material li .txt p{ font-size: 15px; margin-top: 12px; }
} */

/* product_list */
.product_list{ overflow: hidden; width: 100%; }
.product_list li a{ display: flex; align-items: center; background: var(--zhu-color); justify-content: space-between; }
.product_list li .img, .product_list li .txt{ width: calc(50% - 15px); }
.product_list li .img{ padding-bottom: 0%; position: relative; overflow: hidden; background: #dcdedd; }
.product_list li .img img{ width: 100%; height: 100%; object-fit: cover; position: relative; top:50px; }
.product_list li .txt b{ display: block; font-size: 48px; color: #ffffff; line-height: 1; text-transform: capitalize; }
.product_list li .txt p{ font-size: 24px; margin: 24px 0; color: #ffffff; line-height: 1.5; }
.product_list li .txt > span{ overflow: hidden; display: inline-flex; text-transform: uppercase; padding:22px 50px; background: var(--pei-color); position: relative; align-self: end; }
.product_list li .txt > span::before{ content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; left:0; top:0; background: #008bd2; transform: rotate(-90deg); transform-origin:0 100%; transition: all .3s; }
.product_list li .txt > span small{ position: relative; line-height: 1; font-size: 16px; color: #ffffff; }
.product_list li .txt > span:hover::before{ transition: all .3s; transform: rotate(0); transform-origin:0 100%; }
.product_list li:hover img{ transition: all .3s; transform: scale(1.05); }
.product_list .product_icons{ justify-content:flex-start; padding: 20px 0; }
.product_list .product_icons li{ padding:0; padding-right: 30px; }
.product_list .product_icons li span{ color: #ffffff; font-size: 36px; }
.product_list .product_icons li p{ font-size: 16px; margin-top: 12px; }
@media only screen and (max-width:1600px){
  .product_list li .txt b{ font-size: 40px; }
  .product_list li .txt p{ font-size: 22px; margin: 20px 0; }
  .product_list .product_icons{ padding: 18px 0; }
  .product_list .product_icons li span{ font-size: 32px; }
  .product_list .product_icons li p{ font-size: 15px; margin-top: 10px; }
  .product_list li .txt > span{ padding:20px 44px;}
  .product_list li .txt > span small{ font-size: 15px; }
}
@media only screen and (max-width:1400px){
  .product_list li .txt b{ font-size: 32px; }
  .product_list li .txt p{ font-size: 20px; margin: 16px 0; }
  .product_list .product_icons{ padding: 16px 0; }
  .product_list .product_icons li span{ font-size: 28px; }
  .product_list .product_icons li p{ font-size: 14px; margin-top: 8px; }
  .product_list li .txt > span{ padding:18px 38px;}
  .product_list li .txt > span small{ font-size: 14px; }
}
@media only screen and (max-width:1200px){
  .product_list li .txt b{ font-size: 24px; }
  .product_list li .txt p{ font-size: 18px; margin: 12px 0; }
  .product_list .product_icons{ padding: 14px 0; }
  .product_list .product_icons li span{ font-size: 24px; }
  .product_list .product_icons li p{ font-size: 13px; margin-top: 6px; }
  .product_list li .txt > span{ padding:16px 32px;}
  .product_list li .txt > span small{ font-size: 13px; }
}









@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1400px){
}
@media only screen and (max-width:1200px){
}