@charset "utf-8";
/* 引入外部图标样式 */
@font-face {
  font-family: 'iconfont';  /* Project id 2431691 */
  src: url('http://at.alicdn.com/t/font_2431691_fgstygsmhp5.woff2?t=1631331068179') format('woff2'),
       url('http://at.alicdn.com/t/font_2431691_fgstygsmhp5.woff?t=1631331068179') format('woff'),
       url('http://at.alicdn.com/t/font_2431691_fgstygsmhp5.ttf?t=1631331068179') 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:#007ac5;--pei-color:#ec720f;}
/* 样式重置 */
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;}
button:active, button:focus{ border:none; outline:0; }
.inner{ width: 1200px; margin:0 auto; }
@media only screen and (max-width: 1200px){
  .inner{ width: 100%; box-sizing: border-box; padding:0 15px; }
}


/*page*/
.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 20px 0; width: 100%; clear: both; }
.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a{display: block; float: left; 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;}
.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;}

/*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: KOKILA; src: url('./fonts/KOKILA.ttf'); }

/* h_tool */
.h_tool{ padding:10px 0; background: -webkit-linear-gradient(left, var(--zhu-color) 0%, var(--pei-color) 100%); background: -o-linear-gradient(right, var(--zhu-color) 0%, var(--pei-color) 100%); background: -moz-linear-gradient(right, var(--zhu-color) 0%, var(--pei-color) 100%); background: linear-gradient(to right, var(--zhu-color) 0%, var(--pei-color) 100%); }
.h_tool .inner{ display: flex; align-items: center; justify-content: space-between; }
.h_tool p{ font-size:12px;color:#ffffff; }
.h_tool ul{ display: inline-flex; align-items: center; justify-content: flex-end; }
.h_tool li{ overflow: hidden; display: inline-flex; align-items: center; }
.h_tool li + li{ margin-left: 20px; }
.h_tool li a{ font-size: 12px; color: #ffffff; transition: all .3s; }
.h_tool li i{ display:inline-block; width:17px; height:17px; margin-right: 8px; }
.h_tool li:nth-child(1) i {background:url(../images/ico.png) no-repeat 0 0;}
.h_tool li:nth-child(2) i {background:url(../images/ico.png) no-repeat 0 -17px;}
.h_tool li:nth-child(3) i {background:url(../images/ico.png) no-repeat 0 -34px;}
.h_tool li b{ font-size:18px; color:#ffffff; }
.h_tool li a:hover{ transition: all .3s; color: var(--zhu-color); }
@media screen and (max-width: 1200px){
  .h_tool{ padding:9px 0; }
  .h_tool li + li{ margin-left: 18px; }
  .h_tool li i{ margin-right: 7px; }
  .h_tool li b{ font-size:16px; }
}
@media screen and (max-width: 992px){
  .h_tool{ padding:8px 0; }
  .h_tool li + li{ margin-left: 16px; }
  .h_tool li i{ margin-right: 6px; }
  .h_tool li b{ font-size:14px; }
}
@media screen and (max-width: 768px){
  .h_tool{ padding:7px 0; }
  .h_tool li + li{ margin-left: 14px; }
  .h_tool li i{ margin-right: 5px; }
  .h_tool li b{ font-size:12px; }
}
@media screen and (max-width: 640px){
  .h_tool{ padding:8px 0; }
  .h_tool .left{ width: 100%; text-align: center; }
  .h_tool ul{ display: none; }
}
@media screen and (max-width: 567px){
}
@media screen and (max-width: 414px){
}

/* h_top */
.h_top{ overflow: hidden; padding:30px 0; }
.h_top .inner{ display: flex; align-items: center; justify-content: space-between; }
.h_top .logo{ max-width: 270px; }
.h_top .logo img{ max-width: 100%; }
.h_top .nav{ width: calc(100% - 270px); display: flex; align-items: center; justify-content: flex-end; }
.h_top .nav li a{ display: inline-flex; align-items: center; justify-content: center; font-size: 16px; color: #333333; padding:12px 24px; line-height: 1; border-bottom: 2px solid #fff; }
.h_top .nav li a:hover{ background: #f1f1f1; border-bottom:2px solid var(--zhu-color); color:var(--zhu-color); }
@media screen and (max-width: 1200px){
  .h_top{ padding:25px 0; }
  .h_top .logo{ max-width: 200px; }
  .h_top .nav{ width: calc(100% - 200px); }
  .h_top .nav li a{ font-size: 15px; padding:12px 16px; }
}
@media screen and (max-width: 992px){
  .h_top{ padding:0; }
  .h_top .inner{ flex-direction: column; padding:0; }
  .h_top .logo{ width: 100%; padding:15px 0; max-width: 100%; text-align: center; }
  .h_top .nav{ width: 100%; border-top: 1px solid #f1f1f1; }
  .h_top .nav li{ width: 12.5%; }
  .h_top .nav li a{ font-size: 15px; padding:15px; width: 100%; }
}
@media screen and (max-width: 768px){
  .h_top .logo{ width: 100%; padding:15px 0; }
  .h_top .nav{ width: 100%; flex-wrap: wrap; border-top: 1px solid #f1f1f1; }
  .h_top .nav li{ width: 25%; box-sizing: border-box; }
  .h_top .nav li a{ font-size: 14px; padding:12px; width: 100%; }
  .h_top .nav li:nth-child(1), .h_top .nav li:nth-child(2), .h_top .nav li:nth-child(3), .h_top .nav li:nth-child(4){ border-bottom: 1px solid #f1f1f1; }
  .h_top .nav li:nth-child(1), .h_top .nav li:nth-child(2), .h_top .nav li:nth-child(3), .h_top .nav li:nth-child(5), .h_top .nav li:nth-child(6), .h_top .nav li:nth-child(7){ border-right: 1px solid #f1f1f1; }
}
@media screen and (max-width: 640px){
  .h_top .nav li a{ font-size: 13px; padding:10px; }
}
@media screen and (max-width: 567px){
  .h_top .nav li a{ padding:9px; }
}
@media screen and (max-width: 414px){
  .h_top .nav li a{ font-size: 12px; padding:8px; }
}

/*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: 14px; height: 14px; background: var(--zhu-color); border-radius: 12px; border:none; }
@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: 26px; }
}
@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: 10px; height: 10px; background: var(--zhu-color); border-radius: 12px; border:none; }
  #banner .swiper-button-next:after, #banner .swiper-button-prev:after{ font-size: 24px; }
}
@media only screen and (max-width: 576px){
  #banner .swiper-button-next:after, #banner .swiper-button-prev:after{ font-size: 22px; }
}
@media only screen and (max-width: 414px){
  #banner .swiper-button-next:after, #banner .swiper-button-prev:after{ font-size: 20px; }
}

/* m_tit */
.m_tit{ padding:40px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.m_tit span{ font-size: 60px; color: #9c9c9c; line-height: 1; text-transform: uppercase; font-family: "impact"; }
.m_tit > div{ margin-top: 27px; padding:0 100px; border:2px solid #d5d5d5; border-top: 0; position: relative; }
.m_tit > div::before{ content: ""; display: block; width: 50px; height: 2px; background: #d5d5d5; border:0; position: absolute; left:0; top:0; }
.m_tit > div::after{ content: ""; display: block; width: 50px; height: 2px; background: #d5d5d5; border:0; position: absolute; right: 0; top:0; }
.m_tit > div b{ font-size: 36px; font-weight: bold; color: var(--zhu-color); line-height: 1; position: relative; top:-20px; }
@media screen and (max-width: 1200px){
  .m_tit{ padding:30px 0; }
  .m_tit span{ font-size: 50px; }
  .m_tit > div{ margin-top: 24px; padding:0 85px; }
  .m_tit > div::before{ width: 45px; }
  .m_tit > div::after{ width: 45px; }
  .m_tit > div b{ font-size: 32px; top:-16px; }
}
@media screen and (max-width: 992px){
  .m_tit{ padding:25px 0; }
  .m_tit span{ font-size: 40px; }
  .m_tit > div{ margin-top: 21px; padding:0 70px; }
  .m_tit > div::before{ width: 40px; height: 2px; }
  .m_tit > div::after{ width: 40px; height: 2px; }
  .m_tit > div b{ font-size: 28px; top:-12px; }
}
@media screen and (max-width: 768px){
  .m_tit{ padding:20px 0; }
  .m_tit span{ font-size: 30px; }
  .m_tit > div{ margin-top: 18px; padding:0 55px; border:1px solid #d5d5d5; border-top: 0; }
  .m_tit > div::before{ width: 35px; height: 1px; }
  .m_tit > div::after{ width: 35px; height: 1px; }
  .m_tit > div b{ font-size: 24px; top:-8px; }
}
@media screen and (max-width: 640px){
  .m_tit{ padding:15px 0; }
  .m_tit span{ font-size: 24px; }
  .m_tit > div{ margin-top: 15px; padding:0 40px; }
  .m_tit > div::before{ width: 24px; }
  .m_tit > div::after{ width: 24px; }
  .m_tit > div b{ font-size: 20px; top:-6px; }
}
@media screen and (max-width: 567px){
  .m_tit span{ font-size: 18px; }
  .m_tit > div{ margin-top: 15px; padding:0 25px; }
  .m_tit > div::before{ width: 15px; }
  .m_tit > div::after{ width: 15px; }
  .m_tit > div b{ font-size: 18px; }
}
@media screen and (max-width: 414px){
  .m_tit > div{ margin-top: 10px; padding:0 20px; }
}

/* p_type */
.p_type { margin-bottom: 40px; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; }
.p_type a{ display:inline-block; line-height: 1; margin:0 24px; padding:0 0 15px; font-size:16px; color:#333; position:relative; transition: all .3s; }
.p_type a::after{ content:""; height:2px; width:0%; border:none; background:var(--zhu-color); display:inline-block; position:absolute; left:0; bottom:0; transition:all .3s; }
.p_type a:hover { color:var(--zhu-color); transition: all .3s; }
.p_type a:hover:after{ transition: all .3s; width: 100%; }
@media screen and (max-width: 1200px){
  .p_type { margin-bottom: 30px; }
  .p_type a{ margin:0 21px; padding:0 0 13px; font-size:15px; }
}
@media screen and (max-width: 992px){
  .p_type { margin-bottom: 25px; }
  .p_type a{ margin:0 18px; padding:0 0 11px; font-size:14px; }
}
@media screen and (max-width: 768px){
  .p_type { margin-bottom: 20px; }
  .p_type a{ margin:0 15px; padding:0 0 9px; font-size:13px; }
  .p_type a::after{ height:1px; }
}
@media screen and (max-width: 640px){
  .p_type { margin-bottom: 15px; }
  .p_type a{ margin:0 12px; padding:0 0 7px; font-size:13px; }
}
@media screen and (max-width: 567px){
  .p_type a{ margin:0 9px; padding:0 0 5px; font-size:12px; }
}
@media screen and (max-width: 414px){
}

/* m_product */
.m_product{ overflow: hidden; background:url(../images/pro-bg.jpg) repeat; padding-bottom: 40px; }
.m_product .bd{ overflow: hidden; width: 100%; }
#product{ width: 100%; overflow: hidden; }
#product a{ display: flex; flex-direction: column; width: 100%; overflow: hidden; }
#product a .img{ width: 100%; padding-bottom: 85%; overflow: hidden; position: relative; border-radius: 2px; }
#product a .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
#product a b{ display: flex; align-items: center; justify-content: center; font-weight: normal; font-size: 16px; color: #333333; background: #ffffff; padding:15px; box-sizing: border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all .3s; }
#product a:hover img{ transition: all .3s; transform: scale(1.05); }
#product a:hover b{ background: var(--pei-color); transition: all .3s; color: #ffffff; }
.product_list{ display: flex; align-items: flex-start; flex-wrap: wrap; }
.product_list li{ width: calc(33.3% - 20px); margin-bottom: 30px; margin-right: 30px; }
.product_list li:nth-child(3n+0){ margin-right: 0; }
.product_list a{ display: flex; flex-direction: column; width: 100%; overflow: hidden; }
.product_list a .img{ width: 100%; padding-bottom: 85%; overflow: hidden; position: relative; border-radius: 2px; }
.product_list a .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
.product_list a b{ display: flex; align-items: center; justify-content: center; font-weight: normal; font-size: 16px; color: #333333; background: #f1f1f1; padding:15px; box-sizing: border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all .3s; }
.product_list a:hover img{ transition: all .3s; transform: scale(1.05); }
.product_list a:hover b{ background: var(--pei-color); transition: all .3s; color: #ffffff; }
@media screen and (max-width: 1200px){
  .m_product{ padding-bottom: 30px; }
  #product a b, .product_list a b{  font-size: 15px; padding:13px; }
  .product_list li{ width: calc(33.3% - 16.6px); margin-bottom: 25px; margin-right: 25px; }
  .product_list li:nth-child(3n+0){ margin-right: 0; }
}
@media screen and (max-width: 992px){
  .m_product{ padding-bottom: 25px; }
  #product a b, .product_list a b{ font-size: 14px; padding:11px; }
  .product_list li{ width: calc(33.3% - 13.3px); margin-bottom: 20px; margin-right: 20px; }
  .product_list li:nth-child(3n+0){ margin-right: 0; }
}
@media screen and (max-width: 768px){
  .m_product{ padding-bottom: 20px; }
  #product a b, .product_list a b{ font-size: 13px; padding:9px; }
  .product_list li{ width: calc(50% - 7.5px); margin-bottom: 15px; margin-right: 15px; }
  .product_list li:nth-child(3n+0){ margin-right: 15px; }
  .product_list li:nth-child(2n+0){ margin-right: 0; }
}
@media screen and (max-width: 640px){
  .m_product{ padding-bottom: 15px; }
  #product a b, .product_list a b{ padding:7px; }
}
@media screen and (max-width: 567px){
  #product a b, .product_list a b{ font-size: 12px; padding:6px; }
}
@media screen and (max-width: 414px){
}

/* m_about */
.m_about{ overflow: hidden; }
.m_about .bd{ padding:30px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.m_about .bd p{ font-size: 16px; color: #333333; line-height: 1.5; text-align: center; overflow:hidden; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; }
.m_about .bd a{ display:inline-flex; align-items: center; justify-content: center; margin:20px 0 0; padding:10px 30px; font-size:16px;color:#fff; background:var(--zhu-color); transition: all .3s; }
.m_about .bd a:hover{ transition: all .3s; background:var(--pei-color); color: #ffffff; }
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 992px){
  .m_about .bd{ padding:25px 0; }
  .m_about .bd p{ font-size: 15px; }
  .m_about .bd a{ margin:18px 0 0; padding:9px 26px; font-size:15px;}
}
@media screen and (max-width: 768px){
  .m_about .bd{ padding:20px 0; }
  .m_about .bd p{ font-size: 14px; }
  .m_about .bd a{ margin:16px 0 0; padding:8px 22px; font-size:14px;}
}
@media screen and (max-width: 640px){
  .m_about .bd{ padding:15px 0; }
  .m_about .bd p{ font-size: 13px; }
  .m_about .bd a{ margin:14px 0 0; padding:7px 18px; font-size:13px;}
}
@media screen and (max-width: 567px){
  .m_about .bd a{ margin:12px 0 0; padding:6px 14px; font-size:13px;}
}
@media screen and (max-width: 414px){
  .m_about .bd p{ font-size: 12px; }
  .m_about .bd a{ margin:10px 0 0; padding:5px 20px; font-size:12px;}
}

/* m_video */
.m_video{ overflow: hidden; position: relative; }
.m_video::before{ content: ""; width: 100%; height: 370px; position: absolute; bottom:0; left:0; background: -webkit-linear-gradient(left, var(--zhu-color) 0%, var(--pei-color) 100%); background: -o-linear-gradient(right, var(--zhu-color) 0%, var(--pei-color) 100%); background: -moz-linear-gradient(right, var(--zhu-color) 0%, var(--pei-color) 100%); background: linear-gradient(to right, var(--zhu-color) 0%, var(--pei-color) 100%); }
.m_video .inner{ position: relative; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.m_video img{ max-width: 100%; }
.m_video ul{ padding:50px 0; display: flex; align-items: center; justify-content: center; }
.m_video ul li{ padding:0 60px; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; }
.m_video ul li b{ font-size: 24px; font-weight: normal; color: #ffffff; display: inline-flex; align-items: flex-end; line-height: -1; }
.m_video ul li b span{ margin-right: 4px; font-size: 60px; font-family: impact; line-height: 1; }
.m_video ul li p{ font-size: 14px; color: #ffffff; line-height: 1; margin-top: 15px; }
@media screen and (max-width: 1200px){
  .m_video::before{ height: 340px; }
  .m_video ul{ padding:40px 0; }
  .m_video ul li{ padding:0 50px; }
  .m_video ul li b{ font-size: 22px; }
  .m_video ul li b span{ font-size: 50px; }
  .m_video ul li p{ font-size: 14px; margin-top: 14px; }
}
@media screen and (max-width: 992px){
  .m_video::before{ height: 310px; }
  .m_video ul{ padding:30px 0; }
  .m_video ul li{ padding:0 40px; }
  .m_video ul li b{ font-size: 20px; }
  .m_video ul li b span{ font-size: 40px; }
  .m_video ul li p{ font-size: 13px; margin-top: 13px; }
}
@media screen and (max-width: 768px){
  .m_video::before{ height: 280px; }
  .m_video ul{ padding:20px 0; }
  .m_video ul li{ padding:0 30px; }
  .m_video ul li b{ font-size: 18px; }
  .m_video ul li b span{ font-size: 30px; }
  .m_video ul li p{ font-size: 13px; margin-top: 13px; }
}
@media screen and (max-width: 640px){
  .m_video::before{ height: 250px; }
  .m_video ul{ padding:15px 0; }
  .m_video ul li{ padding:0 25px; }
  .m_video ul li b{ font-size: 16px; }
  .m_video ul li b span{ font-size: 25px; }
  .m_video ul li p{ font-size: 12px; margin-top: 12px; }
}
@media screen and (max-width: 567px){
  .m_video::before{ height: 200px; }
  .m_video ul li{ padding:0 20px; }
  .m_video ul li b{ font-size: 14px; }
  .m_video ul li b span{ font-size: 20px; }
  .m_video ul li p{ margin-top: 11px; }
}
@media screen and (max-width: 414px){
  .m_video::before{ height: 140px; }
  .m_video ul li{ padding:0 10px; }
  .m_video ul li b{ font-size: 12px; }
  .m_video ul li b span{ font-size: 18px; }
  .m_video ul li p{ margin-top: 10px; }
}

/* m_super */
.m_super{ overflow: hidden; padding:45px 0; background: url(../images/super_bg.png) no-repeat top center; }
.m_super .hd{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.m_super .hd p{ font-size: 24px; color: #737777; line-height: 1; }
.m_super .hd b{ font-size: 52px; color: var(--zhu-color); margin:24px 0; line-height: 1; }
.m_super .hd span{ font-size: 36px; color: #ffffff; line-height: 1; font-family: arial; text-transform: uppercase; display: inline-flex; padding:8px 30px; background: -webkit-linear-gradient(left, var(--zhu-color) 0%, var(--pei-color) 100%); background: -o-linear-gradient(right, var(--zhu-color) 0%, var(--pei-color) 100%); background: -moz-linear-gradient(right, var(--zhu-color) 0%, var(--pei-color) 100%); background: linear-gradient(to right, var(--zhu-color) 0%, var(--pei-color) 100%); }
.m_super .bd{ overflow: hidden; padding-top: 45px; }
.m_super .bd ul{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.m_super .bd li{ width: 100%; display: flex; align-items: center; justify-content: space-between; }
.m_super .bd li:nth-child(even){ flex-direction: row-reverse; margin:30px 0; }
.m_super .bd li .txt, .m_super .bd li .img{ width: calc(50% - 15px); }
.m_super .bd li .txt{ display: flex; align-items: center; }
.m_super .bd li .txt i{ margin:0 30px; position: relative; display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; }
.m_super .bd li .txt i::before{ content: ""; display: block; width: 100%; height: 100%; background: var(--zhu-color); position: absolute; left:0; top:0; transform: rotate(-45deg); }
.m_super .bd li .txt i span{ position: relative; font-size: 30px; color: #ffffff; line-height: 1; font-weight: bold; }
.m_super .bd li .txt b{ font-size: 30px; color: var(--zhu-color); font-weight: bold; line-height: 1; }
.m_super .bd li .txt p{ font-size: 16px; color: #333333; line-height: 1.5; margin-top: 20px; }
.m_super .bd li .img img{ width: 100%; }
@media screen and (max-width: 1200px){
  .m_super{ padding:40px 0; }
  .m_super .bd{ padding-top: 40px; }
  .m_super .hd p{ font-size: 22px; }
  .m_super .hd b{ font-size: 46px; margin:22px 0; }
  .m_super .hd span{ font-size: 32px; padding:7px 26px; }
  .m_super .bd li:nth-child(even){ margin:25px 0; }
  .m_super .bd li .txt, .m_super .bd li .img{ width: calc(50% - 15px); }
  .m_super .bd li .txt i{ margin:0 25px; width: 50px; height: 50px; }
  .m_super .bd li .txt i span{ font-size: 26px; }
  .m_super .bd li .txt b{ font-size: 26px; }
  .m_super .bd li .txt p{ font-size: 15px; margin-top: 16px; }
}
@media screen and (max-width: 992px){
  .m_super{ padding:30px 0; }
  .m_super .bd{ padding-top: 30px; }
  .m_super .hd p{ font-size: 20px; }
  .m_super .hd b{ font-size: 40px; margin:20px 0; }
  .m_super .hd span{ font-size: 28px; padding:6px 22px; }
  .m_super .bd li:nth-child(even){ margin:20px 0; }
  .m_super .bd li .txt, .m_super .bd li .img{ width: calc(50% - 7.5px); }
  .m_super .bd li .txt i{ margin:0 20px; width: 40px; height: 40px; }
  .m_super .bd li .txt i span{ font-size: 22px; }
  .m_super .bd li .txt b{ font-size: 22px; }
  .m_super .bd li .txt p{ font-size: 14px; margin-top: 12px; }
}
@media screen and (max-width: 768px){
  .m_super{ padding:20px 0; }
  .m_super .bd{ padding-top: 20px; }
  .m_super .hd p{ font-size: 18px; }
  .m_super .hd b{ font-size: 34px; margin:18px 0; }
  .m_super .hd span{ font-size: 24px; padding:5px 18px; }
  .m_super .bd li:nth-child(even){ margin:15px 0; }
  .m_super .bd li .txt i{ margin:0 15px; width: 30px; height: 30px; }
  .m_super .bd li .txt i span{ font-size: 18px; }
  .m_super .bd li .txt b{ font-size: 18px; }
  .m_super .bd li .txt p{ font-size: 13px; margin-top: 8px; }
}
@media screen and (max-width: 640px){
  .m_super{ padding:10px 0; }
  .m_super .bd{ padding-top: 10px; }
  .m_super .hd p{ font-size: 16px; }
  .m_super .hd b{ font-size: 28px; margin:16px 0; }
  .m_super .hd span{ font-size: 20px; padding:4px 14px; }
  .m_super .bd li:nth-child(even){ margin:0; flex-direction: column-reverse; }
  .m_super .bd li{ flex-wrap: wrap; flex-direction: column-reverse; }
  .m_super .bd li .txt, .m_super .bd li .img{ width: 100%; }
  .m_super .bd li .txt{ margin:12px 0; }
}
@media screen and (max-width: 567px){
  .m_super .hd p{ font-size: 14px; }
  .m_super .hd b{ font-size: 22px; margin:14px 0; }
  .m_super .hd span{ font-size: 16px; padding:4px 12px; }
  .m_super .bd li:nth-child(even){ margin:5px 0; }
  .m_super .bd li .txt i{ margin:0 12px; width: 25px; height: 25px; }
  .m_super .bd li .txt i span{ font-size: 16px; font-weight: normal; }
  .m_super .bd li .txt b{ font-size: 16px; font-weight: normal; }
  .m_super .bd li .txt p{ font-size: 13px; margin-top: 4px; }
}
@media screen and (max-width: 414px){
  .m_super .hd p{ font-size: 12px; }
  .m_super .hd b{ font-size: 16px; font-weight: normal; margin:12px 0; }
  .m_super .hd span{ font-size: 12px; padding:4px 10px; }
  .m_super .bd li .txt i{ margin:0 10px; width: 20px; height: 20px; }
  .m_super .bd li .txt i span{ font-size: 14px; font-weight: normal; }
  .m_super .bd li .txt b{ font-size: 14px; font-weight: normal; }
  .m_super .bd li .txt p{ font-size: 12px; margin-top: 4px; }
}

/* m_case */
.m_case{ padding-bottom: 40px; overflow: hidden; background: -webkit-linear-gradient(left, var(--zhu-color) 0%, var(--pei-color) 100%); background: -o-linear-gradient(right, var(--zhu-color) 0%, var(--pei-color) 100%); background: -moz-linear-gradient(right, var(--zhu-color) 0%, var(--pei-color) 100%); background: linear-gradient(to right, var(--zhu-color) 0%, var(--pei-color) 100%); }
.m_case .hd span, .m_case .hd b{ color: #ffffff; }
.m_case .bd{ width: 100%; overflow: hidden; }
#case{ overflow: hidden; width: 100%; }
#case a{ display: flex; flex-direction: column; width: 100%; overflow: hidden; }
#case a .img{ width: 100%; padding-bottom: 80%; overflow: hidden; position: relative; border:1px solid #fff; border-radius: 2px; }
#case a .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
#case a b{ display: flex; align-items: center; justify-content: center; font-weight: normal; font-size: 16px; color: #fff; padding:15px; box-sizing: border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all .3s; }
#case a:hover img{ transition: all .3s; transform: scale(1.05); }
#case a:hover b{ transition: all .3s; color: var(--pei-color); }
@media screen and (max-width: 1200px){
  .m_case{ padding-bottom: 30px; }
  #case a b{ font-size: 16px; padding:15px; }
}
@media screen and (max-width: 992px){
  .m_case{ padding-bottom: 25px; }
  #case a b{ padding:14px; }
}
@media screen and (max-width: 768px){
  .m_case{ padding-bottom: 20px; }
  #case a b{ font-size: 15px; padding:13px; }
}
@media screen and (max-width: 640px){
  .m_case{ padding-bottom: 15px; }
  #case a b{ font-size: 14px; padding:12px; }
}
@media screen and (max-width: 567px){
  .m_case{ padding-bottom: 10px; }
  #case a b{ font-size: 13px; padding:11px; }
}
@media screen and (max-width: 414px){
  .m_case{ padding-bottom: 5px; }
  #case a b{ font-size: 12px; padding:10px; }
}

/* m_news */
.m_news{ padding-bottom: 40px; overflow: hidden; background: url(../images/about_bg.jpg) no-repeat bottom center; }
.m_news .bd{ overflow: hidden; display: flex; align-items: flex-start; justify-content: space-between; }
.m_news .bd li{ width: calc(33.3% - 20px); margin-right: 30px; }
.m_news .bd li:nth-child(3n+0){ margin-right: 0; }
.m_news .bd li:nth-child(4){ display: none; }
.m_news .bd a{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.m_news .bd a .img{ width: 100%; padding-bottom: 56%; overflow: hidden; position: relative; border:1px solid #ebebeb; }
.m_news .bd a .img img{ width: 100%; height: 100%; object-fit: cover; box-sizing: border-box; padding:10px; position: absolute; }
.m_news .bd a b{ display: flex; font-weight: normal; align-items: center; justify-content: center; padding:0 15px; margin:15px 0; font-size: 16px; color: #333333; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.m_news .bd a:hover .img{ transition: all .3s; border-color: var(--pei-color); }
.m_news .bd a:hover b{ transition: all .3s; color: var(--pei-color); }
@media screen and (max-width: 1200px){
  .m_news{ padding-bottom: 30px; }
  .m_news .bd li{ width: calc(33.3% - 13.3px); margin-right: 20px; }
  .m_news .bd li:nth-child(3n+0){ margin-right: 0; }
  .m_news .bd a .img img{ padding:8px; }
  .m_news .bd a b{ padding:0 13px; margin:13px 0; font-size: 15px; }
}
@media screen and (max-width: 992px){
  .m_news{ padding-bottom: 25px; }
  .m_news .bd li{ width: calc(33.3% - 10px); margin-right: 15px; }
  .m_news .bd li:nth-child(3n+0){ margin-right: 0; }
  .m_news .bd a .img img{ padding:6px; }
  .m_news .bd a b{ padding:0 11px; margin:11px 0; font-size: 14px; }
}
@media screen and (max-width: 768px){
  .m_news{ padding-bottom: 20px; }
  .m_news .bd{ flex-wrap: wrap; }
  .m_news .bd li{ width: calc(50% - 7.5px); margin-right: 15px; }
  .m_news .bd li:nth-child(3n+0){ margin-right: 15px; }
  .m_news .bd li:nth-child(2n+0){ margin-right: 0; }
  .m_news .bd li:nth-child(4){ display: block; }
  .m_news .bd a .img img{ padding:6px; }
  .m_news .bd a b{ padding:0 11px; margin:11px 0; font-size: 14px; }
}
@media screen and (max-width: 640px){
  .m_news{ padding-bottom: 15px; }
  .m_news .bd a .img img{ padding:4px; }
  .m_news .bd a b{ padding:0 9px; margin:9px 0; font-size: 13px; }
}
@media screen and (max-width: 567px){
  .m_news .bd li{ width: calc(50% - 5px); margin-right: 10px; }
  .m_news .bd li:nth-child(3n+0){ margin-right: 10px; }
}
@media screen and (max-width: 414px){
  .m_news .bd a b{ padding:0 8px; margin:9px 0; font-size: 12px; }
}

/* footer */
.footer{ padding: 40px 0; overflow: hidden; background: -webkit-linear-gradient(left, var(--zhu-color) 0%, var(--pei-color) 100%); background: -o-linear-gradient(right, var(--zhu-color) 0%, var(--pei-color) 100%); background: -moz-linear-gradient(right, var(--zhu-color) 0%, var(--pei-color) 100%); background: linear-gradient(to right, var(--zhu-color) 0%, var(--pei-color) 100%); }
.footer .inner{ display: flex; align-items: flex-start; justify-content: space-between; }
.footer b{ display: block; font-size: 24px; margin-bottom: 20px; color: #fdfcfa; line-height: 1; font-weight: normal; text-transform: uppercase; }
.f_nav{ width: 40%; box-sizing: border-box; padding-right: 60px; }
.f_nav > div{ display: flex; flex-wrap: wrap; }
.f_nav > div a{ transition: all .3s; padding:10px 0; margin-right: 40px; font-size: 16px; color: #ffffff; line-height: 1; }
.f_nav > div a:hover, .f_nav > p a:hover, .f_contact > p a:hover{ transition: all .3s; color: var(--pei-color); }
.f_nav > p{ font-size: 16px; color: #ffffff; padding-top: 10px; line-height: 1; }
.f_nav > p a, .f_contact > p a{ font-size: 16px; color: #ffffff; }
.f_contact{ width: 40%; box-sizing: border-box; padding:0 60px; position: relative; }
.f_contact::before{ content: ""; display: block; width: 1px; height: 100%; background: #457184; position: absolute; left:0; top:0; }
.f_contact::after{ content: ""; display: block; width: 1px; height: 100%; background: #7e7a6b; position: absolute; right:0; top:0; }
.f_contact > p{ font-size: 16px; color: #ffffff; padding: 7px 0; line-height: 1; }
.f_ewm{ width: 20%; text-align: center; }
.f_ewm img{ max-width: 124px; }
.f_ewm p{ font-size: 14px; color: #ffffff; margin-top: 15px; }
@media screen and (max-width: 1200px){
  .footer{ padding:30px 0; }
  .footer b{ font-size: 20px; margin-bottom: 16px; }
  .f_nav{ width: 40%; padding-right: 30px; }
  .f_nav > div a{ padding:8px 0; margin-right: 30px; font-size: 14px; }
  .f_nav > p{ font-size: 14px; padding-top: 8px; }
  .f_nav > p a, .f_contact > p a{ font-size: 14px; }
  .f_contact{ width: 40%; padding:0 30px; }
  .f_contact > p{ font-size: 14px; padding: 8px 0; }
  .f_ewm{ width: 20%; }
  .f_ewm img{ max-width: 50%; }
  .f_ewm p{ font-size: 14px; margin-top: 13px; }
}
@media screen and (max-width: 992px){
  .footer{ padding:15px 0; }
  .footer .inner{ flex-wrap: wrap; }
  .footer b{ font-size: 16px; margin-bottom: 12px; text-align: center; }
  .f_nav{ width: 100%; padding-right: 0; }
  .f_nav > div{ justify-content: center; }
  .f_nav > div a{ padding:8px 0; margin:0 12px; font-size: 14px; }
  .f_nav > p{ font-size: 14px; padding-top: 8px; text-align: center; }
  .f_nav > p a, .f_contact > p a{ font-size: 14px; }
  .f_contact{ width: 100%; padding:15px 0; }
  .f_contact::before, .f_contact::after{ display: none; }
  .f_contact > p{ font-size: 14px; padding: 8px 0; text-align: center; }
  .f_ewm{ width: 100%; }
  .f_ewm img{ max-width: 120px; }
  .f_ewm p{ font-size: 14px; margin-top: 13px; }
}
@media screen and (max-width: 768px){
  .footer{ padding:15px 0 65px; }
  .footer b{ font-size: 16px; margin-bottom: 12px; text-align: center; }
  .f_nav > div a{ padding:8px 0; margin:0 12px; font-size: 13px; }
  .f_nav > p{ font-size: 13px; padding-top: 8px; line-height: 1.5; }
  .f_nav > p a, .f_contact > p a{ font-size: 13px; }
  .f_contact{ padding:15px 0; }
  .f_contact > p{ font-size: 13px; padding: 8px 0; }
  .f_ewm{ width: 100%; }
  .f_ewm img{ max-width: 120px; }
  .f_ewm p{ font-size: 13px; margin-top: 11px; }
}
@media screen and (max-width: 640px){
}
@media screen and (max-width: 567px){
  .footer{ padding:15px 0 65px; }
  .footer b{ font-size: 15px; }
  .f_nav > div a{ padding:6px 0; margin:0 12px; font-size: 13px; }
  .f_nav > p{ font-size: 13px; padding-top: 6px; line-height: 1.5; }
  .f_nav > p a, .f_contact > p a{ font-size: 13px; }
  .f_contact{ padding:15px 0; }
  .f_contact > p{ font-size: 13px; padding: 6px 0; }
  .f_ewm{ width: 100%; }
  .f_ewm img{ max-width: 120px; }
  .f_ewm p{ font-size: 13px; margin-top: 11px; }
}
@media screen and (max-width: 414px){
  .footer b{ font-size: 15px; }
  .f_nav > div a{ padding:6px 0; margin:0 12px; font-size: 12px; }
  .f_nav > p{ font-size: 12px; padding-top: 6px; line-height: 1.5; }
  .f_nav > p a, .f_contact > p a{ font-size: 12px; }
  .f_contact{ padding:15px 0; }
  .f_contact > p{ font-size: 12px; padding: 6px 0; }
  .f_ewm{ width: 100%; }
  .f_ewm img{ max-width: 120px; }
  .f_ewm p{ font-size: 12px; margin-top: 11px; }
}

/* main */
.main{ padding:30px 0; overflow: hidden; }
.main .inner{ display: flex; align-items: flex-start; justify-content: space-between; }
.main .inner > .left{ width: 255px; overflow: hidden; }
.main .inner > .right{ width: calc(100% - 285px); }
.main p{ color: #6b6b6b; font-size: 20px; line-height: 1.8; }
.main .article_tit{ text-align:center; font-size:24px; line-height:1.5; margin:28px 0 16px; }
.main .meta_info{ text-align:center; padding-bottom:26px; border-bottom:1px dotted #868686; margin-bottom:30px; font-size:12px; color:#888787; }
.main .content p + p{ margin-top:12px; }
.main .content img{ max-width:100%; }
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 992px){
  .main{ padding:25px 0; }
  .main .inner{ flex-wrap: wrap; }
  .main .inner > .left{ width: 100% }
  .main .inner > .right{ width: 100% }
  .main p{ font-size: 16px; }
  .main .article_tit{ font-size:22px; margin:24px 0 14px; }
  .main .meta_info{ padding-bottom:18px; margin-bottom:25px; }
}
@media screen and (max-width: 768px){
  .main{ padding:20px 0; }
  .main p{ font-size: 15px; }
  .main .article_tit{ font-size:20px; margin:22px 0 12px; }
  .main .meta_info{ padding-bottom:14px; margin-bottom:20px; }
}
@media screen and (max-width: 640px){
  .main{ padding:15px 0; }
  .main p{ font-size: 14px; }
  .main .article_tit{ font-size:18px; margin:20px 0 10px; }
  .main .meta_info{ padding-bottom:12px; margin-bottom:15px; }
}
@media screen and (max-width: 567px){
  .main p{ font-size: 13px; }
  .main .article_tit{ font-size:16px; margin:15px 0 10px; }
  .main .meta_info{ padding-bottom:12px; }
}
@media screen and (max-width: 414px){
  .main p{ font-size: 12px; }
  .main .article_tit{ font-size:15px; margin:10px 0; }
  .main .meta_info{ padding-bottom:10px; }
}

/* location */
.location{ margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; padding:10px 0; border-bottom:1px solid #dedbdb; }
.location .tit{ font-size: 20px; color: #333333; font-weight: bold; }
.location .crumbs{ padding-left: 32px; background: url(../images/ico-home.png) no-repeat left center; font-size: 14px; color: #666666; }
.location .crumbs a{ font-size: 14px; color: #666666; }
@media screen and (max-width: 1200px){
  .location{ margin-bottom: 15px; padding:8px 0; }
  .location .tit{ font-size: 18px; }
  .location .crumbs{ padding-left: 20px; font-size: 14px; background-size: 15px; }
  .location .crumbs a{ font-size: 14px; }
}
@media screen and (max-width: 992px){
  .location{ padding:6px 0; }
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 640px){
  .location .tit{ font-size: 17px; }
  .location .crumbs{ font-size: 14px; }
  .location .crumbs a{ font-size: 14px; }
}
@media screen and (max-width: 567px){
  .location .tit{ display: none; }
  .location .crumbs{ font-size: 13px; }
  .location .crumbs a{ font-size: 13px; }
}
@media screen and (max-width: 414px){
  .location .crumbs{ font-size: 12px; }
  .location .crumbs a{ font-size: 12px; }
}

/* s_type */
.s_type { width:100%; overflow:hidden; }
.s_type .hd{ margin-bottom: 10px; padding:18px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow:hidden; background: -webkit-linear-gradient(left, var(--zhu-color) 0%, var(--pei-color) 100%); background: -o-linear-gradient(right, var(--zhu-color) 0%, var(--pei-color) 100%); background: -moz-linear-gradient(right, var(--zhu-color) 0%, var(--pei-color) 100%); background: linear-gradient(to right, var(--zhu-color) 0%, var(--pei-color) 100%); }
.s_type .hd p{ font-size:36px; line-height: 1; color:#ffffff; font-family:"impact"; padding:0 0 6px; }
.s_type .hd > b{ font-size:30px; font-weight:bold; color:#fff; line-height:1; }
.s_type .bd{ display: flex; flex-direction: column; }
.s_type .bd a{ margin-bottom: 10px; display: flex; align-items: center; background:#f1f1f1; padding:15px 30px; box-sizing: border-box; font-size:16px; line-height: 1; color:#333333; }
.s_type .bd a span{ overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.s_type .bd a:hover{ background:var(--zhu-color); color:#fff; }
.s_contact{ padding:34px 15px; overflow:hidden; background: -webkit-linear-gradient(left, var(--zhu-color) 0%, var(--pei-color) 100%); background: -o-linear-gradient(right, var(--zhu-color) 0%, var(--pei-color) 100%); background: -moz-linear-gradient(right, var(--zhu-color) 0%, var(--pei-color) 100%); background: linear-gradient(to right, var(--zhu-color) 0%, var(--pei-color) 100%); }
.s_contact img{ width:100%; margin:12px 0; }
.s_contact > b{ font-size:20px; font-weight:bold; color:#fff; padding-left:42px; background:url(../images/ico-type.png) no-repeat 5px center; line-height:25px; margin-bottom:14px; }
.s_contact > div b{ line-height:38px; font-size:16px; color:#fff; }
.s_contact > div a, .s_contact > div p{ font-size:13px; line-height:28px; color:#fff; }
.s_contact > div a:hover{ color:var(--pei-color); }
@media screen and (max-width: 1200px){
  .s_type .hd{ margin-bottom: 8px; padding:16px 0; }
  .s_type .hd p{ font-size:32px; }
  .s_type .hd > b{ font-size:26px; }
  .s_type .bd a{ margin-bottom: 8px; padding:12px 24px; font-size:15px; }
}
@media screen and (max-width: 992px){
  .s_contact{ display: none; }
  .s_type .hd{ margin-bottom: 6px; padding:14px 0; }
  .s_type .hd p{ font-size:28px; }
  .s_type .hd > b{ font-size:22px; }
  .s_type .bd{ flex-wrap: wrap; flex-direction: row; }
  .s_type .bd a{ width: calc(25% - 4.5px); margin-right: 6px; margin-bottom: 6px; padding:10px; font-size:14px; }
  .s_type .bd a:nth-child(4n + 0){ margin-right: 0; }
}
@media screen and (max-width: 768px){
  .s_type .hd{ margin-bottom: 5px; padding:12px 0; }
  .s_type .hd p{ font-size:24px; }
  .s_type .hd > b{ font-size:18px; }
  .s_type .bd a{ width: calc(33.3% - 5px); margin-right: 5px; margin-bottom: 5px; padding:10px; font-size:14px; }
  .s_type .bd a:nth-child(4n + 0){ margin-right: 5px; }
  .s_type .bd a:nth-child(3n + 0){ margin-right: 0; }
}
@media screen and (max-width: 640px){
  .s_type .hd{ margin-bottom: 5px; padding:12px 0; }
  .s_type .bd a{ width: calc(50% - 2.5px); font-size:14px; }
  .s_type .bd a:nth-child(4n + 0){ margin-right: 0; }
  .s_type .bd a:nth-child(3n + 0){ margin-right: 5px; }
  .s_type .bd a:nth-child(2n + 0){ margin-right: 0; }
}
@media screen and (max-width: 567px){
  .s_type .bd a{ font-size:13px; }
}
@media screen and (max-width: 414px){
  .s_type .bd a{ font-size:12px; }
}

/* show_list */
.show_list{ width: 100%; display: flex; align-items: flex-start; flex-wrap: wrap; }
.show_list li{ width: calc(33.3% - 20px); margin-bottom: 30px; margin-right: 30px; }
.show_list li:nth-child(3n+0){ margin-right: 0; }
.show_list a{ display: flex; flex-direction: column; width: 100%; overflow: hidden; }
.show_list a .img{ width: 100%; padding-bottom: 85%; overflow: hidden; position: relative; box-sizing: border-box; border:1px solid #f1f1f1; }
.show_list a .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
.show_list a b{ display: flex; align-items: center; justify-content: center; font-weight: normal; font-size: 16px; color: #333333; background: #f1f1f1; padding:15px; box-sizing: border-box; transition: all .3s; overflow:hidden; }
.show_list a b span{ overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.show_list a:hover img{ transition: all .3s; transform: scale(1.05); }
.show_list a:hover b{ background: var(--pei-color); transition: all .3s; color: #ffffff; }
@media screen and (max-width: 1200px){
  .show_list a b{  font-size: 15px; padding:13px; }
  .show_list li{ width: calc(33.3% - 16.6px); margin-bottom: 25px; margin-right: 25px; }
  .show_list li:nth-child(3n+0){ margin-right: 0; }
}
@media screen and (max-width: 992px){
  .show_list a b{ font-size: 14px; padding:11px; }
  .show_list li{ width: calc(33.3% - 13.3px); margin-bottom: 20px; margin-right: 20px; }
  .show_list li:nth-child(3n+0){ margin-right: 0; }
}
@media screen and (max-width: 768px){
  .show_list a b{ font-size: 13px; padding:9px; }
  .show_list li{ width: calc(50% - 7.5px); margin-bottom: 15px; margin-right: 15px; }
  .show_list li:nth-child(3n+0){ margin-right: 15px; }
  .show_list li:nth-child(2n+0){ margin-right: 0; }
}
@media screen and (max-width: 640px){
  .show_list a b{ padding:7px; }
}
@media screen and (max-width: 567px){
  .show_list a b{ font-size: 12px; padding:6px; }
}
@media screen and (max-width: 414px){
}

/*message*/
.mes-form{overflow: hidden; width: 100%; margin:20px 0; text-align: center; }
.mes-form .form-tr{overflow: hidden;}
.mes-form .form-tr input{ display: block; width: 80%; padding: 0 10px; height: 38px; line-height: 38px; border: 1px solid #e6e6e6;}
.mes-form .form-tr textarea{ display: block; width: 80%; padding: 5px 10px; height: 168px; border: 1px solid #e6e6e6;}
.mes-form .form-tr .code{overflow: hidden; width: 80%; }
.mes-form .form-tr .code input{width: 188px; float: left;}
.mes-form .form-tr .code .verify{cursor: pointer; float: left; margin-left: 25px; width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 0;}
.mes-form .form-tr .code .verify img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}
.mes-form .form-tr .submit{ margin: 15px 0 0; display: block; width: 190px; height: 40px; text-align: center; line-height: 40px; background: #237ed2; color: #fff; font-size: 15px;}
.mes-form .form-tr .submit:hover{background: #0058b1;}
.mes-form .form-tr .error{height: 18px; line-height: 18px; font-size: 12px; color: #f00; padding: 0 5px;}
@media screen and (max-width: 1200px){
  .mes-form .form-tr input, .mes-form .form-tr textarea{ width:100%; }
  .mes-form .form-tr .code{ overflow: hidden; width: 100%; }
}
@media screen and (max-width: 992px){
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 640px){
  .mes-form .form-tr .code{ display: flex; align-items: center; justify-content: space-between; }
  .mes-form .form-tr .code input{ width: 50%; float: left;}
  .mes-form .form-tr .submit{ margin:12px auto 0; }
}
@media screen and (max-width: 567px){
}
@media screen and (max-width: 414px){
}

/* article_list */
.article_list{ display: flex; flex-direction: column; }
.article_list li{ border-bottom:2px dotted #eeeeee; padding:30px 0; position:relative; }
.article_list li:first-child{ padding-top: 0; }
.article_list li a{ display:flex; align-items: center; overflow:hidden; }
.article_list li:after{ content:""; height:2px; display:inline-block; width:0; position:absolute; left:0; bottom: -2px; background:var(--zhu-color); transition:all .3s; }
.article_list li .txt{ width: calc(100% - 220px); overflow:hidden; padding-right:30px; }
.article_list li .time{ width: 220px; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow:hidden; border-left:2px solid #f1f1f1; }
.article_list li .txt b{ display: block; font-size:20px; color:#404646; margin-bottom:10px; transition:all .3s; word-wrap:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.article_list li .txt p{ text-indent: -2em; font-size:14px; line-height:1.8; color:#9ea7ae; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.article_list li .time span{ font-size:50px; color:var(--zhu-color); margin:0; text-align:center; font-weight:200; transition:all .3s; }
.article_list li .time small{ font-size:16px; color:#9ea7ae; margin:0; margin-left:60px; font-weight:200; transition:all .3s; }
.article_list li:hover:after{ width:100%; transition:all .3s; }
.article_list li:hover .txt b{ color:var(--zhu-color); padding-left:28px; transition:all .3s; word-wrap:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.article_list li:hover .time span,.article_list li:hover .time small{ font-style:italic; color:#9ea7ae; transition:all .3s; }
@media screen and (max-width: 1200px){
  .article_list li{ border-bottom:2px dotted #eeeeee; padding:25px 0; }
  .article_list li:after{ height:2px; bottom: -2px; }
  .article_list li .txt{ width: calc(100% - 200px); padding-right:25px; }
  .article_list li .time{ width: 200px; border-left:2px solid #f1f1f1; }
  .article_list li .txt b{ font-size:18px; margin-bottom:10px; }
  .article_list li .txt p{ font-size:14px; }
  .article_list li .time span{ font-size:46px; }
  .article_list li .time small{ font-size:15px; margin-left:60px;  }
  .article_list li:hover .txt b{ padding-left:26px; }
}
@media screen and (max-width: 992px){
  .article_list li{ border-bottom:1px dotted #eeeeee; padding:20px 0; }
  .article_list li:after{ height:1px; bottom: -1px; }
  .article_list li .txt{ width: calc(100% - 160px); padding-right:20px; }
  .article_list li .time{ width: 160px; border-left:1px solid #f1f1f1; }
  .article_list li .txt b{ font-size:16px; font-weight: normal; margin-bottom:10px; }
  .article_list li .txt p{ font-size:13px; }
  .article_list li .time span{ font-size:42px; }
  .article_list li .time small{ font-size:14px; margin-left:60px;  }
  .article_list li:hover .txt b{ padding-left:24px; }
}
@media screen and (max-width: 768px){
  .article_list li{ border-bottom:1px dotted #eeeeee; padding:15px 0; }
  .article_list li .txt{ width: calc(100% - 140px); padding-right:15px; }
  .article_list li .time{ width: 140px; border-left:1px solid #f1f1f1; }
  .article_list li .txt b{ font-size:15px; font-weight: normal; margin-bottom:10px; }
  .article_list li .txt p{ font-size:12px; line-height: 1.5; }
  .article_list li .time span{ font-size:36px; }
  .article_list li .time small{ font-size:13px; margin-left:60px;  }
  .article_list li:hover .txt b{ padding-left:22px; }
}
@media screen and (max-width: 640px){
  .article_list li .txt{ width: calc(100% - 120px); padding-right:15px; }
  .article_list li .time{ width: 120px; border-left:1px solid #f1f1f1; }
  .article_list li .txt b{ font-size:14px; margin-bottom:10px; }
  .article_list li .time span{ font-size:30px; }
  .article_list li .time small{ font-size:12px; margin-left:60px;  }
  .article_list li:hover .txt b{ padding-left:20px; }
}
@media screen and (max-width: 567px){
  .article_list li a{ flex-direction: column; flex-wrap: wrap; }
  .article_list li .txt{ width: 100%; padding-right:0; }
  .article_list li .time{ width: 100%; border-left:0; margin-top: 15px; justify-content: flex-start; flex-direction: row-reverse; align-items: center; }
  .article_list li .txt b{ font-size:14px; margin-bottom:10px; }
  .article_list li .time span{ font-size:12px; color: #9ea7ae; }
  .article_list li .time small{ margin-left:0; position: relative; }
  .article_list li .time small::after{ content: "-"; }
  .article_list li:hover .txt b{ padding-left:18px; }
}
@media screen and (max-width: 414px){
}


/* 内页效果 */
.p_info{ display: flex; align-items: center; justify-content: space-between; margin-bottom:30px; }
.p_info .focus{ width: calc(50% - 15px); }
.p_info .info{ width: calc(50% - 15px); }
.p_info .pc_slide{ width:100%; margin:0 auto; border:1px solid #e7e6e6; padding:15px; }
.p_info .view .swiper-container{ width:100%; margin-bottom:18px; }
.p_info .view .swiper-slide img{ width:100%; }
.p_info .preview{ width:100%; margin-top:16px; position:relative; }
.p_info .preview .swiper-container{ width:80%; height:66px; margin-left:35px; }
.p_info .preview .swiper-slide{ width:90px; height:64px; cursor:pointer; margin:0 10px; }
.p_info .preview .swiper-slide img{ width:90px; height:64px; object-fit:cover; }
.p_info .preview .slide6{ width:90px; }
.p_info .preview .arrow-left{ background:url(../images/feel3.png) no-repeat left top; position:absolute; left:0; top:5px; margin-top:-9px; width:20px; height:70px; z-index:10; }
.p_info .preview .arrow-right{ background:url(../images/feel4.png) no-repeat left bottom; position:absolute; right:0; top:5px; margin-top:-9px; width:20px; height:70px; z-index:10; }
.p_info .preview img{ border:1px solid #b6b6b6; }
.p_info .preview .active-nav img{ padding:0; border:1px solid var(--zhu-color); }
.p_info .info b{ font-size:24px; color:var(--zhu-color); line-height:1.6; margin-top:16px; }
.p_info .info p{ font-size:14px; color:#919191; line-height:1.8; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.p_info .info p span{ font-size:16px; color:#033333; }
.p_info .info > a{ display:inline-block; width:120px; height:35px; background:url(../images/ico-message.jpg) no-repeat; background-size:contain; margin-top:40px; }
.p_info .info > a + a{ display:inline-block; width:120px; height:35px; background:url(../images/ico-contact.jpg) no-repeat; margin-left:30px; background-size:contain; }
.p_info .info i{ font-style:normal; font-size:14px; color:#919191; line-height:1.8; margin-left:-2em; }
.p_info .info > div{ border-top:1px solid #e9eaeb; margin-top:20px; padding-top:15px; }
.p_info .info > div span{ display:inline-block; line-height:1.5; font-size:16px; color:#333333; }
.p-tit{ background:#ebeced; margin-bottom:20px; }
.p-tit h3{ padding:15px 25px; height:100%; background:var(--zhu-color); font-size:18px; color:#ffffff; display:inline-block; }
.btn-primary{ border-color:var(--zhu-color); }
#p-form{ overflow:hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
#p-form .w50{ width: calc(50% - 15px); }
#p-form .w100{ width: 100%; }
#p-form label{ width:20%; text-align:right; font-size:16px; font-weight:normal; color:#666666; line-height:42px; display:inline-block; vertical-align:top; float:left; }
#p-form .form-group{ overflow:hidden; margin-bottom:12px; }
#p-form input{ width:80%; height:40px; border:1px solid #dddada; padding-left:10px; background:#f2f2f3; }
#p-form textarea{ width:90%; height:112px; border:1px solid #dddada; resize:none; padding:10px; background:#f2f2f3; }
#p-form .btn-primary{ width:40%; margin:0 auto; display: flex; align-items: center; justify-content: center; background:var(--zhu-color); font-size:18px; color:#ffffff; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media screen and (max-width: 1200px){
  .p_info{ margin-bottom:30px; }
  .p_info .pc_slide{ padding:15px; }
  .p_info .view .swiper-container{  margin-bottom:15px; }
  .p_info .preview{ margin-top:15px; }
  .p_info .preview .swiper-container{ width:80%; height:66px; margin-left:30px; }
  .p_info .preview .swiper-slide{ width:90px; height:64px; cursor:pointer; margin:0 10px; }
  .p_info .preview .swiper-slide img{ width:90px; height:64px; object-fit:cover; }
  .p_info .info b{ font-size:22px; margin-top:15px; }
  .p_info .info p{ font-size:13px; }
  .p_info .info p span{ font-size:14px; }
  .p_info .info > a{ margin-top:30px; }
  .p_info .info > a + a{ margin-left:30px; }
  .p_info .info i{ font-size:13px; }
  .p_info .info > div{ margin-top:15px; }
  .p_info .info > div span{ font-size:14px; }
  .p-tit{ margin-bottom:15px; }
  .p-tit h3{ padding:15px 25px; font-size:16px; }
  #p-form label{ font-size:14px; line-height:1.8; }
  #p-form input{ height: 35px; }
  #verifyImg{ height: 35px!important; }
  #p-form .btn-primary{ font-size:16px; font-weight: normal; }
}
@media screen and (max-width: 992px){
  .p_info .pc_slide{ padding:10px; }
  .p_info{ margin-bottom:25px; }
  .p_info .preview .swiper-container{ margin-left:25px; }
  .p_info .info b{ font-size:20px; }
  .p_info .info p{ font-size:12px; }
  .p_info .info p span{ font-size:13px; }
  .p_info .info > a{ margin-top:25px; }
  .p_info .info > a + a{ margin-left:25px; }
  .p_info .info i{ font-size:12px; }
  .p_info .info > div{ margin-top:14px; }
  .p_info .info > div span{ font-size:13px; }
  .p-tit h3{ padding:12px 24px; font-size:15px; }
  #p-form label{ font-size:13px; }
  #p-form input{ height: 30px; }
  #verifyImg{ height: 30px!important; }
  #p-form .btn-primary{ font-size:15px; }
}
@media screen and (max-width: 768px){
  .p_info .pc_slide{ padding:5px; }
  .p_info{ margin-bottom:20px; }
  .p_info .preview .swiper-container{ margin-left:20px; }
  .p_info .info b{ font-size:18px; }
  .p_info .info p span{ font-size:12px; }
  .p_info .info > a{ margin-top:20px; }
  .p_info .info > a + a{ margin-left:20px; }
  .p_info .info > div{ margin-top:13px; }
  .p_info .info > div span{ font-size:12px; }
  .p-tit h3{ padding:10px 20px; font-size:14px; }
  #p-form label{ font-size:12px; }
  #p-form input{ height: 25px; }
  #verifyImg{ height: 25px!important; }
  #p-form .btn-primary{ font-size:14px; }
}
@media screen and (max-width: 640px){
  .p_info{ margin-bottom:15px; flex-wrap: wrap; }
  .p_info .focus, .p_info .info{ width: 100%; }
  .p_info .info{ margin-top: 15px; }
  .p_info .info b{ font-size:17px; }
  .p_info .info > a{ margin-top:14px; }
  .p_info .info > a + a{ margin-left:14px; }
  .p_info .info > div{ margin-top:12px; }
  .p-tit h3{ padding:10px 20px; font-size:13px; }
  #p-form .btn-primary{ font-size:13px; }
}
@media screen and (max-width: 567px){
  .p_info{ margin-bottom:15px; flex-wrap: wrap; }
  .p_info .focus, .p_info .info{ width: 100%; }
  .p_info .info{ margin-top: 15px; }
  .p_info .info b{ font-size:17px; }
  .p_info .info > a{ margin-top:14px; }
  .p_info .info > a + a{ margin-left:14px; }
  .p_info .info > div{ margin-top:12px; }
  .p-tit h3{ padding:10px 20px; font-size:13px; }
  #p-form .btn-primary{ font-size:12px; }
  #p-form .w50{ width: 100%; }
  #p-form label{ width: 20%!important; }
  #p-form input, #p-form textarea{ width: 80%; }
  #p-form .code{ width: calc(70% - 7.5px); }
  #p-form .code label{ width: 30%!important; }
  #p-form .code input{ width: 60%; }
  #p-form .img{ width: calc(30% - 7.5px); }
}
@media screen and (max-width: 414px){
}

#prev_next{ display: flex; align-items: center; justify-content: space-between; border-top:1px dotted #868686; margin:10px 0; padding:10px 0; }
#prev_next li{ width: calc(50% - 15px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#prev_next li + li{ text-align:right; word-wrap:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
#prev_next li a{ color: #333333; transition: all .3s; }
#prev_next li a:hover{ transition: all .3s; color: var(--pei-color); }
input:active, input:focus{ border:none; outline:0; }
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 992px){
}
@media screen and (max-width: 768px){
  #prev_next{ flex-wrap: wrap; padding:0; }
  #prev_next li{ width: 100%; padding:4px 0; border-bottom:1px dotted #868686; }
  #prev_next li + li{ text-align: left; }
}
@media screen and (max-width: 640px){
}
@media screen and (max-width: 567px){
}
@media screen and (max-width: 414px){
}