@charset "utf-8";
@font-face {
  font-family: 'iconfont';  /* Project id 3932278 */
  src: url('http://at.alicdn.com/t/c/font_3932278_ynye4rkb7k.woff2?t=1683355179626') format('woff2'),
       url('http://at.alicdn.com/t/c/font_3932278_ynye4rkb7k.woff?t=1683355179626') format('woff'),
       url('http://at.alicdn.com/t/c/font_3932278_ynye4rkb7k.ttf?t=1683355179626') 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: DINM; src: url('./fonts/DIN-Medium.ttf'); }
@font-face{ font-family: BOD; src: url('./fonts/Bodoni.otf'); }
@font-face{ font-family: BGR; src: url('./fonts/BGR.otf'); }

/*清除内外边距*/
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%;}
a{ text-decoration: none; }
/*修改滚动条*/
::-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:#232e48;--pei-color:#ff480d;}
.inner{ width: 1400px; margin:0 auto; }
@media only screen and (max-width: 1400px){
  .inner{ width:100%; box-sizing: border-box; padding:0 15px; }
}
@media only screen and (min-width: 1920px){
  body{ max-width: 1920px; margin:0 auto; }
}
.yb_conct{position:fixed;z-index:9999999;top:50%;right:-127px;cursor:pointer;transition:all .3s ease; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#232e48 url(../images/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#232e48 url(../images/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_mobile{background:#232e48 url(../images/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{  background:#232e48 url(../images/rightbar.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
@media only screen and (max-width: 768px){
  .yb_conct{ display: none; }
}

/*page*/
.de-page-mian{overflow: hidden; text-align: center; font-size: 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: 1400px){
  .de-page-mian{ margin: 15px 0; }
  .de-page-mian .page-inner a{ width: 32px; height: 32px; line-height: 32px; font-size: 13px; }
}
@media only screen and (max-width: 1200px){
  .de-page-mian{ margin: 10px 0; }
  .de-page-mian .page-inner a{ width: 28px; height: 28px; line-height: 28px; font-size: 12px; }
}
@media only screen and (max-width: 992px){
  .de-page-mian{ margin: 8px 0; }
  .de-page-mian .page-inner a{ width: 24px; height: 24px; line-height: 24px; }
}
@media only screen and (max-width: 768px){
  .de-page-mian{ margin: 6px 0; }
  .de-page-mian .page-inner a{ width: 22px; height: 22px; line-height: 22px; }
}
@media only screen and (max-width: 768px){
  .de-page-mian{ margin: 4px 0; }
}
@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; }
}

html{ height: 100%; }
html, body { width: 100%; min-height: 100%; }

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

