@charset "utf-8";
@font-face {
  font-family: 'iconfont';  /* Project id 3310006 */
  src: url('http://at.alicdn.com/t/font_3310006_erxohq62gj5.woff2?t=1652687107668') format('woff2'),
       url('http://at.alicdn.com/t/font_3310006_erxohq62gj5.woff?t=1652687107668') format('woff'),
       url('http://at.alicdn.com/t/font_3310006_erxohq62gj5.ttf?t=1652687107668') 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; }
@font-face{ font-family: YS; src: url('./fonts/YouSheBiaoTiHei.ttf'); }
@font-face{ font-family: DINP; src: url('./fonts/DINPro-Medium.otf'); }
@font-face{ font-family: DINB; src: url('./fonts/DINPro-Bold.ttf'); }
@font-face{ font-family: GEO; src: url('./fonts/Geometric.ttf'); }
@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:#112768;--pei-color:#ff9001;}
.inner{ width: 1500px; margin:0 auto; }
@media only screen and (max-width: 1500px){
  .inner{ width: 100%; 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; }
}

/*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;}

/* section */
.section{ overflow: hidden; }

/* fp-nav 翻页侧边导航按钮 */
#fullPage-nav { _display: none; font-size: 12px;}
#fullPage-nav li { width: 90px; height: 21px; margin: 10px 0 0; vertical-align: middle;}
#fullPage-nav li a { float: right; width: 21px; height: 21px; color: #8F9DA4; text-decoration: none; text-align: right; }
#fullPage-nav li .active { background-position: 0 bottom;}
#fullPage-nav span { display: none;}
.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #8F9DA4; line-height: 21px;}
#fp-nav ul li .fp-tooltip{ color: #8F9DA4; }

