@charset "utf-8";
/* 引入外部图标样式 */
@font-face {
  font-family: 'iconfont';  /* Project id 2431691 */
  src: url('http://at.alicdn.com/t/font_2431691_cj6t8i365om.woff2?t=1631069549877') format('woff2'),
       url('http://at.alicdn.com/t/font_2431691_cj6t8i365om.woff?t=1631069549877') format('woff'),
       url('http://at.alicdn.com/t/font_2431691_cj6t8i365om.ttf?t=1631069549877') 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:#016bbf;--pei-color:#00A73E;}
/* 样式重置 */
html, body, div,
h1, h2, h3, h4, h5, h6,
hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre, form, fieldset, object, code,
legend, button, input, textarea, label,
th, td, a, img{margin: 0; padding: 0; border: 0; outline: 0;}
body{font: 12px/1.5 'Microsoft YaHei', 'Helvetica Neue', 'Helvetica', 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif'; color: #333; background-color: #fff;}
a:hover{ text-decoration: none; }
/*清除内外边距*/
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;}
/*page*/
.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px; 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;}

button:active, button:focus{ border:none; outline:0; }
.inner{ width: 1400px; margin:0 auto; }
@media only screen and (max-width: 1400px){
  .inner{ width: 100%; box-sizing: border-box; padding:0 15px; }
}

@font-face{ font-family: DIN; src: url('./fonts/DINPro-Bold.ttf'); }
@font-face{ font-family: DINLIGHT; src: url('./fonts/DIN-Light.otf'); }