/* index */
.index{ width:100%; }
.index .h_top{ position: fixed; left:0; top:0; z-index: 34; }
.index .h_top .nav > li > a{ color: #182133; }

.h_top{ position: fixed; top:0; z-index: 34; border-bottom: 1px solid #fff; transition: all .3s; box-sizing: border-box; width: 100%; display: flex; align-items: center; justify-content: space-between; }
.h_top .inner{ display: flex; align-items: center; justify-content: space-between; }
.h_top .logo{ display: inline-flex; align-items: center; width:630px; }
.h_top .logo img{ transition: all .3s; max-width: 100%; max-height: 48px; }
.h_top .logo img + img{ display: none; }
.h_top .right{ width: calc(100% - 400px); display: flex; align-items: center; overflow: hidden; justify-content: flex-end; }
.h_top .nav{ display: flex; align-items: center; justify-content: space-between; }
.h_top .nav > li{ overflow: hidden; }
.h_top .nav > li > a{ text-decoration: none; display:inline-flex; padding:40px 25px; align-items: center; justify-content: center; position: relative; font-size: 18px; color: #182133; line-height: 1; transition: all .3s; }
.h_top .nav > li > a::before{ content:""; display: inline-block; width: 100%; height:0; background: var(--zhu-color); position: absolute; left:0; bottom:0; transition: all .3s; border:0; z-index: -1; }
.h_top .nav > li > a:hover,.h_top .nav > li.active > a{ color: #ffffff; transition: all .3s; }
.h_top .nav > li > a:hover::before, .h_top .nav > li.active > a::before{ transition: all .3s; height:100%; }
.h_top .nav > li .sub_nav{ width: 100%; display: none; position: absolute; background: rgba(0, 0, 0, 0.3); width: 100%; box-sizing: border-box; left:0; z-index: 33; box-shadow: 0 4px 4px rgb(0 0 0 / 7%); }
.h_top .nav > li .sub_nav .inner{ display: flex; align-items: flex-end; flex-direction: column; }
.h_top .nav > li .sub_nav .r_nav{ width: 39.5%; display: flex; align-items: flex-start; flex-wrap: wrap; }
.h_top .nav > li .sub_nav .r_nav li{ display: inline-flex; }
.h_top .nav > li .sub_nav .r_nav li a{ display: inline-flex; align-items: center; justify-content: center; font-size: 14px; padding:15px 0; margin:0 20px; color: #fff; position: relative; }
.h_top .nav > li .sub_nav .r_nav li a::before{ content:""; display: inline-block; width: 0; height:2px; background: var(--zhu-color); position: absolute; right:0; bottom:0; transition: all .3s; border:0; }
.h_top .nav > li .sub_nav .r_nav li a:hover::before{ transition: all .3s; width:100%; left:0; }
.h_top .nav > li:nth-child(4) .sub_nav .r_nav{ width: 23.5%; }
.h_top .tel{ display: inline-flex; align-items: center; font-size: 22px; color: var(--zhu-color); line-height: 1; }
.h_top .tel span{ font-size: 35px; color: var(--zhu-color); margin:0 8px; }

/* 滚动添加背景 */
/* .index .top_black .nav > li > a{ color: #333333!important; } */
/* .top_black .logo img:nth-of-type(1){ display: none; } */
/* .top_black .logo img:nth-of-type(2){ display: block; }   */
.scrolledDown{ position: fixed; box-shadow: 0 0 10px rgba(0, 0, 0, .3); top:0; left:0; z-index: 9999; background: #ffffff; }
.scrolledDown .logo img{ max-height: 35px; transition: all .3s; }
.scrolledDown .nav > li > a{ padding:25px; }
/* 手机端按钮 */
.h_top .mob_menu{ display: none; }
.h_top .mob_menu span{ cursor: pointer; font-size: 16px; text-transform: uppercase; color: #fff; margin-right: 12px; transition: all 0.35s; }
.h_top .mob_menu .line{ cursor: pointer; width: 26px; display: flex; flex-direction: column; align-items: flex-end; }
.h_top .mob_menu .line small{ display: inline-block; width: 100%; height: 2px; background: #fff; line-height: 1; }
.h_top .mob_menu .line small:nth-of-type(2){ margin:5px 0; width: 70%; transition: all 0.35s; }
.h_top .mob_menu:hover{ cursor: pointer; }
.h_top .mob_menu:hover span{ font-weight: bold; transition: all 0.35s; }
.h_top .mob_menu:hover .line small:nth-of-type(2){ width: 100%; transition: all 0.35s; }
.h_top .mob_black span{ color: #333333; }
.h_top .mob_black .line small{ background: #333333; }
/* 手机端菜单 */
.h_menu{ width: 100%; height: 100%; display: flex; flex-direction: column; transition: ease .6s; opacity: 0; visibility: hidden; position: fixed; left: -100%; top:0; z-index: 1001; background: #fff; box-sizing: border-box; }
.h_menu.on{ opacity:1; visibility:visible; transform:scale(1,1); left:0; }
.h_menu .hd{ display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding:50px; }
.h_menu .hd .logo{ max-width: 50%; }
.h_menu .hd .logo img{ max-width: 100%; }
.h_menu .hd .close{ cursor: pointer; display: inline-flex; line-height: 1; padding:10px 24px; position: relative; border-radius: 30px; overflow: hidden; background: #f6f6f6; }
.h_menu .hd .close i{ position: relative; z-index: 3; transition: all .35s; font-size: 18px; color: var(--zhu-color); line-height: 1; }
.h_menu .hd .close span{ position: relative; z-index: 3; transition: all .35s; font-size: 18px; color: #404040; line-height: 1; margin-left: 10px; }
.h_menu .hd .close::before{ content: ""; display: block; width: 0; height: 100%; background: var(--zhu-color); position: absolute; left:0; top:0; transition: all 0.35s; z-index: 1; }
.h_menu .hd .close:hover::before{ transition: all .35s; width: 100%; }
.h_menu .hd .close:hover i, .h_menu .hd .close:hover span{ transition: all .35s; color: #ffffff; }
.h_menu .ct{ box-sizing: border-box; padding:50px; border-top: 1px dashed #f1f1f1; }
.h_menu .menu_nav{ display: flex; align-items: flex-start; flex-wrap: wrap; }
.h_menu .menu_nav > li{ width: 25%; text-align: center; }
.h_menu .menu_nav > li > a{ transition: all .35s; font-size: 20px; color: #333333; line-height: 1; font-weight: bold; margin-bottom: 15px; display: block; }
.h_menu .menu_nav > li > a:hover{ transition: all .35s; color: var(--zhu-color); }
.h_menu .menu_nav .d_nav li{ margin-bottom: 5px; }
.h_menu .menu_nav .d_nav a{ transition: all .35s; position: relative; font-size: 15px; color: #3d3d3d; line-height: 1; padding:5px 0; display: inline-block; }
.h_menu .menu_nav .d_nav a::before{ transition: all .35s; content: ""; display: block; width: 0; height: 2px; background: var(--zhu-color); position: absolute; left:0; bottom:0; }
.h_menu .menu_nav .d_nav a:hover::before{ transition: all .35s; width: 100%; }
.h_menu .bd{ position: absolute; bottom:0; left: 0; width: 100%; background: #f1f1f1; box-sizing: border-box; padding:15px; display: flex; align-items: center; justify-content: flex-end; }
.h_menu .bd > div{ display: inline-flex; align-items: center; margin:0 12px; }
.h_menu .bd > div i{ color: #333333; font-size: 18px; line-height: 1; margin-right: 6px; }
.h_menu .bd > div b{ color: #333333; font-size: 14px; line-height: 1; font-weight: normal; }
.h_menu .bd > div p{ color: #333333; font-size: 14px; line-height: 1; }
#lizi{ position: absolute; width: 100%; height: 60%; left:0; bottom:0; overflow: hidden; z-index: -1; }
#lizi canvas{ width: 100%!important; }
@media only screen and (max-width:1800px){
  .h_top .right{ width: 90%; }
}
@media only screen and (max-width:1600px){
  .h_top .nav > li > a{ padding:32px; font-size: 17px; }
  .h_top .nav > li .sub_nav .r_nav{ width: 37%; }
  .h_top .nav > li:nth-child(4) .sub_nav .r_nav{ width: 22.3%; }
}
@media only screen and (max-width:1400px){
  .h_top .logo{ width: 25%; }
  .h_top .right{ width: 75%; }
  .h_top .nav > li > a{ padding:30px; font-size: 16px; }
  .h_top .nav > li .sub_nav .r_nav{ width: auto; margin-right: 118px; }
  .h_top .nav > li:nth-child(4) .sub_nav .r_nav{ width: auto; margin-right: 118px; }
}
@media only screen and (max-width:1200px){
  .index .h_top{ position: static; }
  .h_top{ padding:20px 5px; position: static; background: var(--zhu-color); }
  .h_top .logo{ width: 36%; }
  .h_top .logo img:nth-of-type(1){ display: none; }
  .h_top .logo img:nth-of-type(2){ display: block; } 
  .h_top .right{ width: 50%; }
  .h_top .mob_menu{ display: flex; align-items: center; }
  .h_menu .hd, .h_menu .ct{ padding:50px 40px; }
  .h_top .nav{ display: none; }
}
@media only screen and (max-width:992px){
  .h_top{ padding:15px 0; }
  .h_top .logo{ width: 40%; }
  .h_menu .hd, .h_menu .ct{ padding:40px 30px; }
  .h_menu .hd .close i, .h_menu .hd .close span{ font-size: 17px; }
  .h_menu .menu_nav > li > a{ font-size: 18px; }
  .h_menu .menu_nav .d_nav a{ font-size: 14px; }
  .h_menu .bd > div{ margin:0 6px; }
  .h_menu .bd > div i{ font-size: 16px; }
  .h_menu .bd > div b, .h_menu .bd > div p{ font-size: 12px; }
}
@media only screen and (max-width:768px){
  .h_top{ padding:14px 0; }
  .h_top .logo{ width: 45%; }
  .h_top .mob_menu span{ font-size: 15px; margin-right: 10px; }
  .h_top .mob_menu .line{ width: 24px; }
  .h_top .mob_menu .line small:nth-of-type(2){ margin:4px 0; }
  .h_menu .hd, .h_menu .ct{ padding:30px 20px; }
  .h_menu .hd .close i, .h_menu .hd .close span{ font-size: 16px; }
  .h_menu .menu_nav{ flex-wrap: wrap; }
  .h_menu .menu_nav > li{ width: 25%; margin-bottom: 25px; text-align: center; }
  .h_menu .menu_nav > li > a{ font-size: 17px; }
  .h_menu .menu_nav .d_nav a{ font-size: 13px; }
  .h_menu .bd{ display: none; }
}
@media only screen and (max-width:640px){
  .h_top{ padding:13px 0; }
  .h_top .logo{ width: 50%; }
  .h_top .mob_menu span{ font-size: 14px; margin-right: 8px; }
  .h_top .mob_menu .line{ width: 22px; }
  .h_menu .hd, .h_menu .ct{ padding:15px; }
  .h_menu .ct{ padding-top: 30px; }
  .h_menu .hd .close i, .h_menu .hd .close span{ font-size: 15px; }
  .h_menu .menu_nav > li{ width: 25%; margin-bottom: 25px; text-align: center; }
  .h_menu .menu_nav > li > a{ font-size: 16px; }
  .h_menu .menu_nav .d_nav a{ font-size: 12px; }
}
@media only screen and (max-width:576px){
  .h_top{ padding:12px 0; }
  .h_top .inner{ padding:0 10px; } 
  .h_top .logo{ width: 60%; }
  .h_top .right{ width: 30%; }
  .h_top .mob_menu .line{ width: 20px; }
  .h_menu .hd .close i, .h_menu .hd .close span{ font-size: 14px; }
  .h_menu .menu_nav > li{ margin-bottom: 20px; }
  .h_menu .menu_nav > li > a{ font-size: 15px; }
}
@media only screen and (max-width:414px){
  .h_top .inner{ padding:0 8px; } 
  .h_top .logo{ width: 73%; }
  .h_top .right{ width: 27%; }
  .h_top .mob_menu span{ font-size: 12px; }
  .h_top .mob_menu .line small{ height: 1px; }
  .h_menu .hd .close i, .h_menu .hd .close span{ font-size: 13px; }
  .h_menu .menu_nav > li{ margin-bottom: 15px; }
  .h_menu .menu_nav > li > a{ font-size: 14px; }
}

/* banner */
#banner{ overflow: hidden; position: relative; width: 100%; height: 100vh; --swiper-theme-color: #fff; }
#banner .swiper-slide-active .scaleBg{visibility: visible;-webkit-animation:scale-bg 3s linear forwards;animation:scale-bg 3s linear forwards;}
#banner .swiper-slide{ width: 100%!important; }
#banner .swiper-slide a{ display: block; width: 100%; height: 100%; overflow: hidden; position: relative; }
#banner .swiper-slide a > img{ transition:9s ease; width: 100%; height: 100%; object-fit: cover; }
#banner .first{ position: relative; }
#banner .first > img{ position: absolute; left:0; bottom: 0; width: 15%; }
#banner .swiper-slide:nth-child(1) a > img { transform:scale(1.05); }
#banner .swiper-slide:nth-child(2) a > img { transform:scale(1.05); }
#banner .swiper-slide:nth-child(3) a > img { transform:scale(1.05); }
#banner .swiper-slide-active:nth-child(1) a > img { transform:scale(1)}
#banner .swiper-slide-active:nth-child(2) a > img { transform:scale(1)}
#banner .swiper-slide-active:nth-child(3) a > img { transform:scale(1)}
#banner a .banner_box{ display: flex; align-items: center; flex-direction: column; justify-content: center; z-index: 33; width: 1400px; height: 100%; position: absolute; top:0; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
#banner a .banner_box p img{ max-width: 100%; }
#banner a .banner_box .b1_tit{ position: absolute; top:27%; left:-40px; max-width: 38%; }
#banner a .banner_box .b2_tit{ position: absolute; top:27%; max-width: 41%; }
#banner a .banner_box .b2_span{ position: absolute; top:34%; max-width: 42%; }
#banner a .banner_box .b3_tit{ position: absolute; top:28%; max-width: 40%;  }
#banner a .banner_box .b3_span{ position: absolute; top:36%; max-width: 42%; }
#banner .swiper-button-next, #banner .swiper-button-prev{ display: inline-flex; width: 50px; height: 50px; background: rgba(255, 255, 255, 0.5); align-items: center; justify-content: center; border-radius: 50%; }
#banner .swiper-button-next::after, #banner .swiper-button-prev::after{ display: none; }
#banner .swiper-button-next span, #banner .swiper-button-prev span{ font-size: 20px; line-height: 1; color: var(--pei-color); }
#banner .swiper-button-next:hover, #banner .swiper-button-prev:hover{ background: var(--zhu-color); transition: all .3s; }
#banner .swiper-button-next:hover span, #banner .swiper-button-prev:hover span{ color: #ffffff; transition: all .3s; }
#banner .swiper-button-next { right: 13%; }
#banner .swiper-button-prev { left: 13%; }
#banner .swiper-cube-shadow{ display: none!important; }
#banner .swiper-pagination{ bottom:60px; }
#banner .swiper-pagination-bullet{ width: 8px; height: 8px; background: transparent; border:1px solid #fbfbfb; border-radius: 50%; margin:0 8px; opacity: 1; }
#banner .swiper-pagination-bullet-active{ background: #fff; border-color: #fff; }
@-webkit-keyframes scale-bg{
	from{ -webkit-transform:scale(1.25); transform:scale(1.25); }
	to{ -webkit-transform:scale(1); transform:scale(1); }
}
@keyframes scale-bg{
	from{ -webkit-transform:scale(1.25); transform:scale(1.25); }
	to{ -webkit-transform:scale(1); transform:scale(1); }
}
.banner_nav{ overflow: hidden; background: rgba(255, 255, 255, .5); position: absolute; z-index: 34; width: 100%; bottom:0; left:0; }
.banner_nav .inner{ padding:0; }
.banners{ display: flex; align-items: center; justify-content: space-between; width:100%; }
.banners li{ width: calc(25% - 1px); height: 126px; overflow: hidden; }
.banners li a{ display: flex; align-items: center; width: 100%; height: 100%; box-sizing: border-box; padding:25px; background-size: cover; position: relative; }
.banners li a::after{ transition: all .5s ease; content: ""; display: block; width: 100%; height: 0%; background: rgba(0,0,0,.06); position: absolute; left:0; top: 0; z-index: 33; }
.banners li a > span{ margin-right: 20px; font-size: 50px; color: #182133; line-height: 1; }
.banners li a .txt{ display: flex; flex-direction: column; }
.banners li a .txt b{ font-size: 28px; color: #182133; font-weight: normal; line-height: 1; }
.banners li a .txt p{ font-size: 15px; line-height: 1.5; color: #182133; font-weight: normal; margin:8px 0 0; }
.banners li a:hover::after{ transition: all .5s ease; height: 100%; }
.banners .active a::after{ transition: all .5s ease; height: 100%; }

@media only screen and (max-width: 1912px){
  #banner{ height: auto; }
}
@media only screen and (min-width: 1922px){
  #banner{ height: auto; }
}

@media only screen and (max-width: 1600px){
}
@media only screen and (max-width: 1400px){
  #banner a .banner_box{ width: 100%; box-sizing: border-box; padding:0 15px; }
  #banner .swiper-button-next, #banner .swiper-button-prev{ width: 45px; height: 45px; }
  #banner .swiper-button-next span, #banner .swiper-button-prev span{ font-size: 18px; }
  #banner .swiper-button-next { right: 15px; }
  #banner .swiper-button-prev { left: 15px; }
  #banner .swiper-pagination{ bottom:40px; }
  #banner .swiper-pagination-bullet{ width: 6px; height: 6px; margin:0 6px; }
  .banners li{ height: 110px; }
  .banners li a{ padding:20px; }
  .banners li a > span{ margin-right: 18px; font-size: 46px; }
  .banners li a .txt b{ font-size: 24px; }
  .banners li a .txt p{ font-size: 13px; line-height: 1.4; margin:8px 0 0; }
}
@media only screen and (max-width:1200px){
  #banner .swiper-button-next, #banner .swiper-button-prev{ width: 40px; height: 40px; }
  #banner .swiper-button-next span, #banner .swiper-button-prev span{ font-size: 16px; }
  #banner .swiper-pagination{ bottom:30px; }
  #banner .swiper-pagination-bullet{ width: 4px; height: 4px; margin:0 6px; }
  .banners li{ height: 80px; }
  .banners li a{ padding:30px 20px; }
  .banners li a > span{ margin-right: 16px; font-size: 42px; }
  .banners li a .txt b{ font-size: 20px; }
  .banners li a .txt p{ font-size: 12px; line-height: 1.3; margin:6px 0 0; }
}
@media only screen and (max-width:992px){
  #banner .swiper-button-next, #banner .swiper-button-prev{ width: 35px; height: 35px; }
  #banner .swiper-button-next span, #banner .swiper-button-prev span{ font-size: 15px; }
  #banner .swiper-pagination{ bottom:24px; }
  #banner .swiper-pagination-bullet{ margin:0 5px; }
  .banners li{ height: auto; }
  .banners li a{ padding:15px; justify-content: center; }
  .banners li a > span{ margin-right: 12px; font-size: 32px; }
  .banners li a .txt b{ font-size: 16px; }
  .banners li a .txt p{ display: none; }
}
@media only screen and (max-width:768px){
  #banner .swiper-button-next, #banner .swiper-button-prev{ width: 30px; height: 30px; }
  #banner .swiper-button-next span, #banner .swiper-button-prev span{ font-size: 14px; }
  #banner .swiper-pagination{ bottom:24px; }
  #banner .swiper-pagination-bullet{ margin:0 4px; }
  .banners li a > span{ margin-right: 10px; font-size: 24px; }
  .banners li a .txt b{ font-size: 14px; }
}
@media only screen and (max-width:640px){
  #banner .swiper-button-next, #banner .swiper-button-prev{ width: 26px; height: 26px; }
  #banner .swiper-button-next span, #banner .swiper-button-prev span{ font-size: 13px; }
  #banner .swiper-pagination{ bottom:20px; }
  #banner .swiper-pagination-bullet{ margin:0 4px; }
  .banners li a{ padding:12px; }
  .banners li a > span{ margin-right: 8px; font-size: 20px; }
  .banners li a .txt b{ font-size: 13px; }
}
@media only screen and (max-width:576px){
  #banner .swiper-button-next, #banner .swiper-button-prev{ width: 24px; height: 24px; }
  #banner .swiper-button-next span, #banner .swiper-button-prev span{ font-size: 12px; }
  #banner .swiper-pagination{ bottom:15px; }
  #banner .swiper-pagination-bullet{ margin:0 3px; }
  .banners li a{ padding:10px; }
  .banners li a > span{ margin-right: 6px; font-size: 16px; }
  .banners li a .txt b{ font-size: 12px; }
}
@media only screen and (max-width:414px){
  #banner .swiper-button-next, #banner .swiper-button-prev{ width: 22px; height: 22px; }
  #banner .swiper-pagination-bullet{ margin:0 3px; }
  .banners li a{ padding:8px 6px; }
  .banners li a > span{ margin-right: 4px; font-size: 12px; }
}

.jw-controlbar { width: 100%; }
.jw-error .jw-preview, .jw-stretch-uniform .jw-preview, .jwplayer .jw-preview{ background-size: cover; }

/* m_tit */
.m_tit{ display: flex; margin-bottom: 60px; flex-direction: column; align-items: center; justify-content: center; }
.m_tit b{ font-size: 48px; color: #182133; line-height: 1; letter-spacing: 8px; font-weight: normal; }
.m_tit form{ display: flex; align-items: center; justify-content: space-between; overflow: hidden; margin-top: 24px; width: 446px; border:1px solid #999999; border-radius: 30px; }
.m_tit form .search_text{ padding:15px 30px; width: calc(100% - 80px); font-size: 14px; color: #182133; line-height: 1; }
.m_tit form .search_btn{ background: none; display: inline-flex; align-items: center; justify-content: center; }
.m_tit form .search_btn span{ cursor: pointer; margin:0 25px; font-size: 20px; line-height: 1; color: #ababab; transition: all .3s; }
.m_tit form .search_btn:hover span{ color: var(--pei-color); transition: all .3s; }
@media only screen and (max-width: 1400px){
  .m_tit{ margin-bottom: 50px; }
  .m_tit b{ font-size: 44px; letter-spacing: 6px; }
  .m_tit form{ margin-top: 22px; width: 30%; }
  .m_tit form .search_text{ padding:13px 25px; width: calc(100% - 70px); font-size: 14px; }
  .m_tit form .search_btn span{ margin:0 20px; font-size: 18px; }
}
@media only screen and (max-width:1200px){
  .m_tit{ margin-bottom: 40px; }
  .m_tit b{ font-size: 40px; letter-spacing: 4px; }
  .m_tit form{ margin-top: 20px; width: 35%; }
  .m_tit form .search_text{ padding:11px 20px; width: calc(100% - 60px); font-size: 13px; }
  .m_tit form .search_btn span{ margin:0 15px; font-size: 16px; }
}
@media only screen and (max-width:992px){
  .m_tit{ margin-bottom: 30px; }
  .m_tit b{ font-size: 36px; letter-spacing: 2px; }
  .m_tit form{ margin-top: 18px; width: 40%; }
  .m_tit form .search_text{ padding:9px 20px; width: calc(100% - 50px); font-size: 12px; }
  .m_tit form .search_btn span{ margin:0 10px; font-size: 14px; }
}
@media only screen and (max-width:768px){
  .m_tit{ margin-bottom: 20px; }
  .m_tit b{ font-size: 32px; }
  .m_tit form{ margin-top: 16px; width: 50%; }
  .m_tit form .search_text{ padding:7px 20px; }
  .m_tit form .search_btn span{ margin:0 10px; font-size: 13px; }
}
@media only screen and (max-width:640px){
  .m_tit{ margin-bottom: 15px; }
  .m_tit b{ font-size: 28px; }
  .m_tit form{ margin-top: 14px; width: 60%; }
  .m_tit form .search_btn span{ margin:0 10px; font-size: 12px; }
}
@media only screen and (max-width:576px){
  .m_tit{ margin-bottom: 10px; }
  .m_tit b{ font-size: 24px; }
  .m_tit form{ margin-top: 12px; width: 70%; }
}
@media only screen and (max-width:414px){
  .m_tit b{ font-size: 20px; }
  .m_tit form{ margin-top: 12px; width: 80%; }
}


/*m_product*/
.m_product{ overflow: hidden; padding:60px 0; }
.m_product .bd{ width: 100%; text-align: center; }
#product{ overflow: hidden; padding-bottom: 60px; }
#product a, .product_list li a{ display: flex; flex-direction: column; box-sizing: border-box; padding:30px; overflow: hidden; background: #f8f9fa url(../images/bg.jpg) no-repeat center; border:1px solid #dadada; border-radius: 10px; }
#product a .tit, .product_list li a .tit{ padding:0 0 24px; border-bottom: 1px solid #ffffff; display: inline-flex; align-items: center; justify-content: space-between; }
#product a .tit b, .product_list li a .tit b{ display: block; width: calc(100% - 60px); font-weight: normal; text-align: left; font-size: 28px; color: #ffffff; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#product a .tit i, .product_list li a .tit i{ display: inline-block; font-size: 48px; color: #ffffff; line-height: 1; }
#product a .parm, .product_list li a .parm{ margin:20px 0; text-align: left; }
#product a .parm p, .product_list li a .parm p{ font-size: 12px; color: #ffffff; line-height: 2; }
#product a .imgs, .product_list li a .imgs{ display: flex; align-items: flex-end; justify-content: space-between; }
#product a .imgs span, .product_list li a .imgs span{ font-size: 40px; color: #ffffff; line-height: 1; transition: all .3s; }
#product a .imgs .img, .product_list li a .imgs .img{ width: calc(100% - 70px); padding-bottom: 70%; display: block; position: relative; overflow: hidden; }
#product a .imgs .img img, .product_list li a .imgs .img img{ width: 100%; height: 100%; object-fit: contain; transition: all .3s; position: absolute; left:0; }
#product a:hover .tit b, .product_list li a:hover .tit b{ transition: all .3s; color: #182133; }
#product a:hover .imgs span, .product_list li a:hover .imgs span{ transition: all .3s; color: #182133; }
#product a:hover .img img, .product_list li a:hover .img img{ transition: all .3s; transform: scale(1.05); }
#product .swiper-pagination { bottom:30px; top:auto; width:100%; height:4px; border-radius: 3px; overflow: hidden; background:#808080; left:50%; transform:translate(-50%,0); }
#product .swiper-pagination-progressbar-fill{ background:#333333; }
#product .swiper-scrollbar { width: 100%; left:0; background-color: #c7c7c9; bottom: 112px; height: 5px; cursor: pointer; }
#product .swiper-scrollbar-drag { top: 0; height: 5px; background-color: #232e48; }
#product .swiper-scrollbar-drag::before{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 50%; width: 50px; height: 50px; background: #232e48 url(../images/scroll_ico.png) no-repeat center; content: ""; }
#product .swiper-scrollbar-drag::after{ transition: all .3s; content: "点击左右滑动"; background: url(../images/ico_click.png) no-repeat center; padding-top: 54px; font-size: 12px; color: #182133; line-height: 1; position: absolute; bottom:-80px; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
#product .swiper-scrollbar-drag:hover::after{ transition: all .3s; opacity: 0; }
@media only screen and (max-width: 1400px){
  .m_product{ padding:50px 0; }
  /* #product{ padding-bottom: 140px; } */
  #product a, .product_list li a{ padding:25px; border-radius: 8px; }
  #product a .tit, .product_list li a .tit{ padding:0 0 20px; }
  #product a .tit b, .product_list li a .tit b{ width: calc(100% - 55px); font-size: 24px; }
  #product a .tit i, .product_list li a .tit i{ font-size: 40px; }
  #product a .parm, .product_list li a .parm{ margin:18px 0; }
  #product a .parm p, .product_list li a .parm p{ line-height: 1.8; }
  #product a .imgs span, .product_list li a .imgs span{ font-size: 36px; }
  #product a .imgs .img, .product_list li a .imgs .img{ width: calc(100% - 66px); }
  #product .swiper-scrollbar { bottom: 95px; height: 5px; }
  #product .swiper-scrollbar-drag { height: 5px; }
  #product .swiper-scrollbar-drag::before{ margin: auto; width: 45px; height: 45px; background-size: 100%; }
  #product .swiper-scrollbar-drag::after{ padding-top: 54px; bottom:-75px; background-size: 35%; }
}
@media only screen and (max-width:1200px){
  .m_product{ padding:40px 0; }
  /* #product{ padding-bottom: 140px; } */
  #product a, .product_list li a{ padding:20px; border-radius: 6px; }
  #product a .tit{ padding:0 0 15px; }
  #product a .tit b{ width: calc(100% - 50px); font-size: 20px; }
  #product a .tit i{ font-size: 35px; }
  #product a .parm{ margin:16px 0; }
  #product a .parm p{ line-height: 1.6; }
  #product a .imgs span{ font-size: 32px; }
  #product a .imgs .img{ width: calc(100% - 52px); }
  #product .swiper-scrollbar { bottom: 95px; height: 5px; }
  #product .swiper-scrollbar-drag { height: 5px; }
  #product .swiper-scrollbar-drag::before{ width: 40px; height: 40px; }
  #product .swiper-scrollbar-drag::after{ padding-top: 54px; bottom:-75px; background-size: 30%; }
}
@media only screen and (max-width:992px){
  .m_product{ padding:30px 0; }
  /* #product{ padding-bottom: 120px; } */
  #product a, .product_list li a{ padding:15px; border-radius: 4px; }
  #product a .tit{ padding:0 0 10px; }
  #product a .tit b{ width: calc(100% - 50px); font-size: 16px; }
  #product a .tit i{ font-size: 30px; }
  #product a .parm{ margin:14px 0; }
  #product a .parm p{ line-height: 1.5; }
  #product a .imgs span{ font-size: 28px; }
  #product a .imgs .img{ width: calc(100% - 50px); }
  #product .swiper-scrollbar { bottom: 80px; height: 5px; }
  #product .swiper-scrollbar-drag { height: 5px; }
  #product .swiper-scrollbar-drag::before{ width: 35px; height: 35px; }
  #product .swiper-scrollbar-drag::after{ padding-top: 50px; bottom:-70px; background-size: 25%; }
}
@media only screen and (max-width:768px){
  .m_product{ padding:20px 0; }
  /* #product{ padding-bottom: 110px; } */
  #product a, .product_list li a{ padding:15px; border-radius: 4px; }
  #product a .tit, .product_list li a .tit{ padding:0 0 10px; }
  #product a .tit b, .product_list li a .tit b{ width: calc(100% - 50px); font-size: 16px; }
  #product a .tit i, .product_list li a .tit i{ font-size: 30px; }
  #product a .parm, .product_list li a .parm{ margin:14px 0; }
  #product a .parm p, .product_list li a .parm p{ line-height: 1.5; }
  #product a .imgs span, .product_list li a .imgs span{ font-size: 28px; }
  #product a .imgs .img, .product_list li a .imgs .img{ width: calc(100% - 50px); }
  #product .swiper-pagination { height:3px; }
  #product .swiper-scrollbar { bottom: 75px; height: 5px; }
  #product .swiper-scrollbar-drag { height: 5px; }
  #product .swiper-scrollbar-drag::before{ width: 30px; height: 30px; }
  #product .swiper-scrollbar-drag::after{ padding-top: 40px; bottom:-60px; background-size: 20%; }
}
@media only screen and (max-width:640px){
  #product{ padding-bottom: 30px; }
  .m_product{ padding:15px 0; }
  #product a .tit b, .product_list li a .tit b{ width: calc(100% - 40px); font-size: 15px; }
  #product a .tit i, .product_list li a .tit i{ font-size: 18px; }
  #product a .parm, .product_list li a .parm{ margin:12px 0; }
  #product a .imgs span, .product_list li a .imgs span{ font-size: 24px; }
  #product .swiper-pagination { height:2px; bottom:15px; }
  #product .swiper-scrollbar { bottom: 75px; height: 4px; }
  #product .swiper-scrollbar-drag { height: 4px; }
  #product .swiper-scrollbar-drag::before{ width: 25px; height: 25px; }
  #product .swiper-scrollbar-drag::after{ padding-top: 40px; bottom:-60px; background-size: 20%; }
}
@media only screen and (max-width:576px){
  .m_product{ padding:10px 0; }
  /* #product{ padding-bottom: 10px; } */
  #product a .tit b, .product_list li a .tit b{ width: calc(100% - 30px); font-size: 14px; }
  #product a .tit i, .product_list li a .tit i{ font-size: 16px; }
  #product a .parm, .product_list li a .parm{ margin:10px 0; }
  #product a .imgs span, .product_list li a .imgs span{ font-size: 20px; }
  #product .swiper-scrollbar { display: none; }
}
@media only screen and (max-width:414px){
  #product a, .product_list li a{ padding:10px; }
  #product a .tit b, .product_list li a .tit b{ width: calc(100% - 20px); font-size: 14px; }
  #product a .tit i, .product_list li a .tit i{ font-size: 16px; }
  #product a .parm, .product_list li a .parm{ display: none; }
  #product a .imgs, .product_list li a .imgs{ margin:10px 0 0; display: flex; flex-direction: column-reverse; }
  #product a .imgs .img, .product_list li a .imgs .img{ width: 100%; }
  #product a .imgs span, .product_list li a .imgs span{ display: none; }
}

/* more */
.more{ display: inline-flex; align-items: center; justify-content: center; padding:12px 28px; background: #f0f2f3; border-radius: 20px; position: relative; overflow: hidden; }
.more small{ position: relative; font-size: 14px; color: #182133; line-height: 1; }
.more span{ font-size: 15px; color: #182133; line-height: 1; margin-left: 12px; position: relative; transition: all .3s; }
.more::before{ content: ""; display: block; width: 0; height: 100%; position: absolute; right: 0; background: var(--pei-color); transition: all .3s; border-radius: 20px; }
.more:hover::before{ transition: all .3s; width: 100%; left: 0; }
.more:hover small{ color: #ffffff; transition: all .3s; }
.more:hover span{ color: #ffffff; transition: all .3s; transform: rotate(180deg); }
@media only screen and (max-width: 1400px){
  .more{ padding:12px 28px; border-radius: 18px; }
  .more small{ font-size: 14px; }
  .more span{ font-size: 15px; margin-left: 12px; }
  .more::before{ border-radius: 18px; }
}
@media only screen and (max-width:1200px){
  .more{ padding:10px 26px; border-radius: 18px; }
  .more small{ font-size: 13px; }
  .more span{ font-size: 14px; margin-left: 10px; }
  .more::before{ border-radius: 18px; }
}
@media only screen and (max-width:992px){
  .more{ padding:10px 26px; border-radius: 16px; }
  .more small{ font-size: 13px; }
  .more span{ font-size: 14px; margin-left: 10px; }
  .more::before{ border-radius: 16px; }
}
@media only screen and (max-width:768px){
  .more{ padding:8px 24px; border-radius: 16px; }
  .more small{ font-size: 12px; }
  .more span{ font-size: 13px; margin-left: 10px; }
  .more::before{ border-radius: 16px; }
}
@media only screen and (max-width:640px){
}
@media only screen and (max-width:576px){
}
@media only screen and (max-width:414px){
}

/* m_about */
.m_about{ padding:60px 0; background: #f4f6f7; }
.m_about .inner{ display: flex; align-items: center; justify-content: space-between; }
.m_about .img{ width: calc(50% - 15px); position: relative; }
.m_about .img img{ max-width: 100%; }
.m_about .info{ width: calc(50% - 15px); }
.m_about .info b{ font-size: 48px; font-weight: normal; color: #182133; line-height: 1; display: block; }
.m_about .info ul{ display: inline-flex; align-items: center; margin:42px 0; }
.m_about .info li{ margin-right: 50px; }
.m_about .info li a{ transition: all .3s; display: inline-flex; padding:12px 28px; background: #ffffff; line-height: 1; border-radius: 30px; font-size: 14px; color: #232e48; }
.m_about .info li a:hover{ transition: all .3s; background: var(--zhu-color); color: #ffffff; }
.m_about .info .txt{ font-size: 14px; color: #232e48; line-height: 2; overflow:hidden; display:-webkit-box; -webkit-line-clamp:14; -webkit-box-orient:vertical; }
.m_about .info > a{ margin-top: 24px; }
.m_about .img .video_btn{ cursor: pointer; width: 80px; height: 80px; background: #fff; transition: all .3s; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; top:50%; left:50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.m_about .img .video_btn span{ font-size: 30px; color: var(--zhu-color); margin-left: 0; line-height: 1; transition: all .3s; }
.m_about .img .video_btn:hover{ transition: all .3s; width: 135px; height: 135px; }
.m_about .img .video_btn:hover span{ transition: all .3s; font-size: 60px; margin-left: 10px; }
@media only screen and (max-width: 1400px){
  .m_about{ padding:50px 0; }
  .m_about .info b{ font-size: 40px; }
  .m_about .info ul{ margin:30px 0; }
  .m_about .info li{ margin-right: 30px; }
  .m_about .info li a{ padding:10px 24px; font-size: 13px; }
  .m_about .info .txt{ font-size: 14px; line-height: 1.8; -webkit-line-clamp:14; }
  .m_about .info > a{ margin-top: 20px; }
}
@media only screen and (max-width:1200px){
  .m_about{ padding:40px 0; }
  .m_about .info b{ font-size: 32px; }
  .m_about .info ul{ margin:24px 0; }
  .m_about .info li{ margin-right: 24px; }
  .m_about .info li a{ padding:8px 20px; font-size: 12px; }
  .m_about .info .txt{ font-size: 14px; line-height: 1.6; -webkit-line-clamp:14; }
  .m_about .info > a{ margin-top: 15px; }
}
@media only screen and (max-width:992px){
  .m_about{ padding:30px 0; }
  .m_about .info b{ font-size: 24px; }
  .m_about .info ul{ margin:18px 0; }
  .m_about .info li{ margin-right: 18px; }
  .m_about .info li a{ padding:6px 20px; font-size: 12px; }
  .m_about .info .txt{ font-size: 14px; line-height: 1.5; -webkit-line-clamp:10; }
}
@media only screen and (max-width:768px){
  .m_about{ padding:20px 0; }
  .m_about .inner{ flex-wrap: wrap; }
  .m_about .img, .m_about .info{ width: 100%; }
  .m_about .img{ display: none; }
  .m_about .info b{ font-size: 24px; }
  .m_about .info ul{ margin:18px 0; }
  .m_about .info li{ margin-right: 18px; }
  .m_about .info li a{ padding:6px 20px; font-size: 12px; }
  .m_about .info .txt{ font-size: 14px; line-height: 1.5; -webkit-line-clamp:10; }
}
@media only screen and (max-width:640px){
  .m_about{ padding:15px 0; }
  .m_about .img{ display: none; }
  .m_about .info b{ font-size: 18px; }
  .m_about .info ul{ margin:15px 0; }
  .m_about .info li{ margin-right: 15px; }
  .m_about .info li a{ padding:6px 20px; font-size: 12px; }
  .m_about .info .txt{ font-size: 14px; line-height: 1.5; -webkit-line-clamp:10; }
}
@media only screen and (max-width:576px){
  .m_about{ padding:10px 0; }
  .m_about .info li a{ padding:6px 18px; font-size: 12px; }
}
@media only screen and (max-width:414px){
  .m_about .img{ display: block; }
  .m_about .info li a{ padding:6px 15px; font-size: 12px; }
}

/* m_super */
.m_super{ overflow: hidden; padding:60px 0 225px; background: url(../images/super_bg.jpg) no-repeat bottom center; }
.m_super .inner{ position: relative; }
.m_super .inner::after{ top:50px; content: ""; display: flex; align-items: center; justify-content: center; width: 480px; height: 480px; background-size: 100%; background: url(../images/super_tit.png) no-repeat center; position: absolute; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.m_super .inner::before{ z-index: 33; top: 240px; content: "核心优势"; display: inline-block; width: 92px; line-height: 1.2; letter-spacing: 6px; font-size: 40px; color: #ffffff; text-shadow: 2px 2px 0 #232e48; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.m_super ul{ width: 100%; box-sizing: border-box; padding:0 8.5%; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: space-between; }
.m_super li{ padding: 56px 96px 56px 36px; box-sizing: border-box; background: #f2f7fa; border:1px solid #232e48; box-sizing: border-box; width: calc(50% - 15px); margin-bottom: 30px; }
.m_super li:nth-child(2n+0){ padding:56px 36px 56px 96px; }
.m_super li b{ font-weight: normal; margin-bottom: 30px; display: block; line-height: 1; font-size: 36px; color: #232e48; line-height: 1; }
.m_super li p{ font-size: 15px; color: #232e48; line-height: 2; }
.m_super li:nth-child(2n+0) b, .m_super li:nth-child(2n+0) p{ text-align: right; }
@media only screen and (max-width: 1400px){
  .m_super{ padding:35px 0 200px; }
  .m_super ul{ padding:0 15px; }
  .m_super .inner::after{ top:50px; width: 440px; height: 440px; }
  .m_super .inner::before{ top: 220px; width: 84px; font-size: 36px; }
  .m_super li{ padding: 50px 90px 50px 30px; margin-bottom: 30px; }
  .m_super li:nth-child(2n+0){ padding:50px 30px 50px 90px; }
  .m_super li b{  margin-bottom: 30px; font-size: 32px; }
  .m_super li p{ font-size: 14px; line-height: 1.8; }
}
@media only screen and (max-width:1200px){
  .m_super{ padding:20px 0 170px; background-size: contain; }
  .m_super ul{ padding:0; }
  .m_super .inner::after{ top:30px; width: 400px; height: 400px; background-size: contain; }
  .m_super .inner::before{ top: 190px; width: 78px; font-size: 32px; }
  .m_super li{ width: calc(50% - 7.5px); padding: 40px 80px 40px 20px; margin-bottom: 15px; }
  .m_super li:nth-child(2n+0){ padding:40px 20px 40px 80px; }
  .m_super li b{  margin-bottom: 25px; font-size: 28px; }
  .m_super li p{ font-size: 14px; line-height: 1.8; }
}
@media only screen and (max-width:992px){
  .m_super{ padding:20px 0 140px; background-size: contain; }
  .m_super ul{ padding:0; }
  .m_super .inner::after{ top:45px; width: 320px; height: 320px; background-size: contain; }
  .m_super .inner::before{ top: 170px; width: 68px; font-size: 28px; }
  .m_super li{ width: calc(50% - 7.5px); padding: 30px 70px 30px 20px; margin-bottom: 15px; }
  .m_super li:nth-child(2n+0){ padding:30px 20px 30px 70px; }
  .m_super li b{  margin-bottom: 20px; font-size: 24px; }
  .m_super li p{ font-size: 13px; line-height: 1.8; }
}
@media only screen and (max-width:768px){
  .m_super{ padding:18px 0 120px; }
  .m_super .inner::after{ display: none; }
  .m_super .inner::before{ position: static; text-align: center; padding:12px 0; margin-bottom: 15px; background: #6b7580; width: 100%; font-size: 24px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  .m_super li{ width: 100%; padding: 20px; margin-bottom: 15px; }
  .m_super li:nth-child(2n+0){ padding:20px; }
  .m_super li b{  margin-bottom: 15px; font-size: 20px; }
  .m_super li p{ font-size: 13px; line-height: 1.8; }
}
@media only screen and (max-width:640px){
  .m_super{ padding:18px 0 100px; }
  .m_super .inner::before{ font-size: 22px; letter-spacing: 4px; }
  .m_super li{ padding: 15px; margin-bottom: 15px; }
  .m_super li:nth-child(2n+0){ padding:15px; }
  .m_super li b{ font-size: 18px; }
  .m_super li p{ font-size: 12px; line-height: 1.6; }
}
@media only screen and (max-width:576px){
  .m_super{ padding:18px 0 80px; }
  .m_super .inner::before{ font-size: 20px; letter-spacing: 3px; }
  .m_super li b{ font-size: 17px; }
  .m_super li p{ font-size: 12px; line-height: 1.5; }
}
@media only screen and (max-width:414px){
  .m_super{ padding:18px 0 60px; }
  .m_super .inner::before{ font-size: 18px; letter-spacing: 2px; }
  .m_super li b{ font-size: 16px; }
}

/* m_news */
.m_news{ padding:60px 0; overflow: hidden; }
.m_news .bd .btns{ text-align: center; }
.m_news .bd .btns > a{ margin:24px auto 0; }
#news{ overflow: hidden; }
#news a{ display: flex; flex-direction: column; }
#news a .img{ width: 100%; padding-bottom: 64%; position: relative; overflow: hidden; }
#news a .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
#news a .img .time{ display: inline-flex; align-items: center; justify-content: center; padding:6px 12px; background: #ffffff; border-radius: 30px; position: absolute; top:30px; left:30px; z-index: 33; }
#news a .img .time span{ font-size: 20px; color: #182133; line-height: 1; }
#news a .img .time small{ font-size: 12px; color: #182133; line-height: 1; margin-left: 10px; }
#news a .txt{ display: flex; flex-direction: column; }
#news a .txt b{ font-weight: normal; display: block; font-size: 24px; color: #182133; line-height: 1; padding:24px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all .3s; }
#news a .txt p{ display: flex; align-items: center; font-size: 12px; color: #182133; transition: all .3s; }
#news a .txt p span{ font-size: 30px; color: #d0d0d0; line-height: 1; margin-right: 12px; }
#news a:hover img{ transition: all .3s; transform: scale(1.05); }
#news a:hover .txt b{ transition: all .3s; color: var(--pei-color); }
@media only screen and (max-width: 1400px){
  .m_news{ padding:50px 0; }
  #news a .img .time{ padding:6px 12px; top:20px; left:20px; }
  #news a .img .time span{ font-size: 16px; }
  #news a .img .time small{ margin-left: 8px; }
  #news a .txt b{ font-size: 22px; padding:22px 0; }
  #news a .txt p span{ font-size: 28px; margin-right: 10px; }
}
@media only screen and (max-width:1200px){
  .m_news{ padding:40px 0; }
  #news a .img .time{ padding:4px 12px; top:15px; left:15px; }
  #news a .img .time span{ font-size: 14px; }
  #news a .img .time small{ margin-left: 6px; }
  #news a .txt b{ font-size: 20px; padding:20px 0; }
  #news a .txt p span{ font-size: 26px; margin-right: 8px; }
}
@media only screen and (max-width:992px){
  .m_news{ padding:30px 0; }
  #news a .img .time{ padding:4px 12px; top:10px; left:10px; }
  #news a .img .time span{ font-size: 13px; }
  #news a .img .time small{ margin-left: 5px; }
  #news a .txt b{ font-size: 18px; padding:18px 0; }
  #news a .txt p span{ font-size: 24px; margin-right: 6px; }
}
@media only screen and (max-width:768px){
  .m_news{ padding:20px 0; }
  .m_news .bd .btns > a{ margin:20px auto 0; }
  #news a .img .time{ padding:4px 12px; top:8px; left:8px; }
  #news a .img .time span{ font-size: 12px; }
  #news a .img .time small{ margin-left: 4px; }
  #news a .txt b{ font-size: 16px; padding:16px 0; }
  #news a .txt p span{ font-size: 20px; margin-right: 6px; }
}
@media only screen and (max-width:640px){
  .m_news{ padding:15px 0; }
  .m_news .bd .btns > a{ margin:15px auto 0; }
  #news a .img .time{ padding:3px 10px; top:5px; left:5px; }
  #news a .txt b{ font-size: 15px; padding:12px 0; }
  #news a .txt p span{ font-size: 16px; margin-right: 5px; }
}
@media only screen and (max-width:576px){
  .m_news{ padding:10px 0; }
  .m_news .bd .btns > a{ margin:10px auto 0; }
  #news a .txt b{ font-size: 14px; padding:10px 0; }
  #news a .txt p span{ font-size: 15px; margin-right: 4px; }
}
@media only screen and (max-width:414px){
  #news a .txt b{ font-size: 13px; padding:8px 0; }
  #news a .txt p span{ font-size: 14px; margin-right: 3px; }
}

/* m_service */
.m_service{ position: relative; padding:60px 0; overflow: hidden; background:#f0f1f1 url(../images/service_bg.jpg) no-repeat top center; }
.m_service #lizi2{ position: absolute; width: 100%; height: 300px; top:0; overflow: hidden; z-index: 1; }
.m_service #lizi2 div{ width: 100%; height: 100%; position: absolute; top:-300px; }
.m_service .hd b{ color: #ffffff; position: relative; z-index: 3; }
.m_service .bd{ background: #ffffff; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 3;}
.m_service .m_msg{ box-sizing: border-box; width: 50%; box-sizing: border-box; padding:50px; }
.m_service .m_msg .msg_box{ display: flex; align-items: center; justify-content: space-between; }
.m_service .m_msg .msg_box li{ width: calc(50% - 15px); border-bottom: 1px solid #dadada; padding:16px 0; }
.m_service .m_msg .msg_box li span{ font-size: 20px; color: #383f4f; line-height: 1; margin-right: 15px; }
.m_service .m_msg .msg_box li input{ height: 20px; width: calc(100% - 35px); font-size: 16px; color: #182133; line-height: 1; }
.m_service .m_msg .textarea{ border-bottom: 1px solid #dadada; padding:16px 0; margin:12px 0; }
.m_service .m_msg .textarea span{ font-size: 20px; color: #383f4f; line-height: 1; margin-right: 15px; }
.m_service .m_msg .textarea textarea{ height: 20px; width: calc(100% - 35px); font-size: 16px; color: #182133; line-height: 1; }
.m_service .m_msg .code li{ position: relative; }
.m_service .m_msg .code li img{ width: 90px; position: absolute; right: 0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.m_service .m_msg .code li + li{ border:0; padding:0; }
.m_service .m_msg .code .submit{ display: flex; padding:14px; background: var(--zhu-color); font-size: 16px; color: #ffffff; line-height: 1; align-items: center; justify-content: center; border-radius: 4px; transition: all .3s; }
.m_service .m_msg .code .submit:hover{ transition: all .3s; background: var(--pei-color); }
.m_service .service_img{ width: 50%; height: 285px; }
.m_service .service_img img{ width: 100%; height: 100%; object-fit: cover; }
@media only screen and (max-width: 1400px){
  .m_service{ padding:50px 0; }
  .m_service .m_msg{ padding:40px; }
  .m_service .m_msg .msg_box li{ padding:14px 0; }
  .m_service .m_msg .msg_box li span{ font-size: 18px; margin-right: 12px; }
  .m_service .m_msg .msg_box li input{ height: 18px; width: calc(100% - 30px); font-size: 15px; }
  .m_service .m_msg .textarea{ padding:14px 0; margin:12px 0; }
  .m_service .m_msg .textarea span{ font-size: 18px; margin-right: 12px; }
  .m_service .m_msg .textarea textarea{ height: 18px; width: calc(100% - 30px); font-size: 15px; }
  .m_service .m_msg .code li img{ width: 90px; }
  .m_service .m_msg .code .submit{ padding:14px; font-size: 15px; }
  .m_service .service_img{ height: 249px; }
}
@media only screen and (max-width:1200px){
  .m_service{ padding:40px 0; }
  .m_service .m_msg{ padding:30px; }
  .m_service .m_msg .msg_box li{ padding:14px 0; }
  .m_service .m_msg .msg_box li span{ font-size: 16px; margin-right: 10px; }
  .m_service .m_msg .msg_box li input{ height: 16px; width: calc(100% - 26px); font-size: 14px; }
  .m_service .m_msg .textarea{ padding:14px 0; margin:10px 0; }
  .m_service .m_msg .textarea span{ font-size: 16px; margin-right: 10px; }
  .m_service .m_msg .textarea textarea{ height: 16px; width: calc(100% - 26px); font-size: 14px; }
  .m_service .m_msg .code li img{ width: 90px; }
  .m_service .m_msg .code .submit{ padding:12px; font-size: 14px; }
  .m_service .service_img{ height: 219px; }
}
@media only screen and (max-width:992px){
  .m_service{ padding:30px 0; }
  .m_service .m_msg{ padding:20px; }
  .m_service .m_msg .msg_box li{ padding:12px 0; }
  .m_service .m_msg .msg_box li span{ font-size: 14px; margin-right: 8px; }
  .m_service .m_msg .msg_box li input{ height: 14px; width: calc(100% - 22px); font-size: 13px; }
  .m_service .m_msg .textarea{ padding:12px 0; margin:8px 0; }
  .m_service .m_msg .textarea span{ font-size: 14px; margin-right: 8px; }
  .m_service .m_msg .textarea textarea{ height: 14px; width: calc(100% - 22px); font-size: 13px; overflow: hidden; }
  .m_service .m_msg .code .submit{ padding:12px; font-size: 13px; }
  .m_service .service_img{ height: 181px; }
}
@media only screen and (max-width:768px){
  .m_service{ padding:20px 0; }
  .m_service .bd{ flex-wrap: wrap; flex-direction: column-reverse; }
  .m_service .m_msg{ padding:15px; width: 100%; }
  .m_service .m_msg .msg_box li{ padding:12px 0; width: calc(50% - 7.5px); }
  .m_service .m_msg .msg_box li span{ font-size: 14px; margin-right: 8px; }
  .m_service .m_msg .msg_box li input{ height: 14px; width: calc(100% - 22px); font-size: 13px; }
  .m_service .m_msg .textarea{ padding:12px 0; margin:8px 0; }
  .m_service .m_msg .textarea span{ font-size: 14px; margin-right: 8px; }
  .m_service .m_msg .textarea textarea{ height: 14px; width: calc(100% - 22px); font-size: 13px; overflow: hidden; }
  .m_service .m_msg .code .submit{ padding:12px; font-size: 13px; }
  .m_service .service_img{ width: 100%; height: auto; }
}
@media only screen and (max-width:640px){
  .m_service{ padding:15px 0; }
  .m_service .m_msg .msg_box li{ padding:10px 0; }
  .m_service .m_msg .msg_box li span{ font-size: 13px; margin-right: 6px; }
  .m_service .m_msg .msg_box li input{ height: 13px; width: calc(100% - 19px); font-size: 12px; }
  .m_service .m_msg .textarea{ padding:10px 0; margin:6px 0; }
  .m_service .m_msg .textarea span{ font-size: 12px; margin-right: 6px; }
  .m_service .m_msg .textarea textarea{ height: 13px; width: calc(100% - 19px); font-size: 13px; overflow: hidden; }
  .m_service .m_msg .code .submit{ padding:10px; font-size: 13px; }
  .m_service .service_img{ width: 100%; height: auto; }
}
@media only screen and (max-width:576px){
  .m_service{ padding:10px 0; }
  .m_service .m_msg .msg_box{ flex-direction: column; }
  .m_service .m_msg .msg_box li{ padding:8px 0; width: 100%; }
  .m_service .m_msg .msg_box li span{ font-size: 12px; margin-right: 4px; }
  .m_service .m_msg .msg_box li input{ height: 12px; width: calc(100% - 16px); font-size: 12px; }
  .m_service .m_msg .textarea{ padding:10px 0; margin:0; flex-direction: row; }
  .m_service .m_msg .textarea span{ font-size: 12px; margin-right: 4px; }
  .m_service .m_msg .textarea textarea{ height: 12px; width: calc(100% - 16px); font-size: 12px; overflow: hidden; }
  .m_service .m_msg .code .submit{ margin-top: 10px; padding:10px; font-size: 12px; }
  .m_service .service_img{ width: 100%; height: auto; }
}
@media only screen and (max-width:414px){
}

/* m_case */
.m_case{ padding:60px 0; overflow: hidden; background:#f0f1f1; }
.m_case .bd .btns{ text-align: center; }
.m_case .bd .btns > a{ background: var(--zhu-color); color: #ffffff; margin:50px auto 0; }
.m_case .bd .btns > a span, .m_case .bd .btns > a small{color: #ffffff; }
#cases{ overflow: hidden; }
#cases a, .case_list li a{ position: relative; transition: all 0.3s ease 0s; display: block; width: 100%; padding-bottom: 62%; box-sizing: border-box; border:1px solid #f1f1f1; }
#cases a img, .case_list li a img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease 0s; position: absolute; z-index: 33; }
#cases a b, .case_list li a b{ display: flex; width: 100%; box-sizing: border-box; align-items: center; font-size: 24px; font-weight: normal; color: #ffffff; text-shadow: 1px 1px 0 #333; box-sizing: border-box; padding:0 30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position: absolute; bottom:40px; z-index: 33; }
#cases a::before, .case_list li a::before{ content: ''; width: calc(100% - 30px); height: 0px; position: absolute; left: 15px; bottom: 0; background: rgba(24,33,51,0.8); transition: all 0.2s ease 0s; }
#cases a::after, .case_list li a::after{ content: ''; width: calc(100% - 60px); height: 0px; position: absolute; left: 30px; bottom: 0; background: rgba(24,33,51,0.8); transition: all 0.2s ease 0s; }
#cases a:hover, .case_list li a:hover{ transition: all 0.3s ease 0s; transform: translateY(-16px); }
#cases a:hover::before, .case_list li a:hover::before{ transition: all 0.2s ease 0s; height: 8px; bottom: -8px; }
#cases a:hover::after, .case_list li a:hover::after{ transition: all 0.2s ease 0s; height: 16px; bottom:-16px; }
@media only screen and (max-width: 1400px){
  .m_case{ padding:50px 0; }
  .m_case .bd .btns > a{ margin:50px auto 0; }
  #cases a b, .case_list li a b{ font-size: 22px; padding:0 25px; bottom:35px; }
  #cases a::before, .case_list li a::before{ width: calc(100% - 26px); position: absolute; left: 13px; }
  #cases a::after, .case_list li a::after{ width: calc(100% - 52px); position: absolute; left: 26px; }
  #cases a:hover, .case_list li a:hover{ transform: translateY(-12px); }
  #cases a:hover::before, .case_list li a:hover::before{ height: 6px; bottom: -6px; }
  #cases a:hover::after, .case_list li a:hover::after{ height: 12px; bottom:-12px; }
}
@media only screen and (max-width:1200px){
  .m_case{ padding:40px 0; }
  .m_case .bd .btns > a{ margin:40px auto 0; }
  #cases a b, .case_list li a b{ font-size: 20px; padding:0 20px; bottom:30px; }
  #cases a::before, .case_list li a::before{ width: calc(100% - 22px); position: absolute; left: 11px; }
  #cases a::after, .case_list li a::after{ width: calc(100% - 44px); position: absolute; left: 22px; }
  #cases a:hover, .case_list li a:hover{ transform: translateY(-10px); }
  #cases a:hover::before, .case_list li a:hover::before{ height: 5px; bottom: -5px; }
  #cases a:hover::after, .case_list li a:hover::after{ height: 10px; bottom:-10px; }
}
@media only screen and (max-width:992px){
  .m_case{ padding:30px 0; }
  .m_case .bd .btns > a{ margin:30px auto 0; }
  #cases a b, .case_list li a b{ font-size: 18px; padding:0 15px; bottom:25px; }
  #cases a::before, .case_list li a::before{ width: calc(100% - 20px); position: absolute; left: 10px; }
  #cases a::after, .case_list li a::after{ width: calc(100% - 40px); position: absolute; left: 20px; }
  #cases a:hover, .case_list li a:hover{ transform: translateY(-8px); }
  #cases a:hover::before, .case_list li a:hover::before{ height: 4px; bottom: -4px; }
  #cases a:hover::after, .case_list li a:hover::after{ height: 8px; bottom:-8px; }
}
@media only screen and (max-width:768px){
  .m_case{ padding:20px 0; }
  .m_case .bd .btns > a{ margin:20px auto 0; }
  #cases a b, .case_list li a b{ font-size: 16px; bottom:20px; }
  #cases a::before, .case_list li a::before{ width: calc(100% - 16px); position: absolute; left: 8px; }
  #cases a::after, .case_list li a::after{ width: calc(100% - 32px); position: absolute; left: 16px; }
  #cases a:hover, .case_list li a:hover{ transform: translateY(-8px); }
  #cases a:hover::before, .case_list li a:hover::before{ height: 4px; bottom: -4px; }
  #cases a:hover::after, .case_list li a:hover::after{ height: 8px; bottom:-8px; }
}
@media only screen and (max-width:640px){
  .m_case{ padding:15px 0; }
  .m_case .bd .btns > a{ margin:15px auto 0; }
  #cases a b, .case_list li a b{ font-size: 14px; bottom:15px; }
  #cases a::before, .case_list li a::before{ width: calc(100% - 12px); position: absolute; left: 6px; }
  #cases a::after, .case_list li a::after{ width: calc(100% - 24px); position: absolute; left: 12px; }
  #cases a:hover, .case_list li a:hover{ transform: translateY(-6px); }
  #cases a:hover::before, .case_list li a:hover::before{ height: 3px; bottom: -3px; }
  #cases a:hover::after, .case_list li a:hover::after{ height: 6px; bottom:-6px; }
}
@media only screen and (max-width:576px){
  .m_case{ padding:10px 0; }
  .m_case .bd .btns > a{ margin:10px auto 0; }
  #cases a b, .case_list li a b{ font-size: 12px; bottom:10px; padding:0 10px; }
  #cases a::before, .case_list li a::before{ width: calc(100% - 10px); position: absolute; left: 5px; }
  #cases a::after, .case_list li a::after{ width: calc(100% - 20px); position: absolute; left: 10px; }
  #cases a:hover, .case_list li a:hover{ transform: translateY(-6px); }
  #cases a:hover::before, .case_list li a:hover::before{ height: 3px; bottom: -3px; }
  #cases a:hover::after, .case_list li a:hover::after{ height: 6px; bottom:-6px; }
}
@media only screen and (max-width:414px){
}

/* case_list */
.case_list{ overflow: hidden; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
.case_list li{ width: calc(50% - 15px); margin-bottom: 30px; overflow: hidden; }
@media only screen and (max-width:1400px){
  .case_list li{ width: calc(50% - 12.5px); margin-bottom: 25px; }
}
@media only screen and (max-width:1200px){
  .case_list li{ width: calc(50% - 10px); margin-bottom: 20px; }
}
@media only screen and (max-width:992px){
  .case_list li{ width: calc(50% - 7.5px); margin-bottom: 15px; }
}
@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){
}

/* footer */
.footer{ overflow: hidden; }
.f_copy{ background: var(--zhu-color); overflow: hidden; padding:16px 0; }
.f_copy .inner{ display: flex; justify-content: center; }
.f_copy p, .f_copy p a{ font-size: 14px; color: #ffffff; line-height: 1; text-transform: capitalize; transition: all .3s; }
.f_copy p a:hover{ transition: all .3s; color: var(--pei-color); }
@media only screen and (max-width: 1400px){
  .f_copy{ padding:15px 0; }
  .f_copy p, .f_copy p a{ font-size: 14px; }
}
@media only screen and (max-width:1200px){
  .f_copy{ padding:13px 0; }
  .f_copy p, .f_copy p a{ font-size: 13px; }
}
@media only screen and (max-width:992px){
  .f_copy{ padding:12px 0; }
  .f_copy p, .f_copy p a{ font-size: 13px; }
}
@media only screen and (max-width:768px){
  .f_copy{ padding:11px 0; }
  .f_copy p, .f_copy p a{ font-size: 12px; }
}
@media only screen and (max-width:640px){
  .f_copy{ padding:10px 0 60px; }
  .f_copy p, .f_copy p a{ font-size: 12px; }
}
@media only screen and (max-width:576px){
}
@media only screen and (max-width:414px){
}

/*sbanner*/
.sbanner{ overflow: hidden; background: url(../images/company_banner.jpg) no-repeat top center; background-attachment: fixed; }
.sbanner .inner{ position: relative; padding:486px 0 260px; display: flex; align-items: center; justify-content: center; }
.sbanner b{ font-size: 36px; text-shadow: 1px 1px 3px rgba(0, 0, 0, .3); font-weight: normal; padding-bottom: 18px; border-bottom: 2px solid #ffffff; line-height: 1; color: #ffffff; }
.product_banner{ background: url(../images/product_banner.jpg) no-repeat top center; background-attachment: fixed; }
.news_banner{ background: url(../images/news_banner.jpg) no-repeat top center; background-attachment: fixed; }
.contact_banner{ background: url(../images/contact_banner.jpg) no-repeat top center; background-attachment: fixed; }
.case_banner{ background: url(../images/case_banner.jpg) no-repeat top center; background-attachment: fixed; }
.honor_banner{ background: url(../images/honor_banner.jpg) no-repeat top center; background-attachment: fixed; }
.factory_banner{ background: url(../images/factory_banner.jpg) no-repeat top center; background-attachment: fixed; }

.crumbs{ border-bottom: 1px solid #9ec9e6; padding:20px 0; font-size: 16px; color: #ffffff; line-height: 1; }
.crumbs a{ font-size: 16px; color: #fff; line-height: 1; transition: all .3s; }
.crumbs a:hover{ transition: all .3s; color: var(--pei-color); }
.sbanner .crumbs{ display: none; position: absolute; left:0; bottom:30px; font-size: 14px; color: #ffffff; line-height: 1; }
.sbanner .crumbs a{ font-size: 14px; color: #ffffff; transition: all .3s; }
.sbanner .crumbs a:hover{ color: var(--zhu-color); transition: all .3s; }
@media only screen and (max-width:1600px){
  .sbanner{ background-size: contain; }
  .sbanner .inner{ padding:265px 0; }
  .sbanner b{ font-size: 34px; }
  .crumbs{ padding:18px 0; font-size: 15px; }
  .crumbs a{ font-size: 15px; }
}
@media only screen and (max-width:1400px){
  .sbanner .inner{ padding:250px 0; }
  .sbanner b{ font-size: 32px; padding-bottom: 17px; }
  .sbanner .crumbs{ left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
  .crumbs{ padding:16px 0; font-size: 14px; }
  .crumbs a{ font-size: 14px; }
}
@media only screen and (max-width:1330px){
  .sbanner .inner{ padding:245px 0; }
}
@media only screen and (max-width:1300px){
  .sbanner .inner{ padding:220px 0; }
}
@media only screen and (max-width:1200px){
  .sbanner .inner{ padding:142px 0; }
  .sbanner b{ font-size: 28px; padding-bottom: 16px; }
  .crumbs{ padding:14px 0; font-size: 14px; }
  .crumbs a{ font-size: 14px; }
}
@media only screen and (max-width:992px){
  .sbanner .inner{ padding:104px 0; }
  .sbanner b{ font-size: 24px; padding-bottom: 15px; }
  .crumbs{ padding:12px 0; font-size: 13px; }
  .crumbs a{ font-size: 13px; }
}
@media only screen and (max-width:768px){
  .sbanner{ background-size: cover; background-position: 10% 10%; }
  .sbanner .inner{ padding:100px 0; }
  .sbanner b{ font-size: 22px; padding-bottom: 14px; border-bottom: 1px solid #ffffff; }
  .sbanner .crumbs{ bottom:20px; }
  .crumbs{ padding:10px 0; font-size: 12px; }
  .crumbs a{ font-size: 12px; }
}
@media only screen and (max-width:640px){
  .sbanner .inner{ padding:80px 0; }
  .sbanner b{ font-size: 20px; padding-bottom: 13px; }
  .sbanner .crumbs{ bottom:15px; }
}
@media only screen and (max-width:576px){
  .sbanner .inner{ padding:70px 0; }
  .sbanner b{ font-size: 18px; padding-bottom: 12px; }
  .sbanner .crumbs{ bottom:10px; font-size: 13px; }
  .sbanner .crumbs a{ font-size: 13px; }
}
@media only screen and (max-width:414px){
  .sbanner .inner{ padding:60px 0; }
  .sbanner b{ font-size: 16px; font-weight: normal; padding-bottom: 10px; }
  .sbanner .crumbs{ font-size: 12px; }
  .sbanner .crumbs a{ font-size: 12px; }
}

/* company_info */
.company_info{ overflow: hidden; padding:60px 0; }
.company_info b{ font-size: 48px; font-weight: normal; text-align: center; display: block; color: #182133; line-height: 1; margin-bottom: 30px; }
.company_info .info{ box-sizing: border-box; display: flex; align-items: flex-start; justify-content: space-between; }
.company_info .info .txt{ width: calc(100% - 550px); box-sizing: border-box; padding-right: 30px; font-size: 18px; color: #808080; line-height: 2; }
.company_info .info .txt p + p{ margin-top: 36px; }
.company_info .info .img{ width: 550px; overflow: hidden; }
.company_info .info .img img{ max-width: 100%; }
@media only screen and (max-width: 1400px){
  .company_info{ padding:50px 0; }
  .company_info b{ font-size: 44px; }
  .company_info .info{ padding:0; }
  .company_info .info .txt{ width: calc(100% - 550px); padding-right: 15px; font-size: 18px; line-height: 2; }
  .company_info .info .txt p + p{ margin-top: 36px; }
  .company_info .info .img{ width: 550px; }
}
@media only screen and (max-width:1200px){
  .company_info{ padding:40px 0; }
  .company_info b{ font-size: 40px; }
  .company_info .info .txt{ width: calc(100% - 450px); font-size: 16px; line-height: 1.7; }
  .company_info .info .txt p + p{ margin-top: 20px; }
  .company_info .info .img{ width: 450px; }
}
@media only screen and (max-width:992px){
  .company_info{ padding:30px 0; }
  .company_info b{ font-size: 36px; }
  .company_info .info{ flex-wrap: wrap; }
  .company_info .info .txt{ width: 100%; padding-right: 0; }
  .company_info .info .txt p + p{ margin-top: 24px; }
  .company_info .info .img{ width: 100%; margin-top: 15px; display: flex; justify-content: center; }
}
@media only screen and (max-width:768px){
  .company_info{ padding:25px 0; }
  .company_info b{ font-size: 32px; margin-bottom: 25px; }
  .company_info .info .txt{ width:100%; padding-right: 0; font-size: 16px; line-height: 1.8; }
  .company_info .info .txt p + p{ margin-top: 0; }
  
}
@media only screen and (max-width:640px){
  .company_info{ padding:20px 0; }
  .company_info b{ font-size: 28px; margin-bottom: 20px; }
  .company_info .info .txt{ font-size: 15px; line-height: 1.7; }
}
@media only screen and (max-width:576px){
  .company_info{ padding:15px 0; }
  .company_info b{ font-size: 24px; margin-bottom: 15px; }
  .company_info .info .txt{ font-size: 14px; line-height: 1.6; }
}
@media only screen and (max-width:414px){
  .company_info{ padding:10px 0; margin-bottom: 10px; }
  .company_info b{ font-size: 20px; }
  .company_info .info .txt{ font-size: 13px; line-height: 1.5; }
}

/* company_cult */
.company_cult{ overflow: hidden; background: #eff0ef; padding:60px 0; }
.company_cult .inner{ display: flex; align-items: center; justify-content: space-between; }
.company_cult .img{ width: 56%; }
.company_cult .img img{ width: 100%; }
.company_cult .txt{ width: 44%; box-sizing: border-box; padding-left: 30px; }
.company_cult .txt b{ display: block; font-size: 40px; color: #000000; line-height: 1; font-weight: normal; }
.company_cult .txt img{ margin:50px 0 25px; }
.company_cult .txt p{ font-size:18px; color: #808080; line-height: 2; }
@media only screen and (max-width: 1400px){
  .company_cult{ padding:15px 0; }
  .company_cult .img{ width: 50%; }
  .company_cult .txt{ width: 50%; padding-left: 30px; }
  .company_cult .txt b{ font-size: 36px; }
  .company_cult .txt img{ margin:30px 0 25px; }
  .company_cult .txt p{ font-size:18px; line-height: 1.8; }
}
@media only screen and (max-width:1200px){
  .company_cult .txt{ width: 50%; padding-left: 20px; }
  .company_cult .txt b{ font-size: 32px; }
  .company_cult .txt img{ margin:25px 0 20px; max-width: 40px; }
  .company_cult .txt p{ font-size:17px; line-height: 1.7; }
}
@media only screen and (max-width:992px){
  .company_cult .img{ width: 55%; }
  .company_cult .txt{ width: 45%; padding-left: 15px; }
  .company_cult .txt b{ font-size: 28px; }
  .company_cult .txt img{ margin:13px 0 7px; max-width: 25px; }
  .company_cult .txt p{ font-size:16px; line-height: 1.6; }
}
@media only screen and (max-width:768px){
  .company_cult .inner{ flex-wrap: wrap; }
  .company_cult .img{ width: 100%; }
  .company_cult .txt{ width: 100%; padding-left: 0; margin-top: 15px; }
  .company_cult .txt b{ font-size: 24px; }
  .company_cult .txt img{ margin:12px 0 6px; max-width: 25px; }
  .company_cult .txt p{ font-size:15px; line-height: 1.5; }
}
@media only screen and (max-width:640px){
  .company_cult .txt b{ font-size: 20px; }
  .company_cult .txt img{ max-width: 20px; }
  .company_cult .txt p{ font-size:14px; }
}
@media only screen and (max-width:576px){
  .company_cult .txt b{ font-size: 18px; }
  .company_cult .txt img{ max-width: 18px; }
  .company_cult .txt p{ font-size:13px; }
}
@media only screen and (max-width:414px){
}

/* company_strength */
.company_strength{ overflow: hidden; background: url(../images/strength_bg.jpg) no-repeat center; background-attachment: fixed; background-position: 0 0; }
.company_strength .inner{ padding:60px 120px; box-sizing: border-box; }
.company_strength strong{ font-weight: normal; margin-bottom: 30px; display: block; font-size: 40px; color: #ffffff; line-height: 1; }
.company_strength p{ font-size: 18px; color: #ffffff; line-height: 2; }
@media only screen and (max-width: 1400px){
  .company_strength .inner{ padding:50px; }
  .company_strength strong{ margin-bottom: 25px; font-size: 36px; }
  .company_strength p{ font-size: 18px; line-height: 1.8; }
}
@media only screen and (max-width:1200px){
  .company_strength .inner{ padding:40px; }
  .company_strength strong{ margin-bottom: 20px; font-size: 32px; }
  .company_strength p{ font-size: 17px; line-height: 1.8; }
}
@media only screen and (max-width:992px){
  .company_strength .inner{ padding:30px; }
  .company_strength strong{ margin-bottom: 15px; font-size: 28px; }
  .company_strength p{ font-size: 16px; line-height: 1.7; }
}
@media only screen and (max-width:768px){
  .company_strength .inner{ padding:25px; }
  .company_strength strong{ margin-bottom: 10px; font-size: 24px; }
  .company_strength p{ font-size: 15px; line-height: 1.6; }
}
@media only screen and (max-width:640px){
  .company_strength .inner{ padding:20px; }
  .company_strength strong{ font-size: 20px; }
  .company_strength p{ font-size: 14px; line-height: 1.5; }
}
@media only screen and (max-width:576px){
  .company_strength .inner{ padding:15px; }
  .company_strength strong{ font-size: 16px; }
  .company_strength p{ font-size: 13px; }
}
@media only screen and (max-width:414px){
  .company_strength strong{ font-size: 15px; }
  .company_strength p{ font-size: 12px; }
}

/* sub_tit */
.sub_tit{ font-size: 50px; color: #333333; line-height: 1; margin:60px 0; font-weight: normal; display: block; }
.contact_service{ background: none; padding:30px 0; }
@media only screen and (max-width: 1400px){
  .sub_tit{ font-size: 40px; margin:50px 0; }
  .contact_service{ padding:25px 0; }
}
@media only screen and (max-width:1200px){
  .sub_tit{ font-size: 30px; margin:40px 0; }
  .contact_service{ padding:20px 0; }
}
@media only screen and (max-width:992px){
  .sub_tit{ font-size: 25px; margin:30px 0; }
  .contact_service{ padding:15px 0; }
}
@media only screen and (max-width:768px){
  .sub_tit{ font-size: 20px; text-align: center; margin:20px 0; }
  .contact_service{ padding:10px 0; }
}
@media only screen and (max-width:640px){
  .sub_tit{ font-size: 18px; margin:15px 0; }
  .contact_service{ padding:5px 0; }
}
@media only screen and (max-width:576px){
  .contact_service{ padding:0; }
}
@media only screen and (max-width:414px){
}

/* dituContent */
#dituContent{ width: 100%; height: 380px; margin:40px 0; overflow: hidden; }
@media only screen and (max-width: 1400px){
  #dituContent{ margin:30px 0; }
}
@media only screen and (max-width:1200px){
  #dituContent{ margin:20px 0; }
}
@media only screen and (max-width:992px){
  #dituContent{ margin:10px 0; height: 360px; }
}
@media only screen and (max-width:768px){
  #dituContent{ margin:0; height: 320px; }
}
@media only screen and (max-width:640px){
  #dituContent{ height: 280px; }
}
@media only screen and (max-width:576px){
  #dituContent{ height: 240px; }
}
@media only screen and (max-width:414px){
  #dituContent{ height: 200px; }
}

/* contact_info */
.contact_info{ display: flex; flex-direction: column; }
.contact_info ul{ display: flex; align-items: center; justify-content: space-between; }
.contact_info li{ display: flex; flex-direction: column; }
.contact_info li span{ font-size: 16px; color: #333333; line-height: 1; }
.contact_info li p{ margin-top: 20px; font-size: 22px; color: #333333; line-height: 1; }
@media only screen and (max-width: 1400px){
  .contact_info li span{ font-size: 16px; }
  .contact_info li p{ margin-top: 15px; font-size: 20px; }
}
@media only screen and (max-width:1200px){
  .contact_info li span{ font-size: 15px; }
  .contact_info li p{ margin-top: 10px; font-size: 18px; }
}
@media only screen and (max-width:992px){
  .contact_info ul{ flex-wrap: wrap; }
  .contact_info li{ width: 50%; margin-bottom: 15px; }
  .contact_info li span{ font-size: 15px; }
  .contact_info li p{ margin-top: 10px; font-size: 17px; }
}
@media only screen and (max-width:768px){
  .contact_info li{ text-align: center; }
  .contact_info li{ width: 100%; }
  .contact_info li span{ font-size: 15px; }
  .contact_info li p{ margin-top: 10px; font-size: 16px; }
}
@media only screen and (max-width:640px){
  .contact_info li span{ font-size: 15px; }
  .contact_info li p{ font-size: 15px; }
}
@media only screen and (max-width:576px){
  .contact_info li span, .contact_info li p{ font-size: 14px; }
}
@media only screen and (max-width:414px){
  .contact_info li span, .contact_info li p{ font-size: 13px; }
}

/* news_nav */
.news_nav{ overflow: hidden; margin-top: 30px; }
.news_nav ul{ display: flex; align-items: center; }
.news_nav a{ display: inline-flex; align-items: center; justify-content: center; font-size: 16px; color: #666666; line-height: 1; padding:8px 15px; margin:0 10px; transition: all .3s; }
.news_nav li:first-child a{ margin-left: 0; }
.news_nav a:hover, .news_nav a.active{ color: #fff; background: var(--pei-color); transition: all .3s; }
@media only screen and (max-width: 1400px){
  .news_nav{ margin-top: 25px; }
}
@media only screen and (max-width:1200px){
  .news_nav{ margin-top: 20px; }
}
@media only screen and (max-width:992px){
  .news_nav{ margin-top: 15px; }
  .news_nav a{ font-size: 15px; padding:7px 14px; margin:0 8px; }
}
@media only screen and (max-width:768px){
  .news_nav a{ font-size: 14px; padding:6px 12px; margin:0 6px; }
}
@media only screen and (max-width:640px){
  .news_nav a{ font-size: 13px; padding:5px 10px; margin:0 4px; }
}
@media only screen and (max-width:576px){
  .news_nav a{ font-size: 12px; padding:4px 8px; margin:0 2px; }
}
@media only screen and (max-width:414px){
}


/* news_list */
.news_list{ margin-bottom: 30px; display: flex; flex-wrap: wrap; overflow: hidden; width: 100%; }
.news_list li{ width: calc(33.3% - 16px); margin-right: 24px; margin-bottom: 24px; }
.news_list li:nth-child(3n+0){ margin-right: 0; }
.news_list li a{ box-sizing: border-box; border:1px solid #f0f0f1; display: flex; flex-direction: column; position: relative; overflow: hidden; }
.news_list li .img{ width: 100%; padding-bottom: 115%; position: relative; overflow: hidden; }
.news_list li .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all 0.36s ease; }
.news_list li .txt{ box-sizing: border-box; padding:50px; background: #ffffff; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; overflow: hidden; position: absolute; width: 100%; height: 100%; position: absolute; top:0; left:0; z-index: 4; transition: all .3s; }
.news_list li .tit{ display: flex; flex-direction: column; overflow: hidden; }
.news_list li .tit b{ display: block; margin-bottom: 20px; font-weight: normal; font-size: 26px; color: #333333; line-height: 1.38; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition: all .3s; }
.news_list li .tit p{ text-indent: -2em; font-size: 16px; color: #999999; line-height: 1.75; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition: all .3s; }
.news_list li .bd{ width: 100%; display: flex; align-items: center; justify-content: space-between; }
.news_list li .time{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.news_list li .time span{ font-size: 40px; color: #333333; line-height: 1; transition: all .3s; }
.news_list li .time small{ font-size: 16px; color: #333333; line-height: 1; margin-top: 16px; transition: all .3s; }
.news_list li .bd i{ display: inline-flex; width: 48px; height: 48px; border:1px solid #333333; border-radius: 50%; align-items: center; justify-content: center; font-size: 20px; line-height: 1; color: #333333; transition: all .3s; }
.news_list li:hover .txt{ transition: all .3s; background: rgba(0, 0, 0, .6); }
.news_list li:hover .tit b, .news_list li:hover .tit p{ transition: all .3s; color: #ffffff; }
.news_list li:hover .time span, .news_list li:hover .time small{ transition: all .3s; color: #ffffff; }
.news_list li:hover i{ transition: all .3s; border-color: #ffffff; color: #fff; }
.news_list li:hover img{ transition: all .3s; transform: scale(1.05); }
@media only screen and (max-width: 1400px){
  .news_list{ margin-bottom: 25px; }
  .news_list li{ width: calc(33.3% - 13px); margin-right: 20px; margin-bottom: 20px; }
  .news_list li:nth-child(3n+0){ margin-right: 0; }
  .news_list li .txt{ padding:40px; }
  .news_list li .tit b{ margin-bottom: 18px; font-size: 22px; }
  .news_list li .tit p{ font-size: 15px; line-height: 1.7; }
  .news_list li .time span{ font-size: 36px; }
  .news_list li .time small{ font-size: 15px; margin-top: 14px; }
  .news_list li .bd i{ width: 44px; height: 44px; font-size: 18px; }
}
@media only screen and (max-width:1200px){
  .news_list{ margin-bottom: 20px; }
  .news_list li{ width: calc(33.3% - 10px); margin-right: 15px; margin-bottom: 15px; }
  .news_list li:nth-child(3n+0){ margin-right: 0; }
  .news_list li .txt{ padding:30px; }
  .news_list li .tit b{ margin-bottom: 16px; font-size: 18px; }
  .news_list li .tit p{ font-size: 14px; line-height: 1.6; }
  .news_list li .time span{ font-size: 32px; }
  .news_list li .time small{ font-size: 14px; margin-top: 12px; }
  .news_list li .bd i{ width: 40px; height: 40px; font-size: 16px; }
}
@media only screen and (max-width:992px){
  .news_list{ margin-bottom: 15px; }
  .news_list li{ width: calc(50% - 7.5px); margin-right: 15px; margin-bottom: 15px; }
  .news_list li:nth-child(3n+0){ margin-right: 15px; }
  .news_list li:nth-child(2n+0){ margin-right: 0; }
  .news_list li .img{ padding-bottom: 75%; }
  .news_list li .txt{ padding:25px; }
  
}
@media only screen and (max-width:768px){
  .news_list{ margin-bottom: 10px; }
  .news_list li{ width: calc(50% - 7.5px); margin-right: 15px; margin-bottom: 15px; }
  .news_list li:nth-child(3n+0){ margin-right: 15px; }
  .news_list li:nth-child(2n+0){ margin-right: 0; }
  .news_list li .txt{ padding:20px; }
  .news_list li .tit b{ margin-bottom: 14px; font-size: 17px; }
  .news_list li .tit p{ font-size: 14px; line-height: 1.6; }
  .news_list li .time span{ font-size: 28px; }
  .news_list li .time small{ font-size: 13px; margin-top: 10px; }
  .news_list li .bd i{ width: 35px; height: 35px; font-size: 16px; }
}
@media only screen and (max-width:640px){
  .news_list{ margin-bottom: 5px; }
  .news_list li .img{ padding-bottom: 80%; }
  .news_list li .txt{ padding:15px; }
  .news_list li .tit b{ margin-bottom: 12px; font-size: 16px; }
  .news_list li .tit p{ font-size: 13px; line-height: 1.5; }
  .news_list li .time span{ font-size: 24px; }
  .news_list li .time small{ font-size: 12px; margin-top: 8px; }
  .news_list li .bd i{ width: 30px; height: 30px; font-size: 15px; }
}
@media only screen and (max-width:576px){
  .news_list{ margin-bottom: 0; }
  .news_list li .img{ padding-bottom: 85%; }
  .news_list li .tit b{ margin-bottom: 10px; font-size: 15px; }
  .news_list li .tit p{ font-size: 12px; line-height: 1.5; }
  .news_list li .time span{ font-size: 20px; }
  .news_list li .time small{ margin-top: 6px; }
  .news_list li .bd i{ width: 25px; height: 25px; font-size: 14px; }
}
@media only screen and (max-width:414px){
  .news_list li{ width: 100%; margin-right: 0; margin-bottom: 15px; }
  .news_list li:nth-child(3n+0){ margin-right: 0; }
  .news_list li:nth-child(2n+0){ margin-right: 0; }
  .news_list li .img{ padding-bottom: 65%; }
  .news_list li .time span{ font-size: 16px; }
  .news_list li .time small{ margin-top: 4px; }
  .news_list li .bd i{ width: 25px; height: 25px; font-size: 13px; }
}

/* product_search */
.product_search{ background: #f3f3f3; overflow: hidden;  }
.product_search .inner{ box-sizing: border-box; padding:60px; }
.product_search b{ display: block; font-size: 48px; color: var(--zhu-color); line-height: 1; font-weight: normal; }
.product_search p{ display: flex; align-items: center; }
.product_search p span{ font-size: 24px; color: var(--zhu-color); line-height: 1; margin-right: 10px; }
.product_search p a{ font-size: 15px; color: var(--zhu-color); line-height: 1; transition: all .3s; }
.product_search p a:hover{ transition: all .3s; color: var(--pei-color); }
.product_search p i{ margin:0 8px; }
.product_search form{ margin:36px 0; display: inline-flex; align-items: center; background: #ffffff; }
.product_search .search_text{ box-sizing: border-box; width: 380px; line-height: 1; padding:20px 30px; background: #ffffff; font-size: 16px; color: #999999; line-height: 1; }
.product_search .search_btn{ cursor: pointer; background: var(--zhu-color); width: 60px; height: 60px; display: inline-flex; align-items: center; justify-content: center; transition: all .3s; }
.product_search .search_btn span{ font-size: 28px; color: #ffffff; line-height: 1; }
.product_search .search_btn:hover{ transition: all .3s; background: var(--pei-color); }
@media only screen and (max-width: 1400px){
  .product_search .inner{ padding:50px 15px; }
  .product_search b{ font-size: 40px; }
  .product_search p span{ font-size: 20px; margin-right: 8px; }
  .product_search p a{ font-size: 14px; }
  .product_search p i{ margin:0 8px; }
  .product_search form{ margin:26px 0; }
  .product_search .search_text{ width: 340px; padding:15px 25px; font-size: 15px; }
  .product_search .search_btn{ width: 51px; height: 51px; }
  .product_search .search_btn span{ font-size: 24px;  }
}
@media only screen and (max-width:1200px){
  .product_search .inner{ padding:40px 15px; }
  .product_search b{ font-size: 32px; }
  .product_search p span{ font-size: 18px; margin-right: 8px; }
  .product_search p a{ font-size: 14px; }
  .product_search form{ margin:16px 0; }
  .product_search .search_text{ width: 300px; padding:10px 20px; font-size: 14px; }
  .product_search .search_btn{ width: 39px; height: 39px; }
  .product_search .search_btn span{ font-size: 20px;  }
}
@media only screen and (max-width:992px){
  .product_search .inner{ padding:30px 15px; }
  .product_search b{ font-size: 24px; }
  .product_search p span{ font-size: 16px; margin-right: 6px; }
  .product_search p a{ font-size: 14px; }
  .product_search form{ margin:15px 0; }
  .product_search .search_text{ width: 260px; padding:8px 15px; font-size: 14px; }
  .product_search .search_btn{ width: 35px; height: 35px; }
  .product_search .search_btn span{ font-size: 16px;  }
}
@media only screen and (max-width:768px){
  .product_search .inner{ padding:15px; text-align: center; }
  .product_search b{ font-size: 19px; margin-bottom: 4px; }
  .product_search p{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
  .product_search p span{ display: none; }
  .product_search p a{ font-size: 14px; margin:2px 0; }
  .product_search form{ margin:12px 0; }
  .product_search .search_text{ width: 220px; padding:6px 10px; font-size: 13px; }
  .product_search .search_btn{ width: 30px; height: 30px; }
  .product_search .search_btn span{ font-size: 12px;  }
}
@media only screen and (max-width:640px){
  .product_search b{ font-size: 18px; margin-bottom: 4px; }
  .product_search p a{ font-size: 13px; margin:2px 0; }
  .product_search .search_text{ width: 220px; padding:6px 10px; font-size: 12px; }
  .product_search .search_btn{ width: 28px; height: 28px; }
}
@media only screen and (max-width:576px){
  .product_search p a{ font-size: 12px; margin:2px 0; }
  .product_search p i{ margin:0 6px; }
}
@media only screen and (max-width:414px){
  .product_search p i{ margin:0 4px; }
}

/* product_list */
.product_list{ overflow: hidden; display: flex; align-items: flex-start; flex-wrap: wrap; }
.product_list li{ width: calc(33.3% - 20px); margin-right: 30px; margin-bottom: 30px; }
.product_list li:nth-child(3n+0){ margin-right: 0; }
@media only screen and (max-width: 1400px){
  .product_list li{ width: calc(33.3% - 16.6px); margin-right: 25px; margin-bottom: 25px; }
}
@media only screen and (max-width:1200px){
  .product_list li{ width: calc(33.3% - 13.3px); margin-right: 20px; margin-bottom: 20px; }
}
@media only screen and (max-width:992px){
  .product_list li{ width: calc(33.3% - 10px); margin-right: 15px; margin-bottom: 15px; }
}
@media only screen and (max-width:768px){
  .product_list li{ width: calc(50% - 7.5px); margin-right: 15px; margin-bottom: 15px; }
  .product_list li:nth-child(3n+0){ margin-right: 15px; }
  .product_list li:nth-child(2n+0){ margin-right: 0; }
}
@media only screen and (max-width:640px){
}
@media only screen and (max-width:576px){
}
@media only screen and (max-width:414px){
}

/* case_focus */
#case_focus{ width: 80%; margin:40px auto; overflow: hidden; padding-bottom: 80px; }
#case_focus .swiper-slide { opacity:0; transition:all .4s; }
#case_focus .swiper-slide .img { display: block; margin-top:-1.5rem; width: 100%; padding-bottom: 116%; position: relative; overflow: hidden; }
#case_focus .swiper-slide .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; }
#case_focus .swiper-button-prev { opacity:1; transition:all .4s; }
#case_focus .swiper-button-prev .img { transform:rotate(-10deg); }
#case_focus .swiper-button-next { opacity:1; transition:all .4s; }
#case_focus .swiper-button-next .img { transform:rotate(10deg); }
#case_focus .swiper-slide-prev { opacity: 1; transition:all .4s; }
#case_focus .swiper-slide-prev .img{ transform: rotate(-10deg); }
#case_focus .swiper-slide-next { opacity: 1; transition:all .4s; }
#case_focus .swiper-slide-next .img{ transform: rotate(10deg); }
#case_focus .swiper-slide.swiper-slide-active { opacity: 1; transition:all .4s; }
#case_focus .swiper-slide-shadow-left, #case_focus .swiper-slide-shadow-right{ display: none; }
#case_focus .swiper-slide.swiper-slide-active { opacity:1; }
#case_focus .swiper-slide.swiper-slide-active .img { margin-top:0; }
#case_focus .swiper-slide.swiper-slide-active .img:before { opacity:0; }
#case_focus .swiper-slide.swiper-slide-active .img:after { opacity:1; }
#case_focus .swiper-pagination { bottom:22px; top:auto; width:350px; max-width:80%; height:4px; border-radius: 3px; overflow: hidden; background:#808080; left:50%; transform:translate(-50%,0); }
#case_focus .swiper-pagination-progressbar-fill{ background:#333333; }
#case_focus .swiper-button-prev, #case_focus .swiper-button-next{ width:48px; height:48px; border:1px dashed #808080; border-radius:50%; }
#case_focus .swiper-button-prev span, #case_focus .swiper-button-next span{ color: #808080; font-size: 48px; line-height: 1; transition: all .4s; }
#case_focus .swiper-button-prev::after, #case_focus .swiper-button-next::after{ display: none; }
#case_focus .swiper-button-prev { top:auto; margin-top:0; bottom:0; left:136px; transition:all .4s; }
#case_focus .swiper-button-next { top:auto; margin-top:0; bottom:0; right:136px; transition:all .4s; }
#case_focus .swiper-button-prev:hover, #case_focus .swiper-button-next:hover{ background:var(--zhu-color); color: #ffffff; border:1px solid #fff; transition:all .4s; }
@media only screen and (max-width: 1400px){
  #case_focus{ width: 90%; margin:30px auto; }
}
@media only screen and (max-width:1200px){
  #case_focus{ width: 100%; margin:20px auto; padding-bottom: 70px; }
}
@media only screen and (max-width:992px){
  #case_focus{ padding-bottom: 50px; }
  #case_focus .swiper-button-prev { left:15px; }
  #case_focus .swiper-button-next { right:15px; }
}
@media only screen and (max-width:768px){
  #case_focus{ padding-bottom: 45px; }
  #case_focus .swiper-button-prev { left:0; }
  #case_focus .swiper-button-next { right:0; }
  #case_focus .swiper-button-prev, #case_focus .swiper-button-next{ width:40px; height:40px; }
  #case_focus .swiper-button-prev span, #case_focus .swiper-button-next span{ font-size: 40px; }
  #case_focus .swiper-pagination { bottom:18.5px; height: 3px; max-width:75%; }
}
@media only screen and (max-width:640px){
  #case_focus{ padding-bottom: 40px; }
  #case_focus .swiper-button-prev, #case_focus .swiper-button-next{ width:36px; height:36px; }
  #case_focus .swiper-button-prev span, #case_focus .swiper-button-next span{ font-size: 36px; }
  #case_focus .swiper-pagination { bottom:17px; height: 2px; max-width:70%; }
}
@media only screen and (max-width:576px){
  #case_focus{ margin:15px auto; padding-bottom: 35px; }
  #case_focus .swiper-button-prev, #case_focus .swiper-button-next{ width:30px; height:30px; }
  #case_focus .swiper-button-prev span, #case_focus .swiper-button-next span{ font-size: 30px; }
  #case_focus .swiper-pagination { bottom:14px; max-width:65%; }
}
@media only screen and (max-width:414px){
  #case_focus{ margin:10px auto; padding-bottom: 30px; }
  #case_focus .swiper-button-prev, #case_focus .swiper-button-next{ width:24px; height:24px; }
  #case_focus .swiper-button-prev span, #case_focus .swiper-button-next span{ font-size: 24px; }
  #case_focus .swiper-pagination { bottom:11px; max-width:60%; }
}

/* factory_focus */
#factory_focus { width:100%; margin:30px 0; overflow:hidden; position:relative; padding-bottom: 64px;; }
#factory_focus .swiper-button-prev, #factory_focus .swiper-button-next { opacity:1; outline:none; background-size:6px auto; width:46px; height:46px; background-color:#272727; transition:background-color 0.2s; }
#factory_focus .swiper-button-prev::after, #factory_focus .swiper-button-next::after { display: none; }
#factory_focus .swiper-button-prev span, #factory_focus .swiper-button-next span { font-size: 20px; color: #ffffff; line-height: 1; }
#factory_focus .swiper-button-prev:hover, #factory_focus .swiper-button-next:hover { background-color:#0f0f0f; }
#factory_focus .swiper-button-prev { left:30px; }
#factory_focus .swiper-button-next { right:30px; }
#factory_focus .swiper-slide { width:48%; }
#factory_focus .swiper-slide .img{ width: 100%; padding-bottom: 60%; position: relative; overflow: hidden; }
#factory_focus .swiper-slide .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition:all 0.3s; }
#factory_focus .swiper-slide-active img, #factory_focus .swiper-slide-duplicate-active img { transition: all .3s; transform: scale(1.05); }
#factory_focus .swiper-pagination { bottom:0; top:auto; width:350px; max-width:80%; height:4px; border-radius: 3px; overflow: hidden; background:#808080; left:50%; transform:translate(-50%,0); }
#factory_focus .swiper-pagination-progressbar-fill{ background:#333333; }
@media only screen and (max-width: 1400px){
  #factory_focus { margin:25px 0; padding-bottom: 60px; }
  #factory_focus .swiper-pagination { height:4px; }
}
@media only screen and (max-width:1200px){
  .factory{ box-sizing: border-box; padding:0 15px!important; }
  #factory_focus { margin:20px 0; padding-bottom: 0; }
  #factory_focus .swiper-slide{ overflow: hidden; }
  #factory_focus .swiper-slide .img{ position: relative; overflow: hidden; }
  #factory_focus .swiper-slide .img::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; top:100%; left:0; background: rgba(0, 0, 0, .3) url(../images/ico_search.png) no-repeat center; transition: all .3s; z-index: 3; }
  #factory_focus .swiper-slide:hover .img::before{ transition: all .3s; top:0; }
}
@media only screen and (max-width:992px){
}
@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){
}

/* product */
.product{ overflow: hidden; padding-top: 99px; background: url(../images/product_bg.jpg) no-repeat top center; background-attachment: fixed; }
.product_focus{ display: flex; align-items: flex-start; justify-content: space-between; box-sizing: border-box; padding-top: 100px; }
.product_focus .txt, .product_focus .imgs{ width: calc(50% - 15px); overflow: hidden; }
.product_focus .txt b{ font-size: 36px; color: #ffffff; font-weight: bold; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height: 1.5; }
.product_focus .txt .tags{ flex-wrap: wrap; margin:30px 0; display: flex; align-items: center; }
.product_focus .txt .tags span{ margin:2px 0; margin-right: 30px; display: inline-flex; align-items: center; justify-content: center; padding:8px 24px; border:1px solid #fff; border-radius: 30px; font-size: 24px; color: #ffffff; line-height: 1; }
.product_focus .txt p{ font-size: 18px; color: #ffffff; line-height: 2; font-weight: 200; }
.product_focus .txt p i{ font-size: 24px; }
.product_focus .imgs .img img{ max-width: 100%; }
@media only screen and (max-width: 1600px){
  .product{ padding-top: 88px; }
  .product_focus .txt{ padding-left: 15px; }
}
@media only screen and (max-width: 1400px){
  .product{ padding-top: 77px; }
  .product .main{ padding:35px 0 25px; }
  .product_focus{ padding-top: 100px; }
  .product_focus .txt b{ font-size: 32px; }
  .product_focus .txt .tags{ margin:25px 0; }
  .product_focus .txt .tags span{ margin-right: 20px; padding:6px 20px; font-size: 20px; }
  .product_focus .txt p{ font-size: 17px; line-height: 1.8; font-weight: 200; }
  .product_focus .txt p i{ font-size: 20px; }
}
@media only screen and (max-width:1200px){
  .product{ padding-top: 0; }
  .product .main{ padding:30px 0 20px; }
  .product_focus .txt, .product_focus .imgs{ width: calc(50% - 7.5px); }
  .product_focus{ padding:15px 0; align-items: center; }
  .product_focus .txt b{ font-size: 28px; }
  .product_focus .txt .tags{ margin:20px 0; }
  .product_focus .txt .tags span{ margin-right: 10px; padding:4px 16px; font-size: 16px; }
  .product_focus .txt p{ font-size: 16px; line-height: 1.7; }
  .product_focus .txt p i{ font-size: 16px; }
}
@media only screen and (max-width:992px){
  .product .main{ padding:25px 0 15px; }
  .product_focus .txt b{ font-size: 24px; }
  .product_focus .txt .tags{ margin:15px 0; }
  .product_focus .txt .tags span{ margin-right: 10px; padding:4px 16px; font-size: 14px; }
  .product_focus .txt p{ font-size: 15px; line-height: 1.6; }
  .product_focus .txt p i{ font-size: 15px; }
}
@media only screen and (max-width:768px){
  .product_focus .txt{ padding-left: 0; }
  .product_focus .txt b{ font-size: 20px; }
  .product_focus .txt .tags{ margin:12px 0; }
  .product_focus .txt .tags span{ margin-right: 4px; padding:4px 16px; font-size: 13px; }
  .product_focus .txt p{ font-size: 14px; line-height: 1.5; }
  .product_focus .txt p i{ font-size: 14px; }
}
@media only screen and (max-width:640px){
  .product_focus .txt b{ font-size: 18px; }
  .product_focus .txt .tags{ margin:10px 0; }
  .product_focus .txt .tags span{ padding:3px 14px; font-size: 12px; }
  .product_focus .txt p{ font-size: 13px; line-height: 1.5; }
  .product_focus .txt p i{ font-size: 13px; }
}
@media only screen and (max-width:576px){
  .product_focus{ flex-direction: column-reverse; }
  .product_focus .txt, .product_focus .imgs{ width: 100%; }
  .product_focus .txt{ padding:15px 0; }
  .product_focus .txt b{ font-size: 17px; }
}
@media only screen and (max-width:414px){
  .product_focus .txt b{ font-size: 16px; }
  .product_focus .txt p{ font-size: 12px; line-height: 1.5; }
  .product_focus .txt p i{ font-size: 12px; }
}

/* main */
.main{ padding:30px 0; background: #ffffff; min-height: 50vh; overflow: hidden; width: 100%; box-sizing: border-box; }
.article{ overflow: hidden; }
.main p{ font-size: 14px; color: #333333; line-height: 2; }
.main p img{ max-width: 60%; margin-top: -10px; }
@media only screen and (max-width: 1600px){
  .main{ padding:25px 0; }
  .article p{ font-size: 14px; }
}
@media only screen and (max-width: 1400px){
  .main{ padding:20px 0; }
  .article p{ font-size: 14px; }
  .main p img{ max-width: 70%; margin-top: -10px; }
}
@media only screen and (max-width:1200px){
  .main{ padding:15px 0; }
  .main p img{ max-width: 75%; margin-top: -10px; }
}
@media only screen and (max-width:992px){
  .article p{ font-size: 14px; }
  .main p img{ max-width: 80%; margin-top: -10px; }
}
@media only screen and (max-width:768px){
  .main p img{ max-width: 100%; margin-top: -10px; }
}
@media only screen and (max-width:640px){
  .article p{ font-size: 13px; }
}
@media only screen and (max-width:576px){
  .article p{ font-size: 13px; }
}
@media only screen and (max-width:414px){
  .article p{ font-size: 12px; }
}

/* article_main */
.article_main{ overflow: hidden; }
.article_main .single{ width: 100%; box-sizing: border-box; padding:20px 45px; font-size: 16px; color: #4c4c4c; line-height: 1.8;}
.article_main .single img{ max-width: 100%; margin:12px 0!important }
.img_one{ text-align: center; width: 100%; }
.img_one img{ max-width: 100%; }
.article_box{ background: #fafafa; box-sizing: border-box; }
.page_tit{ position: relative; padding: 45px 45px 0; text-align: left; }
.page_tit b{ display: block; font-size: 26px; color: #1a1a1a; line-height: 1.5; font-weight: normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.page_tit .meta{ font-size: 14px; color: #999999; line-height: 1; margin:18px 0 0; border-bottom: solid 1px #e9e9e9; padding-bottom: 15px; }
.page_tit .meta span{ display: inline-block; margin-right: 8px; color: #393939; font-size: 20px; }
.prev_next{ width:100%; margin:20px 0 0; display: flex; }
.prev_next>div{ width:50%; padding:20px; border-top: 1px solid #e9e9e9; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; }
.prev_next>div + div{ border-left:1px solid #e9e9e9; }
.prev_next>div a{ color: #999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: block; width: calc(100% - 100px); font-size: 14px; }
.prev_next>div a:hover{ color: var(--zhu-color); }
@media only screen and (max-width: 1600px){
  .page_tit{ padding:35px 35px 0; }
  .article_main .single{ padding:20px 35px; }
  .prev_next>div{ padding:18px; }
}
@media only screen and (max-width: 1400px){
  .page_tit{ padding:30px 30px 0; }
  .article_main .single{ padding:20px 30px; }
  .page_tit b{ font-size: 22px; }
  .prev_next>div{ padding:15px; }
}
@media only screen and (max-width:1200px){
  .article_main .left{ width: calc(65% - 7.5px);  }
  .article_main .right{ width: calc(35% - 7.5px); }
  .page_tit{ padding:25px 25px 0; }
  .article_main .single{ padding:20px 25px; }
  .page_tit b{ font-size: 20px; }
  .page_tit .meta span{ font-size: 18px; }
  .prev_next>div{ padding:12px; }
}
@media only screen and (max-width:992px){
  .article_main{ flex-direction: column; }
  .article_main .left, .article_main .right{ width: 100%; }
  .article_main .right{ margin-top: 20px; }
  .page_tit{ padding:20px 20px 0; }
  .article_main .single{ padding:20px; }
  .page_tit b{ font-size: 18px; }
  .page_tit .meta{ font-size: 13px; margin-top: 15px; padding-bottom: 15px; }
  .page_tit .meta span{ font-size: 16px; }
  .prev_next>div{ padding:10px; }
}
@media only screen and (max-width:768px){
  .article_main .right{ margin-top: 15px; }
  .page_tit{ padding:15px 15px 0; }
  .article_main .single{ padding:15px; font-weight: 15px; }
  .page_tit b{ font-size: 17px; }
  .page_tit .meta{ font-size: 12px; margin-top: 12px; padding-bottom: 12px; }
  .page_tit .meta span{ font-size: 14px; }
  .prev_next{ flex-direction: column; width: 100%; }
  .prev_next > div{ width: 100%; padding:6px 10px; box-sizing: border-box; border:1px solid #e9e9e9; }
  .prev_next>div + div{ border-top: 0; }
  .prev_next>div a{ width: calc(100% - 48px); }
}
@media only screen and (max-width:640px){
  .page_tit b{ font-size: 16px; font-weight: normal; }
  .page_tit .meta{ margin-top: 10px; padding-bottom: 10px; }
  .page_tit .meta span{ font-size: 13px; }
  .article_main .single{ padding:12px; font-size: 14px; }
}
@media only screen and (max-width:576px){
  .article_main .single{ font-size: 13px; }
}
@media only screen and (max-width:414px){
  .article_main .single{ font-size: 12px; }
}