/* index */
.h_top{ padding:30px 120px; transition: all .3s; background: #ffffff; box-sizing: border-box; width: 100%; display: flex; align-items: center; justify-content: space-between; }
.h_top .logo{ display: inline-flex; align-items: center; width:300px; }
.h_top .logo img{ transition: all .3s; max-width: 100%; }
.h_top .logo img + img{ margin-left: 15px; transition: all .3s; mix-blend-mode: difference; mix-blend-mode: exclusion; }
.h_top .nav{ display: flex; width:calc(100% - 640px); align-items: center; justify-content: space-between; }
.h_top .nav li{ width:12.5%; text-align: center; position: relative; overflow: hidden; }
.h_top .nav li > a{ display:inline-flex; padding:20px 0; align-items: center; justify-content: center; position: relative; font-size: 16px; color: #333333; 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 .tel{ width:340px; display: inline-flex; align-items: center; justify-content: flex-end; }
.h_top .tel .mobile{ display: inline-block; padding-left: 68px; background: url(../images/ico_tel.png) no-repeat left center; }
.h_top .tel .mobile p{ font-size: 14px; color: #333333; line-height: 1; }
.h_top .tel .mobile b{ display: block; font-size: 30px; font-family: "GEO"; line-height: 1; margin-top: 5px; color: var(--pei-color); }
.h_top > .nav_btn{ display: none; }
.h_top .nav li:hover{ overflow: visible; }
#nav li .navson{display: none; position: absolute; left: 0; top:100%; z-index: 999; width: 660px; border:0; }
#nav li .navson .navson_nr .hei{ background: rgba(0,0,0,.8); padding: 5%;}
#nav li .navson dl{ float: left; width: 30%;}
#nav li .navson dl dt{ font-weight: normal; font-size: 14px; height: 43px; line-height: 43px; text-align: left; position: relative; padding-left: 10px;}
#nav li .navson dl dt a{ color: rgba(255,255,255,0.8) !important;}
#nav li .navson dl dt:before{ position: absolute; left: 0; bottom: 0; width: 0; height: 1px; content: ''; background: rgba(255,255,255,0.5); transition: 0.3s;}
#nav li .navson dl dt:hover:before{ width: 80%;}
#nav li .navson .pic{ float: right; width: 65%; padding-bottom: 30%; position: relative;  }
#nav li .navson .pic img{ left:0; width: 100%; height: 100%; object-fit: cover; transition: all .3s; position: absolute; }
#nav li .navson .pic:before{ position: absolute; left: -10%; top: 0; content: ''; width: 1px; height: 100%; background: rgba(255,255,255,0.5);}

.index{ width:100%; position: fixed; top:0; z-index: 9999; }
.index .h_top{ background: none; transition: all .3s; }
.index .h_top > .logo, .index .h_top > .nav, .index .h_top > .tel{ display: none; transition: all .3s; }
.index .h_top > .nav_btn{ position: absolute; display: inline-block; width: 46px; height:42px; cursor: pointer; right:30px; top:30px; padding-left: 30px; background: rgba(0,0,0,.4); border-radius: 2px; }
.index .h_top > .nav_btn.on{ background: rgba(255,255,255,.4); }
.nav_btn span { width: 30px; top: 50%; transform: translateY(-50%); transform-origin: 50% 50%; margin-top: -1px; }
.nav_btn span,
.nav_btn span::before,
.nav_btn span::after { position: absolute; left: 50%; transform: translateX(-50%); height: 2px; background: #f1f1f1; transition: all .2s ease }
.nav_btn span::before,
.nav_btn span::after { content: ''; width: 100% }
.nav_btn span::before { top: -10px }
.nav_btn span::after { bottom: -10px }
.index.on .h_top{ background: none; transition: all .3s; padding:30px 120px; }
.index.on .h_top > .nav_btn{ display: none; }
.index.on .h_top > .logo, .index.on .h_top > .nav, .index.on .h_top > .tel{ display: inline-flex; transition: all .3s; }
.index.on .h_top .nav a{ color: #ffffff; }
.index.on .h_top .tel .mobile p{ color: #ffffff; }
.close{ width:46px; height:42px; position:absolute; right:40px; top:40px; z-index:95; cursor:pointer; display:none; }
.close .bar{ width:100%; height:2px; margin:5px auto 0; display:block; background-color:#FFF; transition:.3s ease-in-out; -webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; }
.close .bar:nth-child(1){ margin-top:20px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.close .bar:nth-child(2){ margin-top:-3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.slide-product .close{ display:block; }
.slide-product{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; display:none; }
.slide-product .box{ width:100%; height:100%; position:relative; }
.slide-product .box-left{ background:rgba(0,0,0,0.8); width:100%; max-width:350px; border-right:1px solid #494949; height:100%; float:left; }
.slide-product .box-left b{ display: block; height:100px; display:flex; justify-content:space-between; align-items:center; color:#fff; font-size:30px; width:100%; padding:0 36px; margin-bottom:23px; position:relative; }
.slide-product .box-left b:after{ content:""; display:block; width:calc(100% - 36px * 2); height:1px; background:rgba(73,73,73,0.59); position:absolute; bottom:0; left:36px; }
.slide-product .box-left ul li{ padding:10px 0; position:relative; }
.slide-product .box-left ul li:after{ content:""; display:block; width:calc(100% - 36px * 2); height:1px; background:rgba(73,73,73,0.59); position:absolute; bottom:0; left:36px; }
.slide-product .box-left ul li a{ display: flex; align-items: center; justify-content: space-between; transition:all 0.36s; padding:0 36px; }
.slide-product .box-left ul li a small{ font-size:20px; color:#ffffff; line-height:28px; display:block; height:100%; line-height:52px; height:52px;  cursor:pointer; }
.slide-product .box-left ul li a span{ font-size: 16px; color: #ffffff; line-height: 1; transition:all 0.36s; }
.slide-product .box-right{ width:100%; max-width:calc(100% - 350px); height:100%; overflow:hidden; background:rgba(0,0,0,0.9); float:right; }
.slide-product .box-right > b{ display: block; height:100px; display:flex; justify-content:space-between; align-items:center; color:#fff; font-size:30px; width:100%; padding:0 36px; position:relative; }
.slide-product .box-right ul{ width:calc(100vw - 350px); height: calc(100vh - 100px); box-sizing: border-box; border-top: 1px solid rgba(73,73,73,0.59); box-sizing: border-box; padding:15px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.slide-product .box-right ul li{ width:calc(100% / 4 - 22.5px); height:calc(100% / 3 - 30px); float:left; }
.slide-product .box-right ul li a{ width: 100%; height:100%; display: block; position: relative; }
.slide-product .box-right ul li .img{ width: 100%; height:100%; overflow: hidden; }
.slide-product .box-right ul li img{ width:100%; height:100%; object-fit: cover; transition:all 0.36s; }
.slide-product .box-right ul li b{ position: absolute; left:0; bottom:0; width:100%; box-sizing: border-box; background: rgba(0,0,0,0.59); display: block; font-weight: normal; font-size:14px; color:#fff; text-align:center; padding:14px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.slide-product .box-right ul li:hover img{ transform:scale(1.05); }
@media only screen and (max-width:1600px){
  .h_top, .index.on .h_top{ padding:15px; }
  .slide-product .box-right ul li{ width:calc(100% / 3 - 20px); }
  .slide-product .box-right ul li:nth-child(10),
  .slide-product .box-right ul li:nth-child(11),
  .slide-product .box-right ul li:nth-child(12){ display: none; }
}
@media only screen and (max-width:1500px){
  .index .h_top > .nav_btn{ top:15px; right:15px; }
  #nav li .navson .navson_nr .hei{ padding:15px; }
  #nav li .navson{ width:500px; }
  #nav li .navson .pic:before{ left:-15px; }
  #nav li .navson dl dt{ height:32px; line-height: 32px; }
}
@media only screen and (max-width:1400px){
  .h_top .logo{ width:250px; }
  .h_top .tel{ width:250px; }
  .h_top .tel .mobile{ padding-left: 60px; background-size: 24%; }
  .h_top .tel .mobile b{ font-size:24px; }
  .h_top .nav{ width:calc(100% - 500px); }
  .slide-product .box-right ul li{ width:calc(100% / 2 - 15px); }
  .slide-product .box-right ul li:nth-child(7),
  .slide-product .box-right ul li:nth-child(8),
  .slide-product .box-right ul li:nth-child(9){ display: none; }
}
@media only screen and (max-width:1200px){
  .h_top .logo{ width:160px; }
  .h_top .logo img{ height:40px; }
  .h_top .logo img + img{ height:34px; margin-left: 10px; }
  .h_top .tel{ width:180px; }
  .h_top .tel .mobile{ padding-left: 0; background: none; }
  .h_top .tel .mobile p{ display: none; }
  .h_top .tel .mobile b{ margin-top: 0; }
  .h_top .nav{ width:calc(100% - 340px); }
  /* #nav li .navson .pic{ display: none; }
  #nav li .navson .navson_nr .hei{ padding:0; }
  #nav li .navson dl dt{ padding:4px 12px; text-align: center; box-sizing: content-box; }
  #nav li .navson{ width:100%; }
  #nav li .navson dl{ width:100%; }
  #nav li .navson dl dt:hover:before{ width: 100%;} */
  #nav li .navson .pic{ display: none; }
  #nav li .navson{ width: 140%; left:-20%; }
  #nav li .navson dl{ width: 100%; }
  #nav li .navson dl dt{ padding-left: 0; text-align: center; }
  #nav li .navson dl dt:hover:before{ width: 100%;}
}
@media only screen and (max-width:992px){
  .h_top > .nav_btn{ position: absolute; display: block; width: 46px; height:42px; cursor: pointer; right:15px; top:15px; padding-left: 30px; background: rgba(0,0,0,.4); border-radius: 2px; }
  .index.on .h_top > .nav, .index.on .h_top > .tel{ display: none; }
  .index.on .h_top > .nav_btn{ display: block; top:18px; right:15px; }
  .h_top .nav, .h_top .tel{ display: none; }
  .h_top > .nav_btn{ display: block; }
  .h_top .logo{ width:50%; }
  .h_top .logo img{ height:46px; }
  .h_top .logo img + img{ height:40px; margin-left: 10px; }
  .slide-product .box-right ul li{ width:100%; }
  .slide-product .box-right ul li:nth-child(4),
  .slide-product .box-right ul li:nth-child(5),
  .slide-product .box-right ul li:nth-child(6){ display: none; }
  .slide-product .box-right > b{ padding:0 15px; }
  .close{ right:15px; top:34px; }
  #fp-nav { display: none;}
  #nav li .navson{ display: none!important; }
  
}
@media only screen and (max-width:768px){
  .slide-product .box-left{ width:100%; max-width: 100%; border-right: 0; background: rgba(0,0,0,0.9); }
  .slide-product .box-right{ display: none; }
  
}
@media only screen and (max-width:640px){
  .h_top .logo img{ height:40px; }
  .h_top .logo img + img{ height:36px; margin-left: 10px; }
  .index.on .h_top > .nav_btn{ top:18px; right:15px; }
  .index .h_top > .nav_btn, .h_top > .nav_btn{ height:34px; width:40px; padding-left: 24px; }
  .nav_btn span{ width:24px; }
  .nav_btn span::before{ top:-8px; }
  .nav_btn span::after{ bottom:-8px; }
  .slide-product .box-left{ width:100%; max-width: 100%; border-right: 0; background: rgba(0,0,0,0.9); }
  .slide-product .box-left b{ padding:0 15px; height:70px; font-size: 20px; margin-bottom: 24px; }
  .slide-product .box-left b:after, .slide-product .box-left ul li:after{ width:calc(100% - 15px * 2); left:15px; }
  .slide-product .box-left ul li a{ padding:0 15px; }
  .slide-product .box-left ul li a small{ font-size:16px; }
  .slide-product .box-right{ display: none; }
  .close{ width:30px; height:38px; right:20px; top:15px; }
}
@media only screen and (max-width:576px){
}
@media only screen and (max-width:414px){
  .h_top .logo img{ height:32px; }
  .h_top .logo img + img{ height:28px; margin-left: 10px; }
  .index.on .h_top > .nav_btn{ top:15px; right:15px; }
  .index .h_top > .nav_btn, .h_top > .nav_btn{ height:26px; width:32px; padding-left: 20px; }
  .nav_btn span{ width:20px; }
  .nav_btn span::before{ top:-6px; }
  .nav_btn span::after{ bottom:-6px; }

  .slide-product .box-left ul li{ padding:0; }
  .slide-product .box-left b{ margin-bottom: 0; }
}

/*banner背景图片动画*/
@-webkit-keyframes scale-bg{
	from{ -webkit-transform:scale(1.2); transform:scale(1.2); }
	to{ -webkit-transform:scale(1); transform:scale(1); }
}
@keyframes scale-bg{
	from{ -webkit-transform:scale(1.2); transform:scale(1.2); }
	to{ -webkit-transform:scale(1); transform:scale(1); }
}
.mouse { /*background: #4e5559 linear-gradient(transparent 0%, transparent 50%, #ffffff 50%, #ffffff 100%);*/ position: relative; width: 21px; height: 35px; border-radius: 100px; background-size: 100% 200%; -webkit-animation: nudgeMouse 5s ease-out infinite; animation: nudgeMouse 5s ease-out infinite; }
.mouse:before, .mouse:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.mouse:before { width: 21px; height: 35px; border:3px solid #fff; border-radius: 100px; }
.mouse:after { background-color: #ffffff; width: 6px; height: 6px; border-radius: 50%; -webkit-animation: trackBallSlide 5s linear infinite; animation: trackBallSlide 5s linear infinite; }
@-webkit-keyframes colorSlide {
  0% { background-position: 0% 100%; }
  20% { background-position: 0% 0%; }
  21% { background-color: #4e5559; }
  29.99% { background-color: #ffffff; background-position: 0% 0%; }
  30% { background-color: #4e5559; background-position: 0% 100%; }
  50% { background-position: 0% 0%; }
  51% { background-color: #4e5559; }
  59% { background-color: #ffffff; background-position: 0% 0%; }
  60% { background-color: #4e5559; background-position: 0% 100%; }
  80% { background-position: 0% 0%; }
  81% { background-color: #4e5559; }
  90%, 100% { background-color: #ffffff; }
}
@keyframes colorSlide {
  0% { background-position: 0% 100%; }
  20% { background-position: 0% 0%; }
  21% { background-color: #4e5559; }
  29.99% { background-color: #ffffff; background-position: 0% 0%; }
  30% { background-color: #4e5559; background-position: 0% 100%; }
  50% { background-position: 0% 0%; }
  51% { background-color: #4e5559; }
  59% { background-color: #ffffff; background-position: 0% 0%; }
  60% { background-color: #4e5559; background-position: 0% 100%; }
  80% { background-position: 0% 0%; }
  81% { background-color: #4e5559; }
  90%, 100% { background-color: #ffffff; }
}
@-webkit-keyframes trackBallSlide {
  0% { opacity: 1; -webkit-transform:translateY(-8px); transform:translateY(-8px); }
  6% { opacity: 1; -webkit-transform:translateY(5px); transform:translateY(5px); }
  14% { opacity: 0; -webkit-transform:translateY(10px); transform:translateY(10px); }
  15%, 19% { opacity: 0; -webkit-transform:translateY(-8px); transform:translateY(-8px); }
  28%, 29.99% { opacity: 1; -webkit-transform:translateY(-8px); transform:translateY(-8px); }
  30% { opacity: 1; -webkit-transform:translateY(-8px); transform:translateY(-8px); }
  36% { opacity: 1; -webkit-transform:translateY(5px); transform:translateY(5px); }
  44% { opacity: 0; -webkit-transform:translateY(10px); transform:translateY(10px); }
  45%, 49% { opacity: 0; -webkit-transform:translateY(-8px); transform:translateY(-8px); }
  58%, 59.99% { opacity: 1; -webkit-transform:translateY(-8px); transform:translateY(-8px); }
  60% { opacity: 1; -webkit-transform:translateY(-8px); transform:translateY(-8px); }
  66% { opacity: 1; -webkit-transform:translateY(5px); transform:translateY(5px); }
  74% { opacity: 0; -webkit-transform:translateY(10px); transform:translateY(10px); }
  75%, 79% { opacity: 0; -webkit-transform:translateY(-8px); transform:translateY(-8px); }
  88%, 100% { opacity: 1; -webkit-transform:translateY(-8px); transform:translateY(-8px); }
}
@keyframes trackBallSlide {
  0% { opacity: 1; -webkit-transform:translateY(-8px); transform:translateY(-8px); }
  6% { opacity: 1; -webkit-transform:translateY(5px); transform:translateY(5px); }
  14% { opacity: 0; -webkit-transform:translateY(10px); transform:translateY(10px); }
  15%, 19% { opacity: 0; -webkit-transform:translateY(-8px); transform:translateY(-8px); }
  28%, 29.99% { opacity: 1; -webkit-transform:translateY(-8px); transform:translateY(-8px); }
  30% { opacity: 1; -webkit-transform:translateY(-8px); transform:translateY(-8px); }
  36% { opacity: 1; -webkit-transform:translateY(5px); transform:translateY(5px); }
  44% { opacity: 0; -webkit-transform:translateY(10px); transform:translateY(10px); }
  45%, 49% { opacity: 0; -webkit-transform:translateY(-8px); transform:translateY(-8px); }
  58%, 59.99% { opacity: 1; -webkit-transform:translateY(-8px); transform:translateY(-8px); }
  60% { opacity: 1; -webkit-transform:translateY(-8px); transform:translateY(-8px); }
  66% { opacity: 1; -webkit-transform:translateY(5px); transform:translateY(5px); }
  74% { opacity: 0; -webkit-transform:translateY(10px); transform:translateY(10px); }
  75%, 79% { opacity: 0; -webkit-transform:translateY(-8px); transform:translateY(-8px); }
  88%, 100% { opacity: 1; -webkit-transform:translateY(-8px); transform:translateY(-8px); }
}
@-webkit-keyframes nudgeMouse {
  0% { -webkit-transform: translateY(0); transform: translateY(0); }
  20% { -webkit-transform: translateY(8px); transform: translateY(8px); }
  30% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(8px); transform: translateY(8px); }
  60% { -webkit-transform: translateY(0); transform: translateY(0); }
  80% { -webkit-transform: translateY(8px); transform: translateY(8px); }
  90% { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes nudgeMouse {
  0% { -webkit-transform: translateY(0); transform: translateY(0); }
  20% { -webkit-transform: translateY(8px); transform: translateY(8px); }
  30% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(8px); transform: translateY(8px); }
  60% { -webkit-transform: translateY(0); transform: translateY(0); }
  80% { -webkit-transform: translateY(8px); transform: translateY(8px); }
  90% { -webkit-transform: translateY(0); transform: translateY(0); }
}

/*banner */
.app{ background: #fff; }
.app .section1{ position: relative; }
.app .section1 .banner{ height: 100%; }
.app .section1 .banner .item{ background-size: cover; -webkit-background-size:cover; background-position: center; background-repeat: no-repeat; height:100%; position: relative; }
.app .section1 .banner .item > video{ width: 100%; height: 100%; position: absolute; left:0; top:0; object-fit: cover; background-size: cover; z-index: 1; }
.app .section1 .banner .item.slick-current .scaleBg{ visibility: visible; -webkit-animation:scale-bg 6s linear forwards; animation:scale-bg 6s linear forwards; }
.app .section1 .banner .items{ background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; }
/* .app .section1 .banner .items:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.2); } */
.app .section1 .banner .item .inner{ width: 100%; height: 100%;  position: relative; z-index: 3; }
.app .section1 .banner .item .inner .block_txt{ position: absolute; top: 0; width: 1500px; height:100%; left: 50%; margin-left: -750px; text-align: left; }
.app .section1 .banner .item .inner .block_txt .b1_tit{ position: absolute; left:2%; top:18%; transform:scale(0.5); filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0; -moz-transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; }
.app .section1 .banner .item.active .inner .block_txt .b1_tit{ filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1; transform:scale(1); -webkit-transition-delay: 50ms; transition-delay: 50ms; }


.button-prev, .button-next{transition: 0.5s; outline: none; position: absolute; width: 140px; z-index: 10; top: 50vh; transform: translateY(-34px); cursor: pointer; }
.button-prev{left: 5vw;}
.button-next{right: 5vw;}
.button.disabled{opacity: 0.2;cursor: default;}
#arrow-svg-home{transform: translateY(353px);}
.button-next #arrow-svg-home{transform: translateY(353px) rotateY(180deg);transform-origin: 80px 0px 0px;}
svg{transition: 0.5s;}
.cls-1{transition: 0.5s;opacity: 0.4;transform-origin: -20px 40px;opacity: 1;}
.cls-4{transition: 0.5s;stroke-width: 2px;stroke: #fff;fill: none;stroke-dasharray: 1;stroke-dashoffset: 1;opacity: 0.4;transform-origin: 0px 0px 0px;}
#arrow-trg{transition: 0.5s;fill: #fff;transform: rotateY(180deg) translate(-53px, 39px);}
#line{transition: 0.5s;stroke: #fff;transform: translate(50px, 42px);}
.button-prev:not(.disabled):hover svg{transform: translateX(-25px);}
.button-next:not(.disabled):hover svg{transform: translateX(25px);}
.button:not(.disabled):hover .cls-1{transform: scale(1.1);}
.button:not(.disabled):hover .cls-4{stroke-dasharray: 2px;stroke-dashoffset: 2px;opacity: 1;}
.button:not(.disabled):hover #arrow-trg{transform: rotateY(180deg) translate(-37px, 39px);}
.button:not(.disabled):hover #line{transform: translate(35px, 42px) scaleX(0.33);}

.app .section1 .number{position: absolute;bottom:8%;left: 50%;padding-bottom: 5px;display: table;padding: 0 20px;width: auto;text-align: center;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.app .section1 .number span{font-size: 52px;color: #fff;display: inline-block;cursor: pointer;position: relative;transition: all 500ms ease;-webkit-transition:all 500ms ease;}
.banner_mob{ display: none; }
@media only screen and (max-width: 1600px){
  .button-prev{ left: 30px; }
  .button-next{ right: 30px; }
  .app .section1 .banner .item .inner .block_txt .b1_tit{ left:12%; }
}
@media only screen and (max-width: 1500px){
  .app .section1 .banner .item .inner .block_txt{ width:100%; margin-left:0; left:0; }
  .app .section1 .banner .item .inner .block_txt .b1_tit{ left:16%; }
}
@media only screen and (max-width:1400px){
  .app .section1 .banner .item .inner .block_txt img{ max-width: 70%; }
  .app .section1 .banner .item .inner .block_txt .b1_tit{ left:15%; }
}
@media only screen and (max-width:1200px){
  .button-prev, .button-next{ top:90vh; }
  .app .section1 .banner .item .inner .block_txt .b1_tit{ left:10%; }
}
@media only screen and (max-width:992px){
  .app .section1 .banner .item .inner .block_txt{ text-align: center; }
  .app .section1 .banner .item .inner .block_txt img{ max-width: 30%; }
  .app .section1 .banner .item .inner .block_txt .b1_tit{ left:30%; -webkit-transform: translateX(-30%); -ms-transform: translateX(-30%); transform: translateX(-30%); }
  .banner_mob{ display: block; }
  .banner_pc{ display: none; }
}
@media only screen and (max-width:768px){
  .button-prev, .button-next{ display: none; }
}
@media only screen and (max-width:640px){
  .app .section1 .banner .item .inner .block_txt img{ max-width: 40%; display: block; }
}
@media only screen and (max-height:576px){
}
@media only screen and (max-height:414px){
  .app .section1 .banner .item .inner .block_txt img{ max-width: 24%; }
}

/*m_about*/
.app .section2{ position: relative; height: 100%; }
.app .section2 .img_bg{ position: absolute; top:0; width: 100%; height: 100%; z-index: 1; }
.app .section2 .img_bg .scale_img{ width: 100%; height: 100%; -webkit-transform:scale(1.2); transform:scale(1.2); }

.m_about{ overflow: hidden; position: relative; z-index: 3; height: 100%; box-sizing: border-box; }
.m_about .inner{ height:100%; margin:0 auto; display: flex; align-items: center; justify-content: space-between; }
.m_about .intro{ width:40%; }

.m_tit{ display: flex; align-items: center; }
.m_tit span{ display: inline-block; width: 28px; height:28px; background: var(--zhu-color); position: relative; margin-right: 20px; }
.m_tit span::before{ content: ""; display: inline-block; width: 17px; height: 17px; background: var(--pei-color); position: absolute; top:-3px; right:-9px; }
.m_tit b{ font-family: "YS"; font-size: 50px; color: #333333; font-weight: normal; line-height: 1; }
.m_tit b small{ font-family: "DINP"; font-size: 30px; color: var(--pei-color); text-transform: uppercase; line-height: 1; margin-left: 4px; }

.m_about .intro > b{ display: block; font-size: 24px; color: #333333; line-height: 1; font-weight: bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:58px 0 32px; }
.m_about .intro > p{ font-size: 15px; color: #666666; line-height: 2; overflow:hidden; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical; text-align: justify; }
.m_about .intro > a{ margin:52px 0; display: inline-flex; padding:15px 20px; background: var(--pei-color); position: relative; }
.m_about .intro > a::before{ content: ""; display: inline-block; width:0; height:100%; background: var(--zhu-color); position: absolute; right:0; top:0; transition: all .3s; }
.m_about .intro > a small{ line-height: 1; font-size: 20px; color: #fdfefe; text-transform: capitalize; position: relative; z-index: 33; }
.m_about .intro > a span{ position: relative; z-index: 33; font-size: 24px; height: 20px; line-height: 1; color: #fdfefe; margin-left:12px; position: relative; z-index: 33; transition: all .3s; }
.m_about .intro > a:hover::before{ transition: all .3s; width: 100%; left:0; }
.m_about .intro > a:hover span{ transition: all .3s; margin-left: 20px; }
.m_about .intro > img, .m_about .img img{ max-width: 100%; transition: all .3s; }
.m_about .intro > img:hover{ transition: all .3s; transform: scale(1.05); }
.m_about .img{ width:55%; }

.m_about .img .img_btn{ display: flex; align-items: center; justify-content: center; width: 100%; padding-bottom: 75%; position: relative; overflow: hidden; }
.m_about .img .img_btn img{ left:0; top:0; width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
.m_about .img .video_btn{ width: 100%; height: 100%; position: absolute; top:0; left:0; display: flex; align-items: center; justify-content: center; }
.m_about .img .video_btn span{ cursor: pointer; display: inline-block; font-size: 60px; color: #333; line-height: 1; transition: all .3s; }
.m_about .img .video_btn span:hover{ transition: all .3s; transform: rotate(360deg); }
.m_about .img:hover img{ transition: all .3s; transform: scale(1.05); }

.m_about .btns{ display: flex; align-items: flex-start; justify-content: space-between; margin-top: 46px; }
.m_about .btns a{ display: inline-flex; flex-direction: column; align-items: center; justify-content: center; padding:25px; transition: all .3s; }
.m_about .btns a span{ display: inline-block; font-size: 40px; color: #666666; line-height: 1; }
.m_about .btns a p{ font-size: 16px; color: #333333; line-height: 1; margin-top: 12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.m_about .btns a:hover{ background: #ffffff; transition: all .3s; box-shadow: 0 0 16px rgba(56, 127, 167, .45); }
.m_about .btns a:hover span, .m_about .btns a:hover p{ transition: all .3s; color: var(--pei-color); }
.m_about .btns a:hover span{ animation: swing 1s;}
@-webkit-keyframes swing{ 20%{-webkit-transform:rotate(15deg);} 40%{-webkit-transform:rotate(-10deg);} 60%{-webkit-transform:rotate(5deg);} 80%{-webkit-transform:rotate(-5deg);} 100%{-webkit-transform:rotate(0);} }
@-moz-keyframes swing{ 20%{-moz-transform:rotate(15deg);} 40%{-moz-transform:rotate(-10deg);} 60%{-moz-transform:rotate(5deg);} 80%{-moz-transform:rotate(-5deg);} 100%{-moz-transform:rotate(0);} }
@-ms-keyframes swing{ 20%{-ms-transform:rotate(15deg);} 40%{-ms-transform:rotate(-10deg);} 60%{-ms-transform:rotate(5deg);} 80%{-ms-transform:rotate(-5deg);} 100%{-ms-transform:rotate(0);} }
@keyframes swing{ 20%{transform:rotate(15deg);} 40%{transform:rotate(-10deg);} 60%{transform:rotate(5deg);} 80%{transform:rotate(-5deg);} 100%{transform:rotate(0);} }
/* 动画 */
.active .m_about .fl{ opacity: 1; margin-left: 0px; transition-delay: 0.7s; }

@media only screen and (max-width:1500px){
  .m_about .intro, .m_about .img{ width:50%; box-sizing: border-box; }
  .m_about .intro{ padding-right: 15px; }
  .m_about .img{ padding-left: 15px; }
  .m_about .intro > b{ margin:30px 0; }
  .m_about .intro > a{ margin:18px 0 26px; }
  .m_about .btns{ margin-top: 6px; }
}
@media only screen and (max-width:1400px){
  .m_tit b{ font-size: 40px; }
  .m_about .intro > b, .m_about .intro > a{ margin:26px 0; }
  .m_about .intro > p{ -webkit-line-clamp: 5; }
}
@media only screen and (max-width:1200px){
  .m_tit b{ font-size: 32px; }
  .m_tit b small{ font-size: 26px; }
  .m_about .intro > a small{ font-size: 16px; }
  .m_about .intro > a span{ font-size:16px; height:16px; }
  .m_about .img .img_btn{ padding-bottom: 40%; }
  .m_about .intro > b, .m_about .intro > a{ margin:22px 0; }
}
@media only screen and (max-width:992px){
  .m_tit b{ font-size: 30px; }
  .m_tit b small{ font-size: 24px; }
  .m_about .inner{ flex-direction: column; justify-content: center; }
  .m_about .intro, .m_about .img{ width:100%; box-sizing: border-box; padding:0; }
  .m_about .intro > img{ display:none; }
  .m_about .img{ width:100%; }
  .m_about .img img{ width:100%; max-width: 100%; height:32vh; object-fit: cover; }
  .m_about .btns{ margin-top: 15px; }
  .m_about .intro > p {-webkit-line-clamp: 4; }
  .m_about .intro > b, .m_about .intro > a{ margin:18px 0; }
}
@media only screen and (max-width:768px){
  .m_tit b{ font-size: 26px; }
  .m_tit b small{ font-size: 22px; }
  .m_tit span{ width: 24px; height:24px; margin-right: 16px; }
  .m_tit span::before{ width: 13px; height: 13px; top:-3px; right:-9px; }
  .m_about .img img{ height:28vh; }
  .m_about .intro > b{ font-size:22px; }
  .m_about .img .video_btn span{ font-size: 48px; }
  .m_about .intro > b, .m_about .intro > a{ margin:14px 0; }
}
@media only screen and (max-width:640px){
  .m_tit b{ font-size: 24px; }
  .m_tit b small{ font-size: 20px; }
  .m_tit span{ width: 20px; height:20px; margin-right: 16px; }
  .m_tit span::before{ width: 13px; height: 13px; top:-3px; right:-9px; }
  .m_about .img img{ height:24vh; }
  .m_about .intro > b{ font-size:20px; }
  .m_about .img .video_btn span{ font-size: 42px; }
  .m_about .intro > b, .m_about .intro > a{ margin:10px 0; }
}
@media only screen and (max-width:576px){
  .m_tit b{ font-size: 24px; }
  .m_tit b small{ font-size: 18px; }
  .m_tit span{ width: 18px; height:18px; margin-right: 12px; }
  .m_tit span::before{ width: 10px; height: 10px; top:-3px; right:-9px; }
  .m_about .intro > b{ font-size:18px; }
  .m_about .img .video_btn span{ font-size: 36px; }
  .m_tit{ margin-bottom: 20px; }
  .m_about .img{ margin-top: 20px; }
}
@media only screen and (max-width:414px){
  .m_about .intro > b{ font-size:15px; font-weight: normal; margin:12px 0; }
  .m_about .intro > p{ line-height: 1.5; }
  .m_about .intro > a{ margin:12px 0; padding:10px 16px;  }
  .m_about .intro > a small{ font-size:14px; height:14px; }
  .m_about .btns a{ padding:8px; }
  .m_about .btns a p{ font-size:14px; }
  .m_about .btns a span{ font-size:24px; }
  .m_about .img .video_btn span{ font-size: 30px; }
}


/*m_product*/
.app .section3{ position: relative; height: 100%; }
.m_product{ height:100%; display: flex; align-items: center; flex-direction: column; justify-content: flex-start; }
.product_hd{ width: 100%; clear: both; background: url(../images/product_hd_bg.jpg) no-repeat top center; }
.product_tit{ width: 100%; padding:75px 0; display: flex; align-items: center; justify-content: space-between; }
.product_tit .m_tit b{ color: #ffffff; }
.product_tit a{ margin:0; display: inline-flex; padding:16px 38px; background: #cecdcc; position: relative; }
.product_tit a::before{ content: ""; display: inline-block; width:0; height:100%; background: var(--pei-color); position: absolute; right:0; top:0; transition: all .3s; }
.product_tit a small{ line-height: 1; font-size: 14px; color: #333333; text-transform: capitalize; position: relative; z-index: 33; }
.product_tit a span{ position: relative; z-index: 33; font-size: 14px; height: 14px; line-height: 1; color: #333333; margin-left:8px; position: relative; z-index: 33; transition: all .3s; }
.product_tit a:hover::before{ transition: all .3s; width: 100%; left:0; }
.product_tit a:hover small{ transition: all .3s; color: #fff; }
.product_tit a:hover span{ transition: all .3s; color: #fff; }

#products{ margin-top: 40px; width: 100%; height:calc(100vh - 240px); clear: both; }
#products .swiper-slide { width:1178px; transition-timing-function:linear; }
#products .swiper-slide a{ display: block; width: 100%; height: 100%; overflow: hidden; position: relative; }
#products a img{ width:100%; height: 100%; object-fit: cover; transition: all .3s; }
#products a .info{ width: 34%; background: var(--zhu-color); box-sizing: border-box; padding:40px; position: absolute; left:70px; top:100%; transition: all .5s; }
#products a .info .tit{ display: flex; padding:30px 0; align-items: flex-end; background: url(../images/tit_bg.png) no-repeat left bottom; }
#products a .info .tit i{ margin-right:12px; font-size: 48px; font-family: "DINB"; font-weight: bold; color: var(--pei-color); line-height: 1; }
#products a .info .tit b{ font-size: 40px; position: relative; top:-4px; font-weight: bold; display: block; color: var(--pei-color); line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#products a .info .txt{ overflow: hidden; }
#products a .info .txt p{ margin-top: 16px; font-size: 15px; color: #fcfafa; line-height: 1.6; }
#products a .info > span{ display: inline-block; padding:6px; margin-top: 50px; border:1px solid #f1f3f7; line-height: 1; font-size: 20px; color: #ffffff; }
#products a:hover img{ transition: all .3s; transform: scale(1.05); }
#products a:hover .info{ top:92px; transition: all .5s; }

#products .swiper-button-next, #products .swiper-button-prev{ width:92px; height:50px; margin-top:-25px; background: #1e1e1e; display: flex; align-items: center; justify-content: center; transition: all .3s; }
#products .swiper-button-next span, #products .swiper-button-prev span{ display: inline-block; line-height: 1; font-size: 24px; color: #fff; }
#products .swiper-button-prev span{ transform: rotateY(180deg); }
#products .swiper-button-next:hover, #products .swiper-button-prev:hover{ transition: all .3s; background: var(--pei-color); }
#products .swiper-button-next{ right:16%; }
#products .swiper-button-prev{ left:16%; }		
#products .swiper-pagination-bullet{ background:none; opacity:1; margin:0 6px !important; width:9px; height:9px; position:relative; outline:none; vertical-align:middle; }
#products .swiper-pagination-bullet span{ width:3px; height:3px; background:#CCC; display:block; border-radius:50%; margin-top:3px; margin-left:3px; }
#products .swiper-pagination-bullet i{ background:#000; height:1px; width:20px; position:absolute; top:4px; transform:scaleX(0); transform-origin:left; z-index:3; transition-timing-function:linear; }
#products .swiper-pagination-bullet-active span, #products .swiper-pagination-bullet:hover span{ width:9px; height:9px; margin-top:0; margin-left:0; background:#000; position:relative; z-index:1; }
#products .swiper-pagination-bullet-active i{ animation:middle 6s; }
#products .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{ animation:first 6s; }
#products .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{ animation:last 6s; }				
@keyframes first{ 0% { transform:scaleX(0.5); left:0px; } 100% { transform:scaleX(1); left:2px; } }
@keyframes last{ 0% { transform:scaleX(0.7); left:-10px; } 20% { transform:scaleX(0.3); left:2px; } 100% { transform:scaleX(0.3); left:0px; } }		
@keyframes middle{ 0% { transform:scaleX(0.7); left:-10px; } 20% { transform:scaleX(0.45); left:2px; } 100% { transform:scaleX(1); left:2px; } }	
#produce_type{ display: none; }
@media only screen and (max-width:1700px){
  #products .swiper-button-next{ right:10%; }
  #products .swiper-button-prev{ left:10%; }	
}
@media only screen and (max-width:1500px){
  #products .swiper-button-next{ right:15px; }
  #products .swiper-button-prev{ left:15px; }	
  #products .swiper-slide { width:1100px; }
  #products a .info{ width:36%; }
  .product_tit{ padding:55px 0; }
}
@media only screen and (max-width:1400px){
  #products{ margin-top: 35px; height: calc(100vh - 235px); }
  #products .swiper-slide { width:900px; }
  #products a .info{ width:48%; }
  #products a .info .tit i{ font-size:45px; }
}
@media only screen and (max-width:1200px){
  #products{ margin-top: 30px; height: calc(100vh - 230px); }
  #products .swiper-slide { width:800px; }
  #products a .info{ width:51%; padding:35px; }
  #products a .info .tit i{ font-size:42px; }
}
@media only screen and (max-width:992px){
  .product_tit{ height: 20vh; padding:0; justify-content: flex-start; }
  .product_tit a{ display: none; }

  #products{ display: none; }
  #produce_type{ display: block; width: 100%; height: 80vh; padding:20px; }
  #produce_type .swiper-slide{ height: 50%; }
  #produce_type a{ display: block; height: 100%; }
  #produce_type a .img{ width: 100%; height: calc(100% - 65px); position: relative; overflow: hidden; }
  #produce_type a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; position: absolute; }
  #produce_type a b{ display: flex; width: 100%; background: var(--zhu-color); padding:18px 0; align-items: center; justify-content: center; font-size: 18px; color: #fff; line-height: 1; transition: all .3s; }
  #produce_type a:hover img{ transition: all .3s; transform: scale(1.05); }
  #produce_type a:hover b{ transition: all .3s; background: var(--pei-color); }
}
@media only screen and (max-width:768px){
  #produce_type{ padding:15px; }
  #produce_type a b{ padding:16px 0; font-weight: normal; font-size: 16px; }
}
@media only screen and (max-width:640px){
  #produce_type .swiper-slide{ height: 32%; }
  #produce_type a b{ padding:14px 0; font-size: 14px; }
  #produce_type a .img{ height: calc(100% - 42px); }
}
@media only screen and (max-width:576px){
  #produce_type a b{ padding:12px 0; font-size: 13px; }
  .product_tit .m_tit{ margin-bottom: 0; }
}
@media only screen and (max-width:414px){
  #produce_type a b{ padding:10px 0; font-size: 12px; }
}

/* m_super */
.app .section4{ position: relative; height: 100%; }
.app .section4 .img_bg{ position: absolute; top:0; width: 100%; height: 100%; }
.app .section4 .img_bg .scale_img{ width: 100%; height: 100%; -webkit-transform:scale(1.2); transform:scale(1.2); }

.m_super{ position: relative; height:100%; display: flex; align-items: center; flex-direction: column; justify-content: center; }
.m_super .hd{ width:100%; overflow: hidden; margin-bottom: 70px; }
.m_super .super_tit{ display: flex; align-items: center; justify-content: center; margin-left: -56px; }
.m_super .super_tit b{ font-weight: normal; font-size: 60px; font-family: "YS"; line-height: 1; color: #333333; }
.m_super .super_tit b:first-child{ color: var(--pei-color); }
.m_super .super_tit i{ display: inline-block; margin:0 24px; width:98px; height:98px; background: url(../images/vs.png) no-repeat center; }
.m_super .bd{ display: flex; align-items: flex-start; justify-content: center; }
.m_super .bd > ul{ width:50%; }
.m_super .integrate{ background: var(--zhu-color); box-sizing: border-box; padding:60px; border-radius: 30px; }
.m_super .integrate li{ display: flex; align-items: center; }
.m_super .integrate li + li{ margin-top: 40px; }
.m_super .integrate li .img{ display: inline-block; width: 78px; height:78px; border:2px solid rgba(255, 255, 255, .5); border-radius: 50%; overflow: hidden; margin-right: 20px; }
.m_super .integrate li .img img{ width:100%; height:100%; object-fit: cover; transition: all .3s; }
.m_super .integrate li:hover .img img{ transition: all .3s; transform: scale(1.1); }
.m_super .integrate li p{ width: calc(100% - 100px); font-size: 18px; color: #f5f7fb; line-height: 1.8; }
.m_super .tradition{ margin-top: 20px; background: #eff0ed url(../images/eliminate.png) no-repeat center; box-sizing: border-box; padding:40px 40px 40px 0; border-radius: 30px; }
.m_super .tradition li{ display: flex; align-items: center; }
.m_super .tradition li + li{ margin-top: 30px; }
.m_super .tradition li .img{ animation: rotation 3s linear infinite; position: relative; left:-43px; display: inline-flex; align-items: center; justify-content: center; width: 86px; height:86px; background: var(--pei-color); border-radius: 50%; overflow: hidden; }
.m_super .tradition li p{ width: calc(100% - 86px); font-size: 18px; color: #666666; line-height: 1.8; }
@-webkit-keyframes rotation{
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}
@media only screen and (max-width:1500px){
  .m_super .hd{ margin-bottom: 20px; }
  .m_super .super_tit i{ height: 76px; }
  .m_super .integrate{ padding:40px; }
  .m_super .tradition{ padding:30px 30px 30px 0; }
  .m_super .tradition li .img{ left:-24px; }
}
@media only screen and (max-width:1400px){
  .m_super .integrate{ padding:40px 45px 40px 40px; }
  .m_super .tradition li .img{ left:-40px; }
}
@media only screen and (max-width:1200px){
  .m_super .hd{ margin-bottom: 0; }
  .m_super .integrate li p, .m_super .tradition li p{ font-size:16px; line-height: 1.5; }
  .m_super .tradition{ background-size: 100%; }
  .m_super .tradition li .img{ width:66px; height:66px; }
  .m_super .tradition li .img img{ max-width: 60%; }
  .m_super .tradition li p{ width: calc(100% - 66px); }
  .m_super .tradition li .img{ left:-30px; }
  .m_super .super_tit{ margin:25px 0; }
  .m_super .super_tit i{ width:68px; height: 68px; background-size: 100%; }
  .m_super .super_tit b{ font-size:46px; }
  .m_super .super_tit{ margin-left: -42px; }
}
@media only screen and (max-width:992px){
  .m_super .m_tit{ display: none; }
  .m_super .super_tit{ margin:20px 0; }
  .m_super .bd{ flex-direction: column; }
  .m_super .bd > ul{ width:100%; }
  .m_super .integrate{ padding:20px; }
  .m_super .integrate li + li{ margin-top:15px; }
  .m_super .super_tit i{ width:48px; height:48px; margin:0 15px; }
  .m_super .tradition{ padding:20px; background-size: 26%; }
  .m_super .tradition li .img{ left:0; margin-right: 20px; }
  .m_super .tradition li + li{ margin-top:20px; }
  .m_super .tradition li p{ width: calc(100% - 80px); color:#333; }
  .m_super .super_tit b{ font-size:42px; }
  .m_super .super_tit{ margin-left: -39px; }
  .m_super .integrate li .img, .m_super .tradition li .img{ width: 56px; height: 56px; }
}
@media only screen and (max-width:768px){
  .m_super .super_tit{ margin:15px 0; }
  .m_super .super_tit b{ font-size:36px; }
  .m_super .integrate, .m_super .tradition{ padding:18px; }
  .m_super .integrate li p, .m_super .tradition li p{ font-size:14px; line-height: 1.3; }
  .m_super .integrate li p{ width:calc(100% - 80px); }
  .m_super .super_tit{ margin-left: -33px; }
}
@media only screen and (max-width:640px){
  .m_super .super_tit{ margin:10px 0; }
  .m_super .integrate, .m_super .tradition{ padding:20px; }
  .m_super .super_tit{ margin-left: -33px; }
}
@media only screen and (max-width:576px){
  .m_super .super_tit{ margin:7.5px 0; }
  .m_super .integrate, .m_super .tradition{ padding:15px; }
  .m_super .integrate li, .m_super .tradition li{ align-items: flex-start; }
  .m_super .integrate li .img, .m_super .tradition li .img{ width: 15px; height: 15px; margin-right: 8px; }
  .m_super .integrate li .img img{ margin-top: -10px; }
  .m_super .tradition li .img{ margin-top: 4px; background: #656565; }
  .m_super .tradition li .img img{ display: none; }
  .m_super .integrate li p, .m_super .tradition li p{ width:calc(100% - 20px); }
}
@media only screen and (max-width:414px){
  .m_super .super_tit b{ font-size:22px; }
  .m_super .super_tit i{ margin:0 8px; width: 26px; height: 26px; }
  .m_super .integrate li p, .m_super .tradition li p{ font-size: 12px; }
  .m_super .integrate li + li{ margin-top:10px; }
  .m_super .tradition li + li{ margin-top:10px; }
  .m_super .super_tit{ margin-left: -21px; }
}


/*m_news*/
.app .section5{ position: relative; height: 100%; }
.app .section5 .img_bg{ position: absolute; top:0; width: 100%; height: 100%;  z-index: 1; }
.app .section5 .img_bg .scale_img{ width: 100%; height: 100%; -webkit-transform:scale(1.2); transform:scale(1.2); }

.m_news{ overflow: hidden; position: relative; background: url(../images/news_hd_bg.jpg) no-repeat top center; z-index: 3; height: 100%; box-sizing: border-box; }
.m_news .inner{ height: 100vh; display: flex; flex-direction: column; justify-content: flex-start; }
.news_tit{ width: 100%; padding:70px 0; display: flex; align-items: center; justify-content: space-between; }
.news_tit .m_tit b{ color: #ffffff; }
.m_news .bd{ width:100%; display: flex; align-items: flex-start; justify-content: space-between; }
.m_news .bd #l_news{ width:calc(100% - 520px); margin:0; }
#l_news  a{ display: block; width: 100%; }
#l_news  a .img{ height:317.3px; position: relative; background: #f1f1f1; overflow: hidden; }
#l_news  a .img img{ width:100%; height:100%; object-fit: cover; position: absolute; transition: all .3s; }
#l_news  a .txt{ box-sizing: border-box; padding: 30px; background: #ffffff; transition: all .3s; }
#l_news  a .txt b{ display: flex; width:100%; align-items: center; line-height: 1; padding-bottom: 20px; border-bottom: 1px solid rgba(176, 176, 176, .21); transition: all .3s; }
#l_news  a .txt b > span{ font-size: 18px; color: #484848; line-height: 1; margin-right: 12px; transition: all .3s; }
#l_news  a .txt b > small{ font-size: 22px; color: #333333; line-height: 1; display: block; width: calc(100% - 32px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all .3s; }
#l_news  a .txt p{ text-indent:-2em; font-size: 14px; color: #666666; line-height: 2; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin:30px 0; transition: all .3s; }
#l_news  a .txt > i{ display: block; font-size: 24px; font-family: "DINB"; color: var(--pei-color); line-height: 1; transition: all .3s; }
#l_news  a .txt > small{ margin-top: 30px; display: inline-flex; padding:14px 24px; border:1px solid var(--pei-color); font-size: 16px; color: var(--pei-color); line-height: 1; text-transform: capitalize; transition: all .3s; }
#l_news  a .txt > small span{ font-size: 18px; line-height: 1; color: var(--pei-color); margin-left: 12px; transition: all .3s; }
#l_news  a:hover img{ transition: all .3s; transform: scale(1.05); }
#l_news  a:hover .txt{ transition: all .3s; background: var(--zhu-color); }
#l_news  a:hover .txt b > span, #l_news  a:hover .txt b > small{ transition: all .3s; color: #fff; }
#l_news  a:hover .txt p{ transition: all .3s; color: #fff; }

.m_news .bd .r_news{ width:490px; box-sizing: border-box; padding:13px 26px; background: var(--pei-color) url(../images/r_news_bg.jpg) no-repeat bottom center; }
.m_news .bd .r_news li{ padding:30px 0; overflow: hidden; }
.m_news .bd .r_news li:nth-child(4){ display: none; }
.m_news .bd .r_news li + li{ border-top:1px solid rgba(255, 255, 255, .17); }
.m_news .bd .r_news a{ display: flex; align-items: center; justify-content: space-between; }
.m_news .bd .r_news a .img, .m_news .bd .r_news a .txt{ width:calc(50% - 15px); overflow: hidden; }
.m_news .bd .r_news a .img{ padding-bottom: 35%; position: relative; background: #f1f1f1; }
.m_news .bd .r_news a .img img{ width:100%; height:100%; object-fit: cover; position: absolute; transition: all .3s; }
.m_news .bd .r_news a .txt{ display: flex; align-items: flex-start; flex-direction: column; }
.m_news .bd .r_news a .txt b{ font-size: 18px; font-weight: normal; line-height: 1.6; color: #fdfcfc; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;  }
.m_news .bd .r_news a .txt p{ font-size: 14px; line-height: 1.7; color: #f5f7fb; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;  }
.m_news .bd .r_news a .txt p:nth-of-type(1){ margin: 10px 0; }
.m_news .bd .r_news a .txt span{ font-size: 18px; color: #ffffff; line-height: 1; display: inline-block; }
.m_news .bd .r_news a:hover img{ transition: all .3s; transform: scale(1.05); }
@media only screen and (max-width:1500px){
  .m_news .inner{ justify-content: center; }
  .m_news .bd{ padding-bottom: 24px; }
  .news_tit{ padding:50px 0 30px; }
  #l_news a .txt{ padding:20px; }
  #l_news a .txt p{ margin:15px 0; line-height: 1.7; }
  #l_news  a .img{ height:auto; padding-bottom: 60%; }
  .m_news .bd .r_news li{ padding:11px 0; }
}
@media only screen and (max-width:1400px){
  .news_tit{ padding:15px 0; }
  .m_news .bd{ flex-direction: column; }
  .m_news .bd #l_news{ width:100%; }
  .m_news .bd .r_news{ width:100%; }
  #l_news  a .img{ height:auto; padding-bottom: 56%; }
  #l_news a .txt{ padding:20px; }
  #l_news a .txt b{ padding-bottom: 15px; }
  #l_news a .txt b > small{ font-size: 18px; }
  #l_news a .txt p{ margin:15px 0; -webkit-line-clamp: 2; }
  #l_news a .txt > small{ margin-top:15px; }
  .m_news .inner{ align-items: center; justify-content: center; height:100vh; }
  .m_news .bd .r_news{ padding:20px; display: flex; align-items: center; margin-top: 20px; justify-content: space-between; }
  .m_news .bd .r_news li + li{ border-top:0; }
  .m_news .bd .r_news li{ padding:0; width:32%; }
  .m_news .bd .r_news a .txt b{ -webkit-line-clamp:1; }
  .m_news .bd .r_news a .txt p:nth-of-type(1){ -webkit-line-clamp:1; margin:0; text-indent: -2em; }
}
@media only screen and (max-width:1200px){
  #l_news a .txt > small{ padding:8px 16px; font-size: 14px; align-items: center; }
  .m_news .bd .r_news{ margin-top: 15px; flex-wrap: wrap; padding:15px; }
  .m_news .bd .r_news li{ width:calc(50% - 7.5px); }
  .m_news .bd .r_news li:nth-child(4){ display: block; }
  .m_news .bd .r_news li:nth-child(1), .m_news .bd .r_news li:nth-child(2){ margin-bottom: 15px; }
  .m_news .bd .r_news a .img{ width:calc(40% - 7.5px); padding-bottom: 30%; }
  .m_news .bd .r_news a .txt{ width:calc(60% - 7.5px); }
  .m_news .bd .r_news a .txt p{ margin:5px 0; }
  #l_news a .txt{ padding:15px; }
  #l_news a .txt p{ -webkit-line-clamp: 2; margin:10px 0; line-height: 1.5; }
}
@media only screen and (max-width:992px){
  .m_news .bd .r_news{ flex-wrap: wrap; }
  .m_news .bd .r_news li{ padding:0; width:calc(50% - 7.5px); }
  #l_news a .txt p{ -webkit-line-clamp:2; }
  #l_news a .img{ padding-bottom: 60%; }
}
@media only screen and (max-width:768px){
  .m_news .bd .r_news a .txt p{ margin:0; }
  .m_news .bd .r_news a .txt b{ font-size:16px; }
}
@media only screen and (max-width:640px){
  .m_news .bd .r_news{ padding:15px; }
  .m_news .bd .r_news li{ width:100%; }
  .m_news .bd .r_news a .img{ width: calc(30% - 7.5px); padding-bottom: 20%; }
  .m_news .bd .r_news a .txt{ width: calc(70% - 7.5px); }
  .m_news .bd .r_news li:nth-child(4){ display: none; }
  
}
@media only screen and (max-width:576px){
  #l_news a .txt{ padding:15px; }
  #l_news a .txt b > small{ font-size: 17px; }
  #l_news a .txt p{ margin:5px 0; }
  #l_news a .txt > i{ font-size:18px; }
  #l_news a .txt > small{ font-size: 14px; }
  #l_news a .txt > small span{ font-size: 14px; line-height: 1; }
}
@media only screen and (max-width:414px){
  .m_news{ background-size: cover; }
  .m_news .bd #l_news{ display: none; }
  .m_news .bd .r_news a .img{ width: calc(40% - 7.5px); padding-bottom: 30%; }
  .m_news .bd .r_news a .txt{ width: calc(60% - 7.5px); }
  .m_news .bd .r_news li:nth-child(4){ display: block; margin-top: 15px; }
  .m_news .bd .r_news a .txt b{ font-size:16px; }
  .m_news .bd .r_news a .txt p{ line-height: 1.4; font-size: 13px; }
}

/*footer*/
.s_copy{ background: #1e1e1e; overflow: hidden; padding:21px 0; display: flex; align-items: center; width:100%; justify-content: center; }
.s_copy p{ text-align: center; width: 100%; }
.s_copy p, .s_copy p a{ font-size: 14px; color: #f5f7fb; line-height: 1; text-align: center; }
@media only screen and (max-width:1400px){
}
@media only screen and (max-width:1200px){
}
@media only screen and (max-width:992px){
  .s_copy{ padding:18px 0; }
  .s_copy p{ line-height: 1.5; }
}
@media only screen and (max-width:768px){
  .s_copy{ padding:16px 0; }
}
@media only screen and (max-width:640px){
  .s_copy{ padding:15px 0; }
}
@media only screen and (max-width:576px){
  .s_copy{ padding:14px 0; }
}
@media only screen and (max-width:414px){
  .s_copy{ padding:12px 0; }
  .s_copy p{ line-height: 1.4; }
}

/*sbanner*/
.sbanner{ padding:136px 0; overflow: hidden; background: url(../images/company_banner.jpg) no-repeat top center; }
.sbanner .row{ display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.sbanner span{ text-transform: uppercase; font-size: 60px; font-family: "GEO"; color: #ffffff; line-height: 1; }
.sbanner b{ font-size: 36px; font-weight: normal; color: #ffffff; line-height: 1; position: relative; padding:26px 0; }
.sbanner b::before{ content: ""; display: inline-block; width:70px; height: 2px; background: #ffffff; position: absolute; left:0; bottom:0; }
.company{ background: url(../images/company_banner.jpg) no-repeat top center; }
.contact{ background: url(../images/contact_banner.jpg) no-repeat top center; }
.news{ background: url(../images/news_banner.jpg) no-repeat top center; }
.scope{ background: url(../images/scope_banner.jpg) no-repeat top center; }
.product_banner{ background: url(../images/product_banner.jpg) no-repeat top center; }
.case_banner{ background: url(../images/case_banner.jpg) no-repeat top center; }
/* crumbs */
.crumbs{ display: flex; align-items: center; margin-top: 26px; color: rgba(255,255,255,.7); }
.crumbs i{ font-size: 14px; line-height: 1; margin-right: 6px; }
.crumbs small, .crumbs a{ font-size: 14px; color: rgba(255,255,255,.7); transition: all .3s; }
.crumbs a:hover{ transition: all .3s; color: var(--pei-color); }
@media only screen and (max-width:1600px){
  .sbanner .inner{ padding:0 15px; }
}
@media only screen and (max-width:1500px){
  .sbanner .row{ align-items: center; }
  .sbanner b::before{ left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
}
@media only screen and (max-width:1400px){
  .sbanner{ padding:100px 0; }
  .sbanner span{ font-size:50px; }
  .sbanner b{ font-size: 32px; }
}
@media only screen and (max-width:1200px){
  .sbanner{ padding:90px 0; }
  .sbanner b{ padding:12px 0 20px; }
  .crumbs{ margin-top: 20px; }
}
@media only screen and (max-width:992px){
  .sbanner{ padding:80px 0; }
  .sbanner span{ font-size:40px; }
  .sbanner b{ font-size: 28px; padding:10px 0 18px; }
  .crumbs{ margin-top: 16px; }
}
@media only screen and (max-width:768px){
  .sbanner{ padding:70px 0; }
  .crumbs{ margin-top: 12px; }
  .sbanner span{ font-size:36px; }
  .sbanner b{ font-size: 24px; padding:8px 0 16px; }
}
@media only screen and (max-width:640px){
  .sbanner{ padding:60px 0; }
  .sbanner span{ font-size:32px; }
  .sbanner b{ font-size: 20px; padding:8px 0 14px; }
  .crumbs small{ display: none; }
}
@media only screen and (max-width:576px){
  .sbanner{ padding:50px 0; }
  .sbanner span{ font-size:28px; }
  .sbanner b{ font-size: 18px; }
}
@media only screen and (max-width:414px){
  .sbanner{ padding:40px 0; }
  .sbanner span{ font-size:24px; }
  .sbanner b{ font-size: 16px; }
}


/* c_company */
.c_company{ padding:60px 0; background: url(../images/about_bg.jpg) no-repeat top center; }
.c_company .inner{ display: flex; align-items: flex-start; justify-content: space-between; }
.c_company .intro, .c_company .img{ width: calc(50% - 15px); }
.c_company .intro .m_tit{ margin:14px 0 56px; }
.c_company .intro > b{ display: block; font-size: 30px; font-weight: bold; color: #333333; line-height: 1; }
.c_company .intro > i{ display: block; font-size: 24px; color: #666666; line-height: 1.5; margin:26px 0; }
.c_company .intro > p{ font-size: 15px; color: #666666; line-height: 2; }
.c_company .intro > p + p{ margin-top: 12px; }

.c_company .img{ display: flex; align-items: center; justify-content: center; padding-bottom: 0; position: relative; overflow: hidden; }
.c_company .img img{ max-width: 100%; transition: all .3s; }
.c_company .img .video_btn{ width: 100%; height: 100%; position: absolute; top:0; left:0; display: flex; align-items: center; justify-content: center; }
.c_company .img .video_btn span{ cursor: pointer; display: inline-block; font-size: 60px; color: #333; line-height: 1; transition: all .3s; }
.c_company .img .video_btn span:hover{ transition: all .3s; transform: rotate(360deg); }
.c_company .img:hover img{ transition: all .3s; transform: scale(1.05); }

@media only screen and (max-width:1500px){
  .c_company{ padding:40px 0; }
  .c_company .intro .m_tit{ margin:0 0 20px; }
  .c_company .intro > i{ font-size:20px; margin:18px 0; }
}
@media only screen and (max-width:1400px){
  .c_company{ padding:35px 0; }
  .c_company .intro > p + p{ margin-top:0; }
  .c_company .intro > b{ font-size:24px; margin:18px 0; }
  .c_company .intro > i{ display: none; }
  .c_company .intro .m_tit{ margin-bottom: 0; }
}
@media only screen and (max-width:1200px){
  .c_company{ padding:30px 0; }
  .c_company .img img{ height:452px; object-fit: cover; }
}
@media only screen and (max-width:992px){
  .c_company{ padding:25px 0; }
  .c_company .intro, .c_company .img{ width: 100%; }
  .c_company .inner{ flex-direction: column-reverse; }
  .c_company .img{ margin-bottom: 25px; }
  .c_company .img img{ width:100%; height:400px; object-fit: cover; }
  .c_company .intro > b{ font-size:22px; margin:16px 0; }
}
@media only screen and (max-width:768px){
  .c_company .img .video_btn span{ font-size: 48px; }
  .c_company{ padding:20px 0; }
  .c_company .intro > b{ font-size:20px; margin:14px 0; }
  .c_company .img img{ height:360px; }
  .layui-layer{ width: 100%!important; }
}
@media only screen and (max-width:640px){
  .c_company .img .video_btn span{ font-size: 42px; }
  .c_company{ padding:15px 0; }
  .c_company .intro > b{ font-size:18px; margin:12px 0; }
  .c_company .img img{ height:auto; }
}
@media only screen and (max-width:576px){
  .c_company .img .video_btn span{ font-size: 36px; }
  .c_company .intro > b{ font-size:17px; }
  .c_company .intro > p{ line-height: 1.7; }
}
@media only screen and (max-width:414px){
  .c_company .img .video_btn span{ font-size: 30px; }
  .c_company .intro > p{ line-height: 1.5; font-size: 14px; }
}

/* c_super */
.c_super{ padding:60px 0; background: url(../images/super_bg.jpg) no-repeat top center; }

/* c_advantage */
.c_advantage{ overflow: hidden; padding:56px 0; overflow: hidden; }
.c_advantage .m_tit{ width: 100%; clear: both; margin-bottom: 46px; }
.c_advantage .bd{ width:100%; overflow: hidden; }
#advantage{ padding-top:112px; }
.advantage_box{ width:100%; position: relative; }
.advantage_box .img{ width:100%; padding-bottom: 85%; position: relative; overflow: hidden; border-radius: 35px; transition: all .3s; }
.advantage_box .img img{ width:100%; height: 100%; position: absolute; object-fit: cover; transition: all .3s; }
.advantage_box .info{ display: flex; flex-direction: column; padding:0 30px; align-items: center; justify-content: center; background: rgba(241, 241, 241, 1); border-radius: 30px; position: absolute; top:0; width: 100%; height: 100%; transition: all .3s; }
.advantage_box .info span{ margin: -112px 0 20px; font-weight: normal; display: inline-flex; width: 112px; height:112px; border-radius: 50%; align-items: center; justify-content: center; font-size: 62px; line-height: 1; color: #ffffff; background: var(--zhu-color); transition: all .3s; }
.advantage_box .info b{ display: block; line-height: 1; padding:20px 0; text-align: center; font-size: 30px; font-weight: bold; color: #000000; position: relative; transition: all .3s; }
.advantage_box .info b::before{ content: ""; display: inline-block; width: 42px; height: 2px; background: var(--zhu-color); position: absolute; left:50%; bottom:0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); transition: all .3s; }
.advantage_box .info p{ display: flex; align-items: center; min-height: 58px; line-height: 1.6; margin:20px 0; font-size: 18px; color: #666666; text-align: center; transition: all .3s; }
.advantage_box .info small{ line-height: 1; text-transform: capitalize; font-size: 15px; color: rgba(0,0,0,.5); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all .3s; }
.advantage_box:hover .info{ transition: all .3s; background: rgba(241, 241, 241, 0); }
.advantage_box:hover .info span{ transition: all .3s; background: var(--pei-color); }
.advantage_box:hover .info b{ transition: all .3s; color: #ffffff; }
.advantage_box:hover .info b::before{ transition: all .3s; background: #ffffff; }
.advantage_box:hover .info p, .advantage_box:hover .info small{ transition: all .3s; color: #ffffff; }
@media only screen and (max-width:1500px){
  .c_super, .c_advantage{ padding:45px 0; }
  .c_advantage .m_tit{ margin-bottom: 40px; } 
  #advantage{ padding-top:50px; }
  .advantage_box .info{ padding:0 10px; }
  .advantage_box .info p{ min-height:auto; }
  .advantage_box .info span{ margin:-92px 0 0; }
}
@media only screen and (max-width:1400px){
  .c_super, .c_advantage{ padding:40px 0; }
  .c_advantage .m_tit{ margin-bottom: 30px; } 
  .advantage_box .info span{ width:68px; height:68px; font-size: 36px; margin:-52px 0 0; }
  .advantage_box .info b{ font-size:24px; }
  .advantage_box .info p{ font-size:16px; }
  #advantage{ padding-top:35px; }
}
@media only screen and (max-width:1200px){
  .c_super, .c_advantage{ padding:35px 0; }
  .c_advantage .m_tit{ margin-bottom: 20px; } 
  .advantage_box .info{ padding:0 20px; }
  .advantage_box .info span{ width:48px; height:48px; font-size: 26px; margin:0; }
  .advantage_box .info b{ font-size:20px; padding: 12px 0; }
  .advantage_box .info p{ font-size:14px; line-height: 1.4; margin:10px 0; min-height: 40px; }
  #advantage{ padding-top:0; }
}
@media only screen and (max-width:992px){
  .c_super, .c_advantage{ padding:30px 0; }
  .c_advantage .m_tit{ margin-bottom: 15px; } 
  .advantage_box .img{ padding-bottom: 70%; }
  .advantage_box .info p{ min-height: auto; }
}
@media only screen and (max-width:768px){
  .c_super, .c_advantage{ padding:25px 0; }
}
@media only screen and (max-width:640px){
  .c_super, .c_advantage{ padding:20px 0; }
  .advantage_box .info small{ display: none; }
  .advantage_box .info p{ min-height: 40px; }
}
@media only screen and (max-width:576px){
  .c_super, .c_advantage{ padding:15px 0; }
  .advantage_box .img{ padding-bottom: 90%; }
  .advantage_box .info span{ width:36px; height:36px; font-size: 20px; margin:0; }
  .advantage_box .info b{ font-size:18px; }
}
@media only screen and (max-width:414px){
  .advantage_box .info b{ font-size:15px; line-height: 1; padding:8px 0; font-weight: normal; }
  .advantage_box .info p{ font-size:12px; line-height: 1.3; margin:5px 0; }
}
/* c_flow */
.c_flow{ padding:0 0 56px; }
.flow_list{ display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 3; }
.flow_list:before{ content:""; position:absolute; left:2px; top:50px; width:99%; height:1px; border-bottom:#969ca1 1px dashed; }
.flow_list:after{ content:""; position:absolute; right:0; top:50px; width:0; height:1px; border-bottom:var(--zhu-color) 1px dashed; z-index:0; -moz-transition: all 4s ease-in-out;-webkit-transition: all 4s ease-in-out; -o-transition: all 4s ease-in-out; -ms-transition: all 4s ease-in-out; transition: all 4s ease-in-out; }
.flow_list:hover:after{ left:2px; width:100%; }
.flow_list{ display: flex; align-items: center; justify-content: space-between; width: 100%; }
.flow_list li{ width:78px; text-align: center; position: relative; z-index: 33; }
.flow_list li b{ text-align: center; border-radius: 50%; font-weight: normal; box-sizing: border-box; padding:20px; display: inline-flex; width: 110px; height:110px; background: var(--zhu-color); align-items: center; justify-content: center; font-size: 32px; color: #ffffff; line-height: 1.1; font-family: "PMZD"; position: relative; z-index: 33; }
.flow_list li .img{ position: relative; width: 78px;height: 78px; display: inline-block; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; position:  relative; z-index: 10; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; transform:rotate(90deg) translateZ(0); -webkit-transform:rotate(90deg) translateZ(0); -moz-transform:rotate(90deg) translateZ(0); background:#ffffff; }
.flow_list li .img small{ display:flex; align-items: center; transform:rotate(-90deg) translateZ(0); -webkit-transform:rotate(-90deg) translateZ(0);  -moz-transform:rotate(-90deg) translateZ(0); }
.flow_list li .img small span{ display: inline-block; font-size: 34px; line-height: 1; color: var(--zhu-color); -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.flow_list li:nth-child(1){ width:9%; text-align: left; }
.flow_list li:nth-child(1)::before{ content: ""; display: block; width: 126px; height:126px; background: rgba(14, 36, 96, .42); border-radius: 50%; position: absolute; left:10px; top:-8px; }
.flow_list li:hover .img small span{ color: var(--pei-color); -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s; }
.flow_list li p{ display: block; font-weight: normal; line-height: 1; font-size: 18px; color: #333333; margin-top: 12px; }
@keyframes jello {
  from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
  66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
  77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
  88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}
.circleProgress_wrapper{ position:relative;}
.wrapper{width: 72.5px;height: 78px;position: absolute;top:0;overflow: hidden;}
.circleProgress_wrapper .left{ width: 39px; height: 78px; position:absolute; left:0; top:0; }
.circleProgress_wrapper .right{ width: 39px; height: 78px ;position:absolute; right:0; top:0; }
.flow_list li .img .circleProgress{ width: 78px; height: 78px; border: 2px solid var(--pei-color); border-radius: 50%; position: absolute; top:0;-webkit-transform: rotate(45deg); box-sizing:border-box; }
.flow_list li .img .rightcircle{ border-top: 2px solid var(--zhu-color); border-right: 2px solid var(--zhu-color); right:0;}
.flow_list li .img:hover .rightcircle{ -webkit-animation: circleProgressLoad_right 2s linear; }
.flow_list li .img .leftcircle{border-bottom: 2px solid var(--zhu-color);border-left: 2px solid var(--zhu-color);left:0;}
.flow_list li .img:hover .leftcircle{ -webkit-animation: circleProgressLoad_left 2s linear;}
.flow_list li .img:after{content:"";position:absolute;left: 0;top: 0;width: 78px;height: 78px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.flow_list li .img:hover:after{transition-delay:2s; border:2px solid var(--pei-color);}
@-webkit-keyframes circleProgressLoad_right{
	0%{ -webkit-transform: rotate(45deg); }
	50%{ -webkit-transform: rotate(225deg); }
	100%{ -webkit-transform: rotate(225deg);}
}
@-webkit-keyframes circleProgressLoad_left{
	0%{ -webkit-transform: rotate(45deg);}
	50%{ -webkit-transform: rotate(45deg);}
	100%{ -webkit-transform: rotate(225deg);}
}

@media only screen and (max-width: 1600px){
  .flow_list li:nth-child(1)::before{ display: none; }
}
@media only screen and (max-width: 1400px){
  .c_flow{ padding:0 0 50px; }
  .flow_list{ align-items: flex-start; }
  .flow_list li{ width:10%; }
  .flow_list li b{ font-size: 26px; width:100px; height: 100px; }
  .flow_list li p{ margin-top: 6px; font-size: 16px; }
}
@media only screen and (max-width: 1200px){
  .c_flow{ padding:0 0 40px; }
  .flow_list{ flex-wrap: wrap; margin-top: 0; }
  .flow_list:before, .flow_list:after{ top:126px; }
  .flow_list li{ width:9%; }
  .flow_list li:nth-child(1){ width:100%; text-align: center; margin:20px 0; position: relative; }
  .flow_list li b{ width: auto; height: auto; border-radius: 10px; padding:10px 30px 8px; line-height: 1; }
  .flow_list:before{ left:2%; width:96%; }
  .flow_list:hover:after{ left:2%; width:100%; }
}
@media only screen and (max-width: 992px){
  .c_flow{ padding:0 0 30px; }
  .flow_list li:nth-child(1){ margin:15px 0; }
  .flow_list:before, .flow_list:after{ top:110px; }
  .flow_list li .img{ width: 60px;height: 60px; }
  .circleProgress_wrapper .right,.circleProgress_wrapper .left{ width:30px; height:60px; }
  .flow_list li .img .circleProgress{ width:60px; height:60px; }
  .flow_list li .img small span{ font-size:24px; }
}
@media only screen and (max-width: 768px){
  .c_flow{ padding:0 0 20px; }
  .flow_list:before, .flow_list:after{ display: none; }
  .flow_list li{ width:33.3%; margin-bottom: 12px; }
}
@media only screen and (max-width: 640px){
  .c_flow{ padding:0 0 15px; }
}
@media only screen and (max-width: 576px){
  .flow_list li b{ font-size: 24px; }
}
@media only screen and (max-width:414px){
}


/* c_product */
.c_product{ overflow: hidden; background: url(../images/c_product_bg.jpg) no-repeat top center; padding:100px 0; background-attachment: fixed; position: relative; }
.c_product .m_tit{ margin-bottom: 45px; }
.c_product .m_tit span{ background: #ffffff; }
.c_product .m_tit b{ color: #ffffff; position: relative; }
.c_product::before { content: ""; display: block; width: 100%; height: 100%; background: rgba(14, 36, 96, .84); position: absolute; top:0; left:0; }
.c_product .bd{ overflow: hidden; position: relative; }
.c_product .bd .inner{ overflow: visible; position: relative; }
#c_product{ overflow: hidden; border-radius: 48px 48px 0 0; }
#c_product .box{ padding:20px; background: #fff; }
#c_product .box .img{ width: 100%; height: 216px; overflow: hidden; }
#c_product .box .img img{ width:100%; height:100%; object-fit: cover; transition: all .3s; }
#c_product .box .info{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
#c_product .box .info span{ display: inline-flex; align-items: center; justify-content: center; width:75px; height:75px; line-height: 75px; background: #fff; border-radius: 50%; text-align: center; margin-top: -38px;  position: relative; z-index: 36; }
#c_product .box .info b{ margin-bottom: 20px; border-bottom: 2px solid #e7e8e9; width:100%; display: block; text-align: center; padding:6px 0 12px; text-align: center; line-height: 1; font-size: 30px; color: var(--zhu-color); font-weight: bold; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#c_product .box .info p{ font-size: 16px; color: #666666; line-height: 1.5; min-height: 96px; margin-bottom: 20px; }
#c_product .swiper-slide-active .img img{ border-radius: 48px 0 0 0; }
#c_product .swiper-slide.on .img img{ border-radius: 0 48px 0 0; }
#c_product .box:hover .img img{ transition: all .3s; transform: scale(1.05); }
#c_product .box:hover span{ animation: swing 1s;}
@media only screen and (max-width:1600px){
  .c_product{ padding:80px 0; }
}
@media only screen and (max-width:1500px){
  .c_product{ padding:60px 0; }
}
@media only screen and (max-width:1400px){
  .c_product{ padding:50px 0; }
  #c_product .box{ padding:15px; }
  #c_product .box .info span{ width:68px; height: 68px; }
  #c_product .box .info span img{ max-width: 50%; }
  #c_product .box .info b{ font-size:24px; padding:0 0 12px; margin-bottom: 12px; }
  #c_product .box .info p{ margin-bottom: 12px; min-height: 120px; }
}
@media only screen and (max-width:1200px){
  .c_product{ padding:40px 0; }
  .c_product .m_tit{ margin-bottom:40px; }
  #c_product .swiper-slide{ height:auto; }
  #c_product .swiper-slide:nth-child(2) .img img{ border-radius: 0 48px 0 0; }
  #c_product .swiper-slide:nth-child(4) .img img{ border-radius: 0 0 0 0; }
  #c_product .box .info p{ margin-bottom: 12px; min-height: 72px; }
}
@media only screen and (max-width:992px){
  .c_product{ padding:30px 0; }
  .c_product .m_tit{ margin-bottom:30px; }
  #c_product .box .info p{ margin-bottom: 12px; min-height: 96px; }
}
@media only screen and (max-width:768px){
  .c_product{ padding:25px 0; }
  .c_product .m_tit{ margin-bottom:25px; }
  #c_product .box .info p{ margin-bottom: 12px; min-height: 120px; }
}
@media only screen and (max-width:640px){
  .c_product{ padding:20px 0; }
  .c_product .m_tit{ margin-bottom:20px; }
  #c_product .box .img{ height:auto; padding-bottom: 70%; position: relative; }
  #c_product .box .img img{ position: absolute; }
  #c_product .box .info b{ font-size: 22px; }
  #c_product .box .info p{ font-size:15px; }
}
@media only screen and (max-width:576px){
  .c_product .m_tit{ margin-bottom:15px; }
  .c_product{ padding:15px 0; }
  #c_product .box .info b{ font-size: 20px; }
  #c_product .box .info p{ font-size:14px; }
  #c_product .box .info p{ min-height: 148px; margin-bottom: 0; }
}
@media only screen and (max-width:414px){
  #c_product .box .info b{ font-size: 18px; }
  #c_product .box .info p{ font-size:13px; min-height: auto; }
  #c_product .swiper-slide:nth-child(1) .img img{ border-radius: 30px 30px 0 0; }
  #c_product .swiper-slide:nth-child(2) .img img{ border-radius: 0 0 0 0; }
}

/* footer */
.footer{ background: url(../images/footer_bg.jpg) no-repeat top center;  }
.footer .f_info{ width: 100%; display: flex; align-items: flex-start; justify-content: space-between; overflow: hidden; padding:50px 0 78px; }
.f_info .f_nav{ display: flex; align-items: flex-start; justify-content: space-between; width: 58%; box-sizing: border-box; border-right: 1px solid #383838; }
.f_info .f_nav li{ width: 20%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
.f_info .f_nav li b a{ font-size: 18px; color: #f5f7fb; line-height: 1; display: block; margin-bottom: 18px; transition: all .3s; }
.f_info .f_nav li > a{ display: inline-block; font-size: 14px; color: #f5f7fb;  padding:10px 5px; line-height: 1; transition: all .3s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.f_info .f_nav li a:hover{ transition: all .3s; color: var(--pei-color); }
.f_info .f_tel{ display: flex; align-items: flex-start; justify-content: space-between; width: 42%; box-sizing: border-box; padding-left: 58px; }
.f_info .f_tel .tel{ display: inline-flex; flex-direction: column; }
.f_info .f_tel .tel > b{ font-size: 18px; color: #f5f7fb; font-weight: bold; line-height: 1; }
.f_info .f_tel .tel > div{ margin:22px 0; display: inline-flex; font-size: 40px; color: #f5f7fb; font-family: "GEO"; line-height: 1; }
.f_info .f_tel .tel > div span{ font-size: 44px; color: #f5f7fb; line-height: 1; display: inline-block; margin-right: 8px; }
.f_info .f_tel .tel > p{ display: flex; align-items: center; font-size: 14px; color: #f5f7fb; line-height: 1; padding:8px 0; }
.f_info .f_tel .tel > p:nth-of-type(1){ padding-top: 0; }
.f_info .f_tel .tel > p span{ font-size: 20px; color: #f5f7fb; line-height: 1; margin-right: 8px; display: inline-block; }
.f_info .f_tel .ewm{ width: 165px; text-align: center; }
.f_info .f_tel .ewm img{ width: 100%; }
.f_info .f_tel .ewm p{ font-size: 14px; color: #b7b3b3; line-height: 1; margin-top: 24px; }
.f_copy{ width:100%; padding:20px 0; border-top: 1px solid #393737; text-align: center; }
.f_copy p, .f_copy a{ font-size: 14px; color: #f5f7fb; line-height: 1.5; }
.f_copy a:hover{ transition: all .3s; color: var(--pei-color); }
@media only screen and (max-width:1500px){
  .footer .f_info{ padding:50px 20px; }
  .f_info .f_tel{ padding-left:30px; }
}
@media only screen and (max-width:1400px){
  .f_info .f_tel .tel > div{ font-size:32px; }
  .f_info .f_tel .tel > div span{ font-size:32px; }
  .f_info .f_tel .ewm{ width:130px; }
  .footer{ background-size: cover; }
}
@media only screen and (max-width:1200px){
  .footer .f_info{ flex-direction: column; padding:30px 15px; }
  .f_info .f_nav{ width:100%; border-right:0; border-bottom: 1px solid #55504f; padding-bottom: 25px; }
  .f_info .f_tel{ width:100%; padding:30px 0 0; }
  .f_info .f_nav li:nth-chile(3){ align-items: center; }
  .f_info .f_nav li:nth-chile(4), .f_info .f_nav li:nth-chile(5){ align-items: flex-end; }
}
@media only screen and (max-width:992px){
  .plugin-fixed-call{ bottom:360px; }
}
@media only screen and (max-width:768px){
  .footer{ padding-bottom:55px; }
}
@media only screen and (max-width:640px){
  .f_copy{ padding:15px 0; }
  .footer .f_info{ padding:15px 0; }
  .f_info .f_nav{ padding-bottom:15px; }
  .f_info .f_nav li > a{ display: none; }
  .f_info .f_nav li b{ font-weight: normal; }
  .f_info .f_nav li b a{ margin-bottom: 0; }
  .f_info .f_nav li{ align-items: center; }
}
@media only screen and (max-width:576px){
  .f_copy{ padding:12px 0; }
  .f_info .f_tel .tel > div{ font-size:26px; margin:15px 0; text-align: center; }
  .f_info .f_tel .tel > div span{ font-size:26px; }
  .f_info .f_tel{ flex-direction: column; padding:20px 0; }
  .f_info .f_tel .tel{ width: 100%; align-items: center; }
  .f_info .f_tel .ewm{ margin:20px auto 0; }
}
@media only screen and (max-width:414px){
  .f_info .f_nav{ display:none; }
  
}

/* contact_info */
.contact_info{ overflow: hidden; background: #f5f5f5; padding:60px 0 0; }
.contact_info .row > div{ background: #ffffff; box-sizing: border-box; padding:42px; }
.contact_info .row > div + div{ background: #e7ebec; }
.contact_info b{ font-size: 26px; color: var(--zhu-color); font-weight: bold; display: block; line-height: 1; margin-bottom: 24px; }
.contact_info .bg{ height: 560px; margin-top: -360px; background: url(../images/contact_info_bg.jpg) no-repeat top center; background-attachment:fixed; }
.contact_txt > .txt{ overflow: hidden; margin-bottom: 32px; }
.contact_txt > .txt p{ padding: 10px 0; display: flex; align-items: center; justify-content: flex-start; }
.contact_txt > .txt p span{ font-size: 20px; line-height: 1; color: #666666; margin-right: 14px; }
.contact_txt > .txt p small{ display: inline-block; font-size: 16px; line-height: 1; color: #333333; }
.contact_ewm{ overflow: hidden; }
.contact_ewm > div{ max-width: 136px; float: left; }
.contact_ewm > div img{ max-width: 100%; }
.contact_ewm > div p{ font-size: 14px; color: #333333; line-height: 1; margin:12px 0 0; padding:0; text-align: center; justify-content: center; }
.contact_ewm > div + div{ margin-left: 50px; }
/* contact_msg */
.contact_msg{ overflow: hidden; }
.contact_msg .contact_input{ overflow: hidden; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.contact_msg .contact_input input{ width: calc(50% - 17px); height: 51px; box-sizing: border-box; padding:0 25px; border-radius: 5px; background: #ffffff; font-size: 16px; color: #999999; }
.contact_msg textarea{ margin-bottom: 26px; width: 100%; height: 128px; box-sizing: border-box; border-radius: 5px; background: #ffffff; font-size: 16px; color: #999999; padding:20px; line-height: 1.5; }
.contact_msg .contact_code{ display: flex; align-items: center; justify-content: space-between; }
.contact_msg .contact_code img{ width: 160px; height: 51px; object-fit: cover; }
.contact_msg .contact_code input{ width: 246px; height: 51px; box-sizing: border-box; padding:0 25px; border-radius: 5px; background: #ffffff; font-size: 16px; color: #999999; }
.contact_msg .contact_code .submit{ padding:18px 100px; background: var(--zhu-color); border-radius: 5px; line-height: 1; font-size: 16px; color: #ffffff; }
@media(max-width:1400px){
  .contact_msg .contact_code .submit{ padding:18px 60px; }
}
@media(max-width:1200px){
  .contact_info .row > div{ padding:30px; }
  .contact_msg .contact_code{ flex-wrap: wrap; }
  .contact_msg .contact_code .submit{ width:100%; margin-top: 26px; text-align: center; }
  .contact_txt > .txt p{ align-items: flex-start; }
  .contact_txt > .txt p small{ line-height: 1.5; }
}
@media(max-width: 992px){
  .contact_info{ padding:15px 0; }
  .contact_info .bg{ margin-top: -540px; }
}
@media(max-width: 640px){
  .contact_info b{ font-size: 20px; margin-bottom: 12px; }
  .contact_txt > .txt{ margin-bottom: 12px; }
  .contact_txt > .txt p{ padding:4px 0; }
  .contact_msg .contact_code input{ width: 50%; }
  .contact_info .bg{ display: none; }
}
@media(max-width: 576px){
  .contact_info .row > div{ padding:15px; }
  .contact_msg .contact_input{ flex-wrap: wrap; margin-bottom: 12px; }
  .contact_msg .contact_input input{ width: 100%; margin-bottom: 12px; }
}
@media(max-width: 414px){
  .contact_msg .contact_code img{ width:120px; }
}
/* contact_map */
#dituContent{ width: 100%; margin:0 auto; height: 640px; border:1px solid #cccccc; }
@media(max-width: 992px){
  #dituContent{ height: 460px; }
}
@media only screen and (max-width: 640px){
  #dituContent{ height: 240px; }
}

/* main */
.main{ padding:30px 0; background: #fff;  }
.article{ width: 100%; }
.article .content{ font-size: 16px; color: #333333; line-height: 1.8; }
.article .content img{ max-width:100%; }
.article .img_one{ text-align: center; }
.article .img_one img{ max-width: 100%; margin:8px 0; }
.main .n_tit{ margin:22px 0 52px; border-bottom: 1px solid #dddada; display: flex; align-items: center; justify-content: space-between; padding:20px 0; width: 100%; }
.main .n_tit b{ display: inline-block; font-size: 30px; color: #333333; line-height: 1; position: relative; font-weight: normal; }
.main .n_tit b::after{ content: ""; display: inline-block; width: 100%; height:2px; background:var(--zhu-color); border:0; position: absolute; bottom:-20px; left:0; }
.main .n_tit a{ font-size: 16px; color: #333333; line-height: 1; transition: all .3s; }
.main .n_tit a:hover{ transition: all .3s; letter-spacing: 1px; color: var(--pei-color); }
@media only screen and (max-width: 1600px){
  .main .n_tit{ margin:10px 0 30px; }
}
@media only screen and (max-width: 1200px){
  .main .n_tit{ margin:8px 0 26px; }
  .main .n_tit{ padding:16px 0; }
  .main .n_tit b{ font-size:26px; }
  .main .n_tit b::after{ bottom:-16px; }
}
@media only screen and (max-width: 992px){
  .main{ padding:25px 0; }
  .main .n_tit{ margin:6px 0 22px; }
  .main .n_tit{ padding:14px 0; }
  .main .n_tit b{ font-size:24px; }
  .main .n_tit b::after{ bottom:-14px; }
  .main .n_tit a{ font-size: 14px; }
}
@media only screen and (max-width: 768px){
  .main{ padding:20px 0; }
  .main .n_tit{ margin:5px 0 20px; }
  .main .n_tit{ padding:10px 0; }
  .main .n_tit b{ font-size:20px; }
  .main .n_tit b::after{ bottom:-10px; }
  .main .n_tit a{ font-size: 14px; }
}
@media only screen and (max-width: 640px){
  .main{ padding:15px 0; }
  .main .n_tit{ margin:4px 0 16px; }
  .main .n_tit b{ font-size:18px; }
  .main .n_tit b::after{ bottom:-10px; }
  .main .n_tit a{ font-size: 13px; }
}
@media only screen and (max-width: 576px){
  .main .n_tit b{ font-size:17px; }
  .main .n_tit a{ font-size: 12px; }
}


/* news_list */
.news_list{ overflow: hidden; width: 100%; }
.news_list li + li a{ border-top:1px solid #e9e9e8; }
.news_list a{ display: block; width: 100%; display: flex; padding:20px 0; }
.news_list a .img{ width: 100%; height: 100%; overflow: hidden; position: relative; }
.news_list a .img img{ width: 100%; height: 100%; object-fit: cover; background: #f1f1f1; transition: all .3s; position: absolute; }
.news_list a .img span{ position: absolute; left: 50%; top:50%; color: #666; font-size: 12px;  opacity: 0; }
.news_list a .txt{ overflow: hidden; }
.news_list a .txt strong{ transition: all .3s; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; color: #1E1E1E; font-weight: normal; margin:12px 0 6px; }
.news_list a .txt small{ color: #999; font-size: 12px; margin-bottom: 30px; display: block; }
.news_list a .txt p{ position: relative; transition: all .3s; font-size: 16px; color: #777; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news_list a .txt p::before{ content: ""; display: inline-block; width: 2px; height: 0; position: absolute; left: 0; top:0; transition: all .3s; background: var(--zhu-color); border:0; }
.news_list a:hover strong{ transition: all .3s; color: var(--zhu-color); }
.news_list a:hover .txt p{ transition: all .3s; padding-left: 30px; }
.news_list a:hover .txt ::before{ transition: all .3s; height: 100%; }
.news_list a:hover img{ transition: all .3s; transform: scale(1.05); }
.news_list a:hover .img small{ opacity: 1; transition: all .3s; background: rgba(255,255,255,.6); padding:8px 16px; }
@media only screen and (max-width: 576px){
  .news_list a > div{ padding:0; }
  .news_list a{ flex-wrap: wrap; padding:15px; }
  .news_list a .img{ height: auto; padding-bottom: 40%; }
  .news_list a .txt small{ margin-bottom: 10px; }
  .news_list a .txt p{ margin-bottom: 0; }
  .page_tit strong{ font-size: 24px; }
  .page_tit small{ display: none; }
  .page_tit{ margin-bottom: 50px; }
}

/* prev_next */
.prev_next{ width:100%; margin:20px 0 0; display: flex; }
.prev_next>div{ width:50%; padding:12px; border: 1px solid #e9e9e9; display: flex;flex-direction: row;align-items: center; justify-content: flex-start; }
.prev_next>div + div{ border-left: 0; }
.prev_next>div a{ color: #999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: block; width: calc(100% - 100px); }
.prev_next>div a:hover{ color: var(--zhu-color);}

@media only screen and (max-width: 640px){
  .prev_next{ flex-wrap: wrap; }
  .prev_next>div{ width:100%; }
  .prev_next>div + div{ border-left: 1px solid #e9e9e9; border-top: 0; }
}
/* enterprise_news */
.enterprise_news{ overflow: hidden; padding:0 0 46px; }
.enterprise_news .bd{ display: flex; align-items: center; justify-content: space-between; }
.enterprise_news .fl, .enterprise_news .fr{ width:50%; box-sizing: border-box; }
.enterprise_news .fl{ padding-right: 15px; }
.enterprise_news .fr{ padding-left: 15px; }
.enterprise_news .fl a{ display: block; overflow: hidden; width: 100%; padding-bottom: 62%; overflow: hidden; position: relative; }
.enterprise_news .fl a img{ width:100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
.enterprise_news .fl a b{ display: block; position: absolute; left:0; bottom:0; background: rgba(0, 0, 0, .5); width: 100%; box-sizing: border-box; padding:24px 30px; font-size: 16px; color: #ffffff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.enterprise_news .fl a:hover img{ transition: all .3s; transform: scale(1.05); }
.enterprise_news .fr a{ display: flex; align-items: center; }
.enterprise_news .fr a + a{ margin-top: 16px; }
.enterprise_news .fr a .img{ width: 50%; box-sizing: border-box; padding-right: 15px; padding-bottom: 30%; position: relative; overflow: hidden; }
.enterprise_news .fr a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; position: absolute; }
.enterprise_news .fr a .info{ display: flex; flex-direction: column; justify-content: center; width: 50%; box-sizing: border-box; padding-left: 15px; overflow: hidden; }
.enterprise_news .fr a .info b{ font-size: 18px; color: #333333; font-weight: normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height: 1; margin-bottom: 30px; }
.enterprise_news .fr a .info p{ font-size: 16px; color: #999999; line-height: 1.5; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.enterprise_news .fr a .info small{ margin-top: 20px; font-size: 16px; color: #333333; }
.enterprise_news .fr a:hover img{ transition: all .3s; transform: scale(1.05); }
.enterprise_news .fr a:hover b{ transition: all .3s; color: var(--pei-color); }
@media only screen and (max-width: 1400px){
  .enterprise_news{ padding:0 0 30px; }
  .enterprise_news .fl a b{ padding:14px 20px; }
}
@media only screen and (max-width: 1200px){
  .enterprise_news .fr a .info b{ font-size: 17px; margin-bottom: 20px; }
  .enterprise_news .fr a .info p{ font-size: 14px;  }
  .enterprise_news .fr a .info small{ margin-top: 12px; }
  .enterprise_news .fl{ padding-right: 5px; }
  .enterprise_news .fr a + a{ margin-top: 20px; }
}
@media only screen and (max-width: 992px){
  .enterprise_news .fl a{ padding-bottom: 66%; }
}
@media only screen and (max-width: 768px){
  .enterprise_news{ padding:0 0 20px; }
  .enterprise_news .bd{ flex-direction: column; width:100%; }
  .enterprise_news .fl, .enterprise_news .fr{ width:100%; }
  .enterprise_news .fl{ padding-right: 0; margin-bottom: 20px; }
  .enterprise_news .fl a{ padding-bottom: 54%; }
  .enterprise_news .fr{ padding-left: 0; }
  .enterprise_news .fr a .img{ width:40%; padding-bottom: 22%; }
  .enterprise_news .fr a .info{ width:60%; }
}
@media only screen and (max-width: 640px){
  .enterprise_news .fr a .info b{ font-size: 16px; margin-bottom: 12px; }
  .enterprise_news .fl a b{ font-weight: normal; padding:10px 15px; }
}
@media only screen and (max-width: 576px){
  .enterprise_news .fr a .info small{ font-size: 12px; margin-top: 3px; }
  .enterprise_news .fl a b{ font-size: 14px; }
  .enterprise_news .fr a .info p{ font-size: 12px; }
}
@media only screen and (max-width: 414px){
  .enterprise_news .fr a .img{ padding-bottom:30%; }
}

/* industry_news */
.industry_news{ overflow: hidden; padding:0 0 36px; background: #f4f5f6; }
.industry_news .bd{ width: 100%; overflow: hidden; }
.industry_news a{ display: block; overflow: hidden; }
.industry_news a .img{ width:100%; padding-bottom: 54%; position: relative; overflow: hidden; }
.industry_news a .img img{ width:100%; height: 100%; position: absolute; transition: all .3s; object-fit: cover; }
.industry_news a .info{ overflow: hidden; }
.industry_news a .info small{ display: inline-block; margin:26px 0; font-size: 16px; color: #333333; line-height: 1; }
.industry_news a .info b{ font-size: 24px; color: #333333; line-height: 1; display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight: normal; transition: all .3s; }
.industry_news a .info span{ line-height: 1; display: block; margin:48px 0; font-size: 26px; color: #999999; transition: all .3s; }
.industry_news a:hover img{ transition: all .3s; transform: scale(1.05); }
.industry_news a:hover b{ transition: all .3s; color: var(--pei-color); }
.industry_news a:hover span{ transition: all .3s; margin-left: 20px; color: var(--pei-color); }
@media only screen and (max-width: 1400px){
  .industry_news a .info span{ margin:24px 0; }
}
@media only screen and (max-width: 1200px){
  .industry_news a .info b{ font-size: 20px; }
  .industry_news a .info span{ margin:20px 0 0; }
}
@media only screen and (max-width: 992px){
  .industry_news{ padding:0 0 30px; }
  .industry_news a .info b{ font-size: 18px; }
  .industry_news a .info small{ margin:20px 0; }
}
@media only screen and (max-width: 640px){
  .industry_news{ padding:0 0 20px; }
  .industry_news a .info small{ margin:16px 0; }
  .industry_news a .info b{ font-size: 17px; }
  .industry_news a .info span{ margin: 12px 0 0; font-size:20px; }
}
@media only screen and (max-width: 576px){
  .industry_news{ padding:0 0 10px; }
  
  .industry_news a .info small{ margin:12px 0; }
  .industry_news a .info b{ font-size: 16px; }
  .industry_news a .info span{ margin: 10px 0 0; font-size:20px; }
}

/* b_tit */
.b_tit{ width: 100%; overflow: hidden; text-align: center; padding:48px 0 60px; }
.b_tit b{ display: block; font-size: 48px; color: #333333; line-height: 1; font-weight: normal; }
.b_tit p{ display: block; font-size: 20px; color: #999999; line-height: 1; margin-top: 20px; }
@media only screen and (max-width: 1400px){
  .b_tit{ padding:40px 0; }
  .b_tit b{ font-size: 42px; }
  .b_tit p{ font-size: 18px; }
}
@media only screen and (max-width: 1200px){
  .b_tit{ padding:30px 0; }
  .b_tit b{ font-size: 36px; }
}
@media only screen and (max-width: 992px){
  .b_tit{ padding:30px 0; }
  .b_tit b{ font-size: 32px; }
}
@media only screen and (max-width: 768px){
  .b_tit b{ font-size: 28px; }
  .b_tit p{ font-size: 16px; margin-top: 18px; }
}
@media only screen and (max-width: 640px){
  .b_tit{ padding:20px 0; }
  .b_tit b{ font-size: 24px; }
  .b_tit p{ font-size: 14px; margin-top: 15px; }
}
@media only screen and (max-width: 576px){
  .b_tit b{ font-size: 22px; }
  .b_tit p{ font-size: 13px; margin-top: 12px; }
}

/* m_problem */
.m_problem{ overflow: hidden; padding-bottom: 48px; }
.m_problem .b_tit{ padding: 60px 0; }
.m_problem .bd{ overflow: hidden; width:100%; margin:0; }
.m_problem .bd .left{ padding-left: 0; }
.m_problem .bd .right{ padding-right: 0; }
.m_problem .problem_box{ overflow: hidden; }
.problem_box a{ display: block; width: 100%; padding-bottom: 75%; position: relative; overflow: hidden; }
.problem_box a img{ width: 100%; height: 100%; position: absolute; object-fit: cover; transition: all .3s; }
.problem_box a b{ display: block; width:100%; box-sizing: border-box; background: rgba(0, 0, 0, .24); font-weight: normal; font-size: 18px; color: #ffffff; position: absolute; left:0; bottom:0; padding:12px 24px; z-index: 3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.problem_box a b span{ margin-left: 12px; font-size: 38px; line-height: 1; }
.problem_box a:hover img{ transition: all .3s; transform: scale(1.05); }
.m_problem .bd .right .problem_box + .problem_box{ margin-top: 30px; }
.m_problem .bd .right a{ padding-bottom: 73.2%; }
@media only screen and (max-width: 1400px){
  .m_problem .b_tit{ padding:40px 0; }
  .m_problem{ padding: 0 0 40px; }
  .m_problem .m_tit{ padding:40px 0; }
}
@media only screen and (max-width: 1200px){
  .m_problem .b_tit{ padding:30px 0; }
  .m_problem{ padding: 0 0 30px; }
  .m_problem .m_tit{ padding:30px 0; }
  .problem_box a b{ font-size: 22px; padding:20px; }
  .problem_box a b span{ font-size: 24px; }
  .m_problem .bd .right .problem_box + .problem_box{ margin-top: 23px; }
}
@media only screen and (max-width: 992px){
  .m_problem .b_tit{ padding:50px 0; }
  .m_problem{ padding: 0 0 25px; }
  .m_problem .m_tit{ padding:25px 0; }
  .m_problem .bd .right .problem_box + .problem_box{ margin-top: 20px; }
  .problem_box a b{ font-size: 18px; padding:15px; }
  .problem_box a b span{ font-size: 20px; }
}
@media only screen and (max-width: 768px){
  .m_problem .b_tit{ padding:20px 0; }
  .m_problem{ padding: 0 0 20px; }
  .m_problem .m_tit{ padding:20px 0; }
  .m_problem .inner{ padding:0; }
  .m_problem .bd .left{ padding-left: 15px; }
  .m_problem .bd .right{ padding-right: 15px; }
  .m_problem .problem_box{ margin-top: 24px; }
  .problem_box a, .m_problem .bd .right a{ padding-bottom: 42%; }
}
@media only screen and (max-width: 640px){
  .m_problem .b_tit{ padding:15px 0; }
  .m_problem{ padding: 0 0 15px; }
  .m_problem .m_tit{ padding:15px 0; }
  .problem_box a, .m_problem .bd .right a{ padding-bottom: 56%; }
  .m_problem .problem_box{ margin-top:15px; }
  .m_problem .bd .left .problem_box{ margin-top: 0; margin-bottom: 0; }
  .m_problem .bd .right .problem_box + .problem_box{ margin-top:15px; }
}
@media only screen and (max-width: 576px){
  .problem_box a, .m_problem .bd .right a{ padding-bottom: 62%; }
}
@media only screen and (max-width: 414px){
  .problem_box a b{ padding:10px 15px; font-size:16px; }
  
}


/* page_tit */
.page_tit{ padding:30px 0; border-bottom: 1px solid #72707c; width:100%; margin-bottom: 50px; }
.page_tit b{ font-size: 24px; color:#333333; font-weight:bold; line-height: 1; display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.page_tit .meta{ font-size: 14px; color:#aaaaaa; line-height: 1; margin-top: 12px; display: block; }

/* article_sider */
.article_sider{ overflow: hidden; }
.article_sider b{ font-size: 18px; color: #474747; font-weight: bold; line-height: 1; margin-bottom: 12px; display: block; }
.article_sider a{ font-size: 16px; color: #474747; line-height: 1.8; display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all .3s; }
.article_sider a:hover{ transition: all .3s; color: var(--zhu-color); }
.article_sider .bd{ margin-bottom: 24px; }
@media only screen and (max-width: 1400px){
  .page_tit{ margin-bottom: 30px; padding:25px 0; }
  .page_tit b{ font-size: 22px; }
  .page_tit .meta{ font-size: 16px; }
}
@media only screen and (max-width: 1200px){
}
@media only screen and (max-width: 992px){
  .page_tit{ margin-bottom: 20px; padding:20px 0; }
  .page_tit b{ font-size: 20px; }
  
}
@media only screen and (max-width: 768px){
  .article{ width: calc(100% + 30px); }
  .article .fl, .article .fr{ padding:0; }
  .article .fl{ padding:15px; }
  .prev_next > div{ padding:8px 12px; }
  .article_sider{ display: none; }
  .page_tit b{ font-size: 18px; }
  .page_tit .meta{ font-size: 13px; }
}
@media only screen and (max-width: 640px){
  .page_tit{ margin-bottom: 15px; padding:15px 0; }
  .page_tit b{ font-size: 16px; font-weight: normal; }
  .page_tit .meta{ font-size: 12px; }
}
@media only screen and (max-width: 576px){
}


/* scope_list */
.scope_main{ background: #f7f8f9; }
.scope_list{ width:100%; overflow: hidden; display: flex; flex-direction: column; }
.scope_list li{ margin:15px 0; }
.scope_list a{ display: flex; align-items: center; justify-content: space-between; position: relative; transition: all .3s; }
.scope_list a .img{ width: 64%; padding-bottom: 38%; position: relative; overflow: hidden; transition: all .3s; }
.scope_list a .img img{ width:100%; height: 100%; object-fit: cover; transition: all .3s; position: absolute; }
.scope_list a .txt{ box-sizing: border-box; padding:60px; background: rgba(255, 255, 255, .82); width: 50%; position: absolute; right:0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: all .3s; }
.scope_list a .txt b{ font-size: 36px; color: #333333; font-weight: bold; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all .3s; display: block; }
.scope_list a .txt p{ margin:40px 0 30px; font-size: 16px; color: #666666; line-height: 2; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition: all .3s; }
.scope_list a .txt span{ display: inline-block; font-size: 34px; line-height: 1; box-sizing: border-box; padding:5px; color: #040404; transition: all .3s; }
.scope_list li:nth-child(even) a{ flex-direction: row-reverse; }
.scope_list li:nth-child(even) .txt{ left:0; right: auto; }
.scope_list a:hover img{ transition: all .3s; transform: scale(1.05); }
.scope_list a:hover .txt{ transition: all .3s; background: var(--zhu-color); }
.scope_list a:hover .txt b, .scope_list a:hover .txt p{ transition: all .3s; color: #ffffff; }
.scope_list a:hover .txt span{ transition: all .3s; background: var(--pei-color); color: #ffffff; }
@media only screen and (max-width:1400px){
  .scope_list a .txt{ padding:40px; }
  .scope_list a .txt p{ margin:30px 0; }
  .scope_list a .txt b{ font-size:32px; }
}
@media only screen and (max-width:1200px){
  .scope_list a .txt{ padding:30px; }
  .scope_list a .txt p{ margin:24px 0; line-height: 1.8; }
  .scope_list a .txt b{ font-size:28px; }
}
@media only screen and (max-width:992px){
  .scope_list a .txt{ padding:20px; }
  .scope_list a .txt p{ margin:12px 0; line-height: 1.5; }
  .scope_list a .txt b{ font-size:22px; }
}
@media only screen and (max-width:768px){
  .scope_list a{ display:flex; flex-direction: column; }
  .scope_list a .img{ width:100%; }
  .scope_list a .txt{ width:100%; position: static; transform: none; }
  .scope_list a .txt b{ padding:10px 0; }
  .scope_list li:nth-child(even) a{ flex-direction: column; }
  .scope_list li{ margin:0; }
  .scope_list li + li{ margin-top:15px; }
  .scope_list a .img{ padding-bottom:45%; }
  .scope_list a .txt span{ font-size:30px; }
}
@media only screen and (max-width:640px){
  .scope_list a .txt b{ font-size: 20px; }
  .scope_list a .txt span{ font-size:26px; }
}
@media only screen and (max-width:576px){
  .scope_list a .txt b{ padding:5px 0; }
  .scope_list a .txt b{ font-size: 18px; }
  .scope_list a .txt span{ font-size:24px; }
}
@media only screen and (max-width:414px){
  .scope_list a .txt b{ font-size: 17px; font-weight: normal; }
  .scope_list a .txt{ padding:15px; }
}


/* case_list */
.case_list a { display: block; width:100%; margin-bottom: 30px; }
.case_list a .img{ width: 100%; padding-bottom: 72%; position: relative; overflow: hidden; }
.case_list a .img img { width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all 0.6s ease 0s; }
.case_list a .img span{ font-size: 30px; position: absolute; right:20px; bottom:20px; color: #ffffff; line-height: 1; }
.case_list a b{ font-weight: normal; display: block; font-size: 24px; color: #333333; line-height: 1; padding:20px 0; border-bottom: 1px solid #e1e1e1; transition: all .4s linear; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.case_list a:hover img { transform: scale(1.06); }
.case_list a:hover b{ transition: all .3s; border-color: var(--zhu-color); color: var(--zhu-color); }
/* honor_list */
.honor_list a { padding-bottom: 72%; }
@media only screen and (max-width: 1400px){

}
@media only screen and (max-width: 1200px){
}
@media only screen and (max-width: 992px){
  .case_list a .img span{ font-size:24px; right:10px; bottom:10px; }
  .case_list a b{ font-size:20px; padding:16px 0; }
}
@media only screen and (max-width: 768px){
  .case_list li, .honor_list li{ padding-right:7.5px; }
  .case_list li:nth-child(2n+0), .honor_list li:nth-child(2n+0){ padding-right:15px; padding-left:7.5px; }
  .case_list a, .honor_list a{ margin-bottom: 15px; }
}
@media only screen and (max-width: 640px){
  .case_list a{ margin-bottom: 20px; }
  .honor_list a{ margin-bottom: 20px; }
}
@media only screen and (max-width: 576px){
  .case_list a{ margin-bottom: 15px; }
  .honor_list a{ margin-bottom: 15px; }
}
@media only screen and (max-width: 414px){
  .case_list a .img span{ font-size:18px; right:5px; bottom:5px; }
  .case_list a b{ font-size:16px; padding:10px 0; }
}

/* product_body */
.product_body{ position: relative; }
.product_body .h_top{ background: transparent; position: absolute; z-index: 33; }
.product_body .h_top .logo img + img{ mix-blend-mode:inherit; }
.product_body .h_top .nav a, .product_body .h_top .tel .mobile p{ color: #fff; }
.product_body .sbanner{ padding:0; }

.product_banner{ background-attachment: fixed; }
.product_banner .inner{ position: relative; padding:272px 0 172px; }
.product_banner b::before{ display: none; }
.product_banner p{ max-width: 900px; font-size: 15px; color: rgba(255, 255, 255, .38); line-height: 2; }
.product_banner .btn_custom{ display: inline-flex; margin-top: 80px; align-items: center; justify-content: center; padding:12px 18px; background: var(--pei-color); line-height: 1; }
.product_banner .btn_custom:before {background: #fff;}
.product_banner .btn_custom > small{ font-size: 16px; color: #fff; line-height: 1; }
.product_banner .btn_custom > span{ font-size: 24px; color: #fff; line-height: 1; margin-left: 12px; }
.product_banner .crumbs{ font-size: 14px; color: #666666; position: absolute; left:0; bottom: 0; background: #ffffff; padding:18px 24px 12px; width: 50%; }
.product_banner .crumbs small, .product_banner .crumbs a{ font-size: 14px; color: #666666; }

.btn_custom{ position:relative; color:#fff; background:var(--pei-color); border:1px solid var(--pei-color); -webkit-transition: background-color .3s, color .3s; transition: background-color .3s, color .3s; }
.btn_custom:before { content: ''; position: absolute; top: -15px; left: -15px; bottom: -15px; right: -15px; background: inherit; z-index: -1; opacity: 0.5; -webkit-transform: scale3d(.7, .4, 1); transform: scale3d(.7, .4, 1); display:none\9; }
.btn_custom:hover { background:var(--zhu-color); border-color:var(--zhu-color); -webkit-transition: background-color .1s .3s, color .1s .3s; transition: background-color .1s .3s, color .1s .3s; -webkit-animation: anim-moema-1 .3s forwards; animation: anim-moema-1 .3s forwards; }
.btn_custom:hover:before { -webkit-animation: anim-moema-2 .3s .3s forwards; animation: anim-moema-2 .3s .3s forwards; }
@-webkit-keyframes anim-moema-1 {
  60% {
    -webkit-transform:scale3d(.8, .8, 1);
    transform:scale3d(.8, .8, 1)
  }
  85% {
    -webkit-transform:scale3d(1.1, 1.1, 1);
    transform:scale3d(1.1, 1.1, 1)
  }
  100% {
    -webkit-transform:scale3d(1, 1, 1);
    transform:scale3d(1, 1, 1)
  }
}
@keyframes anim-moema-1 {
  60% {
    -webkit-transform:scale3d(.8, .8, 1);
    transform:scale3d(.8, .8, 1)
  }
  85% {
    -webkit-transform:scale3d(1.1, 1.1, 1);
    transform:scale3d(1.1, 1.1, 1)
  }
  100% {
    -webkit-transform:scale3d(1, 1, 1);
    transform:scale3d(1, 1, 1)
  }
}
@-webkit-keyframes anim-moema-2 {
  to {
    opacity:0;
    -webkit-transform:scale3d(1, 1, 1);
    transform:scale3d(1, 1, 1)
  }
}
@keyframes anim-moema-2 {
  to {
    opacity:0;
    -webkit-transform:scale3d(1, 1, 1);
    transform:scale3d(1, 1, 1)
  }
}
@media only screen and (max-width:1500px){
  .product_banner .crumbs{ background: none; justify-content: center; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
  .product_banner .inner{ padding:200px 0 142px; }
  .product_banner .crumbs{ margin-top: 0; bottom:70px; }
}
@media only screen and (max-width:1400px){
  .product_banner .crumbs{ bottom:60px; }
  .product_banner .inner{ padding:180px 0 132px; }
}
@media only screen and (max-width:1200px){
  .product_banner .crumbs{ bottom:50px; }
  .product_banner .inner{ padding:160px 0 120px; }
}
@media only screen and (max-width:992px){
  .product_banner .crumbs{ bottom:40px; }
  .product_banner p{ width:100%; box-sizing: border-box; text-align: center; padding: 0 15px; }
  .product_banner .btn_custom { margin-top:40px; }
  .product_banner .inner{ padding:120px 0 100px; }
  .product_body .h_top > .nav_btn{ background:rgba(255,255,255,.4) }
}
@media only screen and (max-width:768px){
  .product_banner .crumbs{ bottom:30px; }
  .product_banner .crumbs{ width:100%; }
  .product_banner p{ overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
}
@media only screen and (max-width:640px){
  .product_banner .crumbs{ bottom:20px; }
  .product_banner p{ display:none; }
  .product_banner .inner{ padding:100px 0; }
  .product_banner .btn_custom{ margin-top:30px; padding:10px 16px; }
  .product_banner .btn_custom > small{ font-size:16px; }
  .product_banner .btn_custom > span{ font-size:16px; }
}
@media only screen and (max-width:576px){
  .product_banner .crumbs{ bottom:10px; }
  .product_banner .inner{ padding:80px 0; }
  .product_banner .btn_custom{ margin-top:20px; padding:8px 14px; }
  .product_banner .btn_custom > small{ font-size:14px; }
  .product_banner .btn_custom > span{ font-size:14px; }
}
@media only screen and (max-width:414px){
  .product_banner .inner{ padding:80px 0 60px; }
  .product_banner .btn_custom{ margin-top:15px; padding:6px 12px; }
  .product_banner .btn_custom > small{ font-size:13px; }
  .product_banner .btn_custom > span{ font-size:13px; }
}

/* product_team */
.product_team{ background: #f6f7f8; margin:42px 0; padding:30px 0; border-radius: 60px; overflow: hidden; width:100%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; }
.product_team li{ width:25%; box-sizing: border-box; padding:0 40px; display: flex; align-items: center; }
.product_team li + li{ border-left: 1px solid #cccdce; }
.product_team li span{ font-size: 40px; color: var(--zhu-color); line-height: 1; display: inline-block; margin-right: 30px; }
.product_team li .txt{ display: inline-flex; flex-direction: column; }
.product_team li .txt b{ font-size: 26px; color: #333333; font-weight: normal; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.product_team li .txt p{ font-size: 14px; color: #666666; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top: 8px; }
@media only screen and (max-width:1500px){
  .product_team{ margin:28px 0; padding:28px 0; border-radius: 28px; }
  .product_team li{ padding:0 30px; }
  .product_team li span{ font-size:38px; margin-right:15px }
}
@media only screen and (max-width:1400px){
  .product_team{ margin:26px 0; padding:26px 0; border-radius: 26px; }
  .product_team li{ padding:0 15px; }
  .product_team li span{ font-size:36px; margin-right:12px }
  .product_team li .txt b{ font-size:22px; }
}
@media only screen and (max-width:1200px){
  .product_team{ margin:24px 0; padding:0; border-radius: 24px; flex-wrap: wrap; }
  .product_team li{ width:50%; flex-direction: column; align-items: center; padding:20px; }
  .product_team li span{ font-size:34px; max-width: auto; margin-right:0; margin-bottom: 15px; }
  .product_team li .txt{ align-items: center; }
  .product_team li:nth-child(1), .product_team li:nth-child(2){ border-bottom: 1px solid #cccdce; }
  .product_team li:nth-child(3), .product_team li:nth-child(4){ border-top: none; }
  .product_team li:nth-child(3){ border-left: none; }
}
@media only screen and (max-width:992px){
  .product_team{ margin:22px 0; border-radius: 22px; }
  .product_team li{ padding:20px 18px; }
}
@media only screen and (max-width:768px){
  .product_team{ margin:20px 0; border-radius: 20px; }
  .product_team li .txt b{ font-size:20px; }
  .product_team li{ padding:20px 16px; }
}
@media only screen and (max-width:640px){
  .product_team{ margin:18px 0; border-radius: 18px; }
  .product_team li .txt b{ font-size:18px; }
  .product_team li{ padding:20px 12px; }
}
@media only screen and (max-width:576px){
  .product_team{ margin:15px 0; border-radius: 15px; }
  .product_team li{ padding:20px 8px; }
  .product_team li .txt p{ overflow:hidden; white-space:normal; line-height: 1.5; min-height: 42px; box-sizing: border-box; padding:0 15px; text-align: center; }
}
@media only screen and (max-width:414px){
  .product_team{ margin:12px 0; border-radius: 12px; }
  .product_team li{ padding:15px 0; }
}

/* product_type */
#product_type{ overflow: hidden; padding-bottom: 120px; }
#product_type a{ width: 100%; height: 340px; display: block; position: relative; overflow: hidden; }
#product_type a > img{ width:100%; height:100%; object-fit: cover; transition: all .3s; }
#product_type a .info { color:rgba(255,255,255,.6); background:rgba(0,0,0,.7); position:absolute; left:0; top:0; right:0; bottom:0; text-align: center; display:flex; justify-content:center; align-items: center; transition:.36s all ease-out; }
#product_type a .info b { color:#fff; font-size:36px; font-weight: normal; transition: all .3s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#product_type a .info p { font-size: 18px; color: #999999; margin:48px 0 24px;  transition: all .3s;}
#product_type a .info span { font-size: 18px; color: #999999; transition: all .3s; line-height: 1; }
#product_type a:hover .info{ color:#fff; background: var(--zhu-color); left:30px; top:30px; right:30px; bottom:30px; transition:.2s all ease-in; }
#product_type a:hover b, #product_type a:hover p, #product_type a:hover span{ color:#fff; transition: all .3s; }
#product_type a:hover > img{ transition: all .3s; transform: scale(1.05); }
#product_type .swiper-pagination{ bottom:54px; }
#product_type .swiper-pagination-bullet{ display: inline-block; width:12px; height:12px; background: #c3c3c5; border-radius: 50%; margin:0 5px; opacity: 1; transition: all .3s; }
#product_type .swiper-pagination-bullet-active{ transition: all .3s; background: var(--zhu-color); }
@media only screen and (max-width:1500px){
  #product_type a .info b{ font-size:32px; }
}
@media only screen and (max-width:1400px){
  #product_type a .info b{ font-size:28px; }
  #product_type a{ height:300px; }
  #product_type{ padding-bottom: 100px; }
  #product_type .swiper-pagination{ bottom:50px; }
}
@media only screen and (max-width:1200px){
  #product_type a .info b{ font-size:26px; }
  #product_type a .info p{ margin:40px 20px; }
  #product_type{ padding-bottom: 90px; }
  #product_type .swiper-pagination{ bottom:45px; }
  #product_type a{ height:280px; }
}
@media only screen and (max-width:992px){
  #product_type a .info b{ font-size:24px; }
  #product_type a .info p{ margin:32px 16px; }
  #product_type{ padding-bottom: 80px; }
  #product_type .swiper-pagination{ bottom:40px; }
  #product_type a{ height:260px; }
}
@media only screen and (max-width:768px){
  #product_type .swiper-slide{ height:auto; }
  #product_type a .info b{ font-size:22px; }
  #product_type a .info p{ font-size:17px; margin:28px 14px; }
  #product_type{ padding-bottom: 70px; }
  #product_type .swiper-pagination{ bottom:35px; }
}
@media only screen and (max-width:640px){
  #product_type .swiper-pagination-bullet{ width:10px; height:10px; }
  #product_type a .info b{ font-size:20px; }
  #product_type a .info p{ font-size:16px; margin:24px 12px; }
  #product_type{ padding-bottom: 60px; }
  #product_type .swiper-pagination{ bottom:30px; }
  #product_type a{ height:240px; }
}
@media only screen and (max-width:576px){
  #product_type .swiper-pagination-bullet{ width:8px; height:8px; }
  #product_type a .info b{ font-size:18px; }
  #product_type a .info p{ font-size:15px; margin:10px; }
  #product_type{ padding-bottom: 50px; }
  #product_type .swiper-pagination{ bottom:25px; }
  #product_type a{ height:200px; }
}
@media only screen and (max-width:414px){
  #product_type .swiper-pagination-bullet{ width:6px; height:6px; }
  #product_type a .info b{ font-size:17px; }
  #product_type a .info p{ font-size:14px; margin:8px; }
  #product_type a{ height:140px; }
}

/* product_list */
.product_list{ overflow: hidden; position: relative; padding-left: 220px; width: 100%; box-sizing: border-box; }
.product_list > small{ line-height: 1; position: absolute; left:80px; top:50%; font-weight: 200; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 20px; writing-mode:tb; font-size: 18px; color: #666666; text-transform: capitalize; padding-top: 230px; min-height: 360px; }
.product_list > small::before{ content: ""; display: inline-block; width: 1px; height:194px; background: #e0e1e1; position: absolute; left:50%; top:0; }
#product_list{ overflow: hidden; }
#product_list > b{ display: block; width:calc(100% - 120px); font-size: 36px; color: #333333; font-weight: bold; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:20px 0; }
#product_list > .cate_info{ margin-bottom: 20px; font-size: 15px; color: #666666; line-height: 2; }
#product_list a{ display: block; width:100%; padding-bottom: 60%; position: relative; overflow: hidden; position: relative; }
#product_list a img{ width:100%; height:100%; object-fit: cover; position: absolute; transition: all .3s; }
#product_list a .txt{ position: absolute; top:100%; transition: all .3s; width:100%; height:100%; background: rgba(0,0,0,.5); display: flex; align-items: center; justify-content: center; flex-direction: column; }
#product_list a .txt span{ font-size: 36px; color: #fff; line-height: 1; font-weight: 200; }
#product_list a .txt b{ font-size: 18px; font-weight: normal; color: #fff; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing: border-box; padding:12px; }
#product_list a:hover img{ transition: all .3s; transform: scale(1.05); }
#product_list a:hover .txt{ transition: all .3s; top:0; }
#product_list .swiper-button-next, #product_list .swiper-button-prev{ width:38px; height:38px; background: #d0d0d0; display: inline-flex; align-items: center; justify-content: center; transition: all .3s; }
#product_list .swiper-button-next:hover, #product_list .swiper-button-prev:hover{ transition: all .3s; background: var(--pei-color); }
#product_list .swiper-button-next::after, #product_list .swiper-button-prev::after{ display: none; }
#product_list .swiper-button-next span, #product_list .swiper-button-prev span{ display: inline-block; font-size: 16px; color: #ffffff; line-height: 1; }
#product_list .swiper-button-prev span{ transform: rotateY(180deg); }
#product_list .swiper-button-next{ top:30px; right:0; background: var(--zhu-color); }
#product_list .swiper-button-prev{ top:30px; left:auto; right:44px; }
@media only screen and (max-width:1500px){
  .product_list > small{ display:none; }
  .product_list{ padding-left: 0; }
  #product_list > b{ font-size:32px; }
}
@media only screen and (max-width:1400px){
  #product_list > b{ font-size:30px; }
}
@media only screen and (max-width:1200px){
  #product_list > b{ font-size:28px; padding:18px 0; }
  #product_list a .txt span{ font-size: 30px; } 
}
@media only screen and (max-width:992px){
  #product_list > b{ font-size:26px; padding:16px 0; }
  #product_list a .txt span{ font-size: 28px; } 
}
@media only screen and (max-width:768px){
  #product_list > b{ font-size:24px; padding:14px 0; }
  #product_list > .cate_info{ line-height: 1.8; margin-bottom: 16px; }
  #product_list a .txt span{ font-size: 26px; } 
  #product_list a .txt b{ font-size:17px; }
}
@media only screen and (max-width:640px){
  #product_list > b{ font-size:22px; margin-bottom: 12px; }
  #product_list > .cate_info{ line-height: 1.6; margin-bottom: 15px; }
  #product_list a .txt span{ font-size: 24px; } 
  #product_list a .txt b{ font-size:16px; }
}
@media only screen and (max-width:576px){
  #product_list > b{ font-size:20px; }
  #product_list > .cate_info{ font-size:14px; line-height: 1.5; margin-bottom: 12px; }
  #product_list .swiper-button-next, #product_list .swiper-button-prev{ width:30px; height:30px; top:35px; }
  #product_list a .txt span{ font-size: 22px; } 
  #product_list a .txt b{ font-size:15px; padding:10px; }
}
@media only screen and (max-width:414px){
  #product_list > b{ font-size:18px; }
  #product_list > .cate_info{ font-size:13px; line-height: 1.4; margin-bottom: 12px; }
  #product_list > b{ width:calc(100% - 90px); }
  #product_list .swiper-button-next, #product_list .swiper-button-prev{ top:30px; }
  #product_list a .txt span{ font-size: 20px; } 
  #product_list a .txt b{ font-size:14px; padding:8px; }
}

/* cate_type */
.cate_type{ overflow: hidden; background: #f0f2f5; }
.cate_type ul{ width:100%; display: flex; align-items: center; }
.cate_type li{ width:50%; }
.cate_type li a{ padding:16px 0; display: flex; align-items: center; justify-content: center; transition: all .3s; }
.cate_type li a span{ font-size: 24px; color: #333; line-height: 1; margin-right: 10px; }
.cate_type li a small{ font-size: 20px; color: #333; line-height: 1; }
.cate_type li a:hover{ transition: all .3s; background: var(--zhu-color); }
.cate_type li a:hover span, .cate_type li a:hover small{ transition: all .3s; color: #fff; }
@media only screen and (max-width:1500px){
  .cate_type .inner{ padding:0; }
}
@media only screen and (max-width:1400px){
}
@media only screen and (max-width:1200px){
  .cate_type li a{ padding:14px 0; }
  .cate_type li a span{ font-size: 22px; }
  .cate_type li a small{ font-size: 18px; }
}
@media only screen and (max-width:992px){
  .cate_type li a{ padding:13px 0; }
  .cate_type li a span{ font-size: 20px; }
  .cate_type li a small{ font-size: 17px; }
}
@media only screen and (max-width:768px){
}
@media only screen and (max-width:640px){
}
@media only screen and (max-width:576px){
}
@media only screen and (max-width:414px){
  .cate_type li a{ padding:10px 0; }
  .cate_type li a span{ font-size: 18px; }
  .cate_type li a small{ font-size: 16px; }
}