@charset "utf-8";
/*-- 全局reset
-------------------------------------------*/
/* 引入外部图标样式 */
@font-face {
  font-family: 'iconfont';  /* Project id 2947351 */
  src: url('http://at.alicdn.com/t/font_2947351_24gv5ogcjhf.woff2?t=1645497342453') format('woff2'),
       url('http://at.alicdn.com/t/font_2947351_24gv5ogcjhf.woff?t=1645497342453') format('woff'),
       url('http://at.alicdn.com/t/font_2947351_24gv5ogcjhf.ttf?t=1645497342453') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

html, body, div,
h1, h2, h3, h4, h5, h6,
hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre, form, fieldset, object, code,
legend, button, input, textarea, label,
th, td, a, img{margin: 0; padding: 0; border: 0; outline: 0;}
body{font: 12px/1.5 'Microsoft YaHei', 'Helvetica Neue', 'Helvetica', 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif'; color: #333; background-color: #fff;}
a:hover{ text-decoration: none; }
html,body{overflow:hidden;overflow-y:auto; position: relative; }
/*清除内外边距*/
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 100%;}
/*设置默认字体*/
:focus{outline: 0;}
ul,
ol{list-style: none;}
/*重置图片元素*/
address, caption, cite, code, dfn, em, i, th, var, optgroup{font-style: normal; font-weight: normal;}
abbr, acronym{border: 0; font-variant: normal;}
input, button, textarea, select, optgroup, option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
code, kbd, samp, tt{font-size: 100%;}
/*修改滚动条*/
::-webkit-scrollbar{width:6px; height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent; background: #f8f8f8; border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px; background: #bbb;}
textarea{resize: none;}
/* 网站色值设置 */
body{--zhu-color:#0079c3;--pei-color:#d81c19;}
.inner{ width: 1400px; margin:0 auto; }
@media only screen and (max-width: 1400px){
  .inner{ width: 100%; box-sizing: border-box; padding:0 15px; }
}
button:active, button:focus{ border:none; outline:0; }
/*page*/
.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 20px 0; width: 100%; clear: both; }
.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 12px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: 1px; overflow: hidden; border-radius: 5px; }
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover{color: #fff; border-color:var(--zhu-color); background: var(--zhu-color);}
.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}
.de-page-mian .page-inner span{display: block; font-size: 12px; color: #333; float: left; line-height: 38px;}
.de-page-mian .page-inner input{display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px; border-radius: 5px; }
@media only screen and (max-width: 774px){
  .de-page-mian .page-inner span, .de-page-mian .page-inner input, .de-page-mian .page-inner .page-btn{ display: none; }
}

/*down*/
.down{width: 100%;height: 52px;background:#211f1f;color: #ffffff;font-size: 16px;position: fixed;bottom: 0;display: none; z-index: 9999;}
.down li{width: 25%; box-sizing: border-box; text-align: center;line-height: 15px;float: left;padding-top: 4px;height: 52px; list-style:none;}
.down li + li{ border-left: solid 1px #ffffff; }
.down li a{color: #ffffff;}
.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: 1000;}
.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; }
}
/* h_tool */
.h_tool{ overflow: hidden; position: relative; transition: all .3s; }
.h_tool::before{ content: ""; display: block; width: 100%; height: 34px; background: #f3f3f3; position: absolute; top:0; z-index: 1; }
.h_tool > .blue{ width: 40%; height: 40px; background: var(--zhu-color); position: absolute; right:0; top:0; z-index: 2; }
.h_tool > .blue::before{ content: ""; width: 24px;  height: 40px;  transform-origin: 0 0;  transform: skew(30deg);  background: #fff; display: block; position: absolute; left:-24px; top:0; }
.h_tool .inner{ position: relative; z-index: 3; }
.h_tool p{ padding:10px 0; font-size: 14px; color: #555555; line-height: 1; }
.h_tool ul{ display: inline-flex; padding: 7px 0; align-items: center; width: 100%; justify-content: flex-end; }
.h_tool li{ display: inline-flex; align-items: center;  }
.h_tool li span{ font-size: 26px; color: #ffffff; line-height: 1; margin-right: 10px; }
.h_tool li small, .h_tool li small a{ font-size: 14px; color: #ffffff; line-height: 1; }
.h_tool li + li{ margin-left: 30px; }
.h_tool li i{ margin-right: 20px; }


/* h_top */
.h_top{ width: 100%; border-bottom: 6px solid var(--zhu-color); }
.h_top .logo{ display: inline-flex; height: 100%; align-items: center; }
.h_top .logo .tit{ overflow: hidden; padding-left: 4px; }
.h_top .logo .tit b{ display: block; color: #555555; font-weight: bold; font-size: 36px; line-height: 1; letter-spacing: 2px; }
.h_top .logo .tit span{ display: inline-block; color: #666; font-size: 16px; text-transform: uppercase; margin-top: 6px; line-height: 1; letter-spacing: 5.5px; }
.h_top .top_box{ transition: all .3s; }
.h_top .nav{ display: flex; height:100%; align-items: center; justify-content: space-between; }
.h_top .nav li{ width: 12.5%; height:100%; text-align: center; position: relative; }
.h_top .nav li::before{ content: ""; display: block; width: 0; height:6px; background: #d81c19; position: absolute; right:0; bottom:-6px; position: absolute; transition: all .3s; }
.h_top .nav li > a{ display: flex; align-items: center; justify-content: center; width: 100%; height:88px; font-size: 16px; color: #555555; transition: all .3s; }
.h_top .nav li:hover::before{ transition: all .3s; width: 100%; left:0; right: auto; }


.h_top .nav li ul{ display: none; width:80%; right:0; max-height:0; position:absolute; top:100%; z-index:0; left:10%; -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0); -webkit-perspective:400px; -moz-perspective:400px; -ms-perspective:400px; -o-perspective:400px; perspective:400px; }
.h_top .nav li ul li{ width:100%; margin-bottom: 1px; border-radius: 5px; opacity:0; background-color:#4c9b93;  -webkit-transform:rotateY(90deg); -moz-transform:rotateY(90deg); -ms-transform:rotateY(90deg); -o-transform:rotateY(90deg); transform:rotateY(90deg); -webkit-transition:opacity .4s,-webkit-transform .5s; -moz-transition:opacity .4s,-moz-transform .5s; -ms-transition:opacity .4s,-ms-transform .5s; -o-transition:opacity .4s,-o-transform .5s; transition:opacity .4s,transform .5s; text-align:left; }
.h_top .nav li ul li a{ display: block; text-align: center; padding:6px 0; font-size: 14px; color: #ffffff; }
.h_top .nav li ul li:hover{ background-color:#b4e8aa; }
.h_top .nav li ul li:hover a{  color:#ffffff; }
.h_top .nav > li:hover ul,.h_top .nav > li:focus ul{max-height:2000px;z-index:10;-moz-transform:scale(1);-o-moz-transform:scale(1);-o-moz-transform:scale(1);-webkit-moz-transform:scale(1);transform:scale(1);}
.h_top .nav > li:hover ul li,.h_top .nav > li:focus ul li{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
.h_top .nav li:hover ul li:nth-child(1){ -webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=90,Color='#999999')"; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=90,Color='#999999'); -moz-box-shadow:1px 1px 5px #999999; -webkit-box-shadow:1px 1px 5px #999999; box-shadow:1px 1px 5px #999999; }
.h_top .nav li:hover ul li:nth-child(2){-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=90,Color='#999999')"; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=90,Color='#999999'); -moz-box-shadow:1px 1px 5px #999999; -webkit-box-shadow:1px 1px 5px #999999; box-shadow:1px 1px 5px #999999; }
.h_top .nav li:hover ul li:nth-child(3){-webkit-transition-delay:100ms;-moz-transition-delay:100ms;-ms-transition-delay:100ms;-o-transition-delay:100ms;transition-delay:100ms;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=90,Color='#999999')"; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=90,Color='#999999'); -moz-box-shadow:1px 1px 5px #999999; -webkit-box-shadow:1px 1px 5px #999999; box-shadow:1px 1px 5px #999999; }
.h_top .nav li:hover ul li:nth-child(4){-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=90,Color='#999999')"; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=90,Color='#999999'); -moz-box-shadow:1px 1px 5px #999999;  -webkit-box-shadow:1px 1px 5px #999999; box-shadow:1px 1px 5px #999999; }
.h_top .nav li:hover ul li:nth-child(5){-webkit-transition-delay:200ms;-moz-transition-delay:200ms;-ms-transition-delay:200ms;-o-transition-delay:200ms;transition-delay:200ms;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=90,Color='#999999')"; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=90,Color='#999999'); -moz-box-shadow:1px 1px 5px #999999; -webkit-box-shadow:1px 1px 5px #999999; box-shadow:1px 1px 5px #999999; }
.h_top .nav li:hover ul li:nth-child(6){-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=90,Color='#999999')"; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=90,Color='#999999'); -moz-box-shadow:1px 1px 5px #999999; -webkit-box-shadow:1px 1px 5px #999999; box-shadow:1px 1px 5px #999999; }
.h_top .nav li:hover ul li:nth-child(7){-webkit-transition-delay:300ms;-moz-transition-delay:300ms;-ms-transition-delay:300ms;-o-transition-delay:300ms;transition-delay:300ms;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=90,Color='#999999')"; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=90,Color='#999999'); -moz-box-shadow:1px 1px 5px #999999; -webkit-box-shadow:1px 1px 5px #999999; box-shadow:1px 1px 5px #999999; }
.h_top .nav li:hover ul li:nth-child(8){-webkit-transition-delay:350ms;-moz-transition-delay:350ms;-ms-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=90,Color='#999999')"; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=90,Color='#999999'); -moz-box-shadow:1px 1px 5px #999999; -webkit-box-shadow:1px 1px 5px #999999; box-shadow:1px 1px 5px #999999; }
.h_top .nav li ul li:nth-child(1){-webkit-transition-delay:350ms;-moz-transition-delay:350ms;-ms-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms;}
.h_top .nav li ul li:nth-child(2){-webkit-transition-delay:300ms;-moz-transition-delay:300ms;-ms-transition-delay:300ms;-o-transition-delay:300ms;transition-delay:300ms;}
.h_top .nav li ul li:nth-child(3){-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms;}
.h_top .nav li ul li:nth-child(4){-webkit-transition-delay:200ms;-moz-transition-delay:200ms;-ms-transition-delay:200ms;-o-transition-delay:200ms;transition-delay:200ms;}
.h_top .nav li ul li:nth-child(5){-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms;}
.h_top .nav li ul li:nth-child(6){-webkit-transition-delay:100ms;-moz-transition-delay:100ms;-ms-transition-delay:100ms;-o-transition-delay:100ms;transition-delay:100ms;}
.h_top .nav li ul li:nth-child(7){-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms;}
.h_top .nav li ul li:nth-child(8){-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;}

#menu{ display: none; }
#menu li a{ font-size: 16px; }

.menu_btn{ display: none; }
.menu_btn span{ width: 30px; height: 2px; background: #333; display: inline-block; border-radius: 2px; }
.menu_btn span:nth-child(2){ margin:10px 0; }
/* .scrolledDown{ background: #0079c3; box-shadow: 0 0 8px rgba(0, 0, 0, .3); }
.scrolledDown .h_tool{ padding:0; height: 0; opacity: 0; }
.scrolledDown .top_box{ transition: all .3s; padding:15px 0; } */
@media only screen and (max-width: 1800px){
  .h_tool > .blue{ width:38%; }
}
@media only screen and (max-width: 1600px){
  .h_tool > .blue{ width:36%; }
}
@media only screen and (max-width: 1400px){
  .h_tool > .blue{ width:40%; }
  .h_top .logo .tit b{ font-size: 28px; }
  .h_top .logo .tit span{ font-size: 15px; letter-spacing: 3px; }
}
@media only screen and (max-width: 1200px){
  .h_tool > .blue{ width:44%; }
  .h_top > .inner, .h_tool > .inner{ padding:0; }
  .h_top .logo img{ max-width: 100%; }
  .h_top .nav li ul{ width:100%; left:0; }
  .h_top .nav li > a{ font-size: 16px; }

  .h_top .logo img{ max-width: 20%; }
  .h_top .logo .tit b{ font-size: 19px; }
  .h_top .logo .tit span{ font-size: 14px; letter-spacing: 0; }
}
@media only screen and (max-width: 992px){
  #menu{ display: block; }
  #menu li a{ color: #fff; }
  .h_top{ max-height: 96px; overflow: hidden; }
  .h_top .nav, .h_tool{ display: none; }
  .h_top .top_box{ padding:20px 0; }
  .menu_btn{ display: inline-flex; flex-direction: column; float: right; padding:8px; border-radius: 3px; }
  .h_top .top_box > div{ display: flex; align-items: center; }
  .h_top .top_box > div + div{ justify-content: flex-end; }

}
@media only screen and (max-width: 768px){
  .h_top .logo .tit b{ font-size: 24px; letter-spacing: 0; }
  .h_top .logo .tit span{ font-size: 12px; letter-spacing: 2px; }
}
@media only screen and (max-width: 640px){
  .h_top{ background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, .3); }
  .h_top .top_box{ padding:12px 0; }
  .menu_btn span:nth-child(2){ margin:6px 0; }
  .h_top .logo img{ max-width: 20%;  }
  .h_top .logo .tit b{ font-size: 20px; letter-spacing: 0; }
  .h_top .logo .tit span{ font-size: 12px; letter-spacing: 1px; margin-top: 6px; }
}
@media only screen and (max-width: 576px){
  .h_top .logo img{ max-width: 20%;  }
  .h_top .logo .tit b{ font-size: 17px; letter-spacing: 0; }
  .h_top .logo .tit span{ font-size: 12px; letter-spacing: 0; margin-top: 4px; }
}




/*banner*/
#banner{ width: 100%;}
#banner .swiper-pagination{ bottom:30px; }
#banner .swiper-pagination-bullet{ opacity: 1; width: 14px; height: 14px; background: none; border:2px solid #f7fbfe; border-radius: 50%; }
#banner .swiper-pagination-bullet-active{ width: 42px; height: 12px; background: var(--pei-color); border-radius: 12px; border:none; }
/* #banner .swiper-slide-active .scaleBg{visibility: visible;-webkit-animation:scale-bg 3s linear forwards;animation:scale-bg 3s linear forwards;} */

#banner .swiper-slide img{ transition:9s ease}
#banner .swiper-slide:nth-child(1) img {left: 0; transform-origin: 0 100%; transform:scale(1.25)}
#banner .swiper-slide:nth-child(2) img {left: -25vw;transform-origin: 0 100%; transform:scale(1.25)}
#banner .swiper-slide:nth-child(3) img {left: -50vw;transform-origin: 0 100%; transform:scale(1.25)}
#banner .swiper-slide:nth-child(4) img {left: -75vw;transform-origin: 0 100%; transform:scale(1.25)}

#banner .swiper-slide-active:nth-child(1) img { transform:scale(1)}
#banner .swiper-slide-active:nth-child(2) img { transform:scale(1)}
#banner .swiper-slide-active:nth-child(3) img { transform:scale(1)}
#banner .swiper-slide-active:nth-child(4) img { transform:scale(1)}
#banner img{ width: 100%;}
@media only screen and (max-width: 1900px){
  #banner img{ width: 100%;}
}
@media only screen and (max-width: 640px){
  #banner .swiper-pagination{ bottom:15px; }
  #banner .swiper-pagination-bullet{ opacity: 1; width: 10px; height: 10px; background: none; border:1px solid #f7fbfe; border-radius: 50%; }
  #banner .swiper-pagination-bullet-active{ width: 32px; height: 8px; background: var(--pei-color); border-radius: 12px; border:none; }
  #banner img{ width: 100%; height: 240px; object-fit: cover; }
}
@media only screen and (max-width: 576px){
   #banner img{ height: auto; }
}
@-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); }
}

/* location */
.location{ padding:15px 0; background: #ffffff; }
.location .inner{ padding-left: 435px; position: relative; }
.location .info_card{ width: 370px; position: absolute; left:0; bottom:0; z-index: 33; }
.location .info_card::before{ content:""; display: block; width: 100%; height: 130px; border-radius: 5px; background: rgba(255, 255, 255, .2); position: absolute; left:6px; top:-164px; z-index: 33; }
.location .info_card > div{ display: flex; flex-direction: column; align-items: flex-start; width: 100%; padding:26px 15px; box-sizing: border-box; background: #0079c3; border-radius: 5px; position: absolute; left:0; bottom:-15px; z-index: 34; }
.location .info_card small{ display: block; padding:0 27px; font-size: 12px; text-transform: uppercase; color: rgba(255, 255, 255, .3); line-height: 1.2; }
.location .info_card b{ display: block; font-size: 24px; color: #ffffff; padding:6px 27px 20px; line-height: 1; }
.location .info_card span{ display: block; width:100%; text-align: center; padding:12px 0; background: #d81c19; font-size: 18px; color: #ffffff; line-height: 1; }
.location .search_keys{ width: 100%; display: flex; align-items: center; justify-content: space-between; }
.location .keys{ display: flex; align-items: center; justify-content: flex-start; }
.location .keys span{ display: inline-flex; width: 40px; height:40px; background: #0079c3; border-radius: 50%; align-items: center; justify-content: center; font-size: 18px; color: #fff; }
.location .keys b{ font-weight: normal; font-size: 18px; color: #555555; display: inline-block; margin:0 0 0 12px; }
.location .keys a{ font-size: 14px; color: #999999; margin:0 6px; transition: all .3s; }
.location .keys a:hover{ transition: all .3s; color: #0079c3; }
.location .search{ width: 315px; height: 40px; background: #f5f5f5; box-sizing: border-box; padding:0 20px; position: relative; overflow: hidden; border-radius: 30px; }
.location .search form{ width: 100%; height: 100%; }
.location .search input{ width: 100%; height: 100%; background: transparent; font-size: 14px; color: #999999; }
.location .search button{ position: absolute; right:0; top:0; width:40px; height:40px; background: #0079c3; display: inline-flex; align-items: center; justify-content: center; border-radius: 30px; }
.location .search button span{ font-size: 18px; color: #fff; }
@media only screen and (max-width: 1400px){
  .location .info_card{ display: none; }
  .location .inner{ padding-left: 15px; }
}
@media only screen and (max-width: 1200px){
}
@media only screen and (max-width: 992px){
  .location .search_keys{ flex-wrap: wrap; justify-content: center; }
  .location .keys{ width:100%; justify-content: center; margin-bottom: 20px; }
  .location .keys span{ display: none; }
  .location .keys b{ margin:0; }
}
@media only screen and (max-width: 768px){
  .location .keys{ margin-bottom: 15px; }
}
@media only screen and (max-width: 640px){
  .location .keys{ display: none; }
  .location .search{ width:100%; }
}
@media only screen and (max-width: 576px){
}


/* m_tit */
.m_tit{ width: 100%; overflow: hidden; text-align: center; padding:56px 0 40px; }
.m_tit b{ display: block; font-size: 32px; color: var(--zhu-color); font-weight: bold; line-height: 1; }
.m_tit span{ display: inline-flex; align-items: center; justify-content: center; font-size: 14px; color: #555555; line-height: 1; margin:12px 0 0; }
.m_tit span small{ display: inline-block; width: 120px; height: 1px; background: #999999; border:0; position: relative; }
.m_tit span .l_line{ margin-right: 15px; }
.m_tit span .l_line::after{ content: ""; display: inline-block; width: 30px; height:3px; background: #d81c19; border:0; position: absolute; right:0; top:-1px; }
.m_tit span .r_line{ margin-left: 15px; }
.m_tit span .r_line::after{ content: ""; display: inline-block; width: 30px; height:3px; background: #d81c19; border:0; position: absolute; left:0; top:-1px; }
@media only screen and (max-width: 1200px){
  .m_tit{ padding:35px 0; }
}
@media only screen and (max-width: 640px){
  .m_tit{ padding:25px 0; }
  .m_tit b{ font-size: 24px; }
  .m_tit span small{ width:60px; }
  .m_tit span .l_line::after{ width:15px; }
  .m_tit span .r_line::after{ width:15px; }
}
@media only screen and (max-width: 576px){
  .m_tit{ padding:20px 0; }
}

/* m_product */
.m_product{ overflow: hidden; background: url(../images/product_bg.jpg) no-repeat top center; padding-bottom: 56px; }
/* sider */
.sider{ background: var(--zhu-color); box-sizing: border-box; padding:0 6px; position: relative; }
.sider::before{ content: ""; display: block; width: 0; height: 0; border-top: 53px solid rgba(216, 28, 25, .3); border-right: 80px solid transparent; position: absolute; left:0; top:0; }
.sider::after{ content: ""; display: block; width: 0; height: 0; border-top: 53px solid #d81c19; border-right: 61px solid transparent; position: absolute; left:0; top:0; }
.sider .tit{ padding:32px 0; text-align: center; width: 100%; }
.sider .tit b{ display: block; font-size: 36px; color: #ffffff; font-weight: bold; line-height: 1; }
.sider .tit small{ font-size: 12px; color: rgba(255, 255, 255, .5); text-transform: uppercase; line-height: 1; margin-top: 12px; }
.sider_ul{ background: #eaf0f9; }
.sider_ul a{ display: block; padding:14px 44px; line-height: 1; position: relative; }
.sider_ul a small{ position: relative; z-index: 3; font-size: 16px; color: #555555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all .3s; display: inline-block; max-width: 100%; }
.sider_ul a::before{ content: ""; display: block; width: calc(100% - 16px); height: 1px; background: #84a8ea; position: absolute; left:8px; bottom:0; }
.sider_ul a::after{ content: ""; display: block; width: 0; height: 100%; background: var(--zhu-color); position: absolute; left:0; top:0; transition: all .3s; }
.sider_ul a:hover::after{ transition: all .3s; width: 100%; }
.sider_ul a:hover small{ transition: all .3s; color: #fff; }
.sider_ul a:last-child::before{ display: none; }
.sider_tel{ overflow: hidden; padding:20px; }
.sider_tel .tel{ display: flex; align-items: center; justify-content: flex-start; margin-bottom: 12px; }
.sider_tel .tel span{ font-size: 48px; color: #fff; line-height: 1; margin-right: 10px; }
.sider_tel .tel p{ font-size: 16px; color: #ffffff; line-height: 1; }
.sider_tel .tel b{ display: block; font-size: 26px; font-weight: bold; color: #ffffff; line-height: 1; margin-top: 8px; }
.sider_tel .ewm{ display: flex; align-items: center; justify-content: flex-start; }
.sider_tel .ewm img{ max-width: 90px; margin-right: 16px; }
.sider_tel .ewm p{ font-size: 13px; color: #ffffff; line-height: 1.4; width: 72px; }
.sider_info{ background: #f2f2f2; padding:30px 15px; }
.sider_info p, .sider_info p a{ font-size: 14px; color: #333333; line-height: 1; padding:10px 0; }
.sider_info form{ margin-top: 20px; background: #fff; }
.sider_info input{ width: calc(100% - 78px); box-sizing: border-box; padding:13px 18px; font-size: 14px; color: #999999; line-height: 1; font-weight: 200; }
.sider_info button{ display: inline-block; padding:16px 22px; background: var(--zhu-color); font-size: 14px; color: #ffffff; line-height: 1; }

/* product_list */
.product_list{ overflow: hidden; }
.product_list a{ background: #f6f6f6; padding:13px 13px 0; display: block; position: relative; overflow: hidden; }
.product_list a .img{ width: 100%; padding-bottom: 74%; position: relative; overflow: hidden; z-index: 33; }
.product_list a img{ width: 100%; height: 100%; object-fit: cover; position: absolute; }
.product_list a b{ display: block; text-align: center; font-weight: normal; line-height: 1; padding:14px 0; text-align: center; font-size: 20px; color: #555555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; z-index: 33; }
.product_list a .more{ display: block; width: 0; height: 0; border-bottom: 54px solid var(--zhu-color); border-left: 54px solid transparent; position: absolute; right:0; bottom: 0; transition: all .4s; z-index: 34; }
.product_list a .more span{ font-size: 16px; color: #fff; line-height: 1; position: absolute; right:6px; bottom:-46px; }
.product_list a::after{ content: ""; display: inline-block; width: 200%; height: 200%; background: var(--zhu-color); position: absolute; top:100%; left:100%; transition: all .4s; transform: rotate(45deg); z-index: 32; }
.product_list a .mask{ display: flex; width: 100%; height: 100%;  align-items: center; justify-content: center; flex-direction: column; position: absolute; top:100%; left:100%; transition: all .4s; z-index: 33; }
.product_list a .mask span{ font-size: 54px; color: #fff; line-height: 1; margin-bottom: 14px; }
.product_list a .mask small{ font-size: 20px; color: #fff; line-height: 1; }
.product_list a:hover .mask{ transition: all .4s; top:0%; left:0%; }
.product_list a:hover::after{ transition: all .4s; top:-50%; left:-50%; }
.product_list a:hover .more{ transition: all .4s; border-bottom: 54px solid #d81c19; }
.product_list a:hover b{ transition: all .4s; color: #fff; }
.m_product .sider_left{ position: relative!important; }
@media only screen and (max-width: 1400px){
  .m_product .inner{ padding:0; }
  .product_list a .img{ height: 238px; padding-bottom: 0; }
  .product_list a b{ font-size: 17px; }
  .sider_tel .tel b{ font-size: 20px; }
  .m_product{ padding-bottom: 30px; }
  .sider_info p, .sider_info p a{ font-size: 12px; }
}
@media only screen and (max-width: 1199px){
  .sider::before, .sider::after, .sider .tit, .sider_tel, .sider_info{ display: none; }
  .sider{ padding:0; margin-bottom: 20px; }
  .sider_ul{ padding:12px 12px 0; display: flex; flex-wrap: wrap; justify-content: flex-start; background: #eeeeee; }
  .sider_ul a{ width:24%; left:0; padding:14px 32px; margin:0 12px 12px 0; background: #eaf0f9; }
  .sider_ul a:nth-child(4n+0){ margin-right: 0; }
  .sider_ul a::before{ width:100%; left:0;  }
  .sider_ul a::after{ width:4px; }
  .product_list a .img{ height: auto; padding-bottom: 74%; }
  .sider_left{ position: static!important; }
}
@media only screen and (max-width: 992px){
  .sider_ul{ justify-content: space-between; }
  .sider_ul a{ width: 32%; margin:0 0 12px; padding:12px 24px; }
  .m_product{ padding-bottom: 20px; }
}
@media only screen and (max-width: 640px){
  .m_product{ padding-bottom: 15px; }
  .sider_ul a{ width: 49%; margin:0 0 6px; }
  .sider_ul a small{ font-size: 14px; }
  .product_list a{ padding:8px 8px 0; }
  .product_list a b{ font-size: 15px; }
  .product_list a .more{ border-bottom: 32px solid var(--zhu-color); border-left: 32px solid transparent; }
  .product_list a .more span{ font-size: 12px; bottom:-28px; right:2px; }
  .product_list a:hover .more{ transition: all .4s; border-bottom: 32px solid #d81c19; }
}

/* m_about */
.m_about{ overflow: hidden; }
.m_about .bd{ padding:10px 0 50px; }
.company_imgs{ padding:13px; position: relative; }
.company_imgs::before{ content: ""; display: block; width: 100%; height:314px; background: #eaf0f9; position: absolute; top:0; left:0; border-radius: 20px; }
.company_box{ position: relative; z-index: 33; border:1px solid #eaf0f9; border-radius: 20px; background: #fff; }
.company_box .txt{ padding:25px 5px; background: #fff; text-align: center; border-radius: 20px; }
.company_box .txt b{ display: block; font-size: 26px; color: #1b1b1b; font-weight: bold; line-height: 1; }
.company_box .txt small{ display: block; font-size: 12px; color: #8c8c8c; text-transform: uppercase; line-height: 1; margin:10px 0 22px; }
.company_box .txt div{ padding:0 20px; text-align: left; }
.company_box .txt p{ padding-left: 24px; background: url(../images/p_dui.png) no-repeat left center; font-size: 16px; color: #666666; line-height: 1.75; }
#company_imgs{ overflow: hidden; border-radius: 20px 20px 0 0; }
#company_imgs a{ display: block; width:100%; padding-bottom: 65%; position: relative; }
#company_imgs a img{ width: 100%; height:100%; position: absolute; object-fit: cover; transition: all .3s; }
#company_imgs .swiper-pagination-bullet{ width: 10px; height:10px; background: var(--zhu-color); opacity: 1; }
#company_imgs .swiper-pagination-bullet-active{ background: #ff0000; }
.company_intro{ overflow: hidden; }
.company_intro span{ font-weight: bold; font-size: 78px; color: rgba(244, 244, 244, .6); text-transform: uppercase; font-family: "Franklin Gothic Demi Cond"; line-height: 1; position: relative; left:-4px; }
.company_intro b{ display: block; font-size: 30px; color: var(--zhu-color); line-height: 1; margin-top: -26px; position: relative; z-index: 3; }
.company_intro hr{ display: inline-block; width: 75px; height:4px; background: #d81c19; border: 0; margin-top: 20px; }
.company_intro .info{ margin-top: 20px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:10; -webkit-box-orient:vertical; } 
.company_intro .info p{ font-size: 15px; color: #999999; line-height: 1.7; }
.company_intro a{ display: inline-block; margin-top: 34px; padding:12px 38px; background: var(--zhu-color); border-radius: 5px; font-size: 15px; color: #ffffff; line-height: 1; }
.company_contact{ overflow: hidden; }
.company_contact ul{ display: flex; flex-direction: column; align-items: flex-start; }
.company_contact ul li{ display: inline-flex; margin-bottom: 10px; align-items: center; justify-content: flex-start; padding:3px 15px 3px 3px; border:1px solid var(--zhu-color); border-radius: 30px; transition: all .3s; width: auto; }
.company_contact ul li span{ display: inline-block; width: 48px; height:48px; line-height: 48px; border-radius: 50%; background: var(--zhu-color); text-align: center; font-size: 24px; color:#ffffff; margin-right: 15px; transition: all .3s; }
.company_contact ul li small{ font-size: 18px; color: #1b1b1b; line-height: 1; transition: all .3s; }
.company_contact ul li:hover{ background: #d81c19; border-color: #d81c19; transition: all .3s; width: 100%; }
.company_contact ul li:hover span{ background: #fff; color: #555555; transition: all .3s; }
.company_contact ul li:hover small{ color: #fff; transition: all .3s; }
.company_contact .tel{ margin-top: 26px; display: flex; align-items: center; justify-content: space-between; background: #eaf0f9; border-radius: 20px;overflow: hidden; }
.company_contact .tel .img{ width: 100px; }
.company_contact .tel .txt{ width: calc(100% - 100px); box-sizing: border-box; padding:24px;  }
.company_contact .tel .txt b{ font-size: 20px; color: #555555; font-weight:bold; line-height: 1; display: block; }
.company_contact .tel .txt small{ font-size: 12px; color: #999999; text-transform: uppercase; line-height: 1; margin:8px 0 12px; display: block; }
.company_contact .tel .txt p{ font-size: 14px; color: #666666;  line-height: 1.7; display: block; }
@media only screen and (max-width: 1400px){
  .m_about .inner{ padding:0; }
  .company_contact ul li small{ font-size: 14px; }
  .company_contact .tel .img{ display: none; }
  .company_contact .tel .txt{ width: 100%; }
}
@media only screen and (max-width: 1200px){
  .m_about .bd{ padding:10px 0 30px; }
  .company_intro span{ font-size: 74px; }
  .company_contact{ display: flex;  }
  .company_contact ul{ flex:2; flex-direction: row; flex-wrap: wrap; align-items: center; }
  .company_contact ul li{ max-width: 50%; margin-right: 12px; }
  .company_contact .tel{ flex:1; margin-top: 0; }
}
@media only screen and (max-width: 992px){
  .m_about .bd{ padding:0 0 20px; }
  #company_imgs a{ padding-bottom: 42%; }
  .company_intro{ margin-bottom: 20px; }
  .company_contact ul li span{ width:30px; height:30px; line-height: 30px; font-size: 16px; margin-right: 5px; }
  .company_contact .tel .txt{ padding:15px; }
  .company_contact ul li small{ font-size: 13px; }
}
@media only screen and (max-width: 768px){
  .m_about .bd{ padding:0 0 15px; }
  .company_contact{ display: none; }
  .company_box .txt{ padding:15px; }
  .company_box .txt div{ padding:0; }
  .company_box .txt b{ text-align: left; font-size: 22px; }
  .company_box .txt small{ margin:10px 0; text-align: left; }
  .company_intro span{ font-size: 62px; }
  .company_intro b{ font-size: 24px; }
}
@media only screen and (max-width: 640px){
  .company_box .txt b{ font-size: 18px; }
  .company_imgs::before{ height: 240px; }
  .company_intro span{ font-size: 50px; }
  .company_intro b{ font-size: 20px; }
  .company_intro .info, .company_intro a{ margin-top: 12px; }
  .company_intro{ margin-bottom: 10px; }
}

/* m_message */
.m_message{ background: url(../images/m_message_bg.jpg) no-repeat top center; overflow: hidden; }
.m_message .info{ padding:55px 0 80px; }
.m_message .info b{ display: flex; align-items: flex-end; font-size: 36px; color: #ffffff; letter-spacing: 5px; line-height: 1; }
.m_message .info b small{ margin-left: 12px; padding:6px 12px; background: #d81c19; font-size: 16px; color: #ffffff; line-height: 1; }
.m_message .info p{ font-size: 30px; line-height: 1; letter-spacing: 5px; margin-top: 14px; color: #fff; }
.m_message form{ float: right; padding:30px 0 0; }
.m_message form > p{ text-align: right; font-size: 16px; color: #ffffff; letter-spacing: 5px; line-height: 1; margin-bottom: 10px; }
.m_message form li{ overflow: hidden; margin-bottom: 14px; display: flex; }
.m_message form li div{ width: 288px; }
.m_message form li input{ width: 100%; height: 40px; background: #fff; border-radius: 5px; box-sizing: border-box; padding:0 20px; font-size: 14px; color: #999999; }
.m_message form li div + div{ margin-left: 20px; }
.m_message form li .code input{ width: 120px; }
.m_message form li .code img{ width: 120px; height: 40px; border-radius: 5px; margin-left: 20px; }
.m_message form li .submit{ display: inline-block; padding:14px 104px; background: #d81c19; border-radius: 5px; font-size: 14px; color: #ffffff; line-height: 1; }
@media only screen and (max-width: 1400px){
  .m_message .inner{ padding:0; }
  .m_message .info{ padding:55px 0 90px; }
  .m_message .info p{ font-size: 24px; }
  .m_message .info b{ font-size: 32px; }
}
@media only screen and (max-width: 1200px){
  .m_message form{ display: none; }
  .m_message .info{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
}
@media only screen and (max-width: 640px){
  .m_message{ background-size: 200%; }
  .m_message .info{ padding:26px 0 52px; }
  .m_message .info b{ font-size: 26px; letter-spacing: 1px; }
  .m_message .info b small{ font-size: 14px; padding:5px 10px; }
  .m_message .info p{ letter-spacing: 1px; font-size: 20px; }
}
@media only screen and (max-width: 576px){
  .m_message{ background-size: 240%; }
}
@media only screen and (max-width: 414px){
  .m_message{ background-size: 300%; }
  .m_message .info{ padding:26px 0 52px; }
}

/* m_case */
.m_case{ overflow: hidden; padding-bottom: 56px; }
.m_case .bd{ width:100%; overflow: hidden; }
.m_case .bd a{ display: block; background: #f6f6f6; padding:14px 14px 0; transition: all .3s; }
.m_case .bd a .img{ width: 100%; padding-bottom: 74%; position: relative; overflow: hidden; }
.m_case .bd a .img img{ width: 100%; height:100%; position: absolute; object-fit: cover; transition: all .3s; }
.m_case .bd a b{ font-weight: normal; display: block; padding:14px; line-height: 1; font-size: 20px; color: #555555; text-align: center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.m_case .bd a:hover{ transition: all .3s; background: var(--zhu-color); }
.m_case .bd a:hover b{ transition: all .3s; color: #fff; }
.m_case .bd a:hover img{ transition: all .3s; transform: scale(1.05); }
@media only screen and (max-width: 1400px){

}
@media only screen and (max-width: 1200px){
  .m_case{ padding-bottom: 30px; }
}
@media only screen and (max-width: 992px){
  .m_case{ padding-bottom: 20px; }
  .m_case .bd a b{ font-size: 18px; }
}
@media only screen and (max-width: 768px){
  .m_case{ padding-bottom: 15px; }
}
@media only screen and (max-width: 640px){
  .m_case .bd a b{ font-size: 16px; }
}
@media only screen and (max-width: 576px){
  .m_case .bd a{ padding:10px 10px 0; }
  .m_case .bd a b{ font-size: 14px; }
}

/* m_solution */
.m_solution{ overflow: hidden; position: relative; }
.m_solution > .inner{ position: relative; z-index: 33; }
.solution_imgs{ width: 100%; height: calc(100% - 3px); overflow: hidden; position: absolute;  }
.solution_imgs li{ width: 100%; height: 100%; position: absolute; left:0%; top:0%; opacity: 0; transition: all .3s; z-index: 3; }
.solution_imgs li:first-child{ opacity: 1; }
.solution_imgs li img{ width: 100%; height: 100%; object-fit: cover; }
.solution_info{ overflow: hidden; box-sizing: border-box; padding-left: 90px; display: inline-block; }
.solution_info li{ width: 264px; height: 240px; border:1px solid #ffffff; box-sizing: border-box; position: relative; overflow: hidden; }
.solution_info li > div{ width: 100%; height:100%; box-sizing: border-box; padding:60px; }
.solution_info li:nth-child(1){ border-bottom: 0;  }
.solution_info li:nth-child(2){ float: left;  }
.solution_info li:nth-child(3){ float: left; border-left: 0; }
.solution_info li:nth-child(4){ float: right; clear: both; border-top: 0; width: 265px; }
.solution_info li .tit{ overflow: hidden; position: relative; top:0; left:0; }
.solution_info li .tit span{ font-size: 37px; line-height: 1; color: #fff; }
.solution_info li .tit b{ display: block; font-size: 24px; line-height: 1; color: #fff; padding: 16px 0; }
.solution_info li .tit hr{ display: inline-block; width: 94px; height: 4px; background: #fff; border:0; }
.solution_info li .info{ overflow: hidden; background: var(--zhu-color); position: absolute; transition: all .3s; left:-100%; top:-100%; }
.solution_info li .info b{ font-size: 24px; color: #ffffff; line-height: 1; display: block; margin-bottom: 15px; }
.solution_info li .info p{ font-size: 14px; color: #ffffff; line-height: 1.5; display: block; min-height: 66px; }
.solution_info li .info a{ font-size: 14px; color: #ffffff; line-height: 1; }
.solution_info li:hover .tit{ transition: all .3s; left:-100%; top:-100%; }
.solution_info li:hover .info, .solution_info li.on .info{ transition: all .3s; left:0; top:0; }
.solution_tit{ height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.solution_tit b{ font-size: 32px; color: #ffffff; display: block; font-weight: bold; line-height: 1; margin:50px 0 0; }
.solution_tit p{ font-size: 20px; color: #ffffff; display: block; line-height: 1; margin:24px 0 82px; }
.solution_tit a{ padding:13px 38px; display: inline-block; border:2px solid #fff; font-size: 20px; line-height: 1; color: #ffffff; }
@media only screen and (max-width: 1400px){
  .m_solution > .inner{ padding:0; }
  .solution_imgs{ height: 660px; }
  .solution_imgs li{ position: absolute; left:50%; top:50%; transform: translateX(-50%) translateY(-50%); opacity: 0; transition: all .3s; z-index: 3; }
  .solution_info{ padding-left: 60px; }
  .solution_info li{ width:226px; height: 220px; }
  .solution_info li:nth-child(4){ width: 227px; border-top:0; }
  .solution_info li > div{ padding:35px; }
}
@media only screen and (max-width: 1200px){
  .solution_imgs{ height: 440px; }
  .solution_info{ padding-left: 0; }
  .solution_info li{ float: left; }
  .solution_info li:nth-child(4){ float: left; clear: none; }
  .solution_tit b{ margin:0; }
  .solution_tit p{ margin:24px 0 48px; }
}
@media only screen and (max-width: 992px){
  .solution_imgs{ height: 100%; }
  .solution_info, .solution_tit{ padding:15px 0; width: 100%; }
  .solution_info li{ width:25%; box-sizing: border-box; height: 200px; }
  .solution_info li:nth-child(1){ border-bottom: 1px solid #ffffff; border-right: 0; }
  .solution_info li:nth-child(2){ border-bottom: 1px solid #ffffff;  }
  .solution_info li:nth-child(3){ float: left; border-left: 0; border-right: 0; }
  .solution_info li:nth-child(4){ width: 25%; border-top:1px solid #ffffff; }
  .solution_tit{ align-items: center; justify-content: center; }
}
@media only screen and (max-width: 768px){
  .solution_info li{ height:150px; }
  .solution_info li > div{ padding:20px; }
  .solution_info li .tit span{ font-size: 32px; }
  .solution_info li .tit b{ font-size: 18px; }
  .solution_info li .tit hr{ width:82px; }
  .solution_info li .info b{ font-size: 20px; }
  .solution_info li .info p{ font-size: 13px; min-height: 39px;  }
  .solution_info li .info a{ margin-top: 12px; display: inline-block; }
  .solution_tit b{ font-size: 26px; }
  .solution_tit p{ font-size: 16px; margin:20px 0; }
  .solution_tit a{ margin:10px 30px; font-size: 14px; margin-bottom: 20px; }
}
@media only screen and (max-width: 640px){
}
@media only screen and (max-width: 576px){
  .solution_info li{ width:50%; }
  .solution_info li:nth-child(1){ border-bottom: 0; border-right: 0; }
  .solution_info li:nth-child(2){ border-bottom: 0;  }
  .solution_info li:nth-child(3){ float: left; border-left: 1px solid #ffffff; border-right: 0; }
  .solution_info li:nth-child(4){ width: 50%; border-top:1px solid #ffffff; }
}

/* m_super */
.m_super{ overflow: hidden; background: #f4f4f4; }
.super_tit{ overflow: hidden; display: flex; width: 100%; flex-wrap: wrap; position: relative; z-index: 33; }
.super_tit li{ margin-bottom: 30px; margin-right: 30px; width: calc((100% - 60px) / 3); background: #ffffff; box-sizing: border-box; padding:40px 27px 72px; transition: all .3s; }
.super_tit li:nth-child(3n+0){ margin-right: 0; }
.super_tit li span{ font-size: 55px; line-height: 1; color: var(--zhu-color); transition: all .3s; }
.super_tit li b{ font-size: 24px; line-height: 1; color: #000000; margin:30px 0 10px; display: block; transition: all .3s; }
.super_tit li small{ font-size: 12px; line-height: 1; color: #b1b1b1; text-transform: uppercase; transition: all .3s; }
.super_tit li:hover{ transition: all .3s; background: var(--zhu-color); box-shadow: 0 0 5px rgba(0, 0, 0, .5); }
.super_tit li:hover span, .super_tit li:hover b, .super_tit li:hover small{ transition: all .3s; color: #ffffff; }

.m_super .right{ padding:0 74px 0 40px;  position: relative; z-index: 33; }
#super .tit{ display: block; padding-bottom: 25px; border-bottom: 2px solid #c1c1c1; position: relative; margin-bottom: 32px; }
#super .tit::before{ content: ""; display: block; width: 200px; height: 2px; border:0; background: var(--zhu-color); position: absolute; left:0; bottom:-2px; }
#super .tit b{ display: block; line-height: 1; font-size: 24px; color: #333333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#super .info{ font-size: 16px; color: #696969; line-height: 1.875; max-height: 120px; margin-bottom: 110px; }
.super_txt b{ font-size: 36px; font-weight: bold; color: #242424; line-height: 1.3; display: block; }
.super_txt small{ font-size: 12px; color: #ffffff; line-height: 1.5; display: block; text-transform: uppercase; margin-top: 60px; }
@media only screen and (max-width: 1400px){
  .m_super > .inner{ padding:0; }
  .super_tit li{ width: calc((100% - 40px) / 3); margin-bottom: 20px; margin-right: 20px; padding:30px; }
  .super_tit li span{ font-size: 50px; }
  .m_super .right{ padding:0; }
  #super .info{ max-height: 150px; margin-bottom: 60px; }
  .super_txt b{ font-size: 30px; }
}
@media only screen and (max-width: 1200px){
  .super_tit li{ width: calc((100% - 30px) / 3); margin-bottom: 15px; margin-right: 15px; padding:15px; }
  .super_tit li b{ font-size:17px; }
  #super .tit{ padding-bottom: 12px; margin-bottom: 12px; }
  #super .info{ font-size: 14px; line-height: 1.5; margin-bottom: 40px; }
  .super_txt b{ font-size: 24px;  }
  
}
@media only screen and (max-width: 992px){
  .super_tit{ justify-content: space-between; }
  .super_tit li{ width:19%; margin-right: 0; margin-bottom: 0; }
  .m_super .right{ padding:20px 0; }
  .super_txt{ display: none; }
  #super .info{ margin-bottom: 0; font-size: 16px; }
  .super_tit li b{ margin:12px 0; }
}
@media only screen and (max-width: 768px){
  .super_tit{ justify-content: flex-start; }
  .super_tit li{ width: calc((100% - 30px) / 3); margin-bottom: 15px; margin-right: 15px; }
  .super_tit li:nth-child(3n+0){ margin-right: 0; }
}
@media only screen and (max-width: 576px){
  .super_tit li{ width: calc((100% - 30px) / 2); margin-bottom: 15px; margin-right: 15px; }
  .super_tit li:nth-child(2n+0){ margin-right: 0; }
  .super_tit li:nth-child(3n+0){ margin-right: 15px; }
  .super_tit li span{ font-size:26px; }
  .super_tit li b{ font-size: 15px; font-weight: normal; margin:6px 0; }
  #super .tit b{ font-size: 20px; }
  #super .info{ font-size: 15px; }
  .m_super .right{ padding: 0 0 20px; }
}

/* m_news */
.m_news{ padding: 160px 0 56px; overflow: hidden; position: relative; margin-top: -110px; background: #f2f3f7; }
.m_news::before{ content: ""; display: block; width: 100%; height: 604px; background: var(--zhu-color); position: absolute; top:0; left:0; }
.m_news .inner{ position: relative; z-index: 33; }
.m_news .hd{ width: 100%; }
.m_news .hd .tit{ display: flex; align-items: center; justify-content: space-between; width: 100%; }
.m_news .hd .tit div{ display: flex; align-items: flex-end; }
.m_news .hd .tit b{ font-size: 32px; color: #ffffff; line-height: 1; font-weight: bold; }
.m_news .hd .tit small{ font-size: 14px; color: #ffffff; line-height: 1; font-weight: 200; margin-left: 16px; }
.m_news .hd .tit a{ font-size: 14px; color: #ffffff; line-height: 1; font-weight: 200; }
.m_news .hd .tit a:hover{ transition: all .3s; color: #d81c19; }
.m_news .hd .news_top{ display: block; width:100%; padding:50px 0; }
.m_news .hd .news_top .left{ width:36%; height:100%; float:left;  cursor:pointer; }
.m_news .hd .news_top .left .circle{ width:142px; height:142px; border-radius:50%; border:1px solid #fff; transition:all linear 1s; position: relative; } 
.m_news .hd .news_top .left .circle p{ position:absolute; color:#fff; margin:62px 270px; font-size:12px; transition:all linear .6s; width: 70px; line-height: 1; }
.m_news .hd .news_top .left .img{ width:142px; height:142px; margin-left:200px; position:absolute; opacity:0; transition:all linear 1s; border-radius:50%; overflow:hidden; }
.m_news .hd .news_top .left .img img{ width:100%; height:100%; }
.m_news .hd .news_top .left .circle:before{ content:''; width:5px; height:5px; background:#fff; margin:65px 0; position:absolute; border-radius:50%; transition:all linear 1s; left:50%; }
.m_news .hd .news_top .left .circle:after{ content:''; width:12rem; height:1px; background:#fff; margin:67px 0; position:absolute; transition:all linear .5s; left:50%; }
.m_news .hd .news_top:hover .left .circle:after,.touch .m_news .hd .news_top .left .circle::after{ width:0; }
.m_news .hd .news_top:hover .left .circle:before,.touch .m_news .hd .news_top .left .circle::before{ width:0; height:0; }
.m_news .hd .news_top:hover .left .circle,.touch .m_news .hd .news_top .left .circle{ border:1px solid transparent; }
.m_news .hd .news_top:hover .left .circle .img,.touch .m_news .hd .news_top .left .circle .img{ opacity:1; }
.m_news .hd .news_top:hover .left .circle p,.touch .m_news .hd .news_top .left .circle p{ margin:62px 30px; }
.m_news .hd .news_top .right{ width:62%; height:100%; text-align:left; display:inline-block; }
.m_news .hd .news_top .right b{ display: block; font-size:18px; color:#fff; padding:14px 0; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.m_news .hd .news_top .right p{ font-size:14px; color:rgba(255,255,255,.7); line-height:1.5; }
.m_news .hd .news_top .right small{ display: inline-block; font-size:14px; color:rgba(255,255,255,.7); text-transform: uppercase; line-height:1; margin:30px 0 0; }
.m_news .bd{ overflow: hidden; width:100%; }
.m_news .bd a{ display: block; width: 100%; box-sizing: border-box; background: #ffffff; padding:15px; position: relative; }
.m_news .bd a .img{ width: 100%; padding-bottom: 59%; position: relative; overflow: hidden; }
.m_news .bd a .img::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left:0; top:100%; transition: all .3s; background: rgba(0, 121, 195, .6); z-index: 33; }
.m_news .bd a .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
.m_news .bd a .txt{ padding:12px 0; }
.m_news .bd a .txt b{ display: block; font-size: 18px; color: #1f1f1f; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:22px 0; transition: all .3s; font-weight: normal; }
.m_news .bd a .txt p{ font-size: 14px; color: #86898d; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition: all .3s; }
.m_news .bd a .txt small{ display: inline-block; margin-top: 34px; font-size: 16px; color: #4c4c4c; line-height: 1; transition: all .3s; }
.m_news .bd a:hover img{ transition: all .3s; transform: scale(1.05); }
.m_news .bd a:hover .txt b{ transition: all .3s; color: var(--zhu-color); }
.m_news .bd a:hover .img::before{ transition: all .3s; top:0; }
@media only screen and (max-width: 1200px){
  .m_news{ padding:132px 0 36px; }
  .m_news .hd .news_top .left{ width: 40%; }
  .m_news .hd .news_top .right{ width: 60%; }
  .m_news .bd a .txt b{ padding:14px 0; }
}
@media only screen and (max-width: 992px){
  .m_news{ margin-top: 0; padding:30px 0; }
  .m_news::before{ height:380px; }
  .m_news .bd a .txt small{ margin-top: 16px; }
  .m_news .bd a{ padding:15px; }
  .m_news .bd a .txt{ padding:0 0 12px; }
  .m_news .hd .news_top .left{ width: 50%; }
  .m_news .hd .news_top .right{ width: 50%; }
  .m_news .hd .news_top .right p{ overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
}
@media only screen and (max-width: 768px){
  .m_news .hd .tit small{ display: none; }
  .m_news .hd .news_top .left{ display: none; }
  .m_news .hd .news_top .right{ width: 100%; }
  .m_news .hd .news_top{ padding:20px 0; }
  .m_news .hd .news_top .right small{ margin:15px 0 0; }
}
@media only screen and (max-width: 640px){
  .m_news{ padding:20px 0; }
  .m_news .hd .news_top{ padding:15px 0; }
  .m_news .hd .tit b{ font-size:24px; }
  .m_news .hd .news_top .right b{ font-size: 17px;  }
  .m_news .bd a .txt b{ font-size: 16px; padding:12px 0; }
  .m_news .bd a .txt p{ font-size: 12px; line-height: 1.5; }
  .m_news .bd a .txt small{ font-size: 14px; }
}
@media only screen and (max-width: 576px){
  .m_news .bd a{ padding:12px; }
  .m_news .bd a .txt{ margin-bottom: 0; }
  .m_news .bd a .txt small{ margin-top: 12px; }
}

/* m_msg */
.m_msg{ overflow: hidden; background: #f3f8fc; padding-bottom: 56px; }
.m_msg .form_textarea, .m_msg .form_input{ width: 100%; margin-bottom: 30px; }
.m_msg .bd{ width: 100%; }
.m_msg textarea{ width: 100%; height: 160px; background: #fff; border-radius: 5px; box-sizing: border-box; padding:28px 20px; font-size: 14px; color: #999999; }
.m_msg input{ width: 100%; background: #fff; border-radius: 5px; box-sizing: border-box; padding:14px 20px; font-size: 14px; color: #999999; }
.m_msg .form_code{ display: flex; align-items: center; }
.m_msg .form_code input{ width: 328px; }
.m_msg .form_code img{ width: 180px; height: 49px; box-sizing: border-box; object-fit: cover; border: 1px solid #fff; margin-left: 30px; border-radius: 5px; }
.m_msg .msg_submit{ transition: all .3s; display: block; padding:14px 0; border-radius: 5px; font-size: 14px; background: #555555; text-align: center; color: #fff; }
.m_msg .msg_submit:hover{ transition: all .3s; background: var(--zhu-color); }
@media only screen and (max-width: 1200px){
  .m_msg{ padding-bottom: 35px; }
  .m_msg .form_code input{ width: calc(100% - 240px); }
}
@media only screen and (max-width: 992px){
}
@media only screen and (max-width: 768px){
  .m_msg .form_textarea, .m_msg .form_input, .m_msg .form_code{ margin-bottom: 20px; }
}
@media only screen and (max-width: 640px){
  .m_msg{ padding-bottom: 20px; }
  .m_msg .form_code img{ width:120px; }
  .m_msg textarea{ padding:15px; height: 100px; }
  .m_msg input{ padding:14px 15px; }
}
@media only screen and (max-width: 576px){
  .m_msg .form_textarea, .m_msg .form_input, .m_msg .form_code{ margin-bottom: 15px; }
}
/* footer */
.footer{ padding:66px 0 0; overflow: hidden; background: #343434; border-top: 15px solid var(--zhu-color); }
.footer .hd{ overflow: hidden; display: flex; align-items: center; justify-content: space-between; width: 100%; padding-bottom: 30px; border-bottom: 1px solid #ffffff; margin-bottom: 50px; }
.footer .f_tel{ display: flex; align-items: center; justify-content: flex-end; }
.footer .f_tel span{ font-size: 48px; color: #ffffff; line-height: 1; margin-right: 10px; }
.footer .f_tel p{ font-size: 16px; color: #ffffff; line-height: 1; }
.footer .f_tel b{ font-size: 26px; font-weight: bold; color: #ffffff; line-height: 1; display: block; margin-top: 10px; }
.footer .f_tit{ display: flex; align-items: center; justify-content: flex-start; margin-bottom: 22px; }
.footer .f_tit b{ font-size: 16px; color: #ffffff; line-height: 1; }
.footer .f_tit i{ display: inline-block; width: 5px; height: 5px; background: #ffffff; border-radius: 50%; margin:0 6px; }
.footer .f_tit span{ font-size: 16px; color: #919191; text-transform: uppercase; line-height: 1; font-weight: bold; }
.f_nav .bd{ box-sizing: border-box; width: 100%; padding-right: 70px; }
.f_nav .bd a{ display: inline-block; font-size: 14px; color: #9c9c9c; margin:0 24px 12px 0; transition: all .3s; }
.f_nav .bd a:hover{ transition: all .3s; color: var(--zhu-color); }
.f_contact .bd p, .f_contact .bd p a, .f_address .bd p{ font-size: 14px; color: #9c9c9c; line-height: 1.8; transition: all .3s; }
.f_contact .bd p a:hover{ transition: all .3s; color: var(--zhu-color); }
.f_ewm{ display: flex; align-items: center; justify-content: center; }
.f_ewm img{ max-width: 158px; border-radius: 10px; }
.f_ewm div{ display: inline-flex; align-items: center; justify-content: space-between; width: 42px; height: 76px;  margin-right: 14px;  }
.f_ewm p{ display: inline-block; width: 20px; font-size: 14px; color: #9c9c9c; line-height: 1; letter-spacing: 2px; }
.f_copy{ margin-top: 90px; padding:20px 0; background: #141414; }
.f_copy p{ text-align: center; font-size: 14px; color: #a4a4a4; line-height: 1; width: 100%; }
.f_copy p a{ font-size: 14px; color: #a4a4a4; line-height: 1; transition: all .3s; }
.f_copy p a:hover{ transition: all .3s; color: var(--zhu-color); }
@media only screen and (max-width: 1400px){
  .f_nav .bd{ padding-right: 0; }
  .f_nav .bd a{ margin:0 4px 12px 0; }
}
@media only screen and (max-width: 1200px){
  .footer{ padding:30px 0 0; }
  .footer .inner{ padding:0; }
  .footer .hd{ margin-bottom: 30px; }
  .f_copy{ margin-top: 30px; }
  .f_nav .bd a{ margin:0 12px 12px 0; }

}
@media only screen and (max-width: 992px){
  .f_ewm div{ display: none; }
}
@media only screen and (max-width: 768px){
  .f_nav, .f_contact, .f_address{ margin-bottom: 20px; }
  .footer .f_tit{ margin-bottom: 12px; }
  .footer{ padding:20px 0 0; }
  .footer .hd{ margin-bottom: 20px; padding-bottom: 20px; }
  .f_copy{ margin-top: 20px; margin-bottom: 52px; }
  .footer .f_tel{ display: none; }
  .f_logo img{ max-width: 100%; }
}
@media only screen and (max-width: 640px){
  .f_logo img{ max-width: 80%; }
}
@media only screen and (max-width: 576px){
  .f_copy p{ font-size: 12px; }
}

/* contact_msg */
.contact_msg{ overflow: hidden; clear: both; width: 100%; margin:0; }
.contact_info{ width: 100%; box-sizing: border-box; border:1px solid #e6e6e6; padding:30px; }
.contact_info b{ display: block; font-size: 28px; color: #333333; }
.contact_msg .txt{ overflow: hidden; margin-bottom: 20px; }
.contact_msg .txt li{ padding:14px 0; border-bottom: 1px dashed #cdcdcd; display: flex; align-items: flex-start; justify-content: flex-start; }
.contact_msg .txt li span{ font-size: 44px; color: var(--pei-color); line-height: 1; margin-right: 32px; }
.contact_msg .txt li small{ font-size: 15px; color: #595959; display: block; line-height: 1; margin-bottom: 6px; }
.contact_msg .txt li p, .contact_msg .txt li p a{ font-size: 20px; color: #333333; line-height: 1.5; }
.contact_msg .ewm{ overflow: hidden; }
.contact_msg .ewm div{ width: 160px; float: left; box-sizing: border-box; padding:6px; border:1px solid #707070; }
.contact_msg .ewm div img{ max-width: 100%; }
.contact_msg .ewm div + div{ margin-left: 30px; }
.contact_msg form{ width: 100%; box-sizing: border-box; overflow: hidden; background: #e6e6e6; padding:30px 20px; }
.contact_msg .form_item, .contact_msg .form_box, .contact_msg .form_btn{ overflow: hidden; margin-bottom: 25px; }
.contact_msg .form_item input{ width: 100%; height: 54px; line-height: 54px; background: #ffffff; border-radius: 5px;box-sizing: border-box; padding:0 18px; font-size: 12px; color: #999999; border:0; }
.contact_msg .form_box textarea{ width: 100%; height: 136px; line-height: 1.5;border-radius: 5px; background: #fff; box-sizing: border-box; padding:20px 18px; font-size: 12px; color: #999999; font-family: "微软雅黑"; resize: none; border:0; }
.contact_msg .form_btn input{ float: left; width: 210px; height: 54px; line-height: 54px; border-radius: 5px; background: #fff; box-sizing: border-box; padding:0 18px; font-size: 12px; color: #999999; border:0; }
.contact_msg .form_btn img{ width: 120px; height: 54px; object-fit: cover; float: left; margin-left: 30px; border:1px solid #f0f0f0; border-radius: 5px; background: #fff; box-sizing: border-box; }
.contact_msg .csubmit{  display: block; padding:20px 0; width: 100%; box-sizing: border-box; font-size: 14px; color: #fff; background: var(--zhu-color); border:0;  text-align: center; border-radius: 5px; }
.contact_msg .csubmit:hover{ background:var(--pei-color); transition: all .3s; }
/* contact_map */
.contact_map{ width:100%; border:1px solid #f1f1f1; overflow: hidden; box-sizing: border-box; margin: 30px 0; }
.contact_map #dituContent{ width: 100%; height: 520px; }
@media only screen and (max-width: 1400px){
  .contact_info{ padding:28px 22px; }

}
@media only screen and (max-width: 1200px){
  .contact_msg .ewm div{ width:45%; }
  .contact_msg .txt li span{ margin-right: 12px; }
  .contact_msg .txt li p, .contact_msg .txt li p a{ font-size: 17px; }
  .contact_map #dituContent{ height:460px; }
}
@media only screen and (max-width: 992px){
  .contact_msg .ewm div{ width:160px; }
  .contact_info{ margin-bottom: 20px; }
}
@media only screen and (max-width: 768px){
  .contact_info b{ font-size: 24px; }
  .contact_msg .csubmit{ padding:16px 0; }
  .contact_msg .form_item, .contact_msg .form_box, .contact_msg .form_btn{ margin-bottom: 20px; }
  .contact_msg form{ padding:20px; }
  .contact_map #dituContent{ height:420px; }
}
@media only screen and (max-width: 640px){
  .contact_info{ padding:15px; }
  .contact_msg .ewm{ display: flex; justify-content: space-between; }
  .contact_map #dituContent{ height:400px; }
}
@media only screen and (max-width: 576px){
  .contact_map #dituContent{ height:360px; }
  .contact_msg .ewm div{ width: 48%; }
  .contact_msg .ewm div + div{ margin-left: 0; }
  .contact_msg .form_btn input{ width:42%; }
  .contact_msg .ewm div img{ width: 100%; }
}

/* s_banner */
.s_banner{ overflow: hidden; height:426px; background: url(../images/s_banner.jpg) no-repeat center top; }
.s_banner .inner, .s_banner .inner div{ height:100%; }
.s_banner .row{ align-items: flex-start; justify-content: center; flex-direction: column; }
.s_banner b{ font-size: 48px; font-weight: normal; color: #ffffff; line-height: 1; display: block; letter-spacing: 3px; font-family: "思源黑体 CN"; }
.s_banner small{ font-size: 15px; color: #ffffff; line-height: 1; display: block; text-transform: uppercase; margin:20px 0 60px; }
.s_banner hr{ display: inline-block; width:100px; height: 4px; background: #fff; border:0; }
@media only screen and (max-width: 1400px){
  .s_banner{ background-size: cover; height: auto; padding:112px 0; }
  .s_banner b{ font-size: 42px;  } 
  .s_banner small{ font-size: 13px; margin:30px 0; }
}
@media only screen and (max-width: 1200px){
  .s_banner{ background-position: 54%; }
}
@media only screen and (max-width: 992px){
  .s_banner{ background-position: left; padding:100px 0; }
  .s_banner .row{ align-items: center; }
  .s_banner b{ font-size: 36px;  } 
}
@media only screen and (max-width: 768px){
  .s_banner{padding:80px 0; }
  .s_banner .row{ align-items: center; }
  .s_banner b{ font-size: 32px;  } 
  .s_banner small{ font-size: 12px; margin:30px 0; }
}
@media only screen and (max-width: 640px){
  .s_banner b{ font-size: 28px; letter-spacing: 0; } 
  .s_banner small{ font-size: 12px; margin:24px 0; text-align: center; line-height: 1.5; }
  .s_banner hr{ height: 2px; }
}
@media only screen and (max-width: 576px){
  .s_banner{padding:70px 0; }
  .s_banner b{ font-size: 24px; letter-spacing: 0; } 
}

/* crumbs */
.crumbs{ overflow: hidden; padding:13px 0; background: #f5f5f5; }
.crumbs i{ font-size: 26px; color: #767676; line-height: 1; margin-right: 12px; }
.crumbs p{ display: flex; align-items: center; }
.crumbs p small, .crumbs p a{ font-size: 15px; color: #666666; transition: all .3s; }
.crumbs p a:hover{ transition: all .3s; color: var(--zhu-color); }
@media only screen and (max-width: 992px){
  .crumbs i{ font-size: 20px; margin-right: 8px; }
}
@media only screen and (max-width: 768px){
  .crumbs{ padding:12px 0; }
  .crumbs p small, .crumbs p a{ font-size: 14px; }
}
@media only screen and (max-width: 640px){
  .crumbs{ padding:10px 0; }
  .crumbs p small, .crumbs p a{ font-size: 13px; }
}

/* main */
.main{ overflow: hidden; padding:30px 0 0; }
.main .a_tit{ padding:12px 0; border-bottom: 1px solid #e4e4e5; width: 100%; margin-bottom: 26px; }
.main .a_tit b{ display: block; font-size: 32px; color: #333333; line-height: 1; font-weight: normal; }
.main .content{ font-size: 16px; color: #666666; line-height: 2; width: 100%; clear: both; }
.main .m_case{ padding-bottom: 30px; width:100%; }
.article{ width: 100%; overflow: hidden; }
/* page_tit */
.page_tit{ text-align: center; padding:20px 0;}
.page_tit b{ font-size: 28px; color: #333333; line-height: 1.5; }
.page_tit .meta{ font-size: 15px; color: #555555; margin-top: 18px; line-height: 1; }
.main .single{ font-size: 16px; color: #7c7c7c; line-height: 2; }
/* prev_next */
.prev_next{ width:100%; margin:20px 0; display: flex; }
.prev_next>div{ width:50%; padding:8px 16px; border: 1px solid #e9e9e9; display: flex;flex-direction: row;align-items: center; justify-content: flex-start; }
.prev_next>div + div{ border-left: 0; }
.prev_next>div a{ color: #999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: block; width: calc(100% - 100px); }
.prev_next>div a:hover{ color: var(--zhu-color);}
/* product_list */
.mb-30{ margin-bottom: 30px; }
@media only screen and (max-width: 1400px){

}
@media only screen and (max-width: 1200px){
}
@media only screen and (max-width: 992px){
  .page_tit b{ font-size: 24px; }
  .page_tit .meta{ margin-top: 12px; }
  .main .single, .main .content{ line-height: 1.8; }
}
@media only screen and (max-width: 768px){
  .main{ overflow: hidden; padding:25px 0 0; }
  .mb-30{ margin-bottom: 25px; }
  .prev_next{ flex-wrap: wrap; }
  .prev_next > div{ width:100%; padding:4px 12px; font-size: 14px; }
  .prev_next > div + div{ border-left: 1px solid #e9e9e9; border-top: 0; }
}
@media only screen and (max-width: 640px){
  .main{ overflow: hidden; padding:20px 0 0; }
  .mb-30{ margin-bottom: 20px; }
  .page_tit{ padding:0 0 12px; }
  .page_tit b{ font-size: 18px; }
  .page_tit .meta{ font-size: 13px; }
  .main .single, .main .content{ font-size: 15px; line-height: 1.5; }
}
@media only screen and (max-width: 576px){
  .main{ overflow: hidden; padding:15px 0 0; }
  .mb-30{ margin-bottom: 15px; }
}

/* company_ad */
.company_ad{ background: var(--zhu-color); width: 100%; margin:30px 0; overflow: hidden; display: flex; align-items: center; justify-content: space-between; }
.company_ad #company_imgs{ width:40%; height: 340px; border-radius: 0; }
.company_ad #company_imgs a{ height: 100%; }
.company_ad .info{ width:60%; box-sizing: border-box; padding:0 30px 0 60px; }
.company_ad .info span{ font-size: 24px; color: #ffffff; display: inline-block; line-height: 1; }
.company_ad .info b{ display: block; font-size: 48px; color: #ffffff; line-height: 1; font-family: "思源黑体 CN"; margin:22px 0; }
.company_ad .info ul{ display: inline-flex; background: #ffffff; padding:10px 20px; align-items: center; }
.company_ad .info li{ font-size: 24px; color: var(--zhu-color); background: url(../images/ico_dui_blue.png) no-repeat left center; padding-left: 30px; line-height: 1; }
.company_ad .info li + li{ margin-left: 20px; }
.company_ad .info small{ display: inline-block; clear: both; font-size: 12px; color: #ffffff; line-height: 1; text-transform: uppercase; margin-top: 68px; float: right; letter-spacing: 2px; }
@media only screen and (max-width: 1400px){
  .company_ad .info{ padding:0 30px; }
  .company_ad .info span{ font-size:18px; }
  .company_ad .info b{ font-size:36px; margin:18px 0; }
  .company_ad .info ul{ padding:10px; }
  .company_ad .info li{ font-size:18px; background-size: contain; }
  .company_ad #company_imgs{ height:340px; }
  .company_ad .info small{ margin-top: 32px; }
}
@media only screen and (max-width: 1200px){
  .company_ad #company_imgs{ height:290px; }
  .main .a_tit{ margin-bottom: 20px; }
  .main .a_tit b{ font-size: 26px; }
  .company_ad{ margin:20px 0; }
}
@media only screen and (max-width: 992px){
  .company_ad{ flex-wrap: wrap; }
  .company_ad #company_imgs, .company_ad .info{ width:100%; }
  .company_ad .info{ padding:30px; }
}
@media only screen and (max-width: 768px){
  .main .a_tit{ padding:10px 0; }
  .main .a_tit b{ font-size: 24px; }
  .company_ad .info b{ font-size:32px; margin:14px 0; }
  .company_ad .info ul{ padding:10px; }
  .company_ad .info li{ font-size:16px; background-size: contain; }
}
@media only screen and (max-width: 640px){
  .company_ad #company_imgs{ height:250px; }
  .company_ad .info{ padding:20px; }
  .company_ad .info small{ margin-top: 14px; }
}
@media only screen and (max-width: 576px){
  .company_ad .info{ padding:15px; }
  .company_ad .info small{ margin-top: 14px; }
  .company_ad .info span{ font-size: 16px; }
  .company_ad .info b{ font-size:26px; margin:10px 0; }
  .company_ad .info ul{ padding:6px 12px; }
  .company_ad .info li{ font-size:14px; background:none; padding-left: 0; }
  .company_ad .info li + li{ margin-left: 12px; }
  .company_ad .info small{ font-size:12px; letter-spacing: 0; }
  .company_ad #company_imgs{ height:220px; }
}



/* honor_list */
.honor_list{ overflow: hidden; }
.honor_list a{ display: block; border:1px solid #eaeaea; margin-bottom: 30px; }
.honor_list a .img{ width: 100%; padding-bottom: 82%; overflow: hidden; position: relative; }
.honor_list a .img img{ width: 100%; height: 100%; object-fit: contain; position: absolute; transition: all .3s; }
.honor_list a b{ font-weight: normal; display: block; padding:15px 0; border-top: 1px solid #eaeaea; text-align: center; line-height: 1; font-size: 18px; color: #333333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all .3s; }
.honor_list a:hover img{ transition: all .3s; transform: scale(1.05); }
.honor_list a:hover b{ transition: all .3s; background: var(--zhu-color); color: #ffffff; }
@media only screen and (max-width: 992px){
  .honor_list a b{ font-size: 16px; padding:13px 0; }
}
@media only screen and (max-width: 640px){
  .honor_list a b{ font-size: 14px; padding:10px 0; }
}


/* video_list */
.video_list{ overflow: hidden; }
.video_list a{ display: block; margin-bottom: 30px; position: relative; overflow: hidden; }
.video_list a .img{ width: 100%; padding-bottom: 77%; overflow: hidden; position: relative; }
.video_list a .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
.video_list a .info{ box-sizing: border-box; padding:60px 30px; text-align: center; width: 100%; height:100%; position: absolute; top:100%; transition: all .3s; background: rgba(32, 81, 191, .6); }
.video_list a .info b{ font-weight: normal; display: block; padding:15px 0; text-align: center; line-height: 1; font-size: 18px; color: #ffffff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all .3s; }
.video_list a .info p{ font-size: 14px; color: #ffffff; line-height: 1.8; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.video_list a .info small{ display: inline-block; padding:16px 50px; background: #fff; font-size: 16px; color: var(--zhu-color); line-height: 1; margin-top: 30px; }
.video_list a:hover img{ transition: all .3s; transform: scale(1.05); }
.video_list a:hover .info{ transition: all .3s; top:0; }
@media only screen and (max-width: 1400px){
  .video_list a .info{ padding:30px; }
  .video_list a .info small{ padding:12px 36px; }
}
@media only screen and (max-width: 1200px){
  .video_list a .info p{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
}
@media only screen and (max-width: 992px){
  .video_list a .info{ padding:50px 30px; }
}
@media only screen and (max-width: 768px){
  .video_list a .info{ padding:24px; }
  .video_list a .info small{ font-size:14px; margin-top: 20px; padding:10px 24px; }
}
@media only screen and (max-width: 640px){
  .video_list a .info{ padding:36px; }
  .video_list a .info p{ display: none; }
}
@media only screen and (max-width: 576px){
  .video_list a .info{ padding:12px; display: flex; align-items: center; justify-content: center; }
  .video_list a .info b{ line-height: 1.5; font-size: 14px; }
  .video_list a .info small{ display: none; }
}

/* case_list */
.case_list{ overflow: hidden; }
.case_list a{ display: block; border:1px solid #f0f0f0; margin-bottom: 30px; }
.case_list a .img{ width: 100%; padding-bottom: 82%; overflow: hidden; position: relative; }
.case_list a .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
.case_list a .info{ padding:12px; overflow: hidden; width: 100%; }
.case_list a .info b{ margin-bottom: 10px; font-weight: normal; display: block; padding:10px 0; border-bottom: 1px solid #ededed; text-align: left; line-height: 1; font-size: 18px; color: #333333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all .3s; }
.case_list a .info span{ display: flex; align-items: center; justify-content: space-between; width: 100%; line-height: 1; }
.case_list a .info span small{ font-size: 14px; color: #777777; }
.case_list a .info span i{ font-size: 12px; color: #898989; }
.case_list a .txt{ position:absolute; top:0px; left:0px; width:100%; height:100%; opacity:0; background:rgba(0,0,0,.6); transition:all 0.5s ease; }
.case_list a .txt b{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; width:80%; color:#fff; text-align:center; font-size:16px; padding:10px 0; font-family:textfont; font-weight: normal; line-height: 1; }
.case_list a .txt b::before{ content:''; position:absolute; top:0px; left:50%; transform:translateX(-50%); width:60%; height:1px; background:#fff; transition:all .5s ease; }
.case_list a .txt b::after{ content:''; position:absolute; bottom:0px; left:50%; transform:translateX(-50%); width:60%; height:1px; background:#fff; transition:all .5s ease; }
.case_list a:hover img{ transition: all .3s; transform: scale(1.05); }
.case_list a:hover .txt{ opacity: 1; }
.case_list a:hover .txt b::before{ width:110px; }
.case_list a:hover .txt b::after{ width:110px; }
@media only screen and (max-width: 1200px){
  .case_list a .info b{ font-size: 16px; padding:0 0 10px; }
}
@media only screen and (max-width: 640px){
  .case_list a .info{ padding:10px; }
  .case_list a .txt b{ font-size: 14px; }
  .case_list a:hover .txt b::before{ width:100px; }
  .case_list a:hover .txt b::after{ width:100px; }
}
@media only screen and (max-width: 576px){
  .case_list a:hover .txt b::before{ width:80px; }
  .case_list a:hover .txt b::after{ width:80px; }
}

/* article_list */
.article_list{ overflow: hidden; }
.article_list a{ box-sizing: border-box; padding:24px; display: block; border:1px solid #e6e6e6; margin-bottom: 30px; transition: all .3s; }
.article_list a b{ display: block; font-size: 18px; color: #333333; font-weight: bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height: 1; margin:5px 0 25px; }
.article_list a p{ font-size: 14px; color: #7c7c7c; line-height: 1.8; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.article_list a small{ display: inline-block; color: #7c7c7c; margin:25px 0 5px; font-size: 14px; line-height: 1; }
.article_list a:hover{ transition: all .3s; background: var(--zhu-color); }
.article_list a:hover b, .article_list a:hover p, .article_list a:hover small{ transition: all .3s; color: #ffffff; }
@media only screen and (max-width: 992px){
  .article_list a{ padding:20px; }
}
@media only screen and (max-width: 768px){
  .article_list a{ margin-bottom: 25px; }
}
@media only screen and (max-width: 640px){
  .article_list a{ padding:15px; }
  .article_list a{ margin-bottom: 20px; }
  .article_list a b{ margin:0 0 16px; font-size: 17px; }
  .article_list a small{ margin:16px 0 0; }
  .article_list a p{ line-height: 1.5; font-size: 13px; }
}
@media only screen and (max-width: 576px){
  .article_list a{ margin-bottom: 15px; }
  .article_list a b{ margin:0 0 12px; font-size: 16px; font-weight: normal; }
  .article_list a small{ margin:12px 0 0; font-size: 12px; }
  .article_list a p{ font-size: 13px; }
}

/* product_content */
.product_content{ overflow: hidden; padding:0 0 30px; }
.product_content .content{ padding-top: 12px; overflow: hidden; }
.product_content .content img{ max-width: 100%; }
.product_imgs{ width: 44%; float: left; }
.product_info{ width: 56%; float: right; box-sizing: border-box; padding-left: 30px; }
.product_info > b{ display: block; font-size: 36px; color: #333333; line-height: 1.5; font-family: "思源黑体 CN"; }
.product_info > p{ font-size: 14px; color: #555555; line-height: 1; margin:15px 0; }
.product_info .param{ overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.product_info .param li{ width: 49%; border:1px solid #dddddd; margin-bottom: 15px; }
.product_info .param li span{ display: inline-block; width:40%; background: #eeeeee; padding:12px 0; text-align: center; font-size: 14px; color: #333333; }
.product_info .param li small{ display: inline-block; width:60%; box-sizing: border-box; background: #ffffff; padding:12px 0; text-align: center; font-size: 14px; color: #333333; }
.product_info .product_tel{ margin-top: 30px; display: flex; align-items: center; }
.product_info .product_tel a{ margin-right: 24px; display: inline-block; padding:22px 75px; background: var(--zhu-color); font-size: 14px; line-height: 1; border-radius: 5px; color: #fff; }
.product_info .product_tel p{ font-size: 14px; color: #555555; line-height: 1; }
.product_info .product_tel b{ display: block; font-size: 30px; font-weight: bold; color: #555555; line-height: 1; margin-top: 12px; }
#product_img{ width: 100%; overflow: hidden; }
#product_img .swiper-slide{ border:1px solid #e6e6e6; width: 100%; padding-bottom: 73%; position: relative; overflow: hidden; }
#product_img .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
#product_imgs{ width: 100%; box-sizing: border-box; padding:0 15px; margin-top: 20px; }
#product_imgs .swiper-slide{ border:1px solid #ebebeb; width: 100%; padding-bottom: 16%; position: relative; overflow: hidden; }
#product_imgs .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
#product_imgs .swiper-button-next, #product_imgs .swiper-button-prev{ width:15px; height: 24px; top:70%; }
#product_imgs .swiper-button-next{ right:-5px; }
#product_imgs .swiper-button-prev{ left:-5px; }
#product_imgs .swiper-button-next span, #product_imgs .swiper-button-prev span{ font-size: 15px; color: #555555; }
#product_imgs .swiper-button-next::after, #product_imgs .swiper-button-prev::after{ display: none; }
.product_tit{ padding:18px 0; border-bottom: 1px solid #ededed; margin-bottom: 20px; }
.product_tit b{ font-size: 18px; color: var(--zhu-color); line-height: 1; }
@media only screen and (max-width: 1400px){
  .product_main .inner{ padding:0; }
  .product_info .product_tel a{ padding:22px 56px; }
  .product_content .content img{ max-width: 100%; }
  .product_info .param li span, .product_info .param li small{ font-size: 13px; }
}
@media only screen and (max-width: 1200px){
  .product_imgs, .product_info{ width:50%; }
  .product_info{ padding-left:15px; }
}
@media only screen and (max-width: 992px){
  .product_info > b{ font-size: 28px; margin-bottom: 15px; }
  .product_info .param{ flex-wrap: wrap; }
  .product_info .param li span, .product_info .param li small{ width: 50%; font-size: 12px; padding:8px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .product_info .product_tel a{ padding:22px 26px; }
}
@media only screen and (max-width: 768px){
  .product_imgs, .product_info{ width:100%; }
  .product_info{ padding:15px 0 0; }
}
@media only screen and (max-width: 640px){
  .product_info > b{ font-size: 24px; margin-bottom: 12px; }
  .layui-layer{ width: 98%!important; }
}  
@media only screen and (max-width: 576px){
  .product_info .product_tel a{ padding:18px 26px; }
  .product_info .product_tel b{ font-size: 24px; }
}

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

.g_xgcp a{ background: #fff; box-sizing: border-box; display: block; overflow: hidden; width: 100%; transition: all .3s; }
.g_xgcp a .img{ width: 100%; padding-bottom: 81%; position: relative; overflow: hidden; }
.g_xgcp a .img img{ width:100%; height:100%; box-sizing: border-box; object-fit: cover; position: absolute; transition: all .3s; }
.g_xgcp a b{ font-weight: normal; display: block; width: 100%; box-sizing: border-box; padding:20px; border-bottom: 1px solid #eee; font-size: 16px; color: #555555; text-align: center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all .3s; transition: all .3s; }
.g_xgcp a:hover b{ transition: all .3s; color: var(--zhu-color); border-color: var(--zhu-color); }
.g_xgcp a:hover img{ transition: all .3s; transform: scale(1.05); }