@charset "utf-8";
/* 引入外部图标样式 */
@font-face {
  font-family: 'iconfont';  /* Project id 2431691 */
  src: url('http://at.alicdn.com/t/font_2431691_ouqav133ju9.woff2?t=1634089686917') format('woff2'),
       url('http://at.alicdn.com/t/font_2431691_ouqav133ju9.woff?t=1634089686917') format('woff'),
       url('http://at.alicdn.com/t/font_2431691_ouqav133ju9.ttf?t=1634089686917') 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;
}
/* 网站色值设置 */
body{--zhu-color:#108ce1;--pei-color:#cbef06;}
/* 样式重置 */
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: 14px/1.5 'Microsoft YaHei', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif'; color: #333; background-color: #fff;}
ul,li{list-style:none;margin:0;padding:0;}
a:hover{ text-decoration: none; }
/*清除内外边距*/
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;}
.inner{ width: 1200px; margin:0 auto; }
@media only screen and (max-width: 1200px){
  .inner{ width: 100%; box-sizing: border-box; }
}
@media only screen and (max-width: 640px){
  .inner{ padding: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(--pei-color); background: var(--pei-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;}
@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; }
}
@media only screen and (max-width: 1200px){
  .de-page-mian{ margin:15px 0; }
}
@media only screen and (max-width: 992px){
  .de-page-mian{ margin:10px 0; }
}
@media only screen and (max-width: 768px){
  .de-page-mian{ margin: 0; }
  .de-page-mian .page-inner a{ padding: 0 6px; height: 26px; line-height: 26px; }
}

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

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

/* 字体引入 */
@font-face{ font-family: DIN; src: url('./fonts/DINPro-Bold.ttf'); }
/* @font-face{ font-family: HYC; src: url('./fonts/HYC.ttf'); }
@font-face{ font-family: MNJY; src: url('./fonts/MNJY.ttf'); } */