/* h_tool */
.h_tool{ background: #f2f3f2; padding:6.5px 0; }
.h_tool .inner{ display: flex; align-items: center; justify-content: space-between; }
.h_tool p, .h_tool h1{ font-size: 14px;color: #666666; }
.h_tool ul, .h_tool li{ display: flex; align-items: center; }
.h_tool li + li{ margin-left: 20px; }
.h_tool li a{ font-size: 14px; color: #666; }
.h_tool li span{ font-size: 14px; display: inline-block; color:#666666; line-height: 1; margin-right: 10px; }
.h_tool li b{ font-size:14px; color: #666; font-weight: bold; }
.h_tool li:nth-child(2) span{ font-size: 12px;; }
@media only screen and (max-width: 768px){
  .h_tool ul{ display: none; }
}
@media only screen and (max-width: 640px){
}
@media only screen and (max-width: 576px){
  .h_tool .inner{ justify-content: center; }
  .h_tool p, .h_tool h1{ font-size: 13px; }
}
@media only screen and (max-width: 414px){
  .h_tool p, .h_tool h1{ font-size: 12px; }
}

/* h_top */
.h_top{ width: 100%; overflow: hidden; box-sizing: border-box; padding:30px 0; }
.h_top .inner{ display: flex; align-items: center; justify-content: space-between; }
.h_top .logo{ display: inline-flex; align-items: center; }
.h_top .logo img{ max-width: 100%; }
.h_top .tel{ display: inline-flex; align-items: center; }
.h_top .tel span{ font-size: 28px; color:#fff; margin-right: 12px; display:inline-flex; align-items: center; justify-content: center; width:54px; height:54px; background:var(--pei-color); border-radius: 50%; }
.h_top .tel div p{ font-size: 14px; color:#666666; line-height: 1; }
.h_top .tel div b{ font-size: 30px; color:#333333; line-height: 1; margin:10px 0 0; display:block; }
@media only screen and (max-width: 1400px){
  .h_top .tel div b{ font-size: 26px; margin-top: 8px; }
  .h_top .tel span{ font-size: 24px; width:50px; height:50px; }
}
@media only screen and (max-width: 1200px){
  .h_top{ padding:25px 0; }
  .h_top .logo{ width: 50%; }
  .h_top .tel div b{ font-size: 22px; margin-top: 6px; }
  .h_top .tel span{ font-size: 22px; width:48px; height:48px; }
}
@media only screen and (max-width: 992px){
  .h_top{ padding:20px 0; }
  .h_top .tel div p{ font-size: 13px; }
  .h_top .tel div b{ font-size: 18px; margin-top: 4px; }
  .h_top .tel span{ font-size: 20px; width:46px; height:46px; }
}
@media only screen and (max-width: 768px){
  .h_top{ padding:15px 0; }
  .h_top .inner{ justify-content: center; }
  .h_top .logo{ width: 70%; }
  .h_top .tel{ display: none; }
}
@media only screen and (max-width: 640px){
  .h_top .logo{ width: 80%; }
}
@media only screen and (max-width: 576px){
  .h_top .logo{ width: 90%; }
}
@media only screen and (max-width: 414px){
  .h_top .logo{ width: 100%; }
}

/* h_menu */
.h_menu{ overflow: hidden; background: var(--zhu-color); }
.nav{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; }
.nav li{ width: 12.5%; position: relative; transition: all .3s; overflow: hidden; }
.nav li > a{ display: flex; padding: 22px 0; align-items: center; justify-content: center; line-height: 1; font-size: 16px; color: #ffffff; position: relative; transition: all .3s; }
.nav li > a::before{ transition: all .3s; content: ""; display: block; width:1px; height:100%; background: #1184ad; position: absolute; left:0; top:0; }
.nav li:first-child > a::before{ display: none; }
.nav li > a span{ font-size: 16px; line-height: 1; display:inline-block; opacity: 0; transition: all .3s; margin-right: 10px; position: relative; }
.nav li > a:hover{ transition: all .3s; background: var(--pei-color); }
.nav li > a:hover::before{ transition: all .3s; bottom:0; }
.nav li > a:hover span{ opacity: 1; transition: all .3s; }
@media only screen and (max-width: 1400px){
  .h_menu .inner{ padding:0; }
  .nav li > a{ padding: 20px 0; }
}
@media only screen and (max-width: 1200px){
  .nav li > a{ padding: 18px 0; font-size: 15px; }
}
@media only screen and (max-width: 992px){
  .nav li > a{ padding: 16px 0; font-size: 14px; }
}
@media only screen and (max-width: 768px){
  .nav li > a{ padding: 14px 0; font-size: 13px; }
}
@media only screen and (max-width: 640px){
  .nav li{ width: 25%; border-right: 1px solid #fff; }
  .nav li > a span{ display: none; }
  .nav li:nth-child(4), .nav li:nth-child(8){ border-right: 0; }
  .nav li:nth-child(1), .nav li:nth-child(2), .nav li:nth-child(3), .nav li:nth-child(4){ border-bottom: 1px solid #fff; }
}
@media only screen and (max-width: 576px){
  .nav li > a{ padding: 12px 0; }
}
@media only screen and (max-width: 414px){
  .nav li > a{ font-size: 12px; }
}

/* banner */
#banner{ width: 100%; overflow: hidden; }
#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 (min-width: 1930px){
  #banner img{ width: 100%;}
}
@media only screen and (max-width: 1910px){
  #banner img{ width: 100%;}
}
@media only screen and (max-width: 768px){
  #banner .swiper-pagination{ bottom:25px; }
	#banner .swiper-pagination-bullet{ opacity: 1; width: 12px; height: 12px; background: none; border:1px solid #f7fbfe; border-radius: 50%; }
  #banner .swiper-pagination-bullet-active{ width: 12px; height: 12px; background: var(--zhu-color); border-radius: 12px; border:none; }
}
@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; }
}
@media only screen and (max-width: 576px){
  #banner .swiper-button-next::after, #banner .swiper-button-prev::after{ font-size: 32px; }
}
@media only screen and (max-width: 414px){
  #banner .swiper-button-next::after, #banner .swiper-button-prev::after{ font-size: 24px; }
}

/*search*/
.search{ padding:16px 0; border-bottom: 1px solid #e8e6e6; background: #f2f3f3; overflow: hidden; }
.search .inner{ display: flex; align-items: center; justify-content: space-between; }
.search_keys{ width: 65%; font-size: 16px; color: #333333; display: flex; align-items: center; }
.search_keys span{ display: inline-block; font-size: 18px; color: var(--zhu-color); margin-right: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.search_keys a{ display: inline-block; font-size: 14px; color: #333333; padding:0 12px; transition: all .3s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.search_keys a:hover{ color: var(--zhu-color); letter-spacing: .5px; transition: all .3s; }
.search_from{ width: 35%; height: 46px; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-end; }
.search_from form{ width: 70%; height: 100%; display: flex; align-items: center; position: relative; }
.search_from form::after{ content: ""; display: inline-block; width: 0; height: 1px; background: #8c8989; position: absolute; bottom:0; left: 50%; transition: all .3s; }
.search_from form:hover::after{ transition: all .3s; width: 100%; left: 0; }
.search_from .search_text{ position: relative; width: 100%; height: 100%; display: flex; align-items: center; font-size: 14px; color: #666666; box-sizing: border-box; background: none; }
.search_from .search_btn{ position: absolute; top:50%; right: 0; margin-top:-10px; background: none; }
.search_from .search_btn span{ font-size: 20px; color: #666666; line-height: 1; }
@media only screen and (max-width: 1400px){
  .search{ padding:12px 0; }
  .search_keys{ font-size: 16px; }
  .search_keys span{ font-size: 16px; margin-right: 6px; }
  .search_keys a{ font-size: 13px; }
  .search_from{ height: 44px; }
}
@media only screen and (max-width: 1200px){
  .search{ padding:8px 0; }
  .search_keys{ font-size: 14px; }
  .search_keys span{ font-size: 14px; margin-right: 4px; }
  .search_keys a{ font-size: 12px; padding:0 10px; }
  .search_from{ height: 42px; }
  .search_from .search_text{ font-size: 13px; }
  .search_from .search_btn span{ font-size: 18px; }
}
@media only screen and (max-width: 992px){
  .search{ padding:4px 0; }
  .search_keys{ font-size: 12px; }
  .search_keys span{ font-size: 12px; }
  .search_keys a{ padding:0 8px; }
  .search_from{ height: 40px; }
  .search_from .search_text{ font-size: 12px; }
  .search_from .search_btn span{ font-size: 16px; }
}
@media only screen and (max-width: 768px){
  .search{ padding:12px 0; }
  .search .inner{ flex-direction: column; }
  .search_from{ height: 38px; }
  .search_keys{ width: 100%; justify-content: center; }
  .search_from{ display: none; }
}
@media only screen and (max-width: 640px){
  .search{ padding:4px 0; }
  .search_keys{ display: none; }
  .search_from{ height: 36px; }
  .search_from{ width: 100%; display: flex; justify-content: center; }
  .search_from form{ width: 100%; }
}
@media only screen and (max-width: 576px){
  .search .inner{ padding:0 12px; }
}
@media only screen and (max-width: 414px){
  .search .inner{ padding:0 8px; }
}

/*m_about*/
.m_about{ padding:60px 0 40px; overflow: hidden; background: url(../images/about_bg.jpg) no-repeat left center; position: relative;  }
.m_about .left span{ margin-bottom: 24px; display: block; text-transform: uppercase; font-size: 36px; font-family: DINCOND; letter-spacing: 1px; line-height: 1; }
.m_about .left span i{ color: var(--zhu-color); }
.m_about .left > b{ margin-bottom: 36px; font-size: 30px; color: #333333; display: block; line-height: 1; }
.m_about .left p{ font-size: 16px; color: #333333; line-height: 1.875; clear: both; overflow:hidden; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; }
.m_about .left p + p{ margin-top: 32px; }
.m_about .left ul{ overflow: hidden; margin-top: 40px; }
.m_about .left li{ width: 25%; float: left; text-align: center; }
.m_about .left li span{ display: inline-block; width: 80px; height: 80px; font-size: 28px; border:1px dotted var(--zhu-color); border-radius: 50%; text-align: center; line-height: 80px; }
.m_about .left li b{ display:block; font-size: 18px; color: var(--zhu-color); }
.m_about .left li:hover span{ animation: swing 1s;}
.m_about .right{ width: 100%; position: relative; padding-bottom: 75px; }
.m_about .right .tit{ position: absolute; right:0; top:0; width: 16px; font-size: 18px; color: #102542;  }
.m_about .right .tit::after{ content: ""; display: inline-block; width: 1px; height: 292px; background: #7c8797; position: absolute; right:10px; top:100px; }
.m_about .right .tit small{ transform: rotate(90deg); display: inline-block; position: absolute; left: -24px; top: 34px; }
.m_about .right .tit i{ display: inline-block; float: left; width: 10px; height: 10px; background: #7c8797; }
.m_about .right .block{ display: inline-block; width: 232px; height: 232px; border-radius: 3px; background: #1074c3; position: absolute; right: 10px; bottom: 0; }
.m_about .right .img{ width: 700px; height: 520px; overflow: hidden; }
.m_about .right img{ position: relative; max-width:100%; z-index: 33; border-radius: 3px;  }
/*.scale{ visibility: visible;-webkit-animation:scale-bg 6s linear forwards;animation:scale-bg 6s linear forwards;}*/
/*@-webkit-keyframes swing{ 20%{-webkit-transform:rotate(15deg);} 40%{-webkit-transform:rotate(-10deg);} 60%{-webkit-transform:rotate(5deg);} 80%{-webkit-transform:rotate(-5deg);} 100%{-webkit-transform:rotate(0);} }
@-moz-keyframes swing{ 20%{-moz-transform:rotate(15deg);} 40%{-moz-transform:rotate(-10deg);} 60%{-moz-transform:rotate(5deg);} 80%{-moz-transform:rotate(-5deg);} 100%{-moz-transform:rotate(0);} }
@-ms-keyframes swing{ 20%{-ms-transform:rotate(15deg);} 40%{-ms-transform:rotate(-10deg);} 60%{-ms-transform:rotate(5deg);} 80%{-ms-transform:rotate(-5deg);} 100%{-ms-transform:rotate(0);} }
@keyframes swing{ 20%{transform:rotate(15deg);} 40%{transform:rotate(-10deg);} 60%{transform:rotate(5deg);} 80%{transform:rotate(-5deg);} 100%{transform:rotate(0);} }
@-webkit-keyframes scale-bg{ from{ -webkit-transform:scale(1.2); transform:scale(1.2); } to{ -webkit-transform:scale(1); transform:scale(1); } }
@keyframes scale-bg{ from{ -webkit-transform:scale(1.2); transform:scale(1.2); } to{ -webkit-transform:scale(1); transform:scale(1); } }
*/@media only screen and (max-width: 1400px){
  .m_about{ padding:40px 0; }
  .m_about .inner{ padding:0; }
  .m_about .right{ padding-bottom: 0; }
  .m_about .right .block{ display:none; }
  .m_about .right .img{ width: calc(100% - 30px); height: 480px; }
  .m_about .right img{ width: 100%; height: 100%; object-fit: cover; margin-left: 0; }
  .m_about .left span{ margin-bottom: 0; font-size: 32px; }
  .m_about .left > b{ margin:26px 0; font-size: 28px; }
  .m_about .left li b{ font-size: 16px; font-weight: normal; line-height: 1; margin-top: 12px; }
  .m_about .left li span{ font-size: 26px; }
  .m_about .left ul{ margin-top: 30px; }
}
@media only screen and (max-width: 1200px){
  .m_about{ padding:35px 0; }
  .m_about .left span{ font-size: 30px; }
  .m_about .left > b{ margin:24px 0; font-size: 26px; }
  .m_about .left li b{ font-size: 15px; margin-top: 12px; }
  .m_about .left li span{ width: 70px; height: 70px; font-size: 24px; line-height: 1; display: inline-flex; align-items: center; justify-content: center; }
  .m_about .left ul{ margin-top: 25px; }
}
@media only screen and (max-width: 992px){
  .m_about{ padding:30px 0; }
	.m_about .right .img{ border-radius: 5px; overflow: hidden; width:100%; height: 380px; position: relative; }
  .m_about .right .tit{ display: none; }
  .m_about .left ul{ margin: 20px 0; }
  .m_about .left span{ font-size: 28px; letter-spacing: 0; }
  .m_about .left > b{ margin:20px 0; font-size: 24px; }
  .m_about .left li b{ font-size: 14px; margin-top: 10px; }
  .m_about .left p{ font-size: 15px; line-height: 1.7; }
}
@media only screen and (max-width: 768px){
  .m_about{ padding:25px 0; }
  .m_about .right .img{ height: 320px; }
  .m_about .left span{ font-size: 26px; }
  .m_about .left > b{ margin:18px 0; font-size: 22px; }
}
@media only screen and (max-width: 640px){
  .m_about{ padding:20px 0; }
  .m_about .left span{ font-size: 24px; }
  .m_about .left > b{ margin:16px 0; font-size: 20px; }
  .m_about .left p{ font-size: 14px; line-height: 1.5; }
  .m_about .left li span{ width: 60px; height: 60px; font-size: 22px; }
  .m_about .right .img{ height: 280px; }
}
@media only screen and (max-width: 576px){
  .m_about{ padding:15px 0; }
  .m_about .left span{ font-size: 22px; }
  .m_about .left > b{ margin:14px 0; font-size: 18px; }
  .m_about .left p{ font-size: 13px; }
  .m_about .left li span{ width: 50px; height: 50px; font-size: 20px; }
  .m_about .left li b{ font-size: 13px; margin-top: 8px; }
  .m_about .right .img{ height: 240px; }
}
@media only screen and (max-width: 414px){
  .m_about .left span{ font-size: 20px; }
  .m_about .left li span{ width: 40px; height: 40px; font-size: 18px; }
  .m_about .right .img{ height: 200px; }
}

/*m_pro*/
.m_pro{ overflow: hidden; padding:30px 0; }
.m_pro .hd{ display: flex; align-items: center; justify-content: space-between; overflow: hidden; padding-bottom: 30px; width: 100%; }
.m_pro .hd .tit{ width: 30%; }
.m_pro .hd span{ display: block; text-transform: uppercase; font-size: 36px; font-family: DINCOND; letter-spacing: 1px; line-height: 1; }
.m_pro .hd span i{ color: var(--zhu-color); }
.m_pro .hd b{ display: block; margin-top: 12px; font-size: 24px; color: #333333; font-weight: normal; position: relative; line-height: 1; }
.m_pro .hd b::after{ content: ""; display: inline-block; width: 220px; height: 1px; border:0; background: #a8a5a5; position: absolute; left: 104px; top:50%; }
.m_pro .hd .type{ width: 70%; display: flex; align-items: center; justify-content: flex-end; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.m_pro .hd .type a{ font-size: 16px; color: #333333; display: inline-block; padding:0 35px 0 25px; background: url(../images/product_li.png) no-repeat right center; transition: all .3s; }
.m_pro .hd .type a:hover{ color: var(--zhu-color); transition: all .3s; font-weight: bold; }
.m_pro .bd{ width: 100%; overflow: hidden; }
.m_pro .bd a{ display: block; width: 100%; box-sizing: border-box; }
.m_pro .bd a .img{ width: 100%; height: 330px; box-sizing: border-box; padding:12px; border:1px solid #d4d6d9; overflow: hidden; border-radius: 5px; }
.m_pro .bd a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s ease; border-radius: 5px; }
.m_pro .bd a .txt{ box-sizing: border-box; padding:24px 0; overflow: hidden; display: flex; align-items: center; border-bottom: 1px solid #d4d6d9; }
.m_pro .bd a .txt i{ display: inline-block; width: 4px; height: 4px; border:1px solid #c1c4c8; border-radius: 50%; transition: all .3s; float: left; }
.m_pro .bd a .txt b{ display: block; width: 80%; float: left; margin-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #333333; transition: all .3s; font-weight: normal; }
.m_pro .bd a .txt span{ font-size: 30px; color: #d4d6d9; line-height: 1; float: right; position: relative; right: 0; transition: all .3s; }
.m_pro .bd a:hover i{ border-color: var(--zhu-color); transition: all .3s; }
.m_pro .bd a:hover b{ color: var(--zhu-color); transition: all .3s; }
.m_pro .bd a:hover span{ color: var(--zhu-color); right: -15px; transition: all .3s; }
.m_pro .bd a:hover img{ transition: all .3s ease; transform: rotate(-2deg); }
@media only screen and (max-width: 1400px){
  .m_pro{ padding:25px 0; }
  .m_pro .hd{ padding-bottom: 25px; }
  .m_pro .hd span{ font-size: 32px; }
  .m_pro .hd b{ font-size: 22px; }
  .m_pro .hd b::after{ width: 180px; left: 100px; }
  .m_pro .hd .type a{ font-size: 15px; padding:0 30px 0 20px; }
  .m_pro .bd a .img{ height: 250px; }
  .m_pro .bd a .txt{ padding:20px 0; }
  .m_pro .bd a .txt span{ font-size: 24px; }
}
@media only screen and (max-width: 1200px){
  .m_pro{ padding:20px 0; }
  .m_pro .hd{ padding-bottom: 20px; }
  .m_pro .hd span{ font-size: 30px; }
  .m_pro .hd b{ margin-top: 10px; font-size: 20px; }
  .m_pro .hd b::after{ width: 160px; left: 90px; }
  .m_pro .hd .type a{ font-size: 14px; padding:0 25px 0 15px; }
  .m_pro .bd a .img{ height: 240px; }
  .m_pro .bd a .txt{ padding:18px 0; }
  .m_pro .bd a .txt span{ font-size: 22px; }
}
@media only screen and (max-width: 992px){
  .m_pro{ padding:15px 0; }
  .m_pro .hd{ padding-bottom: 15px; }
  .m_pro .hd .tit{ width: 50%; }
  .m_pro .hd .type{ width: 50%; }
  .m_pro .hd span{ font-size: 28px; letter-spacing: 0; }
  .m_pro .hd b{ margin-top: 8px; font-size: 18px; }
  .m_pro .hd b::after{ width: 140px; left: 80px; }
	.m_pro .hd .type a{ display: none; }
  .m_pro .hd .type a{ padding:0; background: none; }
	.m_pro .hd .type a:last-child{ display: block; }
  .m_pro .bd a .img{ height: 220px; }
  .m_pro .bd a .txt{ padding:16px 0; }
  .m_pro .bd a .txt span{ font-size: 20px; }
}
@media only screen and (max-width: 768px){
  .m_pro .hd span{ font-size: 26px; }
  .m_pro .hd b{ margin-top: 6px; font-size: 16px; }
  .m_pro .hd b::after{ width: 120px; left: 70px; }
  .m_pro .bd a .img{ height: 200px; padding:10px; }
  .m_pro .bd a .txt{ padding:14px 0; }
  .m_pro .bd a .txt span{ font-size: 18px; }
}
@media only screen and (max-width: 640px){
  .m_pro .hd span{ font-size: 24px; }
  .m_pro .hd b{ margin-top: 5px; font-size: 15px; }
  .m_pro .hd b::after{ width: 100px; }
  .m_pro .bd a .img{ height: 180px; padding:8px; }
  .m_pro .bd a .txt{ padding:12px 0; }
  .m_pro .bd a .txt span{ font-size: 16px; }
}
@media only screen and (max-width: 576px){
  .m_pro .hd .tit{ width: 70%; }
  .m_pro .hd .type{ width: 30%; }
  .m_pro .hd span{ font-size: 22px; }
  .m_pro .hd b::after{ width: 80px; }
  .m_pro .bd a .img{ height: 160px; padding:6px; }
  .m_pro .bd a .txt{ padding:10px 0; }
  .m_pro .bd a .txt b{ font-size: 13px; }
  .m_pro .bd a .txt span{ font-size: 14px; }
}
@media only screen and (max-width: 414px){
  .m_pro .hd span{ font-size: 20px; }
  .m_pro .hd b::after{ width: 60px; }
  .m_pro .bd a .img{ height: 140px; padding:4px; }
  .m_pro .bd a .txt{ padding:8px 0; }
  .m_pro .bd a .txt b{ font-size: 12px; }
  .m_pro .bd a .txt span{ font-size: 12px; }
}


/*super*/
.m_super{ overflow: hidden; padding:60px 0; background: url(../images/super_bg.png) no-repeat top center; }
.m_super .inner{ display: flex; align-items: flex-start; justify-content: space-between; }
.m_super .left{ box-sizing: border-box; padding:98px 50px 0 55px; width: 390px; height: 700px; background: url(../images/super_left.png) no-repeat left top; }
.m_super .left > span{ display: block; font-size: 26.5px; color: #ffffff; font-weight: bold; text-transform: uppercase; line-height: 1; margin-bottom: 28px; }
.m_super .left b{ font-size: 32px; color: #ffffff; display: block; line-height: 1; margin-bottom: 40px; }
.m_super .left p{ font-size: 14px; color: #ffffff; line-height: 2; position: relative; margin-bottom: 64px; }
.m_super .left p::after{ content: ""; display: inline-block; width: 44px; background: #559cd4; height: 2px; border:0; position: absolute; bottom:-28px; left:0; }
.m_super .left small{ font-size: 12px; color: rgba(255,255,255,.5); line-height: 2; text-transform: uppercase; }
.m_super .left > div{ padding:24px; }
.m_super .left > div b{ font-size: 26px; color: #ffffff; font-weight: normal; }
.m_super .left > div b span{ display: inline-block; width: 32px; height: 32px; border-radius: 50%; background: #fff; text-align: center; line-height: 32px; font-size: 18px; color: var(--zhu-color); margin-right: 12px; transition: all .3s; }
.m_super .left > div a{ display: inline-flex; align-items: center; justify-content: center; line-height: 1; padding:10px 56px; background: var(--pei-color); border-radius: 5px; font-size: 16px; color: #ffffff; transition: all .3s; border:1px solid var(--pei-color); }
.m_super .left > div a span{ font-size: 19px; line-height: 1; margin-right: 12px; transition: all .3s; }
.m_super .left > div a:hover{ background: none; transition: all .3s; }
.m_super .right{ width: calc(100% - 390px); padding-top: 22px; position: relative; }
.m_super .right > .txt{ position: absolute; top:58px; right: 36px; width: 465px; }
.m_super .right > .txt b{ font-weight: normal; display: block; font-size: 16px; color: #333333; line-height: 1.8; margin-bottom: 12px; }
.m_super .right > .txt p{ font-size: 12px; color: #999999; line-height: 1.8; text-transform: uppercase; }
#super_img{ width: 470px; overflow: hidden; float: left; clear: both; border-radius: 0 0 30px 0; }
#super_txt{ float: left; display: block; width: 690px;  }
#super_txt .swiper-slide{ display: block; width: 100%; box-sizing: border-box; padding:68px 0 0 100px; }
#super_txt b{ display: block; font-size: 26px; color: #333333; font-weight: normal; line-height: 1; margin-bottom: 30px; }
#super_txt p{ font-size: 16px; color: #666666; line-height: 30px; }
.m_super .right .swiper-button-next, .m_super .right .swiper-button-prev{ text-align: center; line-height: 62px; background-image: none; width: 112px; height: 62px; background: var(--zhu-color); top:65%; transition: all .3s; }
.m_super .right .swiper-button-next:after, .m_super .right .swiper-button-prev:after{ display: none; }
.m_super .right .swiper-button-next{ border-radius: 0 0 20px 0; right: 5px; }
.m_super .right .swiper-button-prev{ border-radius: 20px 0 0 0; left: auto; right:117px; }
.m_super .right .swiper-button-next span{ font-size: 48px; color: #fff; line-height: 62px; position: relative; right: 0; transition: all .3s; }
.m_super .right .swiper-button-prev span{ font-size: 48px; color: #fff; line-height: 62px; position: relative; left: 0; transition: all .3s; }
.m_super .right .swiper-button-next:hover, .m_super .right .swiper-button-prev:hover{ transition: all .3s; background: var(--pei-color); }
.m_super .right .swiper-button-next:hover span{ transition: all .3s; right: -5px; } 
.m_super .right .swiper-button-prev:hover span{ transition: all .3s; left: -5px; }
@media only screen and (max-width: 1400px){
  .m_super{ padding:15px 0; background:#ffffff; }
  .m_super .inner{ background:#f5fbfe; }
  .m_super .left{ background: var(--zhu-color); width: 30%; height: auto; padding:45px 35px; }
  .m_super .left > span{ margin-bottom: 0; }
	.m_super .left b{ font-size: 26px; margin:30px 0; }
	.m_super .left > div{ padding:16px 10px; }
  .m_super .left > div b{ margin:20px 0; }
	.m_super .left small{ overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
	.m_super .right{ width: 70%; padding-top: 0; }
  .m_super .right > .txt{ top:28px; width: 38%; right: 15px; }
	.m_super .right .swiper-button-next, .m_super .right .swiper-button-prev{ top:auto; bottom:0; }
	#super_txt .swiper-slide{ padding:40px 30px; }
  .m_super .right .swiper-button-next, .m_super .right .swiper-button-prev{ height: auto; line-height: 1; width: auto; padding:0 15px; }
  .m_super .right .swiper-button-prev{ right: 66px; }
  .m_super .right .swiper-button-next span{ font-size: 36px; line-height: 1; }
  .m_super .right .swiper-button-prev span{ font-size: 36px; line-height: 1;}
  .m_super .right .swiper-button-next:hover span{ transition: all .3s; right: 0; } 
  .m_super .right .swiper-button-prev:hover span{ transition: all .3s; left: 0; }
}
@media only screen and (max-width: 1200px){
  .m_super .inner{ padding:0; }
  .m_super .left{ width: 40%; padding:35px; }
  .m_super .right{ width: 60%; }
  .m_super .right > .txt{ display: none; }
  #super_img{ width: 100%; }
  #super_img .swiper-slide{ width: 100%; padding-bottom: 50%; position: relative; overflow: hidden; }
  #super_img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; }
  #super_txt{ width: 100%; padding-bottom: 15px; }
  #super_txt b{ font-size: 24px; margin-bottom: 12px; }
  #super_txt p{ font-size: 15px; line-height: 1.8; }
  #super_txt .swiper-slide{ height: 50%; box-sizing: border-box; padding:28px 15px; }

}
@media only screen and (max-width: 992px){
  .m_super .inner{ flex-direction: column; }
	.m_super .left{ width: 100%; padding:0;  }
	.m_super .left b{ font-size:22px; color: #ffffff; text-align: center; margin:20px 0; }
	.m_super .left span, .m_super .left p, .m_super .left small, .m_super .left div{ display: none; }
	.m_super .right{ width: 100%; }
  .m_super .right > .txt{ display: block; width: 50%; box-sizing: border-box; padding:15px; top:0; right:0; }
  .m_super .right > .txt b{ font-size: 14px; line-height: 1.5; }
  .m_super .right > .txt p{ line-height: 1.5; }
  #super_img{ width: 50%; }
  #super_txt{ width: 100%; padding-bottom: 30px; }
  #super_txt b{ font-size: 22px; margin-bottom: 12px; }
  #super_txt p{ font-size: 14px; line-height: 1.8; }
  #super_txt .swiper-slide{ padding:22px 15px; }
}
@media only screen and (max-width: 768px){
  .m_super .left b{ font-size:20px; margin:18px 0; }
  #super_img{ width: 100%; }
  #super_img .swiper-slide{ padding-bottom: 36%; }
  #super_txt b{ font-size: 20px; margin-bottom: 10px; }
  #super_txt p{ font-size: 13px; line-height: 1.5; }
  .m_super .right > .txt{ display: none; }
  #super_txt .swiper-slide{ padding:20px 15px; }
}
@media only screen and (max-width: 640px){
  .m_super .left b{ font-size:18px; margin:16px 0; }
  #super_txt b{ font-size: 18px; }
  #super_txt p{ font-size: 12px; line-height: 1.5; }
  #super_txt .swiper-slide{ padding:18px 15px; }
  #super_img .swiper-slide{ padding-bottom: 38%; }
}
@media only screen and (max-width: 576px){
  .m_super .left b{ font-size:17px; font-weight: normal; margin:14px 0; }
  #super_txt{ padding-bottom: 24px; }
  #super_txt b{ font-size: 17px; margin-bottom: 8px; }
  #super_txt .swiper-slide{ padding:15px; }
  #super_img .swiper-slide{ padding-bottom: 40%; }
  .m_super .right .swiper-button-next, .m_super .right .swiper-button-prev{ padding:0 12px; }
  .m_super .right .swiper-button-prev{ right: 48px; }
  .m_super .right .swiper-button-next span{ font-size: 24px; line-height: 1; }
  .m_super .right .swiper-button-prev span{ font-size: 24px; line-height: 1;}
}
@media only screen and (max-width: 414px){
  .m_super .left b{ font-size:16px; margin:12px 0; }
  #super_img .swiper-slide{ padding-bottom: 42%; }
  #super_txt b{ font-size: 16px; margin-bottom: 6px; }
}


/*m_case*/
.m_case{ overflow: hidden; padding:0; }
.m_case .hd{  display: flex; align-items: center; justify-content: space-between; overflow: hidden; padding-bottom: 30px; width: 100%; }
.m_case .hd .tit{ width: 30%; }
.m_case .hd span{ display: block; text-transform: uppercase; font-size: 36px; font-family: DINCOND; letter-spacing: 1px; line-height: 1; }
.m_case .hd span i{ color: var(--zhu-color); }
.m_case .hd b{ display: block; margin-top: 12px; font-size: 24px; color: #333333; font-weight: normal; position: relative; line-height: 1; }
.m_case .hd b::after{ content: ""; display: inline-block; width: 220px; height: 1px; border:0; background: #a8a5a5; position: absolute; left: 104px; top:50%; }
.m_case .hd a{ line-height: 1; text-decoration: none; transition: all .3s; position: relative; display: inline-block; font-size: 14px; color: #666666; padding-left: 40px; box-sizing: border-box; }
.m_case .hd a::after{ transition: all .3s; content: ""; display: inline-block; width: 30px; height: 1px; background: #666666; top:50%; left: 0; border:0; position: absolute; }
.m_case .hd a span{ display: inline-block; line-height: 1; font-size: 12px; color: #000; margin-left: 10px; font-weight: 400;transition: all .3s; }
.m_case .hd a:hover{ color: var(--zhu-color); transition: all .3s; }
.m_case .hd a:hover::after{ transition: all .3s; left:114px; }
.m_case .hd a:hover span{ margin-left: 40px; transition: all .3s; }
.m_case .bd{ width: 100%; overflow: hidden; }
.m_case .bd a{ display: block; width: 100%; overflow: hidden; }
.m_case .bd a .img{ width: 100%; height: 256px; box-sizing: border-box; padding:12px; border:1px solid #d4d6d9; overflow: hidden; border-radius: 5px; }
.m_case .bd a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; border-radius: 5px; }
.m_case .bd a .txt{ position: relative; border-top: 1px solid #d6d2d2; margin-top: 16px; padding:20px 0; }
.m_case .bd a .txt b{ font-weight: normal; display: block; line-height: 1; font-size: 16px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m_case .bd a .txt::before{ content: ""; display: inline-block; width: 0px; height: 1px; background: var(--zhu-color); position: absolute; top:-1px; left: 0; }
.m_case .bd a:hover .txt::before{ transition: all .3s; width: 100%; }
.m_case .bd a:hover img{ transition: all .3s; transform: scale(1.02); }
@media only screen and (max-width: 1400px){
  .m_case .hd{ padding-bottom: 25px; }
  .m_case .hd span{ font-size: 32px; }
  .m_case .hd b{ font-size: 22px; }
  .m_case .hd b::after{ width: 180px; left: 100px; }
  .m_case .bd a .img{ height: 236px; padding:10px; }
}
@media only screen and (max-width: 1200px){
  .m_case{ padding:20px 0 0; }
  .m_case .hd{ padding-bottom: 20px; }
  .m_case .hd span{ font-size: 30px; }
  .m_case .hd b{ margin-top: 10px; font-size: 20px; }
  .m_case .hd b::after{ width: 160px; left: 90px; }
  .m_case .hd .type a{ font-size: 14px; padding:0 25px 0 15px; }
  .m_case .bd a .img{ height: 220px; padding:8px; }
}
@media only screen and (max-width: 992px){
  .m_case .hd{ padding-bottom: 15px; }
  .m_case .hd .tit{ width: 50%; }
  .m_case .hd span{ font-size: 28px; letter-spacing: 0; }
  .m_case .hd b{ margin-top: 8px; font-size: 18px; }
  .m_case .hd b::after{ width: 140px; left: 80px; }
  .m_case .bd a .img{ height: 200px; }
}
@media only screen and (max-width: 768px){
  .m_case .hd span{ font-size: 26px; }
  .m_case .hd b{ margin-top: 6px; font-size: 16px; }
  .m_case .hd b::after{ width: 120px; left: 70px; }
  .m_case .bd a .txt{ padding:15px 0; margin-top: 15px; }
  .m_case .bd a .txt b{ font-size: 15px; }
}
@media only screen and (max-width: 640px){
  .m_case .hd span{ font-size: 24px; }
  .m_case .hd b{ margin-top: 5px; font-size: 15px; }
  .m_case .hd b::after{ width: 100px; }
  .m_case .bd a .img{ height: 180px; }
  .m_case .bd a .txt{ padding:14px 0; margin-top: 14px; }
  .m_case .bd a .txt b{ font-size: 14px; }
}
@media only screen and (max-width: 576px){
  .m_case .hd span{ font-size: 22px; }
  .m_case .hd b::after{ width: 80px; }
  .m_case .bd a .img{ height: 160px; }
  .m_case .bd a .txt{ padding:12px 0; margin-top: 12px; }
  .m_case .bd a .txt b{ font-size: 13px; }
}
@media only screen and (max-width: 414px){
  .m_case .hd span{ font-size: 20px; }
  .m_case .hd b::after{ width: 60px; }
  .m_case .bd a .img{ height: 140px; }
  .m_case .bd a .txt{ padding:10px 0; margin-top: 10px; }
  .m_case .bd a .txt b{ font-size: 12px; }
}
@media only screen and (max-width: 360px){
  .m_case .bd a .img{ height: 120px; }
}

/*m_news*/
.m_news{ overflow: hidden; padding:30px 0; }
.m_news .hd{  display: flex; align-items: center; justify-content: space-between; overflow: hidden; padding-bottom: 30px; width: 100%; }
.m_news .hd .tit{ width: 30%; }
.m_news .hd span{ display: block; text-transform: uppercase; font-size: 36px; font-family: DINCOND; letter-spacing: 1px; line-height: 1; }
.m_news .hd span i{ color: var(--zhu-color); }
.m_news .hd b{ display: block; margin-top: 12px; font-size: 24px; color: #333333; font-weight: normal; position: relative; line-height: 1; }
.m_news .hd b::after{ content: ""; display: inline-block; width: 220px; height: 1px; border:0; background: #a8a5a5; position: absolute; left: 104px; top:50%; }
.m_news .hd a{ line-height: 1; text-decoration: none; transition: all .3s; position: relative; display: inline-block; font-size: 14px; color: #666666; padding-left: 40px; box-sizing: border-box; }
.m_news .hd a::after{ transition: all .3s; content: ""; display: inline-block; width: 30px; height: 1px; background: #666666; top:50%; left: 0; border:0; position: absolute; }
.m_news .hd a span{ display: inline-block; line-height: 1; font-size: 12px; color: #000; margin-left: 10px; font-weight: 400;transition: all .3s; }
.m_news .hd a:hover{ color: var(--zhu-color); transition: all .3s; }
.m_news .hd a:hover::after{ transition: all .3s; left:114px; }
.m_news .hd a:hover span{ margin-left: 40px; transition: all .3s; }
.m_news .bd{ display: flex; align-items: flex-start; justify-content: space-between; width: 100%; overflow: hidden; }
.m_news .bd .left, .m_news .bd .right{ width: calc(50% - 7.5px); overflow: hidden; }
.m_news .news_img{ overflow: hidden; background: var(--zhu-color); display: flex; align-items: center; justify-content: space-between; border-radius: 5px; }
.m_news .news_img .img{ width: 50%; height: 270px; position: relative; overflow: hidden; }
.m_news .news_img .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; position: absolute; background: #fff; }
.m_news .news_img .txt{ width: 50%; box-sizing: border-box; padding:35px; }
.m_news .news_img .txt b{ font-size: 16px; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; font-weight: normal; transition: all .3s; }
.m_news .news_img .txt p{ font-size: 14px; color: rgba(255,255,255,.56); line-height: 1.5; margin:40px 0 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; transition: all .3s }
.m_news .news_img .txt span{ font-size: 14px; color: #ffffff; display: inline-block; line-height: 1; }
.m_news .news_img:hover img{ transition: all .3s; transform: scale(1.05) }
.m_news .news_img:hover p{ transition: all .3s; margin:20px 0; }
.m_news .news_item{ background: #f5f6f4; padding:30px 0; display: flex; align-items: center; justify-content: space-between; overflow: hidden; margin-top: 20px; }
.m_news .news_item .time{ width: 15%; box-sizing: border-box; display: inline-block; border-right:1px solid #daded8; text-align: center; }
.m_news .news_item .time b{ display: block; font-size: 48px; color: #333333; line-height: 1; margin:6px 0 16px; }
.m_news .news_item .time span{ display: inline-block; clear: both; font-size: 16px; color: #333333; line-height: 1; margin-bottom: 8px; }
.m_news .news_item .txt{ overflow: hidden; padding:0 20px; width: 85%; box-sizing: border-box; }
.m_news .news_item .txt b{ display: block; font-size: 18px; color: #333333; line-height: 1; transition: all .3s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m_news .news_item .txt p{ margin-top: 12px; font-size: 14px; line-height: 1.8; color: #999999; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.m_news .news_item:hover b{ margin-top: 6px; transition: all .3s; color: var(--zhu-color); } 
.m_news .news_li{ padding:16px 0; display: flex; align-items: center; justify-content: space-between; overflow: hidden; }
.m_news .news_li .time{ display: inline-block; width: 15%; box-sizing: border-box; border-right:1px solid #daded8; text-align: center; }
.m_news .news_li .time b{ display: block; font-size: 48px; color: #333333; line-height: 1; margin:6px 0 16px; font-weight: normal; transition: all .3s; }
.m_news .news_li .time span{display: inline-block; clear: both; font-size: 16px; color: #333333; line-height: 1; margin-bottom: 8px; }
.m_news .news_li .txt{ padding-left:30px; width: 85%; box-sizing: border-box; }
.m_news .news_li .txt b{ display: block; font-size: 16px; color: #333333; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #d7d8da; font-weight: normal; transition: all .3s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.m_news .news_li .txt p{ font-size: 14px; line-height: 1.8; color: #999999; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.m_news .news_li + .news_li{ margin-top: 30px; }
.m_news .news_li:hover .txt b{ padding-left: 6px; transition: all .3s; color: var(--zhu-color); } 
.m_news .news_li:hover b{ transition: all .3s; color: var(--zhu-color); } 
@media only screen and (max-width: 1400px){
  .m_news{ padding:25px 0; }
  .m_news .hd{ padding-bottom: 25px; }
  .m_news .hd span{ font-size: 32px; }
  .m_news .hd b{ font-size: 22px; }
  .m_news .hd b::after{ width: 180px; left: 100px; }
  .m_news .news_item{ padding:14px 0; }
  .m_news .news_li + .news_li{ margin-top: 0; }
  .m_news .news_img .txt{ padding:30px; }
  .m_news .news_img .img{ height: 240px; }
  .m_news .news_item .txt b{ font-size: 17px; }
  .m_news .news_li .time b{ font-size: 46px; margin:12px 0; }
}
@media only screen and (max-width: 1200px){
  .m_news{ padding:20px 0; }
  .m_news .hd{ padding-bottom: 20px; }
  .m_news .hd span{ font-size: 30px; }
  .m_news .hd b{ margin-top: 10px; font-size: 20px; }
  .m_news .hd b::after{ width: 160px; left: 90px; }
  .m_news .hd .type a{ font-size: 14px; padding:0 25px 0 15px; }
  .m_news .news_item .txt b{ font-size: 16px; font-weight: normal; }
  .m_news .news_img .txt{ width: 60%; padding:25px; }
  .m_news .news_img .img{ width: 40%; height: 210px; }
  .m_news .news_img .txt p{ margin:30px 0 20px; }
  .m_news .news_li{ padding:10px 0; }
  .m_news .news_li .time, .m_news .news_item .time{ width: auto; padding:2px 15px; }
  .m_news .news_li .time b{ font-size: 42px; margin:12px 0; }
  .m_news .news_li .time span, .m_news .news_item .time span{ font-size: 14px; }
  .m_news .news_li .txt, .m_news .news_item .txt{ width: calc(100% - 100px); padding:0 15px 0 0; }
  .m_news .news_item .time b{ font-size: 42px; margin:10px 0; }
  .m_news .news_item .time span{ font-size: 14px; margin-bottom: 0; }
}
@media only screen and (max-width: 992px){
  .m_news{ padding:15px 0; }
  .m_news .hd{ padding-bottom: 15px; }
  .m_news .hd .tit{ width: 50%; }
  .m_news .hd span{ font-size: 28px; letter-spacing: 0; }
  .m_news .hd b{ margin-top: 8px; font-size: 18px; }
  .m_news .hd b::after{ width: 140px; left: 80px; }
  .m_news .news_item .txt b{ font-size: 15px; }
  .m_news .news_li .txt b{ font-size: 15px; }
  .m_news .bd{ flex-direction: column; }
  .m_news .bd .left, .m_news .bd .right{ width: 100%; }
}
@media only screen and (max-width: 768px){
  .m_news .hd span{ font-size: 26px; }
  .m_news .hd b{ margin-top: 6px; font-size: 16px; }
  .m_news .hd b::after{ width: 120px; left: 70px; }
  .m_news .news_item .txt b{ font-size: 14px; }
  .m_news .news_li .txt b{ font-size: 14px; }
  .m_news .news_li .txt p, .m_news .news_item .txt p{ font-size: 13px; line-height: 1.5; }
  .m_news .news_item .time b, .m_news .news_li .time b{ font-size: 36px; margin:8px 0; font-weight: normal; }
  .m_news .news_li .time span, .m_news .news_item .time span{ font-size: 13px; }
  .m_news .news_li .txt b{ border-bottom: 0; padding-bottom: 0; }
  .m_news .news_item{ padding:10px 0; margin-top: 15px; }
  .m_news .news_li{ background: #f5f6f4; border-top: 1px solid #d7d8da; }
}
@media only screen and (max-width: 640px){
  .m_news .hd span{ font-size: 24px; }
  .m_news .hd b{ margin-top: 5px; font-size: 15px; }
  .m_news .hd b::after{ width: 100px; }
  .m_news .news_img .img{ padding-bottom: 30%; height: auto; }
  .m_news .news_img .txt{ padding:20px; }
  .m_news .news_img .txt p{ font-size: 13px; margin:16px 0; -webkit-line-clamp:2; }
  .m_news .news_img .txt span{ font-size: 13px; }
}
@media only screen and (max-width: 576px){
  .m_news .hd span{ font-size: 22px; }
  .m_news .hd b::after{ width: 80px; }
  .m_news .news_img .img{ padding-bottom: 35%; height: auto; }
  .m_news .news_img .txt{ padding:15px; }
  .m_news .news_img .txt b{ font-size: 15px; }
  .m_news .news_img .txt p{ font-size: 12px; margin:12px 0; }
  .m_news .news_img .txt span{ font-size: 12px; }
  .m_news .news_item .txt p{ margin-top: 10px; }
}
@media only screen and (max-width: 414px){
  .m_news .hd span{ font-size: 20px; }
  .m_news .hd b::after{ width: 60px; }
  .m_news .news_img .img{ display: none; }
  .m_news .news_img .txt{ width: 100%; }
  .m_news .news_li .time, .m_news .news_item .time{ padding:0 12px; }
  .m_news .news_item .time b, .m_news .news_li .time b{ font-size: 32px; margin:6px 0; }
  .m_news .news_li .txt, .m_news .news_item .txt{ width: calc(100% - 85px); }
  .m_news .news_item .txt p{ margin-top: 8px; }
  .m_news .news_li .txt b{ margin-bottom: 8px; }
}

/*m_link*/
.m_link{ overflow: hidden; background: -webkit-linear-gradient(left, #fff 50%, var(--zhu-color) 50%); background: -o-linear-gradient(right, #fff 50%, var(--zhu-color) 50%); background: -moz-linear-gradient(right, #fff 50%, var(--zhu-color) 50%); background: linear-gradient(to right, #fff 50%, var(--zhu-color) 50%); margin-bottom: 35px; }
.m_link .link{ background: -webkit-linear-gradient(left, #f2f3f3 50%, var(--zhu-color) 50%); background: -o-linear-gradient(right, #f2f3f3 50%, var(--zhu-color) 50%); background: -moz-linear-gradient(right, #f2f3f3 50%, var(--zhu-color) 50%); background: linear-gradient(to right, #f2f3f3 50%, var(--zhu-color) 50%); overflow: hidden; border-radius: 60px; padding-left: 60px; transition: all .3s; width: 100%; transition: all .3s; }
.m_link .link > div{ background: var(--zhu-color); border-radius: 60px; width: 100%; padding:25px 42px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.m_link .link > div b{ font-size: 18px; color: #ffffff; line-height: 1; display: inline-block; }
.m_link .link > div a{ font-size: 16px; color: #d5e2fe; display: inline-block; margin:0 15px; transition: all .3s; }
.m_link .link > div a:hover{ color: #f00; transition: all .3s; }
.m_link:hover .link{ padding-left: 0; transition: all .3s; }
@media only screen and (max-width: 1400px){
  .m_link{  margin-bottom: 30px; }
  .m_link .link{ padding-left: 40px; }
  .m_link .link > div{ padding:20px 36px; }
  .m_link .link > div b{ font-size: 17px; }
  .m_link .link > div a{ font-size: 15px; }
  .m_link .link > div a{ margin:0 12px; }
}
@media only screen and (max-width: 1200px){
  .m_link{  margin-bottom: 25px; }
  .m_link .link{ padding-left: 20px; }
  .m_link .link > div{ padding:15px 30px; }
  .m_link .link > div b{ font-size: 16px; font-weight: normal; }
  .m_link .link > div a{ font-size: 14px; }
  .m_link .link > div a{ margin:0 10px; }
}
@media only screen and (max-width: 992px){
  .m_link{  margin-bottom: 20px; }
  .m_link .link{ padding-left: 0; }
  .m_link .link > div{ padding:10px 24px; }
  .m_link .link > div b{ font-size: 15px; }
  .m_link .link > div a{ font-size: 13px; }
}
@media only screen and (max-width: 768px){
  .m_link{  margin-bottom: 15px; }
  .m_link .link > div{ padding:8px 15px; }
  .m_link .link > div b{ font-size: 14px; }
  .m_link .link > div a{ font-size: 12px; }
}

/*footer*/
.footer{ overflow: hidden; background: url(../images/footer_bg.jpg) no-repeat top center; }
.footer .inner{ display: flex; align-items: flex-start; justify-content: space-between; }
.footer .left{ width: 400px; height: 100%; background: url(../images/footer_left_bg.png) no-repeat top center; background-size: cover; text-align: center; box-sizing: border-box; padding:40px 80px; }
.footer .left ul{ overflow: hidden; display: block; margin: 28px 0; text-align: left; }
.footer .left li{ overflow: hidden; display: flex; align-items: flex-start; }
.footer .left li b{ font-weight: normal; font-size: 16px; color: #ffffff; line-height: 1.875; }
.footer .left li span{ line-height: 1.875; font-size: 18px; color: #fff; margin-right: 10px; }
.footer .left li + li{ margin-top: 12px; }
.footer .left li:nth-child(1) span{ line-height: 1.2; font-size: 24px; margin-right: 0; position: relative; left: -3px; }
.footer .left .f_ewm{ max-width: 136px; }
.footer .left .f_logo{ max-width: 100%; }
.footer .right{ width: calc(100% - 400px); padding-left: 30px; box-sizing: border-box; overflow: hidden; display: block; }
.f_nav{ overflow: hidden; padding:30px 0; }
.f_nav li{ overflow: hidden; }
.f_nav b{ font-size: 18px; color: #333333; display: block; box-sizing: border-box; padding-left: 52px; position: relative; margin-bottom: 12px; }
.f_nav b::before{ content: ""; display: inline-block; width: 38px; height: 2px; background: #383f46; border:0; position: absolute; left:0; top:50%; margin-top: -1px; }
.f_nav a{ transition: all .3s; display: flex; font-size: 14px; color: #212020; line-height: 2; padding-left: 52px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.f_nav a:hover{ color: var(--pei-color); transition: all .3s; left: 3px; }
#formData1{ overflow: hidden; }
.form-hd{ display: flex; align-items: center; justify-content: space-between; overflow: hidden; }
.form-hd li{ height: 36px; border:1px solid #565555; overflow: hidden; position: relative; width: calc(33.3% - 10px); }
.form-hd li input{ width: 100%; height: 100%; border:0; background: none; font-size: 14px; color: #fff; box-sizing: border-box; padding:0 15px; }
.form-hd li img{ position: absolute; right: 0; top:0;  height: 36px; width: 94px; }
.form-bd{ display: flex; align-items: center; justify-content: space-between; height: 135px; margin-top: 16px; }
.form-bd textarea{ width: calc(100% - 150px); height: 100%; font-size: 14px; color: #fff; border:1px solid #565555; background: none; padding:15px; resize: none; box-sizing: border-box;  }
.form-bd > a{ display: inline-flex; align-items: center; justify-content: center; width: 135px; height: 100%; background: var(--pei-color);  }
.form-bd > a span{ width: 40%; text-align: center; font-size: 20px; color: #feffff; line-height: 1.8; }
.footer .right > p{ font-size: 14px; color: #333333; line-height: 1.5; margin: 21px 0; }
.footer .right > p a{ color: #333; }
.footer .right > p a:hover{ color: #f00; }

@media only screen and (max-width: 1400px){
  .footer .inner{ padding:0; }
  .footer .left{ width: 24%; padding:35px; }
	.footer .right{ width: 76%; box-sizing: border-box; padding:0 25px; }
  .footer .right > p{ margin:16px 0; }
  #formData1{ box-sizing: border-box; padding-right: 35px; }
}
@media only screen and (max-width: 1200px){
  .footer .inner{ flex-direction: column; }
  .footer .left, .footer .right{ width: 100%; }
	.footer .left{ background-size: cover; padding:15px; display: flex; align-items: center; justify-content: space-between; }
  .footer .left ul{ margin:14px 0; }
	.footer .right{ padding: 0 15px; }
  .form-hd li{ width: calc(33.3% - 8px); }
  .form-bd textarea{ width: calc(100% - 146px); }
}
@media only screen and (max-width: 992px){
  .f_logo{ width: 33.3%; max-width: 90%; }
  .footer .left li + li{ margin-top: 0; }
  .footer .left li span{ line-height: 1.5; }
  .footer .left li b{ font-size: 14px; line-height: 1.5; }
  .f_nav{ padding:25px 0; }
  .f_nav li{ text-align: center; }
  .f_nav a{ padding-left: 0; line-height: 1.8; justify-content: center; }
	.f_nav b{ padding-left: 0; font-size: 17px; margin-bottom: 10px; }
	.f_nav b::before{ display: none; }
  .form-bd > a span{ font-size: 18px; width: 30%; line-height: 1.5; }
}
@media only screen and (max-width: 768px){
  .f_nav{ padding:20px 0; }
  .footer{ padding-bottom: 52px; }
  .footer{ background-size: cover; }
  .f_nav a{ font-size: 13px; line-height: 1.5; justify-content: center; }
	.f_nav b{ font-size: 16px; font-weight: normal; margin-bottom: 8px; }
  .footer .left .f_logo{ margin-bottom: 20px; }
  .footer .left{ flex-direction: column; }
  .footer .left .f_ewm{ display: none; }
  .footer .left ul{ margin:0; width: 100%; }
  .footer .left li{ justify-content: center; padding:3px 0; }
  .footer .left li b{ line-height: 1; }
  .footer .left li span{ line-height: 1; font-size: 16px; }
  .footer .left li:nth-child(1) span{ line-height: 1; font-size: 18px; }
  .footer .left li:nth-child(1) b{ line-height: 1.2; }
  #formData1{ box-sizing: border-box; padding-right: 0; }
  .form-bd > a span{ font-size: 16px; }
  .form-hd li{ width: calc(33.3% - 6px); }
  .f_logo{ width: 40%; }
}
@media only screen and (max-width: 640px){
  .f_nav{ padding:15px 0; }
  .f_nav li{ padding:0; }
  .f_nav a{ display: none; }
  .f_nav b{ display: none; }
  .form-bd > a span{ font-size: 14px; }
  .f_logo{ width: 50%; }
}
@media only screen and (max-width: 576px){
  .form-hd{ flex-direction: column; }
  .form-hd li{ width: 100%; margin-bottom: 12px; }
  .footer .right > p{ font-size:13px; margin:14px 0; }
  .form-hd li{ height: 32px; }
  .form-hd li input{ font-size: 13px; padding:0 12px; }
  .form-bd{ margin-top: 0; flex-direction: column; }
  .form-bd textarea{ width: 100%; padding:12px; font-size: 13px; }
  .form-bd > a{ width: 100%; margin-top: 12px; height: auto; padding:8px 0; }
  .f_nav b{ font-size: 13px; }
  .f_logo{ width: 60%; }
}
@media only screen and (max-width: 414px){
  .footer .right > p{ font-size:12px; margin:12px 0; }
  .form-hd li input{ font-size: 12px; padding:0 10px; }
  .form-bd textarea{ padding:10px; font-size: 12px; }
  .f_nav b{ font-size: 12px; }
  .footer .left li span{ display: none; }
  .footer .left li b{ text-align: center; line-height: 1.5; }
  .f_logo{ width: 70%; }
}