/*header*/
.h_top{ width: 100%; display: flex; align-items: center; justify-content: space-between; z-index: 999; z-index: 999; transition: all .3s; }
.h_top .row{ align-items: center; justify-content: space-between; }
.h_top .logo{ display: block;  width:350px; }
.h_top .logo img{ max-width: 100%; object-fit: contain; }
.h_top .menu{ width: calc(100% - 400px); display: flex; align-items: center; }
.h_top .menu .nav{ width: calc(100% - 183px); height: 100%; display: flex; align-items: center; justify-content: space-between; position: relative; }
.h_top .menu .nav li{ position: relative; transition: all .3s; width: 12.5%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; z-index: 35; }
.h_top .menu .nav li > a{ display: flex; height: 100%; flex-flow: column; align-items: center; transition: all .3s; position: relative; z-index: 33; }
.h_top .menu .nav li > a::before{ content: ""; display: inline-block; width: 0; position: absolute; bottom:0; left:0; height: 2px; background: var(--zhu-color); transition: all .3s; }
.h_top .menu .nav li > a b{ font-size: 17px; color: #ffffff; line-height: 1; display: inline-block; padding:28px 0; transition: all .3s; font-weight: 200; }
.h_top .menu .nav li:hover{ transition: all .3s; overflow: visible;  }
.h_top .menu .nav li:hover a::before{ transition: all .3s; width: 100%; }
.h_top .menu .nav li:hover b{ transition: all .3s; color: var(--zhu-color); font-weight: bold; }
.h_top .menu .nav li .d_menu{ position: absolute; padding:20px 0; top:50%; left:0; width: 100%; background: var(--zhu-color); z-index: 31; transition: all .3s; opacity: 0; border-radius: 0 0 5px 5px; }
.h_top .menu .nav li .d_menu a{ display: block; text-align: center; font-size: 14px; color: #ffffff; padding:5px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s; }
.h_top .menu .nav li .d_menu a:hover{ transition: all .3s; background: var(--pei-color); color: #fff; }
.h_top .menu .nav li:hover .d_menu{ transition: all .3s; top:100%; z-index: 33; opacity: 1; }

/* fix_nav */
.fix_nav{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; background: var(--zhu-color);	display: none; }
.fix_nav .close{ width: 100%; overflow: hidden; background: #b7dcf6; height:62px; position:relative; }
.fix_nav .close .icons{ background: url(../images/qi.png) no-repeat center; width: 62px; height: 62px; cursor: pointer; transition:all 0.3s; -ms-transition:all 0.3s;	-moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; right: 100px;top: 0; z-index: 11; position: absolute; }
.fix_nav .nav{ clear: both; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.fix_nav li{ width: 100%; padding: 5px 0; text-align: center; border-bottom: 1px solid #b7dcf6; transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s;	-o-transition:all 0.3s; }
.fix_nav li > a{ font-size:22px; line-height:72px; color: #fff; opacity: 0.5; transition:all 0.3s; -ms-transition:all 0.3s;	-moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; display: block; }
.fix_nav li.on > a{	font-weight: bold; opacity: 1; }
.fix_nav .d_menu{ text-align: center; padding-bottom: 25px;	display: none; }
.fix_nav .d_menu a{ display: inline-block;font-size: 14px; line-height: 24px; margin:0 12px; color: #ffffff; opacity: 0.8; background: url(../images/qi2.png) no-repeat left center; padding-left: 10px; }

/* nav_btn */
.nav_btn { background: url(../images/nav_btn_bg.png) no-repeat center/cover; width: 183px; height: 75px; position: relative; z-index: 111; margin: 0 auto; }
.nav_btn a { display: block; width: 100%; height: 100%; }
.nav_btn .icon { position: absolute; display: inline-flex; align-items: center; justify-content: center; z-index: 11; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); width: 37px;height: 27px; }
.nav_btn .icon b{ font-size: 18px; color: var(--zhu-color); }

.index_top{ position: fixed; width: 100%; z-index: 9999; }
.scrolledDown{ position: fixed!important; top:0; left:0; background: rgba(16,140,225,0.3); z-index: 9999; transition: all .3s; border-radius:0; }
.no_index{ display: none; }
@media only screen and (max-width: 1400px){
  .h_top{ box-sizing: border-box; padding-left: 15px; }
}
@media only screen and (max-width: 1200px){
  .h_top{ padding:12px; background: rgba(0, 0, 0, .5); box-shadow: 0 0 5px rgba(150, 150, 150, .5); }
  .h_top .menu{ width: 50%; height: 100%; justify-content: flex-end; }
  .h_top .menu .nav{ display: none; }
  .nav_btn{ background: none; width: auto; height: auto; position: static; margin:0; }
  .nav_btn a{ background: #ffffff; padding:5px 15px; border-radius: 3px; box-shadow: 0 0 3px rgba(150, 150, 150, .5); }
  .nav_btn .icon{ position: static; transform: translateY(0); }
  .fix_nav .close .icons{ right: 24px; }
  .h_top .logo{ padding:0; }
  .no_index{ display: block; }
}
@media only screen and (max-width: 992px){
  .h_top .logo img{ height: 42px; }
  .fix_nav .d_menu{ display: none!important; }
}
@media only screen and (max-width: 768px){
  .nav_btn .icon b{ font-size: 17px; }
}
@media only screen and (max-width: 640px){
  .h_top .logo img{ height: 37px; }
  .nav_btn .icon b{ font-size: 16px; font-weight: normal; }
}
@media only screen and (max-width: 576px){
  .h_top .logo{ width: 50%; }
  .fix_nav .close{ height: 46px; }
  .fix_nav .close .icons{ width: 46px; height: 46px; right: 5px; background-size: 50%; }
  .fix_nav li > a{ line-height: 46px; font-size: 16px; }
  .fix_nav li > a b{ font-weight: normal; }
  .nav_btn .icon b{ font-size: 15px; font-weight: normal; }
}
@media only screen and (max-width: 414px){
  .h_top{ padding:6px 10px; }
  .h_top .logo{ width: 70%; }
  .h_top .menu{ width: 30%; }
  .nav_btn a{ background: #ffffff; padding:2px 10px; }
  .nav_btn .icon{ background-size: 80%; }
  .nav_btn .icon b{ font-size: 14px; font-weight: normal; }
}

/*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; }
@media only screen and (min-width: 1920px){
  #banner img{ width: 100%;}
}
@media only screen and (max-width: 1900px){
  #banner img{ width: 100%;}
}
@media only screen and (max-width: 768px){
  #banner .swiper-button-next:after, #banner .swiper-button-prev:after{ font-size: 30px; }
  #banner .swiper-button-next, #banner .swiper-button-prev{ top:55%; }
}
@media only screen and (max-width: 640px){
  #banner{ padding-top: 61px; }
  #banner .swiper-pagination{ bottom:5px; }
  #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 .swiper-button-next:after, #banner .swiper-button-prev:after{ font-size: 24px; }
  #banner .swiper-button-next, #banner .swiper-button-prev{ top:55%; }
}
@media only screen and (max-width: 414px){
  #banner{ padding-top: 49px; }
  #banner .swiper-button-next:after, #banner .swiper-button-prev:after{ font-size: 20px; }
  #banner .swiper-button-next, #banner .swiper-button-prev{ top:60%; }
}

/* m_about */
.m_about{ box-sizing: border-box; padding:80px 0; overflow: hidden; background: url(../images/about_bg.jpg) no-repeat top center; background-size: cover; }
.m_about .inner{ display: flex; align-items: center; position: relative; justify-content: flex-end; }
.m_about .inner::before{ content: ""; display: block; width: 82px; height: 153px;  position: absolute; left:-24px; bottom:-62px; }
.m_about .inner::after{ content: ""; display: block; width: 84px; height: 74px; position: absolute; right: 20px; top:-35px; }
.m_about .img{ width:40%; position: absolute; left:0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.m_about .info{ text-align: center; width: 60%; box-sizing: border-box; padding:95px; background: url(../images/about_info.png) no-repeat; }
.m_about .info b{ margin-bottom: 20px; display: inline-flex; font-size: 36px; font-family: "HYC"; color: #ffffff; line-height: 1; position: relative; letter-spacing: 2px; padding:10px 68px; }
.m_about .info b::before{ content: ""; display: block; width: 55px; height: 55px;  position: absolute; left:0; top:0; }
.m_about .info b::after{ content: ""; display: block; width: 55px; height: 55px;  position: absolute; right:0; top:0; }
.m_about .info .txt{ font-size: 14px; color: #ffffff; line-height: 2.1; overflow:hidden; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical; }
.m_about .info .txt p:nth-child(1){ padding-left: 74px; }
.m_about .info a{ font-family: "HYC"; font-size: 17px; color: #ffffff; line-height: 1; display: inline-flex; margin-top: 32px; background: var(--zhu-color); padding:10px 44px; border-radius: 20px; }
.m_about .info a span{ display: inline-block; width: 11px; height: 19px; background: url(../images/ico_company.png) no-repeat; margin-left: 20px; }
@media only screen and (max-width: 1400px){
  .m_about{ padding:70px 0; }
}
@media only screen and (max-width: 1200px){
  .m_about{ padding:60px 0; }
  .m_about .info{ background-size: 100%; padding:52px; }
  .m_about .img img{ max-width: 120%; }
  .m_about .info .txt p:nth-child(1) { padding-left: 52px; }
  .m_about .info a{ margin: 32px 0; }
}
@media only screen and (max-width: 1100px){
  .m_about .info b{ margin-bottom: 10px; }
  .m_about .info{ background-size: 100%; padding:46px; }
  .m_about .info .txt p:nth-child(1) { padding-left: 46px; }
  .m_about .info .txt p:nth-child(2) { padding-right: 20px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; }
  .m_about .info a{ margin: 20px 0 30px; }
}
@media only screen and (max-width: 1024px){
  .m_about .info{ background-size: 100%; padding:42px; }
  .m_about .info .txt p:nth-child(1) { padding-left: 42px; }
  .m_about .info .txt p:nth-child(2) { padding-right: 12px; display:-webkit-box; -webkit-line-clamp:3; }
}
@media only screen and (max-width: 992px){
  .m_about{ padding:50px 0; }
  .m_about .info b{ font-size: 24px; padding:2px 36px; }
  .m_about .info b::before, .m_about .info b::after{ background-size: 95%; width: 30px; height: 30px; }
  .m_about .info{ background-size: 100%; padding:35px; }
  .m_about .info .txt p:nth-child(1) { padding-left: 35px; }
  .m_about .info .txt p:nth-child(2) { padding-right: 12px; display:-webkit-box; -webkit-line-clamp:4; }
  .m_about .info a{ margin: 15px 0; padding:6px 24px; font-size: 14px; display: inline-flex; align-items: center; }
  .m_about .info a span{ background-size: 80%; position: relative; top:2px; }
}
@media only screen and (max-width:900px){
  .m_about .info{ background-size: 100%; padding:35px; }
  .m_about .info .txt p:nth-child(1) { padding-left: 35px; }
  .m_about .info .txt p:nth-child(2) { padding-right: 12px; display:-webkit-box; -webkit-line-clamp:3; }
  .m_about .info a{ margin: 15px 0; padding:6px 24px; font-size: 14px; display: inline-flex; align-items: center; }
  .m_about .info a span{ background-size: 80%; position: relative; top:2px; }
}
@media only screen and (max-width:850px){
  .m_about .info{ background-size: 100%; padding:35px; }
  .m_about .info .txt p:nth-child(1) { padding-left: 35px; }
  .m_about .info .txt p:nth-child(2) { padding-right: 12px; display:-webkit-box; -webkit-line-clamp:2; }
  .m_about .info a{ margin: 15px 0; padding:6px 24px; font-size: 14px; display: inline-flex; align-items: center; }
  .m_about .info a span{ background-size: 80%; position: relative; top:2px; }
}
@media only screen and (max-width: 800px){
  .m_about .info{ background-size: 100%; padding:35px; }
  .m_about .info .txt p:nth-child(1) { padding-left: 35px; }
  .m_about .info .txt p:nth-child(2) { padding-right: 12px; display:-webkit-box; -webkit-line-clamp:1; }
  .m_about .info a{ margin: 15px 0; padding:6px 24px; font-size: 14px; display: inline-flex; align-items: center; }
  .m_about .info a span{ background-size: 80%; position: relative; top:2px; }
}
@media only screen and (max-width: 786px){
  .m_about .info{ background-size: 100%; padding:32px; }
  .m_about .info .txt p:nth-child(1) { padding-left: 32px; }
  .m_about .info .txt p:nth-child(2) { padding-right: 12px; display:-webkit-box; -webkit-line-clamp:1; }
  .m_about .info a{ margin: 15px 0; padding:6px 24px; font-size: 14px; display: inline-flex; align-items: center; }
  .m_about .info a span{ background-size: 80%; position: relative; top:2px; }
}
@media only screen and (max-width: 768px){
  .m_about{ padding:40px 0; }
  .m_about .inner{ flex-direction: column; }
  .m_about .img, .m_about .info{ width: 100%; }
  .m_about .img{ position: static; transform: translateY(0); display: flex; align-items: center; justify-content: center; }
  .m_about .img img{ max-width: 100%; }
  .m_about .info{ background-size: 100%; padding:120px 75px 120px 45px; }
  .m_about .info .txt p:nth-child(1) { padding-left: 0; }
  .m_about .info .txt p:nth-child(2) { padding-right: 12px; display:-webkit-box; -webkit-line-clamp:46; }
  .m_about .info a{ margin: 15px 0; padding:6px 24px; font-size: 14px; display: inline-flex; align-items: center; }
  .m_about .info a span{ background-size: 80%; position: relative; top:2px; }
}
@media only screen and (max-width: 750px){
  .m_about .info{ background-size: 100%; padding:100px 75px 100px 45px; }
}
@media only screen and (max-width: 720px){
  .m_about .info{ background-size: 100%; padding:80px 75px 80px 45px; }
}
@media only screen and (max-width: 660px){
  .m_about .info{ background-size: 100%; padding:70px 70px 70px 45px; }
}
@media only screen and (max-width: 640px){
  .m_about{ padding:30px 0; }
  .m_about .info{ background-size: 100%; padding:80px 75px; }
  .m_about .info .txt p:nth-child(2) { padding-right: 12px; display:-webkit-box; -webkit-line-clamp:4; }
  .m_about .info a{ margin: 15px 0; padding:6px 24px; font-size: 14px; display: inline-flex; align-items: center; }
  .m_about .info a span{ background-size: 80%; position: relative; top:2px; }
  .m_about .inner::after{ top:0;  background-size: 100%; width: 40px; height: 40px; right: 5px; }
  .m_about .inner::before{ bottom: 0; left:0; background-size: 100%; width: 40px; height: 80px; }
}
@media only screen and (max-width: 620px){
  .m_about .info{ background-size: 100%; padding:60px 55px; }
}
@media only screen and (max-width: 580px){
  .m_about .info{ background-size: 100%; padding:45px; }
}
@media only screen and (max-width: 576px){
  .m_about{ padding:20px 0; }
  .m_about .info{ background: var(--zhu-color); border-radius: 10px; padding:15px; margin-top: 10px; }
}
@media only screen and (max-width: 414px){
  .m_about{ padding:10px 0; }
}

/* m_tit */
.m_tit{ width: 100%; padding:46px 0; text-align: center; }
.m_tit b{ display: block; clear: both; font-size: 42px; color: #333333; line-height: 1; font-family: "HYC"; }
.m_tit span{ display: inline-flex; height: 34px; padding:0 150px; align-items: center; background: url(../images/ico_tit_black.png) no-repeat center; margin-top: 18px; position: relative; }
.m_tit span::before{ content: ""; display: block; width: 110px; height: 4px; background: #333333; border:0; position: absolute; left:0; top:50%; margin-top: -2px; border-radius: 4px; }
.m_tit span::after{ content: ""; display: block; width: 110px; height: 4px; background: #333333; border:0; position: absolute; right:0; top:50%; margin-top: -2px; border-radius: 4px; }
@media only screen and (max-width: 1400px){
  .m_tit{ padding:40px 0; }
  .m_tit b{ font-size: 38px; }
  .m_tit span{ height: 34px; padding:0 150px; }
  .m_tit span::before{ width: 110px; height: 4px; }
  .m_tit span::after{ width: 110px; height: 4px; }
}
@media only screen and (max-width: 1200px){
  .m_tit{ padding:35px 0; }
  .m_tit b{ font-size: 34px; }
}
@media only screen and (max-width: 992px){
  .m_tit{ padding:30px 0; }
  .m_tit b{ font-size: 30px; }
  .m_tit span{ margin-top: 16px; height: 36px; padding:0 92px; background-size: 26%; }
  .m_tit span::before{ width: 60px; height: 3px; }
  .m_tit span::after{ width: 60px; height: 3px; }
}
@media only screen and (max-width: 768px){
  .m_tit{ padding:25px 0; }
  .m_tit b{ font-size: 26px; }
  .m_tit span{ margin-top: 16px; height: 32px; padding:0 80px; background-size: 26%; }
  .m_tit span::before{ width: 46px; height: 2px; }
  .m_tit span::after{ width: 46px; height: 2px; }
}
@media only screen and (max-width: 640px){
  .m_tit{ padding:20px 0; }
  .m_tit b{ font-size: 22px; }
  .m_tit span{ margin-top: 12px; height: 28px; padding:0 68px; background-size: 24%; }
  .m_tit span::before{ width: 38px; height: 2px; }
  .m_tit span::after{ width: 38px; height: 2px; }
}
@media only screen and (max-width: 576px){
  .m_tit{ padding:15px 0; }
  .m_tit b{ font-size: 18px; }
  .m_tit span{ margin-top: 8px; height: 24px; padding:0 64px; background-size: 22%; }
  .m_tit span::before{ width: 34px; height: 2px; }
  .m_tit span::after{ width: 34px; height: 2px; }
}
@media only screen and (max-width: 414px){
  .m_tit{ padding:10px 0; }
  .m_tit b{ font-size: 16px; font-weight: normal; }
  .m_tit span{ margin-top: 4px; height: 20px; padding:0 60px; background-size: 20%; }
  .m_tit span::before{ width: 30px; height: 2px; }
  .m_tit span::after{ width: 30px; height: 2px; }
}

/* m_product */
.m_product{ overflow: hidden; background: url(../images/product_bg.jpg) no-repeat; background-size: cover; }
#product{ padding:0 0 90px 76px; overflow: hidden; }
#product a img{ max-width: 100%; }
#product .swiper-pagination{ bottom: 36px; }
#product .swiper-pagination-bullet{ width: 50px; height: 8px; background: #ffffff; border-radius: 10px; opacity: 1; }
#product .swiper-pagination-bullet-active{ background: #108ce1; }
@media only screen and (max-width: 1400px){
  #product{ padding:0 0 90px 40px; }
  #product .swiper-pagination{ bottom:24px; }
}
@media only screen and (max-width: 1200px){
  #product{ padding:0 0 80px 35px; }
  #product .swiper-pagination{ bottom:20px; }
}
@media only screen and (max-width: 992px){
  #product{ padding:0 0 70px 30px; }
  #product .swiper-pagination{ bottom:18px; }
  #product .swiper-pagination-bullet{ width: 40px; height: 8px;}
}
@media only screen and (max-width: 768px){
  #product{ padding:0 0 60px 25px; }
  #product .swiper-pagination{ bottom:16px; }
  #product .swiper-pagination-bullet{ width: 30px; height: 6px;}
}
@media only screen and (max-width: 640px){
  #product{ padding:0 0 50px 20px; }
  #product .swiper-pagination{ bottom:14px; }
  #product .swiper-pagination-bullet{ width: 20px; height: 4px;}
}
@media only screen and (max-width: 576px){
  #product{ padding:0 0 40px 15px; }
  #product .swiper-pagination{ bottom:12px; }
  #product .swiper-pagination-bullet{ width: 10px; height: 2px;}
}
@media only screen and (max-width: 414px){
  #product{ padding:0 0 30px 10px; }
  #product .swiper-pagination{ bottom:10px; }
}

/* m_news */
.m_news{ position: relative; overflow: hidden; background:linear-gradient(to bottom,#cbef06,#108ce1); background-size: cover; }
.m_news::before{ width: 50%; height: 100%; content: ""; display: block; position: absolute; left:0; top:0; background: url(../images/news.jpg) no-repeat; }
.m_news .inner{ display: flex; align-items: center; justify-content: flex-end; }
.m_news .right{ width: 50%; box-sizing: border-box; padding:50px 30px; }
.m_news .right .hd{ margin-bottom: 54px; overflow: hidden; position: relative; }
.m_news .right .hd span{ font-size: 72px; text-transform: uppercase; line-height: 1; color: rgba(255, 255, 255, .2); font-weight: bold; }
.m_news .right .hd b{ font-family: "HYC"; font-size: 42px; color: #ffffff; letter-spacing: 2px; position: absolute; left:10px; top:12px; }
.m_news .bd{ overflow: hidden; position: relative; }
.m_news .bd > a{ display: block; width: 36px; height: 36px; background: url(../images/ico_product.png) no-repeat; position: absolute; left:50%; bottom:0; margin-left: -18px; z-index: 34; }
.m_news .bd a{ display: flex; align-items: center; justify-content: space-between; }
.m_news .bd a .time{ display: inline-flex; width: 84px; height: 84px; background: #b7dcf6; border-radius: 10px; flex-direction: column; overflow: hidden; }
.m_news .bd a .time i{ width: 100%; display: block; text-align: center; padding:8px 0; background: #ffffff; font-size: 46px; color: var(--zhu-color); font-weight: bold; line-height: 1; }
.m_news .bd a .time span{ display: flex; width: 100%; justify-content: center; align-items: center; font-size: 14px; color: var(--zhu-color); }
.m_news .bd a .txt{ width: calc(100% - 100px); font-size: 19px; color: #ffffff; line-height: 1.5; display: flex; align-items: center; }
#news{ overflow: hidden; padding-bottom: 62px; }
#news .swiper-button-next, #news .swiper-button-prev{ width: 36px; height: 36px; }
#news .swiper-button-next::after, #news .swiper-button-prev::after{ display: none; }
#news .swiper-button-next{ background: url(../images/ico_news.png) no-repeat; top:auto; bottom:0; left:50%; margin-left: 50px; }
#news .swiper-button-prev{ background: url(../images/ico_news.png) no-repeat; transform: rotate(180deg); top:auto; bottom:0; left:auto; right:50%; margin-right: 50px; }
@media only screen and (max-width: 1400px){
  .m_news .right{ padding:40px 30px; }
  .m_news .right .hd{ margin-bottom: 50px; }
}
@media only screen and (max-width: 1200px){
  .m_news .right{ padding:30px; }
  .m_news .right .hd{ margin-bottom: 40px; }
}
@media only screen and (max-width: 992px){
  .m_news .right{ padding:25px; }
  .m_news::before{ display: none; }
  .m_news .right{ width: 100%; }
  .m_news .right .hd{ margin-bottom: 30px; text-align: center; }
  .m_news .right .hd span{ font-size: 62px; }
  .m_news .right .hd b{ font-size: 32px; left:50%; top:50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
  .m_news .bd a .time{ width:60px; height: 60px; }
  .m_news .bd a .time i{ font-size: 24px; }
  .m_news .bd a .time span{ font-size: 12px; }
  .m_news .bd a .txt{ width: calc(100% - 75px); font-size: 17px; }
}
@media only screen and (max-width: 768px){
  .m_news .right{ padding:20px; }
  .m_news .right .hd{ margin-bottom: 20px; }
  .m_news .right .hd span{ font-size: 52px; }
  .m_news .right .hd b{ font-size: 28px; }
  .m_news .bd a .txt{ font-size: 16px; }
}
@media only screen and (max-width: 640px){
  .m_news .right{ padding:15px; }
  .m_news .right .hd{ margin-bottom: 15px; }
  .m_news .right .hd span{ font-size: 42px; }
  .m_news .right .hd b{ font-size: 24px; }
  .m_news .bd a .txt{ font-size: 15px; }
}
@media only screen and (max-width: 576px){
  .m_news .right .hd span{ font-size: 32px; }
  .m_news .right .hd b{ font-size: 20px; }
  .m_news .bd a .txt{ font-size: 14px; }
}
@media only screen and (max-width: 414px){
  .m_news .right .hd span{ font-size: 30px; }
  .m_news .right .hd b{ font-size: 18px; }
  .m_news .bd a .txt{ font-size: 13px; }
}

/* m_case */
.m_case{ overflow: hidden; background: url(../images/case_bg.jpg) no-repeat; background-size: cover; }
.m_case .m_tit b{ color: #ffffff; }
.m_case .m_tit span{ background: url(../images/ico_tit_white.png) no-repeat center; }
.m_case .m_tit span::before, .m_case .m_tit span::after{ background: #ffffff; }
.m_case .bd{ padding:0 115px; position: relative; overflow: hidden; }
#case{ overflow: hidden; background: #ffffff; border-radius: 30px; padding:25px; }
#case a{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
#case a .img{ width: 100%; padding-bottom: 75%; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; }
#case a .img img{ width: 100%; height: 100%; object-fit: contain; position: absolute; top:0; transition: all .3s; }
#case a b{ text-align: center; font-weight: normal; font-size: 16px; color: #999999; line-height: 1.5; transition: all .3s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: block; width: 100%; }
#case a:hover b{ transition: all .3s; color: #333; }
.m_case .bd .swiper-button-next, .m_case .bd .swiper-button-prev{ width: 69px; height: 69px; margin-top: -45px; }
.m_case .bd .swiper-button-next::after, .m_case .bd .swiper-button-prev::after{ display: none; }
.m_case .bd .swiper-button-prev{ background: url(../images/icon_case.png) no-repeat; background-size: cover; }
.m_case .bd .swiper-button-next{ background: url(../images/icon_case.png) no-repeat; background-size: cover; transform: rotate(-180deg); }
.m_case .bd .swiper-button-prev:hover{ background: url(../images/icon_case_hover.png) no-repeat; background-size: cover; }
.m_case .bd .swiper-button-next:hover{ background: url(../images/icon_case_hover.png) no-repeat; background-size: cover; transform: rotate(-180deg); }
.case_btn{ margin:40px 0; display: flex; align-items: center; justify-content: center; }
.case_btn .c_btn{ cursor: pointer; width: 10px; height: 10px; background: #ffffff; border-radius: 50%; margin:0 6px; }
.case_btn .on{ background: var(--zhu-color); }
.case_lg, .case_sm, .case_xs{ display: none; }
@media only screen and (max-width: 1400px){
  .case_btn{ margin:35px 0; }
}
@media only screen and (max-width: 1200px){
  .case_btn{ margin:30px 0; }
  #case{ padding:15px; }
  .m_case .bd{ padding:0 60px; }
  .m_case .bd .swiper-button-next, .m_case .bd .swiper-button-prev{ width: 35px; height: 35px; background-size: 100%; margin-top: -25px; }
}
@media only screen and (max-width: 992px){
  .case_btn{ display: none; }
  .m_case .bd{ padding-bottom: 40px; }
  .m_case .m_tit span{ margin-top: 16px; height: 36px; padding:0 92px; background-size: 26%; }
  .case_lg, .case_sm, .case_xs, .case_xl{ display: none; }
  .case_lg{ display: flex; }
}
@media only screen and (max-width: 768px){
  .m_case .bd{ padding-bottom: 35px; }
  .m_case .m_tit span{ margin-top: 16px; height: 32px; padding:0 80px; background-size: 26%; }
}
@media only screen and (max-width: 640px){
  .m_case .bd{ padding-bottom: 30px; }
  .m_case .m_tit span{ margin-top: 12px; height: 28px; padding:0 68px; background-size: 24%; }
  #case a b{ font-size: 15px; }
}
@media only screen and (max-width: 576px){
  .m_case .bd{ padding-bottom: 25px; }
  .m_case .m_tit span{ margin-top: 8px; height: 24px; padding:0 64px; background-size: 22%; }
  #case a b{ font-size: 14px; }
}
@media only screen and (max-width: 414px){
  .m_case .bd{ padding-bottom: 20px; }
  .m_case .m_tit span{ margin-top: 4px; height: 20px; padding:0 60px; background-size: 20%; }
  #case a b{ font-size: 13px; }
  #case a .img img{ height: 100%; }
}

/* m_message */
.m_message{ overflow: hidden; background: url(../images/message_bg.jpg) no-repeat; background-size: cover; padding-bottom: 100px;background-position: 50% 50%; }
.m_message .m_tit b{ color: #ffffff; }
.m_message .m_tit span{ background: url(../images/ico_tit_white.png) no-repeat center; }
.m_message .m_tit span::before, .m_message .m_tit span::after{ background: #ffffff; }
.m_message .bd{ width: 100%; overflow: hidden; }
.m_message .bd form{ width: 100%; overflow: hidden; }
.m_message .form_group{ margin-bottom: 40px; display: flex; align-items: center; justify-content: space-between; }
.m_message .form_group > input{ width: calc(50% - 15px); background: none; border-bottom: 1px solid #ffffff; line-height: 1; padding:16px 0; font-size: 16px; color: #ffffff; }
.m_message .form_group > textarea{ width: 100%; height: 240px; border-radius: 15px; background: none; border: 1px solid #ffffff; line-height: 1.5; padding:16px; font-size: 16px; color: #ffffff; }
.m_message .form_group > input::-webkit-input-placeholder, .m_message .form_group .code > input::-webkit-input-placeholder{ color: #fff; }
.m_message .form_group > textarea::-webkit-input-placeholder { color: #fff; }
.m_message .form_group .code{ position: relative; display: flex; align-items: center; justify-content: space-between; width: calc(50% - 15px); background: none; border-bottom: 1px solid #ffffff; line-height: 1; }
.m_message .form_group .code > input{ width: calc(100% - 120px); background: none; line-height: 1; padding:16px 0; font-size: 16px; color: #ffffff; }
.m_message .form_group .code > img{ position: absolute; right:0; top:0; width:120px; height: 100%; object-fit: contain; }
.m_message .form_btn{ display: flex; align-items: center; justify-content: center; }
.m_message .form_btn a{ transition: all .3s; display: inline-flex; align-items: center; justify-content: center; padding:12px 60px; background: var(--pei-color); font-size: 16px; color: #000; border-radius: 30px; }
.m_message .form_btn a:hover{ transition: all .3s; background: var(--pei-color); }
@media only screen and (max-width: 1400px){
  .m_message .bd{ box-sizing: border-box; padding:0 15px; }
  .m_message .form_group > textarea{ height: 220px; }
  .m_message .form_group{ margin-bottom: 35px; }
  .m_message{ padding-bottom: 90px; }
}
@media only screen and (max-width: 1200px){
  .m_message .form_group > textarea{ height: 200px; }
  .m_message .form_group{ margin-bottom: 30px; }
  .m_message{ padding-bottom: 80px; }
}
@media only screen and (max-width: 992px){
  .m_message .m_tit span{ margin-top: 16px; height: 36px; padding:0 92px; background-size: 26%; }
  .m_message .form_group{ margin-bottom: 25px; }
  .m_message{ padding-bottom: 70px; }
  .m_message .form_group > textarea{ height: 180px; }
}
@media only screen and (max-width: 768px){
  .m_message .m_tit span{ margin-top: 16px; height: 32px; padding:0 80px; background-size: 26%; }
  .m_message .form_group{ margin-bottom: 20px; }
  .m_message{ padding-bottom: 60px; }
  .m_message .form_group > textarea{ height: 160px; }
}
@media only screen and (max-width: 640px){
  .m_message .m_tit span{ margin-top: 12px; height: 28px; padding:0 68px; background-size: 24%; }
  .m_message .form_group{ margin-bottom: 15px; }
  .m_message{ padding-bottom: 50px; }
  .m_message .form_group > textarea{ height: 140px; }
}
@media only screen and (max-width: 576px){
  .m_message .m_tit span{ margin-top: 8px; height: 24px; padding:0 64px; background-size: 22%; }
  .m_message .form_group{ flex-wrap: wrap; margin-bottom: 0; }
  .m_message .form_group > input{ width: 100%; margin-bottom: 15px; padding:12px 0; font-size: 14px; }
  .m_message .form_group .code{ width: 100%; margin-bottom: 15px; }
  .m_message .form_group .code > input{ padding:12px 0; font-size: 14px; }
  .m_message .form_group > textarea{ margin-bottom: 15px; padding:12px; font-size: 14px; }
  .m_message .form_btn a{ padding:6px 0; display: flex; align-items: center; width: 100%; }
}
@media only screen and (max-width: 414px){
  .m_message .m_tit span{ margin-top: 4px; height: 20px; padding:0 60px; background-size: 20%; }
}

/* footer */
.footer{ overflow: hidden; padding-top: 30px; }
.footer .hd{ position: relative; display: flex; align-items: center; justify-content: center; }
.footer .hd::before{ content: ""; display: block; width: 100%; height: 1px; background: #e0e0e0; border:0; position: absolute; left:0; top:50%; }
.footer .hd img{ background: #ffffff; padding:0 80px; position: relative; z-index: 33; }
.f_contact{ padding:36px 0; display: flex; align-items: center; justify-content: space-around; }
.f_contact li{ box-sizing: border-box; padding:0 15px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.f_contact li p{ font-size: 16px; color: #333333; line-height: 1.5; margin-top: 24px; }
.footer .bd{ border-top: 1px solid #e0e0e0; overflow: hidden; padding:13px 0; }
.footer .bd .inner{ display: flex; align-items: center; justify-content: space-between; }
.footer .bd p, .footer .bd a{ font-size: 14px; color: #999999; transition: all .3s; }
.footer .bd a{ margin:0 6px; }
.footer .bd a:hover{ transition: all .3s; color: var(--zhu-color); }
.copy_right{ padding:22px 35px; box-sizing: border-box; border-top:1px solid #d6d6d6; position: absolute; bottom: 0; width: 100%; }
.copy_right p, .copy_right p a{ font-size: 14px; color: #999999; transition: all .3s; }
.copy_right a:hover{ transition: all .3s; color: var(--zhu-color); }
@media only screen and (max-width: 1400px){
}
@media only screen and (max-width: 1200px){
  .f_contact{ padding:30px 0; }
  .footer{ padding-top: 25px; }
  .footer .hd img{ padding:0 30px; width: 30%; }
  .footer .bd .inner{ padding:0 15px; }
  .copy_right{ padding:15px 0; }
  .copy_right p, .copy_right p a{ text-align: center; }
}
@media only screen and (max-width: 992px){
  .f_contact{ padding:25px 0; }
  .footer{ padding-top: 20px; }
  .footer .bd .inner > div{ display: none; }
  .footer .bd p{ width: 100%; text-align: center; }
  .f_contact{ flex-direction: column; }
  .f_contact li{ padding:15px; }
}
@media only screen and (max-width: 768px){
  .f_contact{ padding:20px 0; }
  .footer{ padding-top: 15px; padding-bottom: 55px; }
  .f_contact li p{ text-align: center; }
  .copy_right{ margin:20px 0 0; padding:15px 0; position: static; }
}
@media only screen and (max-width: 640px){
  .f_contact{ padding:15px 0; }
  .footer .hd img{ padding:0 15px; width: 40%; }
  .f_contact li img{ width: 40px; height: 40px; background-size: 100%; }
  .f_contact li p{ font-size: 15px; }
  .copy_right{ padding:12px 0; }
}
@media only screen and (max-width: 576px){
  .f_contact{ padding:10px 0; }
  .f_contact li p{ font-size: 14px; }
  .copy_right{ padding:10px 0; }
  
}
@media only screen and (max-width: 414px){
  .footer .hd img{ padding:0 15px; width: 80%; }
  .f_contact{ padding:0; }
  .f_contact li p{ font-size: 13px; }
  .footer .bd p{ font-size: 13px; }
  .copy_right{ padding:6px 0; }
  .copy_right p, .copy_right p a{ font-size: 13px; text-align: center; }
}

/* main */
.main{ width: 100vw; height: 100vh; overflow: hidden; background: -webkit-linear-gradient(left, var(--zhu-color) 50%, #f0f0f0 50%); background: -o-linear-gradient(right, var(--zhu-color) 50%, #f0f0f0 50%); background: -moz-linear-gradient(right, var(--zhu-color) 50%, #f0f0f0 50%); background: linear-gradient(to right, var(--zhu-color) 50%, #f0f0f0 50%); }
.main .inner{ height: 100%; }
.main .inner > .container-fluid{ height: 100%; }
.main .inner > .container-fluid > .row{ height: 100%; }
.main .inner > .container-fluid > .row > div{ height: 100%; }
.main .left, .main .right{ height: 100%; position: relative; }
.main .right{ height: 100%; box-sizing: border-box; padding: 0 0 0 30px; padding-bottom: 80px; background: #f0f0f0; border-radius: 30px 0 0 30px; position: relative;  }
.main .left::after{ content: ""; display: block; width: 170px; height: 178px;  position: absolute; left:0; bottom:40px; }
.main .product::after{ content: ""; display: block; width: 138px; height: 223px;  position: absolute; left:60px; bottom:40px; }
.main .news::after{ content: ""; display: block; width: 163px; height: 212px; position: absolute; left:60px; bottom:40px; }
.main .l_tit, .main .r_tit{ display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: 55px; }
.main .l_tit span, .main .r_tit span{ font-family: "MNJY"; font-size: 24px; text-transform: uppercase; line-height: 1; color: #fff; }
.main .l_tit b, .main .r_tit b{ font-family: "HYC"; font-size: 30px; margin-top: 12px; line-height: 1; color: #fff; }
.main .r_tit{ padding:30px 0; }
.main .r_tit span{ color: var(--zhu-color); }
.main .r_tit b{ color: var(--zhu-color); }
.main .right .content{ padding-right: 30px; overflow-x: hidden; overflow-y: auto; height: calc(100% - 170px); }
.main .right .content p{ font-family: "MNJY", "Microsoft Yahei"; font-size: 18px; color:#666666; line-height: 1.6; }
.main .l_type{ margin-top: 35px; display: flex; align-items: center; flex-direction: column; }
.main .l_type a{ transition: all .3s; font-family: "HYC"; font-size: 18px; color: rgba(255, 255, 255, .4); padding:8px 0; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.main .l_type a:hover{ transition: all .3s; font-size: 24px; color: #fff; }
.main .single{ background: #fff; box-sizing: border-box; padding:30px; border-radius: 5px; }
.main .single img, .main .content img{ max-width: 100%; }
.main .page_tit{ display: flex; align-items: center; justify-content: space-between; padding:30px 0; }
.main .page_tit .tit{ width: calc(100% - 170px); }
.main .page_tit b{ display: block; font-weight: normal; width: 100%; font-size: 32px; color: #333333; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.main .page_tit p{ display: block; width: 100%; font-size: 14px; color: #cccccc; margin-top: 12px; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.main .page_tit a{ border-radius: 30px; display: inline-flex; align-items: center; justify-content: center; padding:10px 30px; background: var(--zhu-color); color: #ffffff; font-size: 16px; line-height: 1; transition: all .3s; }
.main .page_tit a:hover{ transition: all .3s; background: var(--pei-color); }
@media only screen and (max-width: 1400px){
}
@media only screen and (max-width: 1200px){
  .main{ height: auto; min-height: 100vh; background: #f0f0f0; }
  .main .left{ display: none; }
  .main .right{ min-height: 100vh; padding:0 0 80px; }
  .main .right .content{ padding-right: 0; }
  .main .l_tit span, .main .r_tit span{ font-size: 22px; }
  .main .l_tit b, .main .r_tit b{ font-size: 28px; }
  .main .single{ padding:25px; }
  .main .right .single{ padding-right: 25px; }
  .main .page_tit{ padding:25px 0; }
  .main .page_tit b{ font-size: 30px; }
}
@media only screen and (max-width: 992px){
  .main .r_tit{ padding:25px 0; }
  .main .l_tit span, .main .r_tit span{ font-size: 20px; }
  .main .l_tit b, .main .r_tit b{ font-size: 26px; }
  .main .right .content p{ font-size: 17px; }
  .main .single{ padding:20px; }
  .main .right .single{ padding-right: 20px; }
  .main .page_tit{ padding:20px 0; }
  .main .page_tit b{ font-size: 28px; }
}
@media only screen and (max-width: 768px){
  .main .right .content{ padding-bottom: 20px; }
  .main .r_tit{ padding:20px 0; }
  .main .right{ padding:0 0 55px; }
  .main .l_tit span, .main .r_tit span{ font-size: 18px; }
  .main .l_tit b, .main .r_tit b{ font-size: 24px; margin-top: 10px; }
  .main .right .content p{ font-size: 16px; line-height: 1.5; }
  .main .single{ padding:15px; }
  .main .right .single{ padding-right: 15px; }
  .main .page_tit{ padding:15px 0; }
  .main .page_tit b{ font-size: 26px; }
  .main .page_tit a{ font-size: 13px; padding:8px 16px; }
  .main .page_tit .tit{ width:calc(100% - 84px); }
}
@media only screen and (max-width: 640px){
  .main .r_tit{ padding:15px 0; }
  .main .l_tit span, .main .r_tit span{ font-size: 16px; }
  .main .l_tit b, .main .r_tit b{ font-size: 22px; margin-top: 8px; }
  .main .right .content p{ font-size: 15px; }
  .main .single{ padding:12px; }
  .main .right .single{ padding-right: 12px; }
  .main .page_tit{ padding:12px 0; }
  .main .page_tit b{ font-size: 24px; }
  .main .page_tit a{ font-size: 12px; padding:6px 12px; }
  .main .page_tit .tit{ width:calc(100% - 70px); }
}
@media only screen and (max-width: 576px){
  .main .r_tit{ padding:12px 0; }
  .main .l_tit span, .main .r_tit span{ font-size: 14px; }
  .main .l_tit b, .main .r_tit b{ font-size: 20px; margin-top: 6px; }
  .main .right .content p{ font-size: 14px; }
  .main .page_tit b{ font-size: 22px; }
  .main .page_tit p{ font-size: 13px; }
  .main .page_tit a{ display: none; }
  .main .page_tit .tit{ width:100%; }
}
@media only screen and (max-width: 414px){
  .main .r_tit{ padding:10px 0; }
  .main .l_tit b, .main .r_tit b{ font-size: 18px; margin-top: 4px; }
  .main .page_tit b{ font-size: 20px; }
  .main .page_tit p{ font-size: 12px; }
}


/* crumbs */
.crumbs{ padding:12px 0; overflow: hidden; box-sizing: border-box; padding-left: 24px; background: url(../images/ico_home.png) no-repeat left center; }
.crumbs p, .crumbs p a{ font-size: 14px; color: #ccc; transition: all .3s; }
.crumbs p a:hover{ transition: all .3s; color: var(--zhu-color); }
@media only screen and (max-width: 1400px){
}
@media only screen and (max-width: 1200px){
}
@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){
  .crumbs p span{ display: none; }
}


/* product_list */
.product_list{ overflow: hidden; }
.product_list li{ margin-bottom: 30px; }
.product_list a{ display: block; position: relative; }
.product_list a .img{ width: 100%; padding-bottom: 75%; position: relative; overflow: hidden; }
.product_list a .img img{ width: 100%; height: 100%; position: absolute; object-fit: cover; transition: all .3s; }
.product_list a b{ border-radius: 10px; width: 100%; display: block; padding:12px; background: rgba(16,140,225, .8); text-align: center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 16px; color: #ffffff; line-height: 1; position: absolute; bottom:0; font-weight: normal; }
.product_list a:hover img{ transition: all .3s; transform: scale(1.05); }
.product_type a .img{ padding-bottom: 106%; }
.product_type a .img img{ object-fit: contain; }
.team_list a{ border-radius: 10px; overflow: hidden; }
.team_list a .img{ padding-bottom: 100%; }
/* dituContent */
#dituContent{ width: 100%; height: 100%; box-sizing: border-box; border:1px solid #ccc; }
@media only screen and (max-width: 1400px){
}
@media only screen and (max-width: 1200px){
  #dituContent{ height: 60vh; }
}
@media only screen and (max-width: 992px){
}
@media only screen and (max-width: 768px){
  .product_list li{ padding-right: 7.5px; margin-bottom: 15px; }
  .product_list li:nth-child(2n+0){ padding-left: 7.5px; padding-right: 15px; }
}
@media only screen and (max-width: 640px){
  .product_list a b{ padding:10px; font-size: 15px; }
}
@media only screen and (max-width: 576px){
  .product_list a b{ font-size: 14px; }
}
@media only screen and (max-width: 414px){
  .product_list a b{ padding:8px; font-size: 13px; }
}

/* news_list */
.news_list{ overflow: hidden; }
.news_list li{ margin-bottom: 30px; }
.news_list a{ display: block; overflow: hidden; background: #fff; border-radius: 20px; }
.news_list a .img{ width: 100%; padding-bottom: 75%; position: relative; overflow: hidden; }
.news_list a .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
.news_list a .txt{ padding:10px; overflow: hidden; }
.news_list a .txt b{ margin: 0 0 10px; display: block; font-size: 15px; color: #333333; line-height: 1.8; font-weight: normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news_list a .time{ display: flex; align-items: center; justify-content: space-between; padding:10px 0 0; border-top: 1px solid #f0f0f0; }
.news_list a .time span{ font-size: 14px; color: #cccccc; line-height: 1; }
.news_list a .time small{ font-size: 14px; color: var(--zhu-color); line-height: 1; }
.news_list a:hover img{ transition: all .3s; transform: scale(1.05); }
.news_list a:hover .txt b{ transition: all .3s; color: var(--zhu-color); }
/* honor_list */
.honor_list{ overflow: hidden; }
@media only screen and (max-width: 1400px){
  .news_list a{ border-radius: 18px; }
}
@media only screen and (max-width: 1200px){
  .news_list a{ border-radius: 16px; }
}
@media only screen and (max-width: 992px){
  .news_list a{ border-radius: 14px; }
}
@media only screen and (max-width: 768px){
  .news_list li{ padding-right: 7.5px; margin-bottom: 15px; }
  .news_list li:nth-child(2n+0){ padding-left: 7.5px; padding-right: 15px; }
  .news_list a .txt{ padding:8px; }
  .news_list a .txt b{ margin: 0 0 8px; }
  .news_list a .time{ padding:8px 0 0; }
  .news_list a{ border-radius: 12px; }
}
@media only screen and (max-width: 640px){
  .news_list a .txt{ padding:6px; }
  .news_list a .txt b{ margin: 0 0 6px; }
  .news_list a .time{ padding:6px 0 0; }
  .news_list a{ border-radius: 10px; }
}
@media only screen and (max-width: 576px){
  .news_list a .txt{ padding:4px; }
  .news_list a .txt b{ margin: 0 0 4px; display: block; font-size: 14px; }
  .news_list a .time{ padding:4px 0 0; }
  .news_list a .time span{ font-size: 13px; }
  .news_list a .time small{ font-size: 13px; }
  .news_list a{ border-radius: 8px; }
}
@media only screen and (max-width: 414px){
  .news_list a .txt b{ font-size: 13px; }
  .news_list a .time span{ font-size: 12px; }
  .news_list a .time small{ font-size: 12px; }
  .news_list a{ border-radius: 6px; }
}

/* prev_next */
.prev_next{ overflow: hidden; margin:20px 0 0; }
.prev_next .page-a{ padding: 0 0 12px; overflow: ; }
.prev_next .page-a, .prev_next .page-a a{ font-size: 14px; color: #999; line-height: 1; transition: all .3s; }
.prev_next .page-a a:hover{ transition: all .3s; color: var(--zhu-color); }
@media only screen and (max-width: 1400px){
}
@media only screen and (max-width: 1200px){
}
@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){
}