@charset "utf-8";
@font-face {
  font-family: 'iconfont';  /* Project id 3739498 */
  src: url('http://at.alicdn.com/t/c/font_3739498_t2znk2q1ol8.woff2?t=1675127254602') format('woff2'),
       url('http://at.alicdn.com/t/c/font_3739498_t2znk2q1ol8.woff?t=1675127254602') format('woff'),
       url('http://at.alicdn.com/t/c/font_3739498_t2znk2q1ol8.ttf?t=1675127254602') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
html, body, div,
h1, h2, h3, h4, h5, h6,
hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre, form, fieldset, object, code,
legend, button, input, textarea, label,
th, td, a, img{margin: 0; padding: 0; border: 0; outline: 0;}
body{font: 12px/1.5 'Microsoft YaHei', 'Helvetica Neue', 'Helvetica', 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif'; color: #333; background-color: #fff;}
a:hover{ text-decoration: none; }

@font-face{ font-family: DINM; src: url('./fonts/DIN-Medium.ttf'); }
@font-face{ font-family: BOD; src: url('./fonts/Bodoni.otf'); }

/*清除内外边距*/
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 100%;}
/*设置默认字体*/
:focus{outline: 0;}
ul,
ol{list-style: none;}
/*重置图片元素*/
address, caption, cite, code, dfn, em, i, th, var, optgroup{font-style: normal; font-weight: normal;}
abbr, acronym{border: 0; font-variant: normal;}
input, button, textarea, select, optgroup, option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
code, kbd, samp, tt{font-size: 100%;}
a{ text-decoration: none; }
/*修改滚动条*/
::-webkit-scrollbar{width:6px; height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent; background: #f8f8f8; border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px; background: #bbb;}
textarea{resize: none;}
button:active, button:focus{ border:none; outline:0; }
/* 网站色值设置 */
body{--zhu-color:#c73132;--pei-color:#ff0505;}
.inner{ width: 1400px; margin:0 auto; }
@media only screen and (max-width: 1400px){
  .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; width: 36px; height: 36px; color: #fff; background: #666666; border-color: #666666; text-align: center; line-height: 36px; font-size: 14px; margin:0 2px; overflow: hidden; border-radius: 50%; }
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover{color: #fff; border-color:var(--zhu-color); background: var(--zhu-color);}
.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}
.de-page-mian .page-inner span{display: block; font-size: 12px; color: #333; float: left; line-height: 38px;}
.de-page-mian .page-inner input{display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px; border-radius: 5px; }
@media only screen and (max-width: 1400px){
  .de-page-mian{ margin: 15px 0; }
  .de-page-mian .page-inner a{ width: 32px; height: 32px; line-height: 32px; font-size: 13px; }
}
@media only screen and (max-width: 1200px){
  .de-page-mian{ margin: 10px 0; }
  .de-page-mian .page-inner a{ width: 28px; height: 28px; line-height: 28px; font-size: 12px; }
}
@media only screen and (max-width: 992px){
  .de-page-mian{ margin: 8px 0; }
  .de-page-mian .page-inner a{ width: 24px; height: 24px; line-height: 24px; }
}
@media only screen and (max-width: 768px){
  .de-page-mian{ margin: 6px 0; }
  .de-page-mian .page-inner a{ width: 22px; height: 22px; line-height: 22px; }
}
@media only screen and (max-width: 768px){
  .de-page-mian{ margin: 4px 0; }
}
@media only screen and (max-width: 774px){
  .de-page-mian .page-inner span, .de-page-mian .page-inner input, .de-page-mian .page-inner .page-btn{ display: none; }
}

/*down*/
.down{width: 100%;height: 52px;background:#ff0505;color: #ffffff;font-size: 16px;position: fixed;bottom: 0;display: none; z-index: 9999;}
.down li{width: 100%; box-sizing: border-box; text-align: center;line-height: 15px;float: left;padding-top: 4px;height: 52px; list-style:none;}
.down li + li{ border-left: solid 1px #ffffff; }
.down li a{color: #ffffff; font-size: 14px; }
.down .current{border-right: none;}
.down li img{max-width: 25px;height: 25px;}
.plugin-fixed-call{position:fixed;bottom:0px;right:0px;width:45px;z-index: 999999;}
.plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:var(--zhu-color);line-height: 45px;margin-top:1px;}
.plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.plugin-fixed-call .child a{ display: inline-block; overflow: hidden; }
.plugin-fixed-call .child:hover{width:160px;background: #000;}
.plugin-fixed-call .child img{position:absolute;top:0px;left:0px;}
.plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;}
.plugin-fixed-call .fixedQQ{bottom:92px;}
.plugin-fixed-call .fixedCall{bottom:46px;}
.plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}
.plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}
.plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:var(--zhu-color);line-height: 45px;margin-top:1px;}
.plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;}
.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;}
.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}
@media only screen and (max-width: 768px){
  .down{ display: flex; }
  .plugin-fixed-call{ display: none; }
}

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

/*no-goods*/
.no-goods{ width: 100%; }
.no-goods,.no-network{padding:50px 0; overflow: hidden; text-align: center;}
.no-goods img{display: block; margin:0 auto 30px; width:220px; max-height: 105px;}
.no-goods p,.no-network p{font-size:14px; color:#666666; line-height: 20px;}

/* index */
.h_top{ position: fixed; top:0; z-index: 34; padding:0 70px; transition: all .3s; box-sizing: border-box; width: 100%; display: flex; align-items: center; justify-content: space-between; }
.h_top .logo{ display: inline-flex; align-items: center; width:220px; }
.h_top .logo img{ transition: all .3s; max-width: 100%; }
.h_top .logo img + img{ display: none; }
.h_top .right{ width: 70%; display: flex; align-items: center; overflow: hidden; justify-content: flex-end; }
.h_top .nav{ display: flex; width:calc(100% - 260px); align-items: center; justify-content: space-between; }
.h_top .nav > li{ overflow: hidden; padding:0 22px; }
.h_top .nav > li > a{ text-decoration: none; display:inline-flex; padding:40px 0; align-items: center; justify-content: center; position: relative; font-size: 16px; color: #ffffff; line-height: 1; transition: all .3s; }
.h_top .nav > li > a::before{ content:""; display: inline-block; width: 0; height:4px; background: var(--zhu-color); position: absolute; right:0; bottom:0; transition: all .3s; border:0; }
.h_top .nav > li > a:hover::before{ transition: all .3s; width:100%; left:0; }
.h_top .nav > li .sub_nav{ width: 100%; display: none; position: absolute; background: rgba(255, 255, 255, 0.96); width: 100%; box-sizing: border-box; left:0; }
.h_top .nav > li .sub_nav .inner{ padding:40px 0; display: flex; align-items: flex-start; flex-direction: column; }
.h_top .nav > li .sub_tit{ display: flex; flex-direction: column; }
.h_top .nav > li .sub_tit b{ font-size: 24px; color: #333; line-height: 1; }
.h_top .nav > li .sub_tit p{ margin:15px 0; color: #666666; line-height: 1.8; overflow: hidden; text-align: justify; font-size: 13px; }
.h_top .nav > li .sub_box{ width: 100%; display: flex; align-items: flex-start; justify-content: space-between; padding-top: 20px; }
.h_top .nav > li .sub_box .img{ width: 30%; }
.h_top .nav > li .sub_box .r_nav{ width: 65%; display: flex; align-items: flex-start; flex-wrap: wrap; }
.h_top .nav > li .sub_box .r_nav li{ overflow: hidden; width: calc(33.3% - 16px); margin-bottom: -1px; position: relative; margin-right: 24px; }
.h_top .nav > li .sub_box .r_nav li:nth-child(3n+0){ margin-right: 0; }
.h_top .nav > li .sub_box .r_nav li::before{ content: ''; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; transition: all 0.5s ease; background: #d2232a; }
.h_top .nav > li .sub_box .r_nav li a{ position: relative; line-height: 1; display: flex; align-items: center; justify-content: center; padding:20px; color: #333333; font-size: 15px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
.h_top .nav > li .sub_box .r_nav li:hover::before{ left:0; }
.h_top .nav > li .sub_box .r_nav li:hover a{ color: #fff; }
.h_top .tel{ box-sizing: border-box; padding:0 15px; display: inline-flex; align-items: center; justify-content: flex-end; }
.h_top .tel i{ font-size: 32px; color: var(--zhu-color); line-height: 1; font-style: normal; margin-right: 10px; }
.h_top .tel b{ font-size: 24px; color: #fcfcfd; line-height: 1; font-style: italic; font-family: "DINM"; }
/* 滚动添加背景 */
.top_black .nav li > a{ color: #333333; }
.top_black .tel b{ color: #333333; }
.top_black .logo img:nth-of-type(1){ display: none; }
.top_black .logo img:nth-of-type(2){ display: block; }  
.scrolledDown{ background: rgba(0, 0, 0, .5); }
/* 手机端按钮 */
.h_top .mob_menu{ display: none; }
.h_top .mob_menu span{ cursor: pointer; font-size: 16px; text-transform: uppercase; color: #fff; margin-right: 12px; transition: all 0.35s; }
.h_top .mob_menu .line{ cursor: pointer; width: 26px; display: flex; flex-direction: column; align-items: flex-end; }
.h_top .mob_menu .line small{ display: inline-block; width: 100%; height: 2px; background: #fff; line-height: 1; }
.h_top .mob_menu .line small:nth-of-type(2){ margin:5px 0; width: 70%; transition: all 0.35s; }
.h_top .mob_menu:hover{ cursor: pointer; }
.h_top .mob_menu:hover span{ font-weight: bold; transition: all 0.35s; }
.h_top .mob_menu:hover .line small:nth-of-type(2){ width: 100%; transition: all 0.35s; }
.h_top .mob_black span{ color: #333333; }
.h_top .mob_black .line small{ background: #333333; }
/* 手机端菜单 */
.h_menu{ width: 100%; height: 100%; display: flex; flex-direction: column; transition: ease .6s; transform: scale(.9,.9); opacity: 0; visibility: hidden; position: fixed; left: 0; top: -100%; z-index: 1001; background: #fff; box-sizing: border-box; }
.h_menu.on{ opacity:1; visibility:visible; transform:scale(1,1); top:0; }
.h_menu .hd{ display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding:50px; }
.h_menu .hd .logo img{ max-width: 100%; }
.h_menu .hd .close{ cursor: pointer; display: inline-flex; line-height: 1; padding:10px 24px; position: relative; border-radius: 30px; overflow: hidden; background: #f6f6f6; }
.h_menu .hd .close i{ position: relative; z-index: 3; transition: all .35s; font-size: 18px; color: var(--zhu-color); line-height: 1; }
.h_menu .hd .close span{ position: relative; z-index: 3; transition: all .35s; font-size: 18px; color: #404040; line-height: 1; margin-left: 10px; }
.h_menu .hd .close::before{ content: ""; display: block; width: 0; height: 100%; background: var(--zhu-color); position: absolute; left:0; top:0; transition: all 0.35s; z-index: 1; }
.h_menu .hd .close:hover::before{ transition: all .35s; width: 100%; }
.h_menu .hd .close:hover i, .h_menu .hd .close:hover span{ transition: all .35s; color: #ffffff; }
.h_menu .ct{ box-sizing: border-box; padding:50px; border-top: 1px dashed #f1f1f1; }
.h_menu .menu_nav{ display: flex; align-items: flex-start; justify-content: space-between; }
.h_menu .menu_nav > li > a{ transition: all .35s; font-size: 20px; color: #333333; line-height: 1; font-weight: bold; margin-bottom: 15px; display: block; }
.h_menu .menu_nav > li > a:hover{ transition: all .35s; color: var(--zhu-color); }
.h_menu .menu_nav .d_nav li{ margin-bottom: 5px; }
.h_menu .menu_nav .d_nav a{ transition: all .35s; position: relative; font-size: 15px; color: #3d3d3d; line-height: 1; padding:5px 0; display: inline-block; }
.h_menu .menu_nav .d_nav a::before{ transition: all .35s; content: ""; display: block; width: 0; height: 2px; background: var(--zhu-color); position: absolute; left:0; bottom:0; }
.h_menu .menu_nav .d_nav a:hover::before{ transition: all .35s; width: 100%; }
.h_menu .bd{ position: absolute; bottom:0; left: 0; width: 100%; background: #f1f1f1; box-sizing: border-box; padding:15px; display: flex; align-items: center; justify-content: flex-end; }
.h_menu .bd > div{ display: inline-flex; align-items: center; margin:0 12px; }
.h_menu .bd > div i{ color: #333333; font-size: 18px; line-height: 1; margin-right: 6px; }
.h_menu .bd > div b{ color: #333333; font-size: 14px; line-height: 1; font-weight: normal; }
.h_menu .bd > div p{ color: #333333; font-size: 14px; line-height: 1; }
#lizi{ position: absolute; width: 100%; height: 60%; left:0; bottom:0; overflow: hidden; z-index: -1; }
#lizi canvas{ width: 100%!important; }
@media only screen and (max-width:1800px){
  .h_top .right{ width: 80%; }
}
@media only screen and (max-width:1600px){
  .h_top{ padding:0 20px; }
  .h_top .nav > li{ padding:0 16px; }
  .h_top .nav > li > a{ padding:35px 0; }
  .h_top .nav > li .sub_box .r_nav li{ width: calc(33.3% - 14px); margin-right: 21px; }
  .h_top .nav > li .sub_nav .inner{ padding:30px; }
  .h_top .nav > li .sub_tit b{ font-size: 22px; }
  .h_top .nav > li .sub_box .r_nav li a{ padding:18px; }
  .h_top .tel i{ font-size: 28px; margin-right: 8px; }
  .h_top .tel b{ font-size: 22px; }
}
@media only screen and (max-width:1400px){
  .h_top{ padding:0 15px; }
  .h_top .logo{ width: 180px; }
  .h_top .nav > li{ padding:0 14px; }
  .h_top .nav > li > a{ padding:25px 0; font-size: 14px; }
  .h_top .nav > li .sub_box .r_nav li{ width: calc(33.3% - 12px); margin-right: 18px; }
  .h_top .nav > li .sub_nav .inner{ padding:25px 15px; }
  .h_top .nav > li .sub_tit b{ font-size: 20px; }
  .h_top .nav > li .sub_box .r_nav li a{ padding:15px; }
  .h_top .tel i{ font-size: 24px; margin-right: 6px; }
  .h_top .tel b{ font-size: 20px; }
}
@media only screen and (max-width:1200px){
  .h_top{ padding:20px 15px; }
  .h_top .right{ width: 50%; }
  .h_top .nav, .h_top .tel{ display: none; }
  .h_top .mob_menu{ display: flex; align-items: center; }
  .h_menu .hd, .h_menu .ct{ padding:50px 40px; }
}
@media only screen and (max-width:992px){
  .h_top{ padding:15px; }
  .h_top .logo, .h_menu .logo{ width: 170px; }
  .h_menu .hd, .h_menu .ct{ padding:40px 30px; }
  .h_menu .hd .close i, .h_menu .hd .close span{ font-size: 17px; }
  .h_menu .menu_nav > li > a{ font-size: 18px; }
  .h_menu .menu_nav .d_nav a{ font-size: 14px; }
  .h_menu .bd > div{ margin:0 6px; }
  .h_menu .bd > div i{ font-size: 16px; }
  .h_menu .bd > div b, .h_menu .bd > div p{ font-size: 12px; }
}
@media only screen and (max-width:768px){
  .h_top{ padding:14px; }
  .h_top .logo, .h_menu .logo{ width: 160px; }
  .h_top .mob_menu span{ font-size: 15px; margin-right: 10px; }
  .h_top .mob_menu .line{ width: 24px; }
  .h_top .mob_menu .line small:nth-of-type(2){ margin:4px 0; }
  .h_menu .hd, .h_menu .ct{ padding:30px 20px; }
  .h_menu .hd .close i, .h_menu .hd .close span{ font-size: 16px; }
  .h_menu .menu_nav{ flex-wrap: wrap; }
  .h_menu .menu_nav > li{ width: 25%; margin-bottom: 25px; text-align: center; }
  .h_menu .menu_nav > li > a{ font-size: 17px; }
  .h_menu .menu_nav .d_nav a{ font-size: 13px; }
  .h_menu .bd{ display: none; }
}
@media only screen and (max-width:640px){
  .h_top{ padding:13px; }
  .h_top .logo, .h_menu .logo{ width: 150px; }
  .h_top .mob_menu span{ font-size: 14px; margin-right: 8px; }
  .h_top .mob_menu .line{ width: 22px; }
  .h_menu .hd, .h_menu .ct{ padding:15px; }
  .h_menu .ct{ padding-top: 30px; }
  .h_menu .hd .close i, .h_menu .hd .close span{ font-size: 15px; }
  .h_menu .menu_nav > li{ width: 25%; margin-bottom: 25px; text-align: center; }
  .h_menu .menu_nav > li > a{ font-size: 16px; }
  .h_menu .menu_nav .d_nav a{ font-size: 12px; }
}
@media only screen and (max-width:576px){
  .h_top{ padding:12px; }
  .h_top .logo, .h_menu .logo{ width: 140px; }
  .h_top .mob_menu .line{ width: 20px; }
  .h_menu .hd .close i, .h_menu .hd .close span{ font-size: 14px; }
  .h_menu .menu_nav > li{ margin-bottom: 20px; }
  .h_menu .menu_nav > li > a{ font-size: 15px; }
}
@media only screen and (max-width:414px){
  .h_top .logo, .h_menu .logo{ width: 120px; }
  .h_menu .hd .close i, .h_menu .hd .close span{ font-size: 13px; }
  .h_menu .menu_nav > li{ margin-bottom: 15px; }
  .h_menu .menu_nav > li > a{ font-size: 14px; }
}


/* index */
.index{ width:100%; height: 100vh; }
.index .h_top{ z-index: 34; }

/* app */
#app{ width: 100%; height: 100%; }
#app .swiper-slide{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

.swiper-pagination-app .swiper-pagination-bullet{ width: 4px; height: 4px; background: #fff; opacity: 1; margin:24px 0 !important; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.swiper-pagination-app .swiper-pagination-bullet-active{ width: 4px; height: 30px; border-radius: 30px; }
.swiper-pagination-app{ right:3.5% !important; }
.swiper-pagination-app .swiper-pagination-bullet.on{ background: #4f4f4f; }
@media only screen and (max-width: 1600px){
  .swiper-pagination-app{ right:0.5% !important; }
}
@media only screen and (max-width:768px){
  .swiper-pagination-app{ display: none; }
}

/* banner */
#banner{ overflow: hidden; height: 100vh; position: relative; width: 100%; --swiper-theme-color: #fff; }
#banner .swiper-slide-active .scaleBg{visibility: visible;-webkit-animation:scale-bg 3s linear forwards;animation:scale-bg 3s linear forwards;}
#banner .swiper-slide{ width: 100%!important; }
#banner .swiper-slide a{ display: block; width: 100%; height: 100%; overflow: hidden; position: relative; }
#banner .swiper-slide a > img{ transition:9s ease; width: 100%; height: 100%; object-fit: cover; }
#banner .first{ position: relative; }
#banner .first > img{ position: absolute; left:0; bottom: 0; width: 15%; }
#banner .swiper-slide:nth-child(1) a > img { transform:scale(1.05); }
#banner .swiper-slide:nth-child(2) a > img { transform:scale(1.05); }
#banner .swiper-slide:nth-child(3) a > img { transform:scale(1.05); }
#banner .swiper-slide-active:nth-child(1) a > img { transform:scale(1)}
#banner .swiper-slide-active:nth-child(2) a > img { transform:scale(1)}
#banner .swiper-slide-active:nth-child(3) a > img { transform:scale(1)}
#banner a .banner_box{ display: flex; align-items: center; flex-direction: column; justify-content: center; z-index: 33; width: 1400px; height: 100%; position: absolute; top:0; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
#banner a .banner_box p img{ max-width: 100%; }
#banner a .banner_box .b1_tit{ position: absolute; top:27%; left:-40px; max-width: 38%; }
#banner a .banner_box .b2_tit{ position: absolute; top:27%; max-width: 41%; }
#banner a .banner_box .b2_span{ position: absolute; top:34%; max-width: 42%; }
#banner a .banner_box .b3_tit{ position: absolute; top:28%; max-width: 40%;  }
#banner a .banner_box .b3_span{ position: absolute; top:36%; max-width: 42%; }
#banner .swiper-button-white { top: inherit; margin-top: 0px; bottom: 8%; }
#banner .swiper-button-white::after { font-size: 30px; }
#banner .swiper-button-next { right: 9%; }
#banner .swiper-button-prev { left: 9%; }
@-webkit-keyframes scale-bg{
	from{ -webkit-transform:scale(1.25); transform:scale(1.25); }
	to{ -webkit-transform:scale(1); transform:scale(1); }
}
@keyframes scale-bg{
	from{ -webkit-transform:scale(1.25); transform:scale(1.25); }
	to{ -webkit-transform:scale(1); transform:scale(1); }
}
@media only screen and (max-width: 1600px){
  #banner a .banner_box .b1_tit{ left:30px; }
}
@media only screen and (max-width: 1400px){
  #banner a .banner_box{ width: 100%; box-sizing: border-box; padding:0 15px; }
  #banner a .banner_box .b1_tit{ max-width: 50%; }
  #banner a .banner_box .b2_tit{ max-width: 50%; }
  #banner a .banner_box .b2_span{ max-width: 50%; }
  #banner a .banner_box .b3_tit{ max-width: 50%;  }
  #banner a .banner_box .b3_span{ max-width: 50%; }
  #banner .swiper-button-white { bottom: 9%; }
  #banner .swiper-button-white::after { font-size: 28px; }
  #banner .swiper-button-next { right: 8%; }
  #banner .swiper-button-prev { left: 8%; }
}
@media only screen and (max-width:1200px){
  #banner .swiper-button-white { bottom: 8%; }
  #banner .swiper-button-white::after { font-size: 26px; }
  #banner .swiper-button-next { right: 7%; }
  #banner .swiper-button-prev { left: 7%; }
}
@media only screen and (max-width:992px){
  #banner a .banner_box .b1_tit{ max-width: 60%; }
  #banner a .banner_box .b2_tit{ max-width: 60%; }
  #banner a .banner_box .b2_span{ max-width: 60%; }
  #banner a .banner_box .b3_tit{ max-width: 60%;  }
  #banner a .banner_box .b3_span{ max-width: 60%; }
  #banner .swiper-button-white { bottom: 7%; }
  #banner .swiper-button-white::after { font-size: 24px; }
  #banner .swiper-button-next { right: 6%; }
  #banner .swiper-button-prev { left: 6%; }
}
@media only screen and (max-width:768px){
  #banner .swiper-button-white { bottom: 4%; }
  #banner .swiper-button-white::after { font-size: 22px; }
  #banner .swiper-button-next { right: 5%; }
  #banner .swiper-button-prev { left: 5%; }
}
@media only screen and (max-width:640px){
  #banner a .banner_box .b1_tit{ left:25px; }
  #banner a .banner_box .b1_tit{ top:31%; max-width: 70%; }
  #banner a .banner_box .b2_tit{ max-width: 65%; }
  #banner a .banner_box .b2_span{ max-width: 65%; }
  #banner a .banner_box .b3_tit{ max-width: 65%;  }
  #banner a .banner_box .b3_span{ max-width: 65%; }
  #banner .swiper-button-white::after { font-size: 20px; }
  #banner .swiper-button-next { right: 4%; }
  #banner .swiper-button-prev { left: 4%; }
}
@media only screen and (max-width:576px){
  #banner a .banner_box .b1_tit{ left:20px; }
  #banner a .banner_box .b1_tit{ top:33%; max-width: 75%; }
  #banner a .banner_box .b2_tit{ max-width: 70%; }
  #banner a .banner_box .b2_span{ max-width: 70%; }
  #banner a .banner_box .b3_tit{ max-width: 70%;  }
  #banner a .banner_box .b3_span{ max-width: 70%; }
}
@media only screen and (max-width:414px){
  #banner a .banner_box .b1_tit{ left:15px; }
  #banner a .banner_box .b1_tit{ top:35%; max-width: 80%; }
  #banner a .banner_box .b2_tit{ max-width: 75%; }
  #banner a .banner_box .b2_span{ max-width: 75%; }
  #banner a .banner_box .b3_tit{ max-width: 75%;  }
  #banner a .banner_box .b3_span{ max-width: 75%; }
}

.banner_more { position: absolute; width: 1px; height: 130px; bottom: 0px; left: 50%; background: rgba(255, 255, 255, 0.2); z-index: 2; }
.banner_more span { position: absolute; top: -59px; left: 50%; transform: translateX(-50%); color: rgb(255, 255, 255); font-size: 16px; cursor: pointer; display: block; line-height: 60px; white-space: nowrap; }
.banner_more span a{ color: #fff; }
.banner_more::before { position: absolute; content: ""; width: 9px; height: 9px; left: -4px; top: 0px; z-index: 2; background: rgb(255, 255, 255); border-radius: 5px; animation: 2s ease 0s infinite normal none running ani_move; }
@-webkit-keyframes ani_move { 0% { transform: translateY(0px) scale(1); opacity: 0; } 30% { opacity: 1; } 60% { opacity: 1; } 100% { transform: translateY(120px) scale(0.5); opacity: 0; } }
@keyframes ani_move { 0% { transform: translateY(0px) scale(1); opacity: 0; } 30% { opacity: 1; } 60% { opacity: 1; } 100% { transform: translateY(120px) scale(0.5); opacity: 0; } }
@media only screen and (max-width:576px){
  .banner_more span { font-size: 15px; }
}
@media only screen and (max-width:414px){
  .banner_more span { font-size: 14px; }
}


.mask_red{ position:absolute; bottom:0; right:0; width:100%; height: 100%; background: #be0c0f; z-index: 1; }
/* animate */
@-webkit-keyframes bg_ani{ 0% { width: 0; opacity: 0; } 100% { width: 100%; opacity: 1; } }
@keyframes bg_ani { 0% { width: 0; opacity: 0; } 100% { width: 100%; opacity: 1; } }
.bg_ani { -webkit-animation-name: bg_ani; animation-name: bg_ani; }
@-webkit-keyframes wd_ani { 0% { width: 100%; height:100%; } 40%{ width: calc((100% - 1600px) / 2 + 140px); height:100%; } 100% { width: calc((100% - 1600px) / 2 + 140px); height: 0; } }
@keyframes wd_ani { 0% { width: 100%; height:100%; } 40%{ width: calc((100% - 1600px) / 2 + 140px); height:100%; } 100% { width: calc((100% - 1600px) / 2 + 140px); height: 0; } }
.wd_ani { -webkit-animation-name: wd_ani; animation-name: wd_ani; }
@media only screen and (max-width: 1600px){
  @-webkit-keyframes wd_ani { 0% { width: 100%; height:100%; } 40%{ width: 20%; height:100%; } 100% { width: 20%; height: 0; } }
  @keyframes wd_ani { 0% { width: 100%; height:100%; } 40%{ width: 20%; height:100%; } 100% { width: 20%; height: 0; } }
}

@-webkit-keyframes pro_ani { 0% { width: 100%; opacity: 1; } 100% { width: 0; opacity: 0; } }
@keyframes pro_ani { 0% { width: 100%; opacity: 1; } 100% { width: 0; opacity: 0; } }
.pro_ani { -webkit-animation-name: pro_ani; animation-name: pro_ani; }
.pro_bg{ background:#be0c0f; width: 100%; height: 100%; position:absolute; right:0; top:0; }

/*company*/
.company{ background:#fff; background-size:cover; }
.company_bg{ background:#fff url("../images/company_bg.jpg") no-repeat right center; background-size:cover; position:absolute; right:0; top:0; width: 100%; height: 100%; }
.company_info{ position:relative; overflow: hidden; }
.company_info .inner{ display: flex; align-items: center; justify-content: space-between; }
.company_info .txt, .company_info .img{ width: calc(50% - 15px); }
.company_info .txt span{ font-weight: bold; text-align: right; padding-left: 20%; display: flex; align-items: center; justify-content: flex-end; font-size: 110px; line-height: 1.2; color: #f5f4f9; text-transform: capitalize; text-shadow: -1px 1px 0 #979697, 1px 1px 0 #979697, 1px -1px 0 #979697, -1px -1px 0 #979697; }
.company_info .txt ul{ margin:20px 0; display: inline-flex; align-items: center; }
.company_info .txt li + li{ margin-left: 30px; }
.company_info .txt li:first-child{ margin-left:8px; }
.company_info .txt li a{ display: inline-flex; flex-direction: column; align-items: center; justify-content: center; }
.company_info .txt li a img{ width: 90px; height: 90px; border-radius: 5px; overflow: hidden; }
.company_info .txt li a i{ transition: all .3s; margin:5px 0; font-size: 18px; padding:6px 0; color: var(--pei-color); line-height: 1; position: relative; transition: all .3s; transform: rotate(180deg); }
.company_info .txt li a i::after{ content: ""; display: block; width: 15px; height: 15px; background: #ffe1cd; border-radius: 50%; position: absolute; left:50%; top:0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; transition: all .3s; }
.company_info .txt li a small{ font-size: 14px; color: #333333; line-height: 1; }
.company_info .txt li a:hover img{ transition: all .3s; transform: scale(1.05); }
.company_info .txt li a:hover i::after{ transition: all .3s; top:50%; }
.company_info .txt li a:hover small{ transition: all .3s; color: var(--pei-color); }
.company_info .txt b{ display: block; line-height: 1; font-size: 48px; color: #1f1f1f; font-weight: bold; }
.company_info .txt p{ margin:26px 0 46px; font-size: 16px; color: #333333; line-height: 1.875; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.company_info .txt > a{ position: relative; display: inline-flex; align-items: center; background: var(--zhu-color); line-height: 1; padding:12px 36px; border-radius: 30px; overflow: hidden; }
.company_info .txt > a::before{ content: ""; display: block; width: 0; height: 100%; background: #cc0509; position: absolute; left:0; top:0; transition: all .3s; }
.company_info .txt > a i{ position: relative; display: inline-block; line-height: 1; margin-left: 6px; font-size: 24px; color: #fff; transform: rotate(-90deg); }
.company_info .txt > a small{ position: relative; font-size: 16px; color: #ffffff; }
.company_info .txt > a:hover::before{ transition: all .3s; width: 100%; }
.company_info .img{ text-align: right; padding-top: 25px; }
.company_info .img img{ max-width: 100%; -webkit-animation:scale-bg 3s linear forwards;animation:scale-bg 3s linear forwards; animation-delay: 1.2s; }
@media only screen and (max-width: 1600px){
  .company_info .txt span{ font-size: 86px; padding-left: 30%; }
  .company_info .txt b{ font-size: 40px; }
  .company_info .txt p{ margin:30px 0; }
  .company_info .txt > a{ padding:10px 32px; }
  .company_info .img img{ width: 100%; height: 80vh; object-fit: cover; }
}
@media only screen and (max-width: 1400px){
  .company_info .txt span{ font-size: 70px; }
  .company_info .txt b{ font-size: 32px; }
  .company_info .txt p{ margin:25px 0; }
  .company_info .txt > a{ padding:10px 28px; }
  .company_info .txt > a small{ font-size: 15px; }
  .company_info .txt > a i{ font-size: 22px; }
}
@media only screen and (max-width:1200px){
  .company_info .txt span{ font-size: 50px; padding-left: 0; justify-content: flex-start; }
  .company_info .txt ul{ margin:24px 0; }
  .company_info .txt b{ font-size: 24px; }
  .company_info .txt p{ margin:20px 0; font-size: 15px; line-height: 1.75; }
  .company_info .txt > a{ padding:10px 26px; }
  .company_info .txt > a small{ font-size: 14px; }
  .company_info .txt > a i{ font-size: 20px; }
  .company_info .txt li + li{ margin-left: 15px; }
  .company_info .txt li a img{ width: 80px; height: 80px; }
  .company_info .img img{ height: 70vh; }
}
@media only screen and (max-width:992px){
  .company_info .txt, .company_info .img{ width: calc(50% - 7.5px); }
  .company_info .txt span{ font-size: 40px; }
  .company_info .txt ul{ margin:18px 0; }
  .company_info .txt b{ font-size: 22px; }
  .company_info .txt p{ margin:18px 0; font-size: 14px; line-height: 1.7; }
  .company_info .txt > a{ padding:8px 26px; }
  .company_info .txt > a small{ font-size: 14px; }
  .company_info .txt > a i{ font-size: 20px; }
  .company_info .txt li + li{ margin-left: 15px; }
  .company_info .txt li a img{ width: 70px; height: 70px; }
  .company_info .img img{ height: auto; }
}
@media only screen and (max-width:768px){
  .company_info .inner{ flex-direction: column; }
  .company_info .txt, .company_info .img{ width: 100%; }
  .company_info .txt{ padding-top: 8vh; }
  .company_info .img{ padding-top: 15px; }
  .company_info .img img{ height: 30vh; }
}
@media only screen and (max-width:640px){
  .company_info .txt span{ font-size: 36px; }
  .company_info .txt ul{ margin:15px 0; }
  .company_info .txt b{ font-size: 20px; }
  .company_info .txt p{ margin:15px 0; font-size: 14px; line-height: 1.6; }
  .company_info .txt > a{ padding:8px 24px; }
  .company_info .txt > a small{ font-size: 14px; }
  .company_info .txt > a i{ font-size: 18px; }
  .company_info .txt li a img{ width: 65px; height: 65px; }
  .company_info .txt li a i{ font-size: 16px; }
  .company_info .txt li a i::after{ width: 13px; height: 13px; }
  .company_info .txt li a small{ font-size: 13px; }
}
@media only screen and (max-width:576px){
  .company_info .txt{ padding-top: 10vh; }
  .company_info .txt span{ font-size: 32px; }
  .company_info .txt ul{ margin:13px 0; }
  .company_info .txt b{ font-size: 20px; }
  .company_info .txt p{ margin:13px 0; font-size: 13px; line-height: 1.5; }
  .company_info .txt > a{ padding:6px 20px; }
  .company_info .txt > a small{ font-size: 13px; }
  .company_info .txt > a i{ font-size: 16px; }
  .company_info .txt li a img{ width: 60px; height: 60px; }
  .company_info .txt li a i{ font-size: 14px; }
  .company_info .txt li a i::after{ width: 11px; height: 11px; }
  .company_info .txt li a small{ font-size: 12px; }
}
@media only screen and (max-width:414px){
  .company_info .txt span{ font-size: 28px; }
  .company_info .txt ul{ margin:12px 0; }
  .company_info .txt b{ font-size: 18px; }
  .company_info .txt p{ margin:12px 0; font-size: 13px; line-height: 1.5; }
  .company_info .txt > a i{ font-size: 16px; }
  .company_info .txt li a img{ width: 55px; height: 55px; }
}

/* product */
.product{ background:#fff url("../images/product_bg.jpg") no-repeat center; background-size:cover; width: 100%; height: 100%; }
/* product_info */
.product_info{ overflow: hidden; }
.product_info .inner{ padding-top: 8vh; }
/* product_type */
.product_type{ background: #f7fbfe; margin-bottom: 30px; overflow: hidden; display: flex; align-items: center; justify-content: space-between; }
.product_type .tit{ background: #c90707; display: inline-flex; align-items: center; padding:60px 40px; }
.product_type .tit b{ font-size: 30px; color: #f7fbfe; font-weight: bold; line-height: 1; }
.product_type .tit p{ font-size: 18px; color: #f7fbfe; font-weight: normal; text-transform: capitalize; line-height: 1; margin-top: 6px; }
.product_type .tit a{ margin-left: 35px; }
.product_type .tit span{ display: inline-block; font-size: 28px; color: #ffffff; line-height: 1; transition: all .3s; transform: rotate(90deg); }
.product_type .type{ position: relative; display: flex; align-items: center; justify-content: space-around; width: calc(100% - 272px); box-sizing: border-box; padding-right:80px; }
.product_type .type::after{ content: ""; display: block; background: #f7fbfe; width: 80px; height: 80px; position: absolute; right: 0; z-index: 3; }
.product_type .type a{ font-size: 18px; color: #333333; line-height: 1; display: inline-flex; align-items: center; }
.product_type .type a i{ display: inline-flex; width: 24px; height: 26px; align-items: center; justify-content: center; background: url(../images/ico_pro.png) no-repeat center; margin-right: 8px; }
.product_type .type a:hover{ transition: all .3s; color: #be0c0f; }
.product_type .type .swiper-button-next{ right: 0; margin-top: 0; width: 80px; height: 80px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.product_type .type .swiper-button-next::after{ display: none; }
.product_type .type .swiper-button-next span{ position: relative; right: 24px; font-size: 30px; line-height: 1; color: #c90707; }
.products_list{ overflow: hidden; }
.products_list a{ width: 100%; display: block; overflow: hidden; border:1px solid #e1dddd; box-sizing: border-box; }
.products_list a .img{ width: 100%; padding-bottom: 100%; overflow: hidden; position: relative; }
.products_list a .img img{ width: 100%; height: 100%; object-fit: cover; object-position: 0 0; position: absolute; transition: all .3s; }
.products_list a .txt{ display: flex; align-items: center; justify-content: space-between; background: #f8f8f8; padding:30px; box-sizing: border-box; }
.products_list a .txt span{ font-size: 48px; color: #2d2d2d; line-height: 1; }
.products_list a .txt b{ transition: all .3s; font-weight: normal; padding-bottom: 20px; position: relative; width: calc(100% - 60px); font-size: 18px; color: #333333; line-height: 1; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.products_list a .txt b small{ font-size: 100%; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.products_list a .txt b::after{ content: ""; display: block; width: 50px; height: 4px; background: #be0c0f; position: absolute; left:0; bottom:0; transition: all .3s; }
.products_list a:hover .img img{ transition: all .3s; transform: scale(1.05); }
.products_list a:hover .txt b{ transition: all .3s; font-weight: bold; color: #be0c0f; }
.products_list a:hover .txt b::after{ transition: all .3s; width: 70px; }
.products_list a:hover .txt span{ transition: all .3s; color: #be0c0f; }
@media only screen and (max-width: 1600px){
  .product_info .inner{ padding: 0 15px; box-sizing: border-box; }
  .product_type{ margin:30px 0; }
  .product_type .tit{ padding:40px; }
  .product_type .tit b{ font-size: 28px; }
  .product_type .tit p, .product_type .type a{ font-size: 17px; }
  .product_type .type{ width: calc(100% - 266px); }
  .product_type .type a{ font-size: 17px;  }
  .product_type .type a i{ width: 22px; height: 24px; background-size: 100%; margin-right: 6px; }
  .product_type .type .swiper-button-next span{ font-size: 28px; }
  .products_list a .txt{ padding:25px; }
  .products_list a .txt span{ font-size: 44px; }
  .products_list a .txt b{ padding-bottom: 20px; width: calc(100% - 55px); font-size: 17px; }
}
@media only screen and (max-width: 1400px){
  .product_type{ margin:25px 0; }
  .product_type .tit{ padding:30px 40px; }
  .product_type .tit b{ font-size: 26px; }
  .product_type .tit p, .product_type .type a{ font-size: 16px; }
  .product_type .type{ width: calc(100% - 258px); }
  .product_type .type a{ font-size: 16px;  }
  .product_type .type a i{ width: 20px; height: 22px; background-size: 100%; margin-right: 4px; }
  .product_type .type .swiper-button-next span{ font-size: 26px; }
  .products_list a .txt{ padding:20px; }
  .products_list a .txt span{ font-size: 40px; }
  .products_list a .txt b{ font-size: 16px; }
}
@media only screen and (max-width:1200px){
  .product_type{ margin:20px 0; }
  .product_type .tit{ padding:25px 35px; }
  .product_type .tit b{ font-size: 24px; }
  .product_type .tit p, .product_type .type a{ font-size: 15px; }
  .product_type .type{ padding-right: 60px; width: calc(100% - 240px); }
  .product_type .type::after{ width: 60px; }
  .product_type .type a{ font-size: 15px;  }
  .product_type .type a i{ width: 18px; height: 20px; margin-right: 3px; }
  .product_type .type .swiper-button-next{ width: 60px; height: 60px; }
  .product_type .type .swiper-button-next span{ font-size: 24px; right: 6px; }
  .products_list a .txt{ padding:15px; }
  .products_list a .txt span{ font-size: 36px; }
}
@media only screen and (max-width:992px){
  .product_type{ display: flex; flex-direction: column; width: 100%; margin:15px 0; }
  .product_type .tit{ width: 100%; padding:15px 0; justify-content: space-between; }
  .product_type .tit > div, .product_type .tit > a{ padding:0 15px; }
  .product_type .tit b{ font-size: 22px; }
  .product_type .tit span{ font-size: 24px; }
  .product_type .tit p{ display: none; }
  .product_type .type{ width: 100%; box-sizing: border-box; padding:15px 0; width: 100%; padding-right: 40px;  }
  .product_type .type::after{ width: 40px; }
  .product_type .type .swiper-button-next{ width: 40px; height: 40px; }
  .product_type .type .swiper-button-next span{ right: 4px; }
}
@media only screen and (max-width:768px){
  .product_type .tit b{ font-size: 20px; }
  .product_type .tit span{ font-size: 20px; }
  .products_list a .txt b{ width: 100%; font-size: 15px; padding-bottom: 15px; }
  .products_list a .txt b::after{ height: 3px; }
  .products_list a .txt span{ display: none; }
  .product_type .type a{ font-size: 14px; }
}
@media only screen and (max-width:640px){
  .product_type{ margin:12px 0; margin-top: 8vh; }
  .product_type .tit{ padding:12px; }
  .product_type .tit > div, .product_type .tit > a{ padding:0 12px; }
  .product_type .tit b{ font-size: 18px; }
  .product_type .tit span{ font-size: 18px; }
  .products_list a .txt{ padding:12px; }
  .products_list a .txt b{ font-size: 14px; padding-bottom: 12px; }
  .products_list a .txt b::after{ height: 2px; }
  .product_type .type{ padding:12px 0; }
  .product_type .type a{ font-size: 13px; }
}
@media only screen and (max-width:576px){
  .product_type{ margin-top: 8vh; }
  .product_type .tit b{ font-size: 17px; }
  .product_type .tit span{ font-size: 17px; }
  .products_list a .txt{ padding:10px; }
}
@media only screen and (max-width:414px){
  .products_list a .txt{ padding:8px 10px; }
}

/* m_tit */
.m_tit{ margin-bottom: 60px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.m_tit span{ color: rgba(248,248,248,.05); font-size: 110px; font-family: arial; text-transform: uppercase; font-weight: bold; line-height: 1; }
.m_tit b{ font-size: 48px; color: #fefdfd; line-height: 1; font-weight: bold; margin:-65px 0 20px; }
.m_tit p{ font-size: 18px; color: #f2f3f1; line-height: 1; text-align: center; box-sizing: border-box; padding:0 15px; }
@media only screen and (max-width: 1600px){
  .m_tit{ margin-bottom: 55px; }
  .m_tit span{ font-size: 90px;  }
  .m_tit b{ font-size: 44px; margin:-55px 0 20px; }
  .m_tit p{ font-size: 17px; }
}
@media only screen and (max-width: 1400px){
  .m_tit{ margin-bottom: 50px; }
  .m_tit span{ font-size: 70px;  }
  .m_tit b{ font-size: 40px; margin:-45px 0 18px; }
  .m_tit p{ font-size: 16px; }
}
@media only screen and (max-width:1200px){
  .m_tit{ margin-bottom: 45px; }
  .m_tit span{ font-size: 50px;  }
  .m_tit b{ font-size: 36px; margin:-35px 0 16px; }
  .m_tit p{ font-size: 15px; }
}
@media only screen and (max-width:992px){
  .m_tit{ margin-bottom: 40px; }
  .m_tit span{ font-size: 44px;  }
  .m_tit b{ font-size: 32px; margin:-25px 0 14px; }
  .m_tit p{ font-size: 14px; }
}
@media only screen and (max-width:768px){
  .m_tit{ margin-bottom: 35px; }
  .m_tit span{ font-size: 38px;  }
  .m_tit b{ font-size: 28px; margin:-20px 0 12px; }
  .m_tit p{ font-size: 14px; }
}
@media only screen and (max-width:640px){
  .m_tit{ margin-bottom: 15px; }
  .m_tit span{ font-size: 32px;  }
  .m_tit b{ font-size: 24px; margin:-15px 0 10px; }
}
@media only screen and (max-width:576px){
  .m_tit span{ font-size: 26px;  }
  .m_tit b{ font-size: 20px; margin:-10px 0 8px; }
}
@media only screen and (max-width:414px){
  .m_tit span{ font-size: 20px;  }
  .m_tit b{ font-size: 18px; }
}

/* strength */
.strength{ background:#0b60ba; background-size:cover; width: 100%; height: 100%; }
#app .strength{ align-items: flex-end; }

/* strength_info */
.strength_info{ width: 100%; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; }
.strength_info .bd{ width: 100%; height: 64vh; overflow: hidden; }
.strength_info .strength_list{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; }
.strength_list li{ width: 25%; height: 100%; position: relative; overflow: hidden; }
.strength_list li .img{ width: 100%; height: 100%; overflow: hidden; position: relative; }
.strength_list li .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.strength_list li .img::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; top:0; left:0; background: rgba(0, 0, 0, .74); transition: all .3s; }
.strength_list li .img .txt{ width: 100%; text-align: center; box-sizing: border-box; padding:0 15px; position: absolute; z-index: 3; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; left:50%; top:50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transition: all .3s; }
.strength_list li .img .txt span, .strength_list li > .info span{ font-size: 45px; line-height: 1; color: #ffffff; }
.strength_list li .img .txt b, .strength_list li > .info b{ font-size: 36px; font-weight: bold; line-height: 1; color: #ffffff; display: block; margin:40px 0 12px; }
.strength_list li .img .txt small, .strength_list li > .info small{ font-size: 18px; line-height: 1; color: #ffffff; }
.strength_list li > .info{ display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top:100%; left:50%; width: 500px; background: rgba(4, 57, 113, .57); box-sizing: border-box; padding:80px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); transition: all .8s; }
.strength_list li > .info p{ font-size: 16px; color: #ffffff; line-height: 1.875; margin:24px 0 42px; text-align: center; }
.strength_list li > .info a{ display: inline-flex; align-items: center; justify-content: center; padding:15px 50px; background: var(--zhu-color); line-height: 1; font-size: 16px; color: #ffffff; border-radius: 40px; }
.strength_list li:hover .img::before{ transition: all .3s; background: rgba(0, 0, 0, .35); }
.strength_list li:hover .img .txt{ transition: all .3s; top:150%; }
.strength_list li:hover > .info{ transition: all .8s; top:50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.btn_ani{ position:relative; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); overflow:hidden; }
.btn_ani:before{ content:''; display: block; width: 120%; height: 0; padding: 60% 0; background-color:#004da1; border-radius: 50%; position: absolute; left: -10%; top: 50%; -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); z-index: -1; }
.btn_ani:hover:before{ -webkit-animation: btn_anis 2s ease; animation: btn_anis 2s ease infinite; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }
@-webkit-keyframes btn_anis{ 0%{ -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); }50%{opacity: 1; }100%{opacity: 0; -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); }}
@keyframes btn_anis{ 0%{ -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); }50%{opacity: 1; }100%{opacity: 0; -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); }}
@media only screen and (max-width: 1600px){
  .strength_info .bd{ height: 62vh; }
  .strength_list li .img .txt span, .strength_list li > .info span{ font-size: 40px; }
  .strength_list li .img .txt b, .strength_list li > .info b{ font-size: 30px; margin:30px 0 10px; }
  .strength_list li .img .txt small, .strength_list li > .info small{ font-size: 17px; }
  .strength_list li > .info{ width: 430px; padding:50px; }
  .strength_list li > .info p{ font-size: 15px; line-height: 1.8; margin:20px 0 32px; }
  .strength_list li > .info a{ padding:14px 46px; font-size: 15px; }
}
@media only screen and (max-width: 1400px){
  .strength_info .bd{ height: 60vh; }
  .strength_list li .img .txt span, .strength_list li > .info span{ font-size: 35px; }
  .strength_list li .img .txt b, .strength_list li > .info b{ font-size: 24px; margin:20px 0 8px; }
  .strength_list li .img .txt small, .strength_list li > .info small{ font-size: 16px; }
  .strength_list li > .info{ width: 360px; padding:30px; }
  .strength_list li > .info p{ font-size: 14px; line-height: 1.4; margin:16px 0 22px; }
  .strength_list li > .info a{ padding:13px 42px; font-size: 14px; }
}
@media only screen and (max-width:1200px){
  #app .strength{ align-items: center; }
  .strength_info .bd{ height: 72vh; }
  .strength_list{ flex-wrap: wrap; }
  .strength_list li{ width: 50%; height: 50%; }
  .strength_list li .img .txt span, .strength_list li > .info span{ font-size: 30px; }
  .strength_list li .img .txt b, .strength_list li > .info b{ font-size: 20px; margin:20px 0 8px; }
  .strength_list li .img .txt small, .strength_list li > .info small{ font-size: 15px; }
  .strength_list li > .info{ width: 100%; height: 100%; box-sizing: border-box; padding:25px; }
  .strength_list li > .info p{ font-size: 14px; line-height: 1.4; margin:14px 0 20px; }
  .strength_list li > .info a{ padding:10px 36px; font-size: 13px; }
}
@media only screen and (max-width:992px){
  .strength_info .bd{ height: 72vh; }
  .strength_list li .img .txt span, .strength_list li > .info span{ font-size: 26px; }
  .strength_list li .img .txt b, .strength_list li > .info b{ font-size: 18px; margin:16px 0 7px; }
  .strength_list li .img .txt small, .strength_list li > .info small{ font-size: 14px; }
  .strength_list li > .info{ padding:20px; }
  .strength_list li > .info p{ font-size: 13px; line-height: 1.4; margin:14px 0 20px; }
  .strength_list li > .info a{ padding:8px 30px; font-size: 12px; }
}
@media only screen and (max-width:768px){
  .strength_info .bd{ height: 72vh; }
  .strength_list li .img .txt span, .strength_list li > .info span{ font-size: 22px; }
  .strength_list li .img .txt b, .strength_list li > .info b{ font-size: 17px; margin:14px 0 6px; }
  .strength_list li .img .txt small, .strength_list li > .info small{ font-size: 14px; }
  .strength_list li > .info{ padding:15px; }
  .strength_list li > .info p{ font-size: 13px; line-height: 1.4; margin:12px 0 18px; }
  .strength_list li > .info a{ padding:8px 30px; font-size: 12px; }
}
@media only screen and (max-width:640px){
  .strength_info .bd{ height: 70vh; }
  .strength_list li .img .txt span, .strength_list li > .info span{ font-size: 20px; }
  .strength_list li .img .txt b, .strength_list li > .info b{ font-size: 16px; font-weight: normal; margin:12px 0 6px; }
  .strength_list li .img .txt small, .strength_list li > .info small{ font-size: 13px; }
  .strength_list li > .info p{ font-size: 13px; line-height: 1.4; margin:10px 0 16px; }
  .strength_list li > .info a{ padding:8px 26px; font-size: 12px; }
}
@media only screen and (max-width:576px){
  .strength_info .bd{ height: 68vh; }
  .strength_list li > .info{ padding:12px; }
  .strength_list li > .info p{ font-size: 12px; margin:10px 0; line-height: 1.3; }
}
@media only screen and (max-width:414px){
  .strength_info .bd{ height: 66vh; }
  .strength_list li > .info{ padding:10px; }
  .strength_list li > .info b, .strength_list li > .info small{ display: none; }
}

/* solution */
.solution{ background:#fff url("../images/solution_bg.jpg") no-repeat center; background-size:cover; width: 100%; height: 100%; }
#app .solution{ align-items: flex-end; }
/* solution_info */
.solution_info{ overflow: hidden; margin-bottom: 30px; }
.solution_info .m_tit span{ color: rgba(48, 48, 48, .05); }
.solution_info .m_tit b{ color: #0a0a0a; }
.solution_info .m_tit p{ color: #0a0a0a; }
.solution_info .bd{ width: 100%; overflow: hidden; }
.solution_info .bd a{ width: 100%; display: block; padding-bottom: 76px; position: relative; }
.solution_info .bd a .img{ width: 100%; height: 52vh; overflow: hidden; }
.solution_info .bd a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.solution_info .bd a .txt{ transition: all .2s; display: flex; align-items: flex-start; justify-content: space-between; width: 65%; box-sizing: border-box; padding:60px; position: absolute; bottom: -100%; right: 0; background: -webkit-linear-gradient(left, #126dc0 0%, #126dc0 100%); background: -o-linear-gradient(right, #126dc0 0%, #126dc0 100%); background: -moz-linear-gradient(right, #126dc0 0%, #126dc0 100%); background: linear-gradient(to right, #126dc0 0%, #126dc0 100%); }
.solution_info .bd a .txt b{ font-size: 30px; color: #f2f3f1; line-height: 1.2; font-weight: bold; max-width: 150px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.solution_info .bd a .txt > div{ width: calc(100% - 180px); display: flex; flex-direction: column; }
.solution_info .bd a .txt p{ font-size: 16px; color: #f2f3f1; text-indent: -2em; line-height: 1.8; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.solution_info .bd a .txt span{ margin-top: 20px; font-size: 18px; line-height: 1; color: #ffffff; display: inline-flex; width: 40px; height: 40px; border:1px solid #ffffff; border-radius: 50%; align-items: center; justify-content: center; }
.solution_info .bd a:hover img{ transition: all .3s; transform: scale(1.05); }
.solution_info .bd a:hover .txt span{ transition: all .3s; background: var(--pei-color); color: #ffffff; border-color: var(--pei-color); }
.solution_info .bd .swiper-slide-active a .txt{ transition: all .8s; bottom:0; }
#solutions .swiper-button-next, #solutions .swiper-button-prev{ bottom:138px; top:auto; margin-top: 0; width: 56px; height: 56px; }
#solutions .swiper-button-next{ left:calc(24% + 86px); right:auto; }
#solutions .swiper-button-prev{ left:24%; }
#solutions .swiper-button-next::after, #solutions .swiper-button-prev::after{ display: none; }
#solutions .swiper-button-next span, #solutions .swiper-button-prev span{ width: 100%; height: 100%; display: inline-flex; align-items: center; justify-content: center;  border-radius: 50%; background: #ffffff; font-size: 18px; color: #000000; }
#solutions .swiper-button-prev span{ transform: rotate(-180deg); }
#solutions .swiper-button-next:hover span, #solutions .swiper-button-prev:hover span{ transition: all .3s; background: #c90707; color: #ffffff; }
@media only screen and (max-width: 1600px){
  .solution_info .bd{ padding-bottom: 20px; }
  .solution_info .bd a{ padding-bottom: 56px; }
  .solution_info .bd a .img{ height: 51vh; }
  .solution_info .bd a .txt{ width: 75%; padding:40px; }
  .solution_info .bd a .txt b{ font-size: 26px; max-width: 150px; }
  .solution_info .bd a .txt p{ font-size: 15px; }
  .solution_info .bd a .txt span{ font-size: 17px; width: 35px; height: 35px; }
  #solutions .swiper-button-prev{ left: 23%; }
  #solutions .swiper-button-next{ left: calc(23% + 70px); }
  #solutions .swiper-button-next, #solutions .swiper-button-prev{ width: 50px; height: 50px; }
  #solutions .swiper-button-next span, #solutions .swiper-button-prev span{ font-size: 17px; }
}
@media only screen and (max-width: 1400px){
  .solution_info .bd{ padding-bottom: 30px; }
  .solution_info .bd a{ padding-bottom: 40px; }
  .solution_info .bd a .img{ height: 50vh; }
  .solution_info .bd a .txt{ width: 80%; padding:25px; }
  .solution_info .bd a .txt b{ font-size: 22px; max-width: 130px; }
  .solution_info .bd a .txt p{ font-size: 14px; }
  .solution_info .bd a .txt > div{ width: calc(100% - 160px); }
  .solution_info .bd a .txt span{ font-size: 16px; width: 30px; height: 30px; }
  #solutions .swiper-button-prev{ left: 22%; }
  #solutions .swiper-button-next{ left: calc(22% + 60px); }
  #solutions .swiper-button-next, #solutions .swiper-button-prev{ width: 40px; height: 40px; bottom: 112px; }
  #solutions .swiper-button-next span, #solutions .swiper-button-prev span{ font-size: 16px; }
}
@media only screen and (max-width:1200px){
  #app .solution{ align-items: center; }
  .solution_info{ padding-top: 10vh; }
  .solution_info .bd{ padding-bottom: 0; }
  .solution_info .bd a{ padding-bottom: 30px; }
  .solution_info .bd a .img{ height: 48vh; }
  .solution_info .bd a .txt{ width: 85%; padding:20px; }
  .solution_info .bd a .txt b{ font-size: 18px; max-width: 110px; }
  .solution_info .bd a .txt p{ font-size: 13px; }
  .solution_info .bd a .txt > div{ width: calc(100% - 140px); }
  .solution_info .bd a .txt span{ font-size: 14px; width: 25px; height: 25px; }
  #solutions .swiper-button-prev{ left: 15px; }
  #solutions .swiper-button-next{ left: auto; right: 15px; }
  #solutions .swiper-button-next, #solutions .swiper-button-prev{ width: 35px; height: 35px; bottom: auto; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  #solutions .swiper-button-next span, #solutions .swiper-button-prev span{ font-size: 15px; }
}
@media only screen and (max-width:992px){
  .solution_info .bd{ box-sizing: border-box; padding:0 15px; }
  .solution_info .bd a .img{ height: 46vh; }
  .solution_info .bd a .txt{ width: 96%; padding:15px; right: 2%; }
  .solution_info .bd a .txt b{ font-size: 17px; max-width: 100px; }
  .solution_info .bd a .txt p{ font-size: 13px; }
  .solution_info .bd a .txt > div{ width: calc(100% - 120px); }
  .solution_info .bd a .txt span{ font-size: 13px; width: 20px; height: 20px; margin-top: 12px; }
  #solutions .swiper-button-next, #solutions .swiper-button-prev{ width: 30px; height: 30px; }
  #solutions .swiper-button-next span, #solutions .swiper-button-prev span{ font-size: 14px; }
}
@media only screen and (max-width:768px){
  .solution_info .bd a .img{ height: 44vh; }
}
@media only screen and (max-width:640px){
  .solution_info .bd a{ padding-bottom: 132px; }
  .solution_info .bd a .img{ height: 42vh; }
  .solution_info .bd a .txt{ flex-direction: column ;width: 100%; padding:12px; right: 0; }
  .solution_info .bd a .txt b{ font-size: 16px; font-weight: normal; max-width: 100%; margin-bottom: 12px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
  .solution_info .bd a .txt p{ font-size: 12px; }
  .solution_info .bd a .txt > div{ width: 100%; }
  #solutions .swiper-button-next, #solutions .swiper-button-prev{ width: 25px; height: 25px; top:35%; }
  #solutions .swiper-button-next span, #solutions .swiper-button-prev span{ font-size: 13px; }
}
@media only screen and (max-width:576px){
  .solution_info .bd a .img{ height: 40vh; }
  .solution_info .bd a .txt{ flex-direction: column; }
}
@media only screen and (max-width:414px){
  .solution_info .bd a .img{ height: 38vh; }
}

/* news */
.news{ background:#f1f0f0; background-size:cover; width: 100%; height: 100%; }
/* news_infos */
.news_infos{ overflow: hidden; padding-top: 8vh; }
.news_infos .inner{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.news_infos .hd{ width: 100%; margin-bottom: 60px; display: flex; align-items: center; justify-content: space-between; }
.news_infos .hd .n_tit{ display: flex; flex-direction: column; }
.news_infos .hd .n_tit span{ font-size: 60px; color: #0a0a0a; line-height: 1; font-weight: bold; text-transform: uppercase; }
.news_infos .hd .n_tit b{ font-size: 36px; color: #0a0a0a; line-height: 1; font-weight: normal; text-transform: uppercase; margin-top: 20px; }
.news_infos .hd .n_type{ display: inline-flex; align-items: center; }
.news_infos .hd .n_type a{ transition: all .3s; margin:0 15px; display: inline-flex; overflow: hidden; align-items: center; padding:15px 22px; position: relative; }
.news_infos .hd .n_type a::after{ content: ""; display: inline-block; width: 6px; height: 6px; background: var(--zhu-color); border-radius: 50%; position: absolute; top:0; right: 0; transition: all .2s; }
.news_infos .hd .n_type a::before{ content: ""; display: inline-block; width: 100%; height: 2px; background: #cbcaca; position: absolute; bottom:0; left: 0; transition: all .2s; }
.news_infos .hd .n_type a span{ transition: all .3s; font-size: 18px; color: #1e1e1e; line-height: 1; font-weight: bold; z-index: 3; }
.news_infos .hd .n_type a span::before{ content: ""; display: inline-block; width: 0; height: 0; border-top:3px solid var(--zhu-color); border-left: 3px solid var(--zhu-color); position: absolute; border-radius: 3px; left:0; top:0; transition: all .2s; opacity: 0; }
.news_infos .hd .n_type a span::after{ content: ""; display: inline-block; width: 0; height: 0; border-bottom:3px solid var(--zhu-color); border-left: 3px solid var(--zhu-color); position: absolute; border-radius: 3px; left:0; bottom:0; transition: all .2s; opacity: 0; }
.news_infos .hd .n_type a span small{ font-size: 100%; }
.news_infos .hd .n_type a span small::before{ content: ""; display: inline-block; width: 0; height: 0; border-top:3px solid var(--zhu-color); border-left: 3px solid var(--zhu-color); position: absolute; right:0; top:0; border-radius: 3px; transition: all .2s; opacity: 0; }
.news_infos .hd .n_type a span small::after{ content: ""; display: inline-block; width: 0; height: 0; border-bottom:3px solid var(--zhu-color); border-left: 3px solid var(--zhu-color); position: absolute; right:0; bottom:0; border-radius: 3px; transition: all .2s; opacity: 0; }
.news_infos .hd .n_type a:hover::after{ transition: all .2s; width: 3px; height: 3px; }
.news_infos .hd .n_type a:hover::before{ transition: all .2s; width: 0; transition-delay:0.2s; }
.news_infos .hd .n_type a:hover small::before{ transition: all .2s; height: 100%; opacity: 1; }
.news_infos .hd .n_type a:hover small::after{ transition: all .2s; width: 100%; transition-delay:0.2s; opacity: 1; }
.news_infos .hd .n_type a:hover span::after{ transition: all .2s; height: 100%; transition-delay:0.4s; opacity: 1; }
.news_infos .hd .n_type a:hover span::before{ transition: all .2s; width: 100%; transition-delay:0.6s; opacity: 1; }
.news_infos .hd .n_type a:hover span{ transition: all .2s; color: var(--zhu-color); }

.news_infos .bd{ width: 100%; overflow: hidden; display: flex; align-items: center; justify-content: space-between; }
.news_infos .bd .fl{ width: 586px; }
.news_infos .bd .fl a{ display: block; width: 100%; overflow: hidden; }
.news_infos .bd .fl a .img{ width: 100%; height: 342px; overflow: hidden; }
.news_infos .bd .fl a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.news_infos .bd .fl a .txt{ margin-top: 35px; padding-top: 35px; border-top: 1px solid #1e1e1e; }
.news_infos .bd .fl a .txt b, .news_infos .bd .fr li .txt b{ display: block; font-size: 24px; color: #1e1e1e; line-height: 1; font-weight: bold; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.news_infos .bd .fl a .txt p, .news_infos .bd .fr li .txt p{ margin:15px 0; text-indent: -2em; display: block; font-size: 16px; color: #1e1e1e; line-height: 1.5; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.news_infos .bd .fl a .txt small, .news_infos .bd .fr li .txt small{ display: inline-flex; align-items: center; line-height: 1; font-size: 16px; color: #1e1e1e; }
.news_infos .bd .fl a .txt small i, .news_infos .bd .fr li .txt small i{ margin-left: 12px; display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 50%; background: var(--zhu-color); font-size: 12px; color: #ffffff; }
.news_infos .bd .fr{ width: calc(100% - 616px); display: flex; flex-direction: column; }
.news_infos .bd .fr li a{ display: flex; align-items: flex-start; justify-content: space-between; }
.news_infos .bd .fr li .time{ transition: all .3s; font-size: 48px; color: #1e1e1e; font-weight: bold; line-height: 1; width: 140px; display: inline-flex; padding:60px 0; border-top: 1px solid #030303; }
.news_infos .bd .fr li .txt{ transition: all .3s; width: calc(100% - 170px); padding:60px 0; display: flex; flex-direction: column; border-top: 1px solid #030303; }
.news_infos .bd .fr li .txt p{ margin:26px 0; }
.news_infos .bd .fr li .txt small{ justify-content: flex-end; }
.news_infos .bd .fl a:hover img{ transition: all .3s; transform: scale(1.05); }
.news_infos .bd .fl a:hover .txt b, .news_infos .bd .fr a:hover .txt b{ transition: all .3s; color: var(--zhu-color); }
@media only screen and (max-width: 1600px){
  .news_infos .hd{ margin-bottom: 45px;  }
  .news_infos .hd .n_tit span{ font-size: 50px;  }
  .news_infos .hd .n_tit b{ font-size: 32px; margin-top: 16px; }
  .news_infos .hd .n_type a{ margin:0 12px; padding:12px 20px; }
  .news_infos .hd .n_type a::after{ width: 5px; height: 5px; }
  .news_infos .hd .n_type a::before{ width: 0; height: 2px; bottom: -2px; left:0; }
  .news_infos .hd .n_type a span{ font-size: 17px; }
  .news_infos .hd .n_type a:hover{ padding:12px 20px; }
  .news_infos .bd .fl{ width: calc(40% - 15px); }
  .news_infos .bd .fl a .img{ height: 312px; }
  .news_infos .bd .fl a .txt{ margin-top: 25px; padding-top: 25px; }
  .news_infos .bd .fl a .txt b, .news_infos .bd .fr li .txt b{ font-size: 22px; }
  .news_infos .bd .fl a .txt p, .news_infos .bd .fr li .txt p{ margin:12px 0;  font-size: 15px; }
  .news_infos .bd .fl a .txt small, .news_infos .bd .fr li .txt small{ font-size: 15px; }
  .news_infos .bd .fl a .txt small i, .news_infos .bd .fr li .txt small i{ margin-left: 10px; width: 22px; height: 22px; font-size: 12px; color: #ffffff; }
  .news_infos .bd .fr{ width:calc(60% - 15px); box-sizing: border-box; padding-right: 15px; }
  .news_infos .bd .fr li .time{ font-size: 44px; width: 140px; padding:50px 0; }
  .news_infos .bd .fr li .txt{ width: calc(100% - 170px); padding:50px 0; }
  .news_infos .bd .fr li .txt p{ margin:24px 0; }
}
@media only screen and (max-width: 1400px){
  .news_infos .hd{ margin-bottom: 30px;  }
  .news_infos .hd .n_tit span{ font-size: 40px;  }
  .news_infos .hd .n_tit b{ font-size: 28px; margin-top: 12px; }
  .news_infos .hd .n_type a{ margin:0 10px; padding:12px 18px; }
  .news_infos .hd .n_type a span{ font-size: 16px; font-weight: normal; }
  .news_infos .hd .n_type a:hover{ padding:10px 18px; }
  .news_infos .bd .fl{ width: calc(45% - 15px); }
  .news_infos .bd .fl a .img{ height: 281px; }
  .news_infos .bd .fl a .txt{ margin-top: 15px; padding-top: 15px; }
  .news_infos .bd .fl a .txt b, .news_infos .bd .fr li .txt b{ font-size: 20px; }
  .news_infos .bd .fl a .txt p, .news_infos .bd .fr li .txt p{ margin:10px 0;  font-size: 14px; }
  .news_infos .bd .fl a .txt small, .news_infos .bd .fr li .txt small{ font-size: 14px; }
  .news_infos .bd .fl a .txt small i, .news_infos .bd .fr li .txt small i{ margin-left: 8px; width: 20px; height: 20px; }
  .news_infos .bd .fr{ width:calc(55% - 15px); padding-right: 10px; }
  .news_infos .bd .fr li .time{ font-size: 40px; width: 140px; padding:40px 0; }
  .news_infos .bd .fr li .txt{ width: calc(100% - 170px); padding:40px 0; }
  .news_infos .bd .fr li .txt p{ margin:22px 0; }
}
@media only screen and (max-width:1200px){
  .news_infos .hd{ margin-bottom: 25px;  }
  .news_infos .hd .n_tit span{ font-size: 30px;  }
  .news_infos .hd .n_tit b{ font-size: 24px; margin-top: 10px; }
  .news_infos .hd .n_type a{ margin:0 10px; padding:10px 18px; }
  .news_infos .hd .n_type a span{ font-size: 15px; font-weight: normal; }
  .news_infos .hd .n_type a:hover{ padding:10px 18px; }
  .news_infos .bd .fl a .img{ height: 160px; }
  .news_infos .bd .fl a .txt b, .news_infos .bd .fr li .txt b{ font-size: 18px; }
  .news_infos .bd .fl a .txt p, .news_infos .bd .fr li .txt p{ margin:8px 0; font-size: 13px; }
  .news_infos .bd .fl a .txt small, .news_infos .bd .fr li .txt small{ font-size: 13px; }
  .news_infos .bd .fl a .txt small i, .news_infos .bd .fr li .txt small i{ margin-left: 8px; width: 15px; height: 15px; }
  .news_infos .bd .fr li .time{ font-size: 24px; width: 80px; padding:22px 0; }
  .news_infos .bd .fr li .txt{ width: calc(100% - 100px); padding:22px 0; }
  .news_infos .bd .fr li .txt p{ margin:12px 0; }
}
@media only screen and (max-width:992px){
  .news_infos .hd{ margin-bottom: 20px;  }
  .news_infos .hd .n_tit span{ display: none;  }
  .news_infos .hd .n_tit b{ font-size: 20px; margin-top: 0; }
  .news_infos .hd .n_type a{ margin:0 8px; padding:8px 16px; }
  .news_infos .hd .n_type a span{ font-size: 14px; }
  .news_infos .hd .n_type a:hover{ padding:8px 16px; }
  .news_infos .bd{ flex-direction: column; }
  .news_infos .bd .fl, .news_infos .bd .fr{ width: 100%; }
  .news_infos .bd .fl a .img{ display: none; }
  .news_infos .bd .fl a .txt{ padding:15px 0; margin-top: 0; }
  .news_infos .bd .fl a .txt b, .news_infos .bd .fr li .txt b{ font-size: 16px; font-weight: normal; }
  .news_infos .bd .fl a .txt p, .news_infos .bd .fr li .txt p{ margin:8px 0; font-size: 12px; }
  .news_infos .bd .fl a .txt small, .news_infos .bd .fr li .txt small{ font-size: 12px; }
  .news_infos .bd .fr li .time{ font-size: 20px; width: 60px; padding:15px 0; }
  .news_infos .bd .fr li .txt{ width: calc(100% - 80px); padding:15px 0; }
  .news_infos .hd .n_type a::after{ width: 4px; height: 4px; }
  .news_infos .hd .n_type a:hover::after{ width: 2px; height: 2px; }
  .news_infos .hd .n_type a span::before{ border-top:2px solid var(--zhu-color); border-left: 2px solid var(--zhu-color); }
  .news_infos .hd .n_type a span::after{ border-bottom:2px solid var(--zhu-color); border-left: 2px solid var(--zhu-color); }
  .news_infos .hd .n_type a span small::before{ border-top:2px solid var(--zhu-color); border-left: 2px solid var(--zhu-color); }
  .news_infos .hd .n_type a span small::after{ border-bottom:2px solid var(--zhu-color); border-left: 2px solid var(--zhu-color); }
}
@media only screen and (max-width:768px){
  .news_infos .hd{ margin-bottom: 15px;  }
  .news_infos .hd .n_tit b{ font-size: 19px; margin-top: 0; }
  .news_infos .hd .n_type a{ margin:0 6px; padding:6px 14px; }
  .news_infos .hd .n_type a span{ font-size: 13px; }
  .news_infos .hd .n_type a::after{ top:5px; right:5px; }
  .news_infos .hd .n_type a:hover{ padding:6px 14px; }
  .news_infos .bd .fl a .txt b, .news_infos .bd .fr li .txt b{ font-size: 16px; }
  .news_infos .bd .fr li .time{ font-size: 18px; }
}
@media only screen and (max-width:640px){
  .news_infos .hd .n_tit b{ font-size: 18px; }
  .news_infos .hd .n_type a{ margin:0 6px; padding:6px 12px; }
  .news_infos .hd .n_type a span{ font-size: 12px; }
  .news_infos .hd .n_type a:hover{ padding:6px 12px; }
  .news_infos .bd .fl a .txt b, .news_infos .bd .fr li .txt b{ font-size: 16px; }
  .news_infos .bd .fr li .time{ font-size: 17px; }
}
@media only screen and (max-width:576px){
  .news_infos .hd .n_tit b{ font-size: 17px; }
  .news_infos .hd .n_type a{ margin:0 4px; padding:4px 10px; }
  .news_infos .hd .n_type a span{ font-size: 12px; }
  .news_infos .hd .n_type a:hover{ padding:4px 10px; }
  .news_infos .hd .n_type a::after{ top:0px; right:0px; }
  .news_infos .bd .fl a .txt b, .news_infos .bd .fr li .txt b{ font-size: 16px; }
  .news_infos .bd .fr li .time{ font-size: 16px; }
  .news_infos .hd .n_type a::after{ width: 2px; height: 2px; }
  .news_infos .hd .n_type a:hover::after{ width: 1px; height: 1px; }
  .news_infos .hd .n_type a span::before{ border-top:1px solid var(--zhu-color); border-left: 1px solid var(--zhu-color); }
  .news_infos .hd .n_type a span::after{ border-bottom:1px solid var(--zhu-color); border-left: 1px solid var(--zhu-color); }
  .news_infos .hd .n_type a span small::before{ border-top:1px solid var(--zhu-color); border-left: 1px solid var(--zhu-color); }
  .news_infos .hd .n_type a span small::after{ border-bottom:1px solid var(--zhu-color); border-left: 1px solid var(--zhu-color); }
}
@media only screen and (max-width:414px){
  .news_infos .hd .n_type a{ margin:0 2px; padding:3px 8px; }
}

/* contact */
.contact{ background:#ffffff url("../images/contact_bg.jpg") no-repeat center; background-size:cover; width: 100%; height: 100%; }
#app .contact{ align-items: flex-end; }

/* contact_infos */
.contact_infos{ width: 100%; overflow: hidden; }
.contact_msgs{ margin-bottom: 120px; }
.contact_msgs .inner{ display: flex; align-items: flex-start; justify-content: space-between; }
.contact_msgs .fl, .contact_msgs .fr{ width: 50%; }
.contact_msgs .fl{ padding:0 200px; box-sizing: border-box; display: flex; flex-direction: column; }
.contact_msgs .fl > div{ margin-bottom: 15px; }
.contact_msgs .fl > div b{ font-size: 16px; color: #ffffff; font-weight: bold; line-height: 1; }
.contact_msgs .fl > div p{ font-size: 16px; color: #ffffff; font-weight: normal; line-height: 1.2; margin:10px 0; word-break: break-all; }
.contact_msgs .fr{ display: flex; flex-direction: column; }
.contact_msgs .fr > span{ margin-top: -12px; font-size: 90px; color: #ffffff; text-transform: capitalize; font-weight: bold; line-height: 1; }
.contact_msgs .fr > b{ font-size: 30px; color: #ffffff; line-height: 1; font-weight: normal; display: block; margin:4px 0 8px; }
.contact_msgs .fr ul{ margin-bottom: 10px; display: flex; align-items: flex-start; justify-content: space-between; }
.contact_msgs .fr ul li{ width: calc(50% - 15px); }
.contact_msgs .fr form span{ font-size: 16px; color: #ffffff; line-height: 1; display: flex; align-items: center; padding:12px 0; line-height: 1; }
.contact_msgs .fr form span i{ color: #ff0000; margin-left: 5px; }
.contact_msgs .fr input{ width: 100%; height: 48px; box-sizing: border-box; padding:0 15px; color: #ffffff; box-sizing: border-box; border:1px solid #b5c3c9; background: none; }
.contact_msgs .fr textarea{ width: 100%; height: 110px; box-sizing: border-box; padding:15px; color: #ffffff; box-sizing: border-box; border:1px solid #b5c3c9; background: none; }
.contact_msgs .fr .code img{ width: 100%; height: 48px; margin-top: 14px; }
.contact_msgs .fr .csubmit{ margin-top: 12px; display: flex; align-items: center; justify-content: center; background: var(--zhu-color); color: #ffffff; font-size: 18px; padding:18px 0; }
.contact_footer{ padding:24px 0; background: rgba(4, 57, 113, .62); overflow: hidden; }
.contact_footer .inner{ display: flex; align-items: center; justify-content: space-between; }
.contact_footer .fl, .contact_footer .fr{ width: calc(50% - 15px); }
.contact_footer .fl{ display: flex; flex-direction: column;  }
.contact_footer .fl p{ font-size: 16px; padding:6px 0; color: #e5e4e4; line-height: 1; }
.contact_footer .fl p a{ font-size: 16px; color: #e5e4e4; transition: all .3s; }
.contact_footer .fr{ display: flex; align-items: center; justify-content: flex-end; }
.contact_footer .fr a{ display: inline-block; font-size: 14px; color: #e5e4e4; line-height: 1; margin:0 12px; transition: all .3s; }
.contact_footer .fr a:hover, .contact_footer .fl p a:hover{ transition: all .3s; color: var(--pei-color); }
@media only screen and (max-width: 1600px){
  .contact_msgs{ margin-bottom: 80px; padding-top: 8vh; }
  .contact_msgs .fl{ padding:0 160px; }
  .contact_msgs .fl > div{ margin-bottom: 14px; }
  .contact_msgs .fl > div b{ font-size: 16px; }
  .contact_msgs .fl > div p{ font-size: 16px; margin:10px 0; }
  .contact_msgs .fr{ width: 50%; padding-right: 30px; }
  .contact_msgs .fr > span{ margin-top: -12px; font-size: 80px; }
  .contact_msgs .fr > b{ font-size: 26px; margin:4px 0 8px; }
  .contact_msgs .fr ul{ margin-bottom: 10px;  }
  .contact_msgs .fr ul li{ width: calc(50% - 15px); }
  .contact_msgs .fr form span{ font-size: 16px; padding:12px 0; }
  .contact_msgs .fr input{ height: 44px; }
  .contact_msgs .fr textarea{ height: 100px; }
  .contact_msgs .fr .code img{ height: 44px; margin-top: 14px; }
  .contact_msgs .fr .csubmit{ margin-top: 12px; font-size: 18px; padding:18px 0; }
  .contact_footer{ padding:22px 0; }
  .contact_footer .fl, .contact_footer .fr{ width: calc(50% - 15px); }
  .contact_footer .fl p{ font-size: 15px; padding:4px 0; }
  .contact_footer .fl p a{ font-size: 15px; }
  .contact_footer .fr a{ font-size: 14px; margin:0 10px; }
}
@media only screen and (max-width: 1400px){
  
  .contact_msgs{ margin-bottom: 60px; }
  .contact_msgs .fl{ width: 40%; }
  .contact_msgs .fl{ padding:0 100px; }
  .contact_msgs .fl > div{ margin-bottom: 13px; }
  .contact_msgs .fl > div b{ font-size: 16px; }
  .contact_msgs .fl > div p{ font-size: 16px; margin:10px 0; }
  .contact_msgs .fr{ width: 60%; padding-right: 30px; }
  .contact_msgs .fr > span{ margin-top: -10px; font-size: 70px; }
  .contact_msgs .fr > b{ font-size: 22px; margin:4px 0 8px; }
  .contact_msgs .fr ul{ margin-bottom: 10px;  }
  .contact_msgs .fr ul li{ width: calc(50% - 15px); }
  .contact_msgs .fr form span{ font-size: 16px; padding:12px 0; }
  .contact_msgs .fr input{ height: 44px; }
  .contact_msgs .fr textarea{ height: 100px; }
  .contact_msgs .fr .code img{ height: 44px; margin-top: 14px; }
  .contact_msgs .fr .csubmit{ margin-top: 12px; font-size: 18px; padding:18px 0; }
  .contact_footer{ padding:20px 0; }
  .contact_footer .fl, .contact_footer .fr{ width: calc(50% - 15px); }
  .contact_footer .fl p{ font-size: 14px; }
  .contact_footer .fl p a{ font-size: 14px; }
  .contact_footer .fr a{ font-size: 13px; margin:0 8px; }
}
@media only screen and (max-width:1200px){
  #app .contact{ align-items: center; }
  .contact_msgs .fl{ width: 40%; }
  .contact_msgs .fl{ padding:0 50px; }
  .contact_msgs .fl > div{ margin-bottom: 5px; }
  .contact_msgs .fl > div b{ font-size: 15px; }
  .contact_msgs .fl > div p{ font-size: 15px; margin:8px 0; }
  .contact_msgs .fr{ width: 60%; padding-right: 30px; }
  .contact_msgs .fr > span{ margin-top: -10px; font-size: 60px; }
  .contact_msgs .fr > b{ font-size: 18px; margin:4px 0 8px; }
  .contact_msgs .fr ul{ margin-bottom: 10px;  }
  .contact_msgs .fr ul li{ width: calc(50% - 15px); }
  .contact_msgs .fr form span{ font-size: 15px; padding:10px 0; }
  .contact_msgs .fr input{ height: 42px; }
  .contact_msgs .fr textarea{ height: 100px; }
  .contact_msgs .fr .code img{ height: 42px; margin-top: 12px; }
  .contact_msgs .fr .csubmit{ margin-top: 12px; font-size: 16px; padding:16px 0; }
  .contact_footer{ padding:18px 0; position: absolute; left:0; bottom:0; width: 100%; box-sizing: border-box; }
  .contact_footer .fl, .contact_footer .fr{ width: calc(50% - 15px); }
  .contact_footer .fl p{ font-size: 13px; }
  .contact_footer .fl p a{ font-size: 13px; }
  .contact_footer .fr a{ font-size: 12px; }
}
@media only screen and (max-width:992px){
  .contact_msgs{ margin-bottom: 15px; }
  .contact_msgs .inner{ flex-direction: column; }
  .contact_msgs .fl{ width: 100%; }
  .contact_msgs .fl{ padding:15px 0; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
  .contact_msgs .fl > div{ margin-bottom: 5px; width: calc(50% - 7.5px); }
  .contact_msgs .fl > div b{ font-size: 14px; }
  .contact_msgs .fl > div p{ font-size: 14px; margin:6px 0; }
  .contact_msgs .fl > div:last-of-type{ display: none; }

  .contact_msgs .fr{ width: 100%; padding-right: 30px; }
  .contact_msgs .fr > span{ display: none; }
  .contact_msgs .fr > b{ font-size: 18px; margin:4px 0 8px; }
  .contact_msgs .fr ul{ margin-bottom: 0;  }
  .contact_msgs .fr ul li{ width: calc(50% - 7.5px); }
  .contact_msgs .fr form span{ font-size: 14px; padding:8px 0; }
  .contact_msgs .fr input{ height: 34px; }
  .contact_msgs .fr textarea{ height: 82px; }
  .contact_msgs .fr .code img{ height: 34px; margin-top: 12px; }
  .contact_msgs .fr .csubmit{ margin-top: 10px; font-size: 14px; padding:12px 0; }
  .contact_footer{ padding:60px 0; }
  .contact_footer .inner{ flex-direction: column; } 
  .contact_footer .fl, .contact_footer .fr{ width: 100%; text-align: center; }
  .contact_footer .fl p{ font-size: 13px; }
  .contact_footer .fl p a{ font-size: 13px; }
  .contact_footer .fr{ margin-top: 8px; justify-content: center; }
  .contact_footer .fr a{ font-size: 12px; }
}
@media only screen and (max-width:768px){
  .contact_msgs .fl > div b{ font-size: 13px; }
  .contact_msgs .fl > div p{ font-size: 13px; margin:4px 0; }
}
@media only screen and (max-width:640px){
  .contact_msgs .fr input{ padding:0 12px; }
  .contact_msgs .fl > div p{ font-size: 12px; line-height: 1.2; }
  .contact_footer{ padding:60px 0; }
  .contact_footer .fl p{ font-size: 12px; }
  .contact_footer .fl p a{ font-size: 12px; }
  .contact_footer .fr{ margin-top: 6px; }
}
@media only screen and (max-width:576px){
  .contact_msgs .fr input{ padding:0 10px; }
  .contact_msgs .fr .csubmit{ padding:10px 0; font-size: 13px; }
  .contact_footer{ padding:60px 0; }
}
@media only screen and (max-width:414px){
  .contact_msgs .fr .csubmit{ padding:8px 0; font-size: 12px; }
  .contact_footer{ padding:60px 0; }
  .contact_footer .fl p{ line-height: 1.5; }
  .contact_footer .fl p span{ display: inline-block; }
  .contact_footer .fr{ display: none; }
}

/* f_contact */
.f_contact{ height: 100vh; display: flex; align-items: flex-end; position: relative; }

/*sbanner*/
.sbanner{ padding:260px 0; overflow: hidden; background: url(../images/company_banner.jpg) no-repeat top center; background-attachment: fixed; }
.sbanner .tit{ display: flex; flex-direction: column; }
.sbanner .tit span{ font-size: 72px; font-weight: bold; line-height: 1; color: rgba(255,255,255,.15); text-transform: uppercase; }
.sbanner .tit b{ font-size: 48px; font-weight: bold; line-height: 1; color: #ffffff; position: relative; margin-top: 16px; }
.sbanner .tit b::before{ content: ""; width: 34px; height: 34px; background: url(../images/ico_ring.png) no-repeat; position: absolute; left:-12px; top:-12px; }
.product_banner{ background: url(../images/product_banner.jpg) no-repeat top center; background-attachment: fixed; }
.case_banner{ background: url(../images/case_banner.jpg) no-repeat top center; background-attachment: fixed; }
.contact_banner{ background: url(../images/contact_banner.jpg) no-repeat top center; background-attachment: fixed; }
.news_banner{ background: url(../images/news_banner.jpg) no-repeat top center; background-attachment: fixed; }
.honor_banner{ background: url(../images/honor_banner.jpg) no-repeat top center; background-attachment: fixed; }
@media only screen and (max-width:1600px){
  .sbanner{ padding:220px 15px; background-size: contain; }
  .sbanner .tit span{ font-size: 62px;  }
  .sbanner .tit b{ font-size: 44px; margin-top: 14px; }
  .sbanner .tit b::before{ width: 30px; height: 30px; background-size: 100%; }
}
@media only screen and (max-width:1400px){
  .sbanner{ padding:180px 0; }
  .sbanner .tit span{ font-size: 52px;  }
  .sbanner .tit b{ font-size: 40px; margin-top: 12px; }
  .sbanner .tit b::before{ width: 26px; height: 26px; }
}
@media only screen and (max-width:1200px){
  .f_contact{ align-items: center; }
  .sbanner{ padding:140px 0; }
  .sbanner .tit span{ font-size: 42px;  }
  .sbanner .tit b{ font-size: 36px; margin-top: 10px; }
  .sbanner .tit b::before{ width: 22px; height: 22px; left:-10px; top:-10px; }
}
@media only screen and (max-width:992px){
  .sbanner{ padding:120px 0; }
  .sbanner .tit span{ font-size: 32px;  }
  .sbanner .tit b{ font-size: 32px; margin-top: 10px; }
  .sbanner .tit b::before{ width: 18px; height: 18px; left:-8px; top:-8px; }
}
@media only screen and (max-width:768px){
  .sbanner{ padding:100px 0; }
  .sbanner .tit{ text-align: center; }
  .sbanner .tit span{ font-size: 22px;  }
  .sbanner .tit b{ font-size: 28px; margin-top: 8px; }
  .sbanner .tit b::before{ display: none; }
}
@media only screen and (max-width:640px){
  .sbanner{ padding:80px 0; }
  .sbanner .tit span{ font-size: 20px;  }
  .sbanner .tit b{ font-size: 24px; margin-top: 6px; }
}
@media only screen and (max-width:576px){
  .sbanner{ padding:70px 0; background-size: cover; }
  .sbanner .tit span{ font-size: 18px;  }
  .sbanner .tit b{ font-size: 20px; margin-top: 6px; }
}
@media only screen and (max-width:414px){
  .sbanner .tit span{ font-size: 16px;  }
  .sbanner .tit b{ font-size: 16px; font-weight: normal; margin-top: 6px; }
}

/* location */
.location{ padding:20px 0; overflow: hidden; width: 100%; background: #f2f2f2; }
.location .inner{ display: flex; align-items: center; justify-content: space-between; }
.crumbs{ width: 50%; display: flex; align-items: center; font-size: 14px; color: #999999; }
.crumbs i{ font-size: 22px; line-height: 1; margin-right: 12px; }
.crumbs a{ font-size: 14px; color: #999999; transition: all .3s; }
.crumbs a:hover{ transition: all .3s; color: var(--pei-color); }
.l_nav{ width: 50%; display: flex; align-items: center; justify-content: flex-end; }
.l_nav a{ transition: all .3s; display: inline-flex; align-items: center; margin:0 12px; }
.l_nav a small{ font-size: 14px; color: #666666; line-height: 1; position: relative; top:3px; }
.l_nav a i{ display: inline-flex; width: 24px; height: 26px; align-items: center; justify-content: center; background: url(../images/ico_pro.png) no-repeat center; margin-right: 8px; }
.l_nav a:hover{ transition: all .3s; color: var(--zhu-color); }
.l_nav a:hover small{ transition: all .3s; color: var(--zhu-color); }
@media only screen and (max-width: 1600px){
  .location{ padding:18px 0; }
  .crumbs i{ font-size: 20px; margin-right: 10px; }
  .l_nav a{ margin:0 10px; }
  .l_nav a i{ width: 22px; height: 24px; margin-right: 6px; background-size: 100%; }
}
@media only screen and (max-width: 1400px){
  .location{ padding:16px 0; }
  .crumbs i{ font-size: 18px; margin-right: 8px; }
  .l_nav a{ margin:0 8px; }
  .l_nav a i{ width: 20px; height: 22px; margin-right: 4px; background-size: 100%; }
}
@media only screen and (max-width:1200px){
  .location{ padding:14px 0; }
  .crumbs i{ font-size: 16px; margin-right: 6px; }
  .l_nav a{ margin:0 6px; }
  .l_nav a i{ width: 18px; height: 20px; }
}
@media only screen and (max-width:992px){
  .location{ padding:12px 0; }
  .crumbs i{ font-size: 14px; margin-right: 4px; }
  .l_nav a{ margin:0 4px; }
  .l_nav a i{ width: 16px; height: 18px; }
}
@media only screen and (max-width:768px){
  .location{ padding:10px 0; }
  .location .inner{ flex-direction: column; }
  .crumbs{ width: 100%; justify-content: center; }
  .crumbs + .l_nav{ margin-top: 6px; }
  .crumbs i{ font-size: 13px; margin-right: 4px; }
  .crumbs a{ font-size: 13px; }
  .l_nav{ width: 100%; justify-content: center; flex-wrap: wrap; }
  .l_nav a{ margin:0 4px; }
  .l_nav a i{ width: 14px; height: 16px; }
}
@media only screen and (max-width:640px){
  .crumbs i{ font-size: 12px; }
  .crumbs a{ font-size: 12px; }
  .l_nav a i{ width: 12px; height: 14px; }
  .l_nav a small{ font-size: 13px; }
}
@media only screen and (max-width:576px){
  .l_nav a i{ width: 10px; height: 12px; }
  .l_nav a small{ font-size: 12px; }
}
@media only screen and (max-width:414px){
}

/* c_company */
#c_company{ overflow: hidden; padding:70px 0; }
#c_company .info{ display: flex; align-items: flex-start; justify-content: space-between; }
#c_company .info b{ line-height: 1; font-size: 48px; color: #c73130; display: flex; width: 380px; align-items: center; padding:40px 0; background: url(../images/ico_logo.png) no-repeat left center; }
#c_company .info b span{ margin-left: 12px; font-size: 48px; font-weight: normal; color: #999999; }
#c_company .info .txt{ width: calc(100% - 400px); font-size: 17px; color: #333333; line-height: 1.8; }
#c_company .numbers{ margin-top: 60px; padding-top: 60px; border-top: 1px solid #d2d1d0; display: flex; align-items: center; justify-content: space-between; }
#c_company .numbers li{ width: 25%; position: relative; box-sizing: border-box; padding:0 6%; }
#c_company .numbers li + li::before{ content: ""; display: inline-block; width: 1px; height: 88px; background: url(../images/line.png) no-repeat center; position: absolute; left:0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#c_company .numbers li small{ line-height: 1; display: inline-flex; align-items: flex-end; }
#c_company .numbers li small span{ font-size: 72px; font-weight: bold; color: #333333; line-height: 1; }
#c_company .numbers li small i{ display: inline-flex; width: 28px; height: 28px; background: #c73132; border-radius: 50%; font-size: 14px; color: #ffffff; align-items: center; justify-content: center; margin-left: -10px; }
#c_company .numbers li p{ font-size: 18px; color: #666666; line-height: 1; margin-top: 12px; }
@media only screen and (max-width: 1600px){
  #c_company{ padding:50px 0; }
  #c_company .info b{ font-size:44px; color: #c73130; width: 360px; padding:35px 0; background-size: 40%; }
  #c_company .info b span{ margin-left: 10px; font-size:44px; }
  #c_company .info .txt{ width: calc(100% - 380px); font-size: 17px; line-height: 1.7; }
  #c_company .numbers{ margin-top: 40px; padding-top: 40px;  }
  #c_company .numbers li{ padding:0 7%; }
  #c_company .numbers li small span{ font-size: 62px; }
  #c_company .numbers li small i{ width: 24px; height: 24px; background: #c73132; font-size: 14px; margin-left: -10px; }
  #c_company .numbers li p{ font-size: 17px; margin-top: 10px; }
}
@media only screen and (max-width: 1400px){
  #c_company{ padding:30px 0; }
  #c_company .info b{ font-size:40px; color: #c73130; width: 340px; padding:30px 0; background-size: 30%; }
  #c_company .info b span{ margin-left: 8px; font-size:40px; }
  #c_company .info .txt{ width: calc(100% - 360px); font-size: 16px; line-height: 1.6; }
  #c_company .numbers{ margin-top: 30px; padding-top: 30px;  }
  #c_company .numbers li small span{ font-size: 52px; }
  #c_company .numbers li small i{ width: 20px; height: 20px; font-size: 13px; margin-left: -10px; }
  #c_company .numbers li p{ font-size: 16px; margin-top: 10px; }
}
@media only screen and (max-width:1200px){
  #c_company{ padding:25px 0; }
  #c_company .info{ flex-direction: column; }
  #c_company .info b{ font-size:36px; width: 100%; padding:5px 0; margin:0 0 15px; background-size: contain; }
  #c_company .info b span{ margin-left: 8px; font-size:36px; }
  #c_company .info .txt{ width: 100%; font-size: 16px; line-height: 1.6; }
  #c_company .numbers{ margin-top: 25px; padding-top: 25px;  }
  #c_company .numbers li{ padding:0 5%; }
  #c_company .numbers li small span{ font-size: 46px; }
  #c_company .numbers li small i{ width: 18px; height: 18px; font-size: 12px; margin-left: -8px; }
  #c_company .numbers li p{ font-size: 15px; margin-top: 10px; }
}
@media only screen and (max-width:992px){
  #c_company{ padding:20px 0; }
  #c_company .info b{ font-size:32px; }
  #c_company .info b span{ margin-left: 6px; font-size:32px; }
  #c_company .info .txt{ font-size: 15px; }
  #c_company .numbers{ margin-top: 20px; padding-top: 20px;  }
  #c_company .numbers li{ padding:0 15px; text-align: center; }
  #c_company .numbers li small span{ font-size: 40px; }
  #c_company .numbers li small i{ width: 18px; height: 18px; font-size: 12px; margin-left: -6px; }
  #c_company .numbers li p{ font-size: 14px; margin-top: 8px; }
}
@media only screen and (max-width:768px){
  #c_company{ padding:15px 0; }
  #c_company .info b{ font-size:28px; }
  #c_company .info b span{ font-size:28px; }
  #c_company .info .txt{ font-size: 14px; }
  #c_company .numbers{ margin-top: 15px; padding-top: 0; border: 1px solid #d2d1d0; }
  #c_company .numbers li{ padding:15px; }
  #c_company .numbers li + li{ border-left: 1px solid #d2d1d0; }
  #c_company .numbers li small span{ font-size: 34px; }
  #c_company .numbers li small i{ margin-left: -4px; }
  #c_company .numbers li p{ font-size: 13px; margin-top: 6px; }
  #c_company .numbers li + li::before{ display: none; }
}
@media only screen and (max-width:640px){
  #c_company .info b{ font-size:24px; }
  #c_company .info b span{ font-size:24px; }
  #c_company .info .txt{ font-size: 13px; }
  #c_company .numbers{ margin-top: 12px; flex-wrap: wrap; }
  #c_company .numbers li{ box-sizing: border-box; width: 50%; }
  #c_company .numbers li:nth-of-type(3), #c_company .numbers li:nth-of-type(4){ border-top: 1px solid #d2d1d0; }
  #c_company .numbers li:nth-of-type(3){ border-left: 0; }
  #c_company .numbers li small span{ font-size: 28px; }
  #c_company .numbers li small i{ margin-left: 4px; }
  #c_company .numbers li p{ font-size: 13px; margin-top: 6px; }
}
@media only screen and (max-width:576px){
  #c_company .info b{ font-size:20px; }
  #c_company .info b span{ font-size:20px; }
  #c_company .info .txt{ font-size: 12px; }
  #c_company .numbers li small span{ font-size: 22px; }
  #c_company .numbers li small i{ margin-left: 2px; }
  #c_company .numbers li p{ font-size: 12px; margin-top: 4px; }
}
@media only screen and (max-width:414px){
  #c_company .info b{ font-size:16px; }
  #c_company .info b span{ font-size:16px; }
  #c_company .numbers li small span{ font-size: 17px; }
}

/* c_plat */
#c_plat{ background: #c73132; overflow: hidden; margin-bottom: 40px; }
#c_plat .inner{ padding:80px 0; background: url(../images/plat_bg.png) no-repeat right center; }
#c_plat b{ display: block; font-size: 48px; color: #ffffff; line-height: 1; font-weight: bold; margin-bottom: 26px; }
#c_plat p{ font-size: 18px; color: #ffffff; line-height: 2; max-width: 800px; }
@media only screen and (max-width: 1600px){
  #c_plat{ margin-bottom: 30px; }
  #c_plat .inner{ padding:60px 15px; }
  #c_plat b{ font-size: 40px; margin-bottom: 22px; }
  #c_plat p{ font-size: 17px; max-width: 800px; }
}
@media only screen and (max-width: 1400px){
  #c_plat{ margin-bottom: 30px; }
  #c_plat .inner{ padding:40px 15px; }
  #c_plat b{ font-size: 32px; margin-bottom: 18px; }
  #c_plat p{ font-size: 16px; max-width: 57%; }
}
@media only screen and (max-width:1200px){
  #c_plat{ margin-bottom: 25px; }
  #c_plat .inner{ padding:35px 15px; }
  #c_plat b{ font-size: 28px; margin-bottom: 16px; }
  #c_plat p{ font-size: 15px; max-width: 60%; }
}
@media only screen and (max-width:992px){
  #c_plat{ margin-bottom: 20px; }
  #c_plat .inner{ padding:30px 15px; background-image: none; }
  #c_plat b{ font-size: 24px; margin-bottom: 14px; }
  #c_plat p{ font-size: 14px; }
}
@media only screen and (max-width:768px){
  #c_plat{ margin-bottom: 15px; }
  #c_plat .inner{ padding:25px 15px; }
  #c_plat b{ font-size: 20px; margin-bottom: 12px; }
  #c_plat p{ font-size: 13px; max-width: 100%; }
}
@media only screen and (max-width:640px){
  #c_plat .inner{ padding:20px 15px; }
  #c_plat b{ font-size: 16px; font-weight: normal; margin-bottom: 10px; }
  #c_plat p{ font-size: 12px; max-width: 100%; line-height: 1.5; }
}
@media only screen and (max-width:576px){
  #c_plat .inner{ padding:15px; }
}
@media only screen and (max-width:414px){
}

/* c_factory */
#c_factory{ width: 100%; overflow: hidden; }
#c_factory a{ display: block; width: 100%; height: 690px; position: relative; }
#c_factory a img{ width: 100%; height: 100%; object-fit: cover; }
#c_factory a .txt{ padding:60px 30px; background: #c73130; position: absolute; top:50%; right:13%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#c_factory a .txt b{ display: block; margin-bottom: 20px; font-size: 40px; color: #ffffff; font-weight: bold; line-height: 1; position: relative; }
#c_factory a .txt b::before{ content: ""; width: 34px; height: 34px; background: url(../images/ico_ring.png) no-repeat; position: absolute; left:-12px; top:-12px; }
#c_factory a .txt p{ font-size: 16px; color: #ffffff; line-height: 1.875; max-width: 230px; }
#c_factory .swiper-button-next, #c_factory .swiper-button-prev{ margin-top: 0; bottom:60px; top:auto; }
#c_factory .swiper-button-next::after, #c_factory .swiper-button-prev::after{ display: none; }
#c_factory .swiper-button-next span, #c_factory .swiper-button-prev span{ font-size: 68px; line-height: 1; color: #444444; transition: all .3s; }
#c_factory .swiper-button-next:hover span, #c_factory .swiper-button-prev:hover span{ transition: all .3s; color: var(--zhu-color); }
#c_factory .swiper-button-next{ right: calc(50% - 48px); }
#c_factory .swiper-button-prev{ left: calc(50% - 48px); }
@media only screen and (max-width: 1600px){
  #c_factory a{ height: 600px; }
  #c_factory a .txt{ padding:50px 30px; top:50%; right:13%; }
  #c_factory a .txt b{ margin-bottom: 18px; font-size: 34px; }
  #c_factory a .txt b::before{ width: 30px; height: 30px; background-size: 100%; }
  #c_factory a .txt p{ font-size: 16px; line-height: 1.8; max-width: 230px; }
  #c_factory .swiper-button-next, #c_factory .swiper-button-prev{ bottom:30px; }
  #c_factory .swiper-button-next span, #c_factory .swiper-button-prev span{ font-size: 60px; }
  #c_factory .swiper-button-next{ right: calc(50% - 46px); }
  #c_factory .swiper-button-prev{ left: calc(50% - 46px); }
  #c_factory .swiper-button-next, #c_factory .swiper-button-prev{ bottom:50px; }
}
@media only screen and (max-width: 1400px){
  #c_factory a{ height: 500px; }
  #c_factory a .txt{ padding:40px 30px; top:50%; right:13%; }
  #c_factory a .txt b{ margin-bottom: 16px; font-size: 28px; }
  #c_factory a .txt b::before{ width: 25px; height: 25px; background-size: 100%; }
  #c_factory a .txt p{ font-size: 15px; line-height: 1.7; max-width: 230px; }
  #c_factory .swiper-button-next span, #c_factory .swiper-button-prev span{ font-size: 50px; }
  #c_factory .swiper-button-next{ right: calc(50% - 44px); }
  #c_factory .swiper-button-prev{ left: calc(50% - 44px); }
  #c_factory .swiper-button-next, #c_factory .swiper-button-prev{ bottom:40px; }
}
@media only screen and (max-width:1200px){
  #c_factory a{ height: 50vh; }
  #c_factory a .txt{ padding:30px; right:15px; }
  #c_factory a .txt b{ margin-bottom: 12px; font-size: 24px; }
  #c_factory a .txt b::before{ width: 20px; height: 20px; }
  #c_factory a .txt p{ font-size: 14px; line-height: 1.6; max-width: 230px; }
  #c_factory .swiper-button-next, #c_factory .swiper-button-prev{ bottom:35px; }
  #c_factory .swiper-button-next span, #c_factory .swiper-button-prev span{ font-size: 40px; }
  #c_factory .swiper-button-next{ right: calc(50% - 32px); }
  #c_factory .swiper-button-prev{ left: calc(50% - 32px); }
}
@media only screen and (max-width:992px){
  #c_factory a{ height: 48vh; }
  #c_factory a .txt{ padding:25px; }
  #c_factory a .txt b{ margin-bottom: 10px; font-size: 20px; }
  #c_factory a .txt b::before{ width: 18px; height: 18px; }
  #c_factory a .txt p{ font-size: 13px; line-height: 1.5; }
  #c_factory .swiper-button-next, #c_factory .swiper-button-prev{ bottom:30px; }
  #c_factory .swiper-button-next span, #c_factory .swiper-button-prev span{ font-size: 30px; }
  #c_factory .swiper-button-next{ right: calc(50% - 30px); }
  #c_factory .swiper-button-prev{ left: calc(50% - 30px); }
}
@media only screen and (max-width:768px){
  #c_factory a{ height: 46vh; }
  #c_factory a .txt{ padding:20px; }
  #c_factory a .txt b{ margin-bottom: 8px; font-size: 18px; }
  #c_factory a .txt b::before{ width: 16px; height: 16px; }
  #c_factory a .txt p{ font-size: 12px; line-height: 1.5; }
  #c_factory .swiper-button-next, #c_factory .swiper-button-prev{ bottom:25px; }
}
@media only screen and (max-width:640px){
  #c_factory a{ height: 44vh; }
  #c_factory a .txt{ padding:15px; }
  #c_factory a .txt b{ margin-bottom: 6px; font-size: 16px; }
  #c_factory a .txt b::before{ width: 14px; height: 14px; }
  #c_factory .swiper-button-next, #c_factory .swiper-button-prev{ bottom:20px; }
}
@media only screen and (max-width:576px){
  #c_factory a{ height: 42vh; }
  #c_factory a .txt b{ margin-bottom: 4px; font-size: 15px; }
  #c_factory .swiper-button-next, #c_factory .swiper-button-prev{ bottom:15px; }
}
@media only screen and (max-width:414px){
  #c_factory a{ height: 40vh; }
}

/* c_honor */
#c_honor{ padding:60px 0; background: url(../images/honor_bg.jpg) no-repeat top center; background-size: cover; }
#c_honor .hd{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 60px; }
#c_honor .hd .tit{ display: inline-flex; flex-direction: column; }
#c_honor .hd .tit b{ font-size: 42px; color: #000; line-height: 1; font-weight: bold; }
#c_honor .hd .tit small{ font-size: 16px; color: #000; line-height: 1; margin-top: 12px; text-transform: uppercase; }
#c_honor .hd .fr{ width: 400px; position: relative; }
#c_honor .hd .fr .swiper-num{ overflow: hidden; padding-bottom: 15px; display: flex; align-items: flex-end; line-height: 1; font-size: 14px; color: #b2b2b2; }
#c_honor .hd .fr .swiper-num .active{ font-size: 24px; color: #000; line-height: 1; }
#c_honor .hd .fr .swiper-num .total{ font-size: 14px; color: #b2b2b2; line-height: 1; }
#c_honor .hd .fr .swiper-pagination{ top:auto; bottom:0; height: 3px; }
#c_honor .bd p{ display: flex; align-items: center; font-size: 14px; color: #000; }
#c_honor .bd p span{ color: #1a1a1a; font-size: 28px; line-height: 1; }
#c_honors{ background: url(../images/honors_bg.png) center bottom repeat-x; padding-bottom: 65px; }
#c_honors .swiper-slide{ width: auto; }
#c_honors a{ width: 100%; }
#c_honors a .borders{ padding:8px; background:linear-gradient(0deg,#120016 0%,#787077 100%); position: relative; }
#c_honors a .img{ position: relative; height: 278px; overflow: hidden; }
#c_honors a .img::before{ content: ""; width: 100%; height: 100%; background: rgba(255,255,255,.5); z-index: 3; position: absolute; top:0; left:0; transition: all .3s; opacity: 0; }
#c_honors a .img span{ font-size: 50px; color: rgba(14, 36, 96, .8); line-height: 1; position: absolute; z-index: 4; left:50%; top:50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transition: all .3s; opacity: 0; }
#c_honors a .img img{ height: 100%; }
#c_honors a:hover .img::before{ transition: all .3s; opacity: 1; }
#c_honors a:hover .img span{ transition: all .3s; opacity: 1; }
@media only screen and (max-width: 1600px){
  #c_honor{ padding:50px 0; }
  #c_honor .hd{ margin-bottom: 50px; }
  #c_honor .hd .tit b{ font-size: 38px; }
  #c_honor .hd .tit small{ font-size: 16px; margin-top: 12px; }
  #c_honor .hd .fr{ width: 400px; }
  #c_honor .hd .fr .swiper-num .active{ font-size: 22px; }
  #c_honor .hd .fr .swiper-num .total{ font-size: 12px; }
  #c_honor .bd p span{ font-size: 26px; }
  #c_honors{ background: url(../images/honors_bg.png) center bottom repeat-x; padding-bottom: 65px; }
  #c_honors a .img{ position: relative; height: 276px; overflow: hidden; }
  #c_honors a .img span{ font-size: 44px; }
}
@media only screen and (max-width: 1400px){
  #c_honor{ padding:40px 0; }
  #c_honor .hd{ margin-bottom: 40px; }
  #c_honor .hd .tit b{ font-size: 34px; }
  #c_honor .hd .tit small{ font-size: 16px; margin-top: 12px; }
  #c_honor .hd .fr{ width: 400px; }
  #c_honor .bd p span{ font-size: 24px; }
  #c_honors a .img{ position: relative; height: 274px; overflow: hidden; }
  #c_honors a .img span{ font-size: 38px; }
}
@media only screen and (max-width:1200px){
  #c_honor{ padding:30px 15px; }
  #c_honor .inner{ padding:0; }
  #c_honor .hd{ margin-bottom: 30px; }
  #c_honor .hd .tit b{ font-size: 30px; }
  #c_honor .hd .tit small{ font-size: 15px; margin-top: 12px; }
  #c_honor .hd .fr{ width: 30%; }
  #c_honor .bd p{ display: none; }
  #c_honors{ padding-bottom: 0; background: none; }
  #c_honors a .img{ padding-bottom: 72%; position: relative; height: auto; text-align: center; overflow: hidden; }
  #c_honors a .img img{ width: 100%; height: 100%; object-fit: contain; position: absolute; left:0; }
  #c_honors a .img span{ font-size: 32px; }
}
@media only screen and (max-width:992px){
  #c_honor{ padding:25px 15px; }
  #c_honor .hd{ margin-bottom: 25px; }
  #c_honor .hd .tit b{ font-size: 26px; }
  #c_honor .hd .tit small{ font-size: 14px; margin-top: 10px; }
  #c_honor .hd .fr{ width: 30%; }
  #c_honors a .img span{ font-size: 28px; }
  #c_honors a .borders{ padding:6px; }
}
@media only screen and (max-width:768px){
  #c_honor{ padding:20px 15px; }
  #c_honor .hd{ margin-bottom: 20px; }
  #c_honor .hd .tit b{ font-size: 22px; }
  #c_honor .hd .tit small{ font-size: 13px; margin-top: 8px; }
  #c_honor .hd .fr{ width: 32%; }
  #c_honors a .img span{ font-size: 24px; }
  #c_honors a .borders{ padding:4px; }
  #c_honor .hd .fr .swiper-num .active{ font-size: 20px; }
}
@media only screen and (max-width:640px){
  #c_honor{ padding:15px; }
  #c_honor .hd{ margin-bottom: 15px; }
  #c_honor .hd .tit b{ font-size: 18px; }
  #c_honor .hd .tit small{ font-size: 12px; margin-top: 6px; }
  #c_honor .hd .fr{ width: 34%; }
  #c_honors a .img span{ font-size: 20px; }
  #c_honors a .borders{ padding:3px; }
  #c_honor .hd .fr .swiper-num .active{ font-size: 18px; }
}
@media only screen and (max-width:576px){
  #c_honors a .borders{ padding:2px; }
  #c_honor .hd .fr .swiper-num{ font-size: 13px; }
  #c_honor .hd .fr .swiper-num .active{ font-size: 16px; }
}
@media only screen and (max-width:414px){
  #c_honor .hd .fr .swiper-num .active{ font-size: 14px; }
  #c_honor .hd .fr .swiper-num{ font-size: 12px; }
}

/* c_case */
#c_case{ padding:60px 0; overflow: hidden; }
#c_case .hd{ margin-bottom: 60px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
#c_case .hd span{ font-size: 60px; color: rgba(51, 51, 51, .09); text-transform: uppercase; line-height: 1; font-family: "Microsoft Sans Serif"; }
#c_case .hd b{ font-size: 36px; color: #333333; font-weight: bold; line-height: 1; margin-top: -16px; }
#c_case .hd p{ font-size: 14px; color: #999999; line-height: 1; margin:15px 0; }
#c_case .hd hr{ width: 40px; height: 2px; background: #c73130; line-height: 1; }
#c_cases{ width: 100%; height: 100%; }
#c_cases a{ width: 100%; overflow: hidden; }
#c_cases a .img{ width: 100%; padding-bottom: 75%; position: relative; overflow: hidden; }
#c_cases a .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
#c_cases a .tit{ background: #f1eded; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding:20px; }
#c_cases a .tit b{ font-weight: normal; width: calc(100% - 57px); font-size: 18px; color: #333333; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; line-height: 1; }
#c_cases a .tit span{ font-size: 32px; color: #444444; line-height: 1; }
#c_cases a:hover img{ transition: all .3s; transform: scale(1.05); }
#c_cases a:hover .tit{ transition: all .3s; background: #c73131; }
#c_cases a:hover .tit b, #c_cases a:hover .tit span{ transition: all .3s; color: #ffffff; }
@media only screen and (max-width: 1600px){
  #c_case{ padding:50px 0; }
  #c_case .hd{ margin-bottom: 50px; }
  #c_case .hd span{ font-size: 50px; }
  #c_case .hd b{ font-size: 32px; margin-top: -20px; }
  #c_case .hd p{ font-size: 14px; margin:15px 0; }
  #c_cases a .img{ padding-bottom: 70%; }
  #c_cases a .tit{ padding:15px; }
  #c_cases a .tit b{ width: calc(100% - 45px); font-size: 17px; }
  #c_cases a .tit span{ font-size: 28px; }
}
@media only screen and (max-width: 1400px){
  #c_case{ padding:40px 0; }
  #c_case .hd{ margin-bottom: 40px; }
  #c_case .hd span{ font-size: 40px; }
  #c_case .hd b{ font-size: 28px; margin-top: -20px; }
  #c_case .hd p{ font-size: 14px; margin:12px 0; }
  #c_cases a .img{ padding-bottom: 65%; }
  #c_cases a .tit b{ width: calc(100% - 42px); font-size: 16px; }
  #c_cases a .tit span{ font-size: 26px; }
}
@media only screen and (max-width:1200px){
  #c_case{ padding:30px 0; }
  #c_case .hd{ margin-bottom: 30px; }
  #c_case .hd span{ font-size: 36px; }
  #c_case .hd b{ font-size: 24px; margin-top: -20px; }
  #c_case .hd p{ font-size: 13px; margin:10px 0; line-height: 1.2; }
  #c_cases a .tit{ padding:12px; }
  #c_cases a .tit b{ width: calc(100% - 39px); font-size: 15px; }
  #c_cases a .tit span{ font-size: 24px; }
}
@media only screen and (max-width:992px){
  #c_case{ padding:25px 0; }
  #c_case .hd{ margin-bottom: 25px; }
  #c_case .hd span{ font-size: 32px; }
  #c_case .hd b{ font-size: 20px; margin-top: -20px; }
  #c_case .hd p{ font-size: 12px; margin:10px 0; line-height: 1.2; }
  #c_cases a .tit{ padding:10px; }
  #c_cases a .tit b{ width: calc(100% - 37px); font-size: 14px; }
  #c_cases a .tit span{ font-size: 22px; }
}
@media only screen and (max-width:768px){
  #c_case{ padding:20px 0; }
  #c_case .hd{ margin-bottom: 20px; }
  #c_case .hd span{ font-size: 28px; }
  #c_case .hd b{ font-size: 18px; margin-top: -18px; }
  #c_cases a .tit b{ width: calc(100% - 30px); font-size: 13px; }
  #c_cases a .tit span{ font-size: 20px; }
}
@media only screen and (max-width:640px){
  #c_case{ padding:15px 0; }
  #c_case .hd{ margin-bottom: 15px; }
  #c_case .hd span{ font-size: 24px; }
  #c_case .hd b{ font-size: 16px; font-weight: normal; margin-top: -16px; }
  #c_cases a .tit b{ width: calc(100% - 28px); font-size: 13px; }
  #c_cases a .tit span{ font-size: 18px; }
}
@media only screen and (max-width:576px){
  #c_case .hd span{ font-size: 20px; }
  #c_case .hd b{ font-size: 15px; margin-top: -15px; }
  #c_cases a .tit b{ width: calc(100% - 26px); font-size: 13px; }
  #c_cases a .tit span{ font-size: 16px; }
}
@media only screen and (max-width:414px){
}


/* main */
.main{ padding:30px 0; overflow: hidden; width: 100%; box-sizing: border-box; }
@media only screen and (max-width: 1600px){
  .main{ padding:25px 0; }
}
@media only screen and (max-width: 1400px){
  .main{ padding:20px 0; }
}
@media only screen and (max-width:1200px){
  .main{ padding:15px 0; }
}
@media only screen and (max-width:992px){
}
@media only screen and (max-width:768px){
}
@media only screen and (max-width:640px){
}
@media only screen and (max-width:576px){
}
@media only screen and (max-width:414px){
}

/* goods_type */
.goods_type{ transition: all .3s; overflow: hidden; background-color: #f1f6f9; box-sizing: border-box; padding:40px 30px; background-repeat: no-repeat; background-position: right bottom; }
.goods_type small{ transition: all .3s; display: inline-block; font-size: 14px; color: #333333; line-height: 1; text-transform: uppercase; }
.goods_type b{ transition: all .3s; display: block; font-size: 30px; color: #333333; font-weight: bold; line-height: 1; margin-top: 6px; }
.goods_type b i{ transition: all .3s; font-weight: normal; font-style: normal; }
.goods_type p{ transition: all .3s; display: block; width: 72%; font-size: 14px; color: #333333; margin:30px 0; line-height: 1.7; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.goods_type a{ position: relative; transition: all .3s; display: inline-flex; align-items: center; padding:12px 24px; background: #ff060c; }
.goods_type a::before{ content: ""; display: block; width: 0; height: 100%; background: #e3080b; position: absolute; left:0; top:0; transition: all .3s; }
.goods_type a small{ position: relative; font-size: 16px; color: #f1f6f9; line-height: 1; }
.goods_type a span{ color: #fff; font-size: 24px; line-height: 1; margin-left: 20px; position: relative; font-weight: 200; }
.goods_type a span::before{ content: ""; display: inline-block; width: 18px; height: 18px; border:1px dashed #fff3f4; border-radius: 50%; position: absolute; left:-9px; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.goods_type:hover{ transition: all .3s; background-color: #146ec1; }
.goods_type:hover small, .goods_type:hover b, .goods_type:hover b i, .goods_type:hover p{ transition: all .3s; color: #ffffff; }
.goods_type a:hover{ transition: all .3s; border-radius: 5px; overflow: hidden; }
.goods_type a:hover::before{ transition: all .3s; width: 100%; }
@media only screen and (max-width: 1600px){
  .goods_type{ padding:35px 25px; }
  .goods_type b{ font-size: 28px; margin-top: 6px; }
  .goods_type p{ margin:25px 0; }
  .goods_type a{ font-size: 15px; padding:12px 24px; }
  .goods_type a span{ font-size: 22px; margin-left: 20px; }
  .goods_type a span::before{ width: 16px; height: 16px; left:-8px; }
}
@media only screen and (max-width: 1400px){
  .goods_type{ padding:30px 20px; }
  .goods_type b{ font-size: 26px; margin-top: 6px; }
  .goods_type p{ margin:20px 0; }
}
@media only screen and (max-width:1200px){
  .goods_type{ padding:25px 15px; }
  .goods_type small{ font-size: 13px; }
  .goods_type b{ font-size: 24px; margin-top: 4px; }
  .goods_type p{ margin:20px 0; width: 50%; }
  .goods_type a{ font-size: 14px; padding:10px 22px; }
  .goods_type a span{ font-size: 20px; margin-left: 18px; }
  .goods_type a span::before{ width: 14px; height: 14px; left:-6px; }
}
@media only screen and (max-width:992px){
  .goods_type{ padding:20px 15px; background-position: right center; }
  .goods_type small{ font-size: 12px; }
  .goods_type b{ font-size: 20px; margin-top: 2px; }
  .goods_type p{ margin:15px 0; width: 50%; }
  .goods_type a{ font-size: 13px; padding:8px 20px; }
  .goods_type a span{ font-size: 18px; margin-left: 16px; }
  .goods_type a span::before{ width: 12px; height: 12px; }
  .goods_type a small{ font-size: 15px; }
}
@media only screen and (max-width:768px){
  .goods_type{ padding:15px; background-image: none!important; }
  .goods_type b{ font-size: 18px; }
  .goods_type p{ margin:10px 0; width: 100%; }
  .goods_type a{ font-size: 12px; padding:8px 16px; }
  .goods_type a span{ font-size: 16px; margin-left: 12px; }
  .goods_type a span::before{ width: 10px; height: 10px; }
  .goods_type a small{ font-size: 14px; }
}
@media only screen and (max-width:640px){
  .goods_type{ padding:12px; }
  .goods_type b{ font-size: 17px; }
  .goods_type p{ margin:8px 0; font-size: 13px; }
  .goods_type a{ font-size: 12px; padding:6px 12px; }
  .goods_type a span{ font-size: 14px; margin-left: 10px; }
  .goods_type a span::before{ width: 10px; height: 10px; }
  .goods_type a small{ font-size: 14px; }
}
@media only screen and (max-width:576px){
  .goods_type b{ font-size: 16px; font-weight: normal; }
  .goods_type p{ margin:8px 0; font-size: 12px; }
  .goods_type a{ font-size: 12px; padding:6px 12px; }
  .goods_type a span{ font-size: 12px; margin-left: 8px; }
  .goods_type a span::before{ width: 8px; height: 8px; }
  .goods_type a small{ font-size: 13px; }
}
@media only screen and (max-width:414px){
  .goods_type a span::before{ width: 6px; height: 6px; }
  .goods_type a small{ font-size: 12px; }
}

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

/* product_focus */
.product_focus{ padding:120px 0 70px; overflow: hidden; background: url(../images/product_focus_bg.jpg) no-repeat top center; background-attachment: fixed; }
.product_focus .crumbs{ margin:30px 0; font-size: 14px; color: #ffffff; }
.product_focus .crumbs i, .product_focus .crumbs a{ color: #ffffff; }
.product_box{ width: 100%; display: flex; align-items: center; justify-content: space-between; background: #e5edf3; box-sizing: border-box; padding:26px; }
.product_box .fl{ width: calc(43% - 15px); }
#g_focus{ padding:0 50px; overflow: hidden; --swiper-theme-color: #d4d9dd; border-radius: 30px; }
#g_focus .swiper-button-next:hover, #g_focus .swiper-button-prev:hover{ color: var(--zhu-color); }
#g_focus .img{ width: 100%; padding-bottom: 100%; position: relative; overflow: hidden; transition: all .3s; border-radius: 30px; background: #ffffff; }
#g_focus .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
.product_box .fr{ width: calc(57% - 15px); }
.product_box .fr > b{ font-size: 48px; color: #333; font-weight: bold; line-height: 1; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-transform: uppercase; }
.product_box .fr .txt{ overflow: hidden; display: flex; flex-direction: column; margin:30px 0; }
.product_box .fr .txt span{ font-weight: bold; font-size: 16px; color: #ff060c; margin-bottom: 10px; }
.product_box .fr .txt p{ display: flex; align-items: center; font-size: 16px; color: #333333; line-height: 1.875; }
.product_box .fr .btn_grouop{ display: flex; align-items: center; }
.product_box .fr .btn_grouop a, .product_box .fr .btn_grouop .g_tel{ transition: all .3s; display: inline-flex; padding:12px 30px; background: #2575bf; border-radius: 5px; align-items: center; position: relative; overflow: hidden; }
.product_box .fr .btn_grouop a::before{ content: ""; display: block; width: 0; height: 100%; background: #1a65ac; position:absolute; left:0; top:0; transition: all .3s; }
.product_box .fr .btn_grouop .g_tel::before{ content: ""; display: block; width: 0; height: 100%; background: #ca0e11; position:absolute; left:0; top:0; transition: all .3s; }
.product_box .fr .btn_grouop a span, .product_box .fr .btn_grouop .g_tel span{ font-size: 45px; color: #ffffff; line-height: 1; margin-right: 12px; position: relative; }
.product_box .fr .btn_grouop a small{ font-size: 24px; color: #ffffff; line-height: 1; position: relative; }
.product_box .fr .btn_grouop .g_tel{ background: #ff060c; margin-left: 18px; }
.product_box .fr .btn_grouop .g_tel p{ font-size: 14px; color: #ffffff; line-height: 1; margin-bottom: 2px; }
.product_box .fr .btn_grouop .g_tel b{ font-size: 28px; color: #ffffff; line-height: 1; font-weight: normal; }
.product_box .fr .btn_grouop .g_tel > div{ position: relative; }
.product_box .fr .btn_grouop a:hover::before, .product_box .fr .btn_grouop .g_tel:hover::before{ width: 100%; transition: all .3s;  }
.product_box .fr .g_service{ margin-top: 30px; display: flex; align-items: center; }
.product_box .fr .g_service span{ display: inline-flex; align-items: center; font-size: 18px; color: #333333; }
.product_box .fr .g_service span + span{ margin-left: 40px; }
.product_box .fr .g_service span i{ font-size: 24px; color: var(--zhu-color); transition: all .3s; line-height: 1; transform: rotate(90deg); }
@media only screen and (max-width: 1600px){
  .product_focus{ padding:110px 0 60px; }
  .product_focus .inner{ padding:0 15px; box-sizing: border-box; }
  .product_focus .crumbs{ margin:25px 0;  }
  .product_box{ padding:24px; }
  #g_focus{ padding:0 45px; border-radius: 25px; }
  #g_focus .img{ border-radius: 25px; }
  .product_box .fr > b{ font-size: 44px; }
  .product_box .fr .txt{ margin:25px 0; }
  .product_box .fr .txt span{ font-size: 15px; margin-bottom: 10px; }
  .product_box .fr .txt p{ font-size: 15px; line-height: 1.8; }
  .product_box .fr .btn_grouop a, .product_box .fr .btn_grouop .g_tel{ padding:8px 26px; }
  .product_box .fr .btn_grouop a span, .product_box .fr .btn_grouop .g_tel span{ font-size: 40px; margin-right: 10px; }
  .product_box .fr .btn_grouop a small{ font-size: 22px; }
  .product_box .fr .btn_grouop .g_tel{ margin-left: 17px; }
  .product_box .fr .btn_grouop .g_tel p{ font-size: 13px; }
  .product_box .fr .btn_grouop .g_tel b{ font-size: 26px; }
  .product_box .fr .g_service{ margin-top: 25px; }
  .product_box .fr .g_service span{ font-size: 17px; }
  .product_box .fr .g_service span + span{ margin-left: 35px; }
  .product_box .fr .g_service span i{ font-size: 22px; }
}
@media only screen and (max-width: 1400px){
  .product_focus{ padding:100px 0 50px; }
  .product_focus .crumbs{ margin:20px 0;  }
  .product_box{ padding:22px; }
  .product_box .fl{ width: calc(43% - 10px); }
  .product_box .fr{ width: calc(57% - 10px); }
  #g_focus{ padding:0 40px; border-radius: 20px; }
  #g_focus .img{ border-radius: 20px; }
  .product_box .fr > b{ font-size: 40px; }
  .product_box .fr .txt{ margin:20px 0; }
  .product_box .fr .txt span{ font-size: 14px; margin-bottom: 8px; }
  .product_box .fr .txt p{ font-size: 14px; line-height: 1.7; }
  .product_box .fr .btn_grouop a span, .product_box .fr .btn_grouop .g_tel span{ font-size: 36px; margin-right: 8px; }
  .product_box .fr .btn_grouop a small{ font-size: 20px; }
  .product_box .fr .btn_grouop .g_tel{ margin-left: 16px; }
  .product_box .fr .btn_grouop .g_tel b{ font-size: 24px; }
  .product_box .fr .g_service{ margin-top: 20px; }
  .product_box .fr .g_service span{ font-size: 16px; }
  .product_box .fr .g_service span + span{ margin-left: 30px; }
  .product_box .fr .g_service span i{ font-size: 20px; }
}
@media only screen and (max-width:1200px){
  .product_focus{ padding:80px 0 17px; }
  .product_focus .crumbs{ margin:15px 0;  }
  .product_box{ padding:15px; }
  .product_box .fl{ width: calc(43% - 10px); }
  .product_box .fr{ width: calc(57% - 10px); }
  #g_focus{ padding:0 30px; border-radius: 18px; }
  #g_focus .img{ border-radius: 18px; }
  #g_focus .swiper-button-next{ right: 2px; } 
  #g_focus .swiper-button-prev{ left: 2px; }
  #g_focus .swiper-button-next::after, #g_focus .swiper-button-prev::after{ font-size: 24px; } 
  .product_box .fr > b{ font-size: 36px; }
  .product_box .fr .txt{ margin:15px 0; }
  .product_box .fr .txt span{ font-size: 13px; margin-bottom: 6px; }
  .product_box .fr .txt p{ font-size: 13px; line-height: 1.6; }
  .product_box .fr .btn_grouop a span, .product_box .fr .btn_grouop .g_tel span{ font-size: 32px; margin-right: 6px; }
  .product_box .fr .btn_grouop a small{ font-size: 18px; }
  .product_box .fr .btn_grouop .g_tel{ margin-left: 14px; }
  .product_box .fr .btn_grouop .g_tel b{ font-size: 20px; }
  .product_box .fr .g_service{ margin-top: 18px; }
  .product_box .fr .g_service span{ font-size: 15px; }
  .product_box .fr .g_service span + span{ margin-left: 25px; }
  .product_box .fr .g_service span i{ font-size: 18px; }
}
@media only screen and (max-width:992px){
  .product_focus{ padding:60px 0 18px; }
  .product_focus .crumbs{ margin:12px 0;  }
  .product_box{ padding:12px; }
  .product_box .fl{ width: calc(40% - 7.5px); }
  .product_box .fr{ width: calc(60% - 7.5px); }
  #g_focus{ padding:0; border-radius: 15px; }
  #g_focus .img{ border-radius: 15px; }
  #g_focus .swiper-button-next{ right: 0; } 
  #g_focus .swiper-button-prev{ left: 0; }
  #g_focus .swiper-button-next::after, #g_focus .swiper-button-prev::after{ font-size: 24px; } 
  .product_box .fr > b{ font-size: 32px; }
  .product_box .fr .txt{ margin:10px 0; }
  .product_box .fr .txt span{ font-size: 12px; margin-bottom: 6px; }
  .product_box .fr .txt p{ font-size: 12px; line-height: 1.5; }
  .product_box .fr .btn_grouop a, .product_box .fr .btn_grouop .g_tel{ padding:6px 12px; }
  .product_box .fr .btn_grouop a span, .product_box .fr .btn_grouop .g_tel span{ font-size: 20px; margin-right: 4px; }
  .product_box .fr .btn_grouop a small{ font-size: 16px; }
  .product_box .fr .btn_grouop .g_tel{ margin-left: 14px; }
  .product_box .fr .btn_grouop .g_tel p{ display: none; }
  .product_box .fr .btn_grouop .g_tel b{ font-size: 16px; }
  .product_box .fr .g_service{ margin-top: 12px; }
  .product_box .fr .g_service span{ font-size: 13px; }
  .product_box .fr .g_service span + span{ margin-left: 12px; }
  .product_box .fr .g_service span i{ font-size: 16px; }
}
@media only screen and (max-width:768px){
  .product_focus .crumbs{ margin:10px 0;  }
  .product_box{ padding:10px; }
  .product_box .fl{ width: calc(45% - 7.5px); }
  .product_box .fr{ width: calc(55% - 7.5px); }
  #g_focus .swiper-button-next::after, #g_focus .swiper-button-prev::after{ font-size: 20px; } 
  .product_box .fr > b{ font-size: 26px; }
  .product_box .fr .txt{ margin:8px 0; }
  .product_box .fr .txt span{ margin-bottom: 4px; }
  .product_box .fr .btn_grouop a, .product_box .fr .btn_grouop .g_tel{ padding:6px 12px; }
  .product_box .fr .btn_grouop a span, .product_box .fr .btn_grouop .g_tel span{ font-size: 16px; margin-right: 4px; }
  .product_box .fr .btn_grouop a small{ font-size: 15px; }
  .product_box .fr .btn_grouop .g_tel{ margin-left: 10px; padding:5px 12px; }
  .product_box .fr .btn_grouop .g_tel b{ font-size: 15px; }
  .product_box .fr .g_service{ margin-top: 10px; }
  .product_box .fr .g_service span{ font-size: 12px; }
  .product_box .fr .g_service span + span{ margin-left: 10px; }
  .product_box .fr .g_service span i{ font-size: 14px; }
}
@media only screen and (max-width:640px){
  .product_focus{ background-size: cover; }
  .product_box{ padding:10px; flex-direction: column; border-radius: 15px; }
  .product_box .fl, .product_box .fr{ width: 100%; }
  .product_box .fr{ padding-top: 15px; }
  .product_box .fr > b{ font-size: 22px; }
  .product_box .fr .btn_grouop a, .product_box .fr .btn_grouop .g_tel{ padding:6px 12px; }
  .product_box .fr .btn_grouop a small{ font-size: 14px; }
  .product_box .fr .btn_grouop .g_tel{ margin-left: 8px; padding:5px 12px; }
  .product_box .fr .btn_grouop .g_tel b{ font-size: 14px; }
  .product_box .fr .g_service{ margin-top: 10px; }
  .product_box .fr .g_service span{ font-size: 12px; }
  .product_box .fr .g_service span + span{ margin-left: 10px; }
  .product_box .fr .g_service span i{ font-size: 12px; }
}
@media only screen and (max-width:576px){
  .product_box .fr > b{ font-size: 18px; }
  .product_box .fr .btn_grouop a, .product_box .fr .btn_grouop .g_tel{ padding:6px 10px; }
  .product_box .fr .btn_grouop a small{ font-size: 14px; }
  .product_box .fr .btn_grouop .g_tel{ margin-left: 6px; padding:5px 10px; }
  .product_box .fr .btn_grouop .g_tel b{ font-size: 14px; }
}
@media only screen and (max-width:414px){
  .product_box .fr .g_service{ display: flex; flex-direction: column; align-items: flex-start; }
  .product_box .fr .g_service span + span{ margin-left: 0; }
}

/* goods_nav */
.goods_nav{ overflow: hidden; padding:30px 0; box-shadow: 0 0 15px rgba(37, 117, 191, .13); margin-bottom: 15px; }
.goods_nav .inner{ display: flex; align-items: center; justify-content: space-around; }
.goods_nav a{ transition: all .3s; display: flex; width: 25%; justify-content: center; align-items: center; position: relative; font-size: 24px; color: #333333; line-height: 1; }
.goods_nav a + a::before{ content: ""; display: inline-block; width: 1px; height: 24px; background: #b4b6ab; position: absolute; left:0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.goods_nav a:hover{ transition: all .3s; color: var(--zhu-color); }
@media only screen and (max-width: 1600px){
  .goods_nav{ padding:25px 0; margin-bottom: 12px; }
  .goods_nav a{ font-size: 22px; }
  .goods_nav a + a::before{ height: 22px; }
}
@media only screen and (max-width: 1400px){
  .goods_nav{ padding:20px 0; margin-bottom: 10px; }
  .goods_nav a{ font-size: 20px; }
  .goods_nav a + a::before{ height: 20px; }
}
@media only screen and (max-width:1200px){
  .goods_nav{ padding:15px 0; margin-bottom: 8px; }
  .goods_nav a{ font-size: 18px; }
  .goods_nav a + a::before{ height: 18px; }
}
@media only screen and (max-width:992px){
  .goods_nav{ padding:15px 0; margin-bottom: 6px; }
  .goods_nav a{ font-size: 16px; }
  .goods_nav a + a::before{ height: 16px; }
}
@media only screen and (max-width:768px){
  .goods_nav{ padding:12px 0; margin-bottom: 4px; }
  .goods_nav .inner{ padding:0 12px; }
  .goods_nav a{ font-size: 15px; }
  .goods_nav a + a::before{ height: 15px; }
}
@media only screen and (max-width:640px){
  .goods_nav{ padding:10px 0; margin-bottom: 4px; }
  .goods_nav .inner{ padding:0 10px; }
  .goods_nav a{ font-size: 14px; }
  .goods_nav a + a::before{ height: 14px; }
}
@media only screen and (max-width:576px){
  .goods_nav a{ font-size: 13px; }
  .goods_nav a + a::before{ height: 13px; }
}
@media only screen and (max-width:414px){
  .goods_nav a{ font-size: 12px; }
  .goods_nav a + a::before{ height: 12px; }
}

/* goods_content */
.goods_content{ overflow: hidden; }
.goods_content strong{ line-height: 1; margin:30px 0; font-size: 36px; font-weight: bold; display: inline-flex; padding:0 52px; align-items: center; position: relative; }
.goods_content strong::before{ content: ""; display: inline-block; width: 34px; height: 25px; background: url(../images/ico_tit.png) no-repeat center; position: absolute; left:0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.goods_content strong::after{ content: ""; display: inline-block; width: 34px; height: 25px; background: url(../images/ico_tit.png) no-repeat center; position: absolute; right:0; top:calc(50% - 12px); transform: rotateY(180deg);}
.goods_content p{ font-size: 17px; color: #333333; line-height: 1.875; }
.goods_content p img{ max-width: 100%; }
.goods_content dir{ padding: 35px; background: #146ec1; border-radius: 5px; }
.goods_content dir p{ box-sizing: border-box; padding:15px; border-bottom: 1px dashed #4c90cf; font-size: 24px; color: #ffffff; line-height: 1; font-weight: bold; }
.goods_content dir p span{ font-size: 28px; color: #ffffff; line-height: 1; margin-right: 15px; position: relative; }
.goods_content dir p em{ position: relative; }
.goods_content dir p em::before{ content: ""; display: inline-block; width: 22px; height: 22px; background: #f80505; position: absolute; left:-10px; border-radius: 50%; }
@media only screen and (max-width: 1600px){
  .goods_content strong{ margin:25px 0; font-size: 32px; padding:0 48px; }
  .goods_content strong::before, .goods_content strong::after{ width: 32px; height: 23px; background-size: 100%; }
  .goods_content strong::after{ top:calc(50% - 10px); }
  .goods_content p{ font-size: 17px; line-height: 1.8; }
  .goods_content dir{ padding: 30px; }
  .goods_content dir p{ padding:12px; font-size: 22px; }
  .goods_content dir p span{ font-size: 26px; margin-right: 12px; }
  .goods_content dir p em::before{ width: 20px; height: 20px; left:-8px; }
}
@media only screen and (max-width: 1400px){
  .goods_content strong{ margin:20px 0; font-size: 28px; padding:0 44px; }
  .goods_content strong::before, .goods_content strong::after{ width: 30px; height: 21px; }
  .goods_content p{ font-size: 16px; line-height: 1.7; }
  .goods_content dir{ padding: 25px; }
  .goods_content dir p{ padding:10px; font-size: 20px; }
  .goods_content dir p span{ font-size: 24px; margin-right: 10px; }
  .goods_content dir p em::before{ width: 18px; height: 18px; left:-6px; }
}
@media only screen and (max-width:1200px){
  .goods_content strong{ margin:15px 0; font-size: 24px; padding:0 40px; }
  .goods_content strong::before, .goods_content strong::after{ width: 28px; height: 19px; }
  .goods_content p{ font-size: 15px; line-height: 1.6; }
  .goods_content dir{ padding: 20px; }
  .goods_content dir p{ padding:8px; font-size: 18px; }
  .goods_content dir p span{ font-size: 22px; margin-right: 8px; }
  .goods_content dir p em::before{ width: 16px; height: 16px; left:-4px; }
}
@media only screen and (max-width:992px){
  .goods_content strong{ margin:15px 0; font-size: 20px; padding:0 36px; }
  .goods_content strong::before, .goods_content strong::after{ width: 26px; height: 17px; }
  .goods_content strong::after{ top:calc(50% - 10px); }
  .goods_content p{ font-size: 14px; line-height: 1.5; }
  .goods_content dir{ padding: 15px; }
  .goods_content dir p{ padding:6px; font-size: 16px; font-weight: normal; }
  .goods_content dir p span{ font-size: 20px; margin-right: 6px; }
  .goods_content dir p em::before{ width: 14px; height: 14px; left:-4px; }
}
@media only screen and (max-width:768px){
  .goods_content strong{ margin:12px 0; font-size: 18px; padding:0 30px; }
  .goods_content strong::before, .goods_content strong::after{ width: 24px; height: 15px; }
  .goods_content strong::after{ top:calc(50% - 8px); }
  .goods_content p{ font-size: 13px; }
  .goods_content dir{ padding: 12px; }
  .goods_content dir p{ padding:6px; font-size: 15px; }
  .goods_content dir p span{ font-size: 18px; }
  .goods_content dir p em::before{ width: 12px; height: 12px; left:-4px; }
}
@media only screen and (max-width:640px){
  .goods_content strong{ margin:10px 0; font-size: 17px; }
  .goods_content strong::before, .goods_content strong::after{ width: 22px; height: 15px; }
  .goods_content p{ font-size: 13px; }
  .goods_content dir{ padding: 10px; }
  .goods_content dir p{ padding:6px; font-size: 14px; }
  .goods_content dir p span{ font-size: 16px; }
  .goods_content dir p em::before{ width: 10px; height: 10px; left:-4px; }
}
@media only screen and (max-width:576px){
  .goods_content strong{ font-size: 16px; font-weight: normal; }
  .goods_content strong::before, .goods_content strong::after{ width: 20px; height: 15px; }
  .goods_content p{ font-size: 12px; }
  .goods_content dir p{ font-size: 13px; line-height: 1.2; }
  .goods_content dir p span{ font-size: 15px; }
}
@media only screen and (max-width:414px){
  .goods_content strong{ font-size: 15px; }
  .goods_content dir p{ font-size: 12px; }
  .goods_content dir p span{ font-size: 14px; }
}

/* goods_xgcp */
.goods_xgcp{ overflow: hidden; margin-top: 20px; }
.goods_xgcp > b{ display: flex; background: #146ec1; padding:20px 40px; box-sizing: border-box; font-size: 30px; color: #ffffff; line-height: 1; }
@media only screen and (max-width: 1600px){
  .goods_xgcp{ margin-top: 18px; }
  .goods_xgcp > b{ padding:18px 36px; font-size: 26px; }
}
@media only screen and (max-width: 1400px){
  .goods_xgcp{ margin-top: 16px; }
  .goods_xgcp > b{ padding:16px 32px; font-size: 22px; }
}
@media only screen and (max-width:1200px){
  .goods_xgcp{ margin-top: 14px; }
  .goods_xgcp > b{ padding:14px 28px; font-size: 20px; }
}
@media only screen and (max-width:992px){
  .goods_xgcp{ margin-top: 12px; }
  .goods_xgcp > b{ padding:12px 24px; font-size: 18px; }
}
@media only screen and (max-width:768px){
  .goods_xgcp{ margin-top: 10px; }
  .goods_xgcp > b{ padding:10px 20px; font-size: 16px; font-weight: normal; }
}
@media only screen and (max-width:640px){
  .goods_xgcp > b{ padding:10px 15px; font-size: 15px; }
}
@media only screen and (max-width:576px){
  .goods_xgcp > b{ padding:10px 12px; font-size: 14px; }
}
@media only screen and (max-width:414px){
  .goods_xgcp > b{ padding:10px; font-size: 13px; }
}

/* show_list */
.show_list{ overflow: hidden; display: flex; flex-wrap: wrap; }
.show_list li{ width: calc(33.3% - 20px); margin-right: 30px; margin-bottom: 30px; }
.show_list li:nth-child(3n+0){ margin-right: 0; }
.show_list li .img{ box-sizing: border-box; border:1px solid #f1f1f1; width: 100%; padding-bottom: 72%; position: relative; overflow: hidden; }
.show_list li .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
.show_list li .txt{ box-sizing: border-box; padding:25px; background: #f2f2f2; display: flex; flex-direction: column; }
.show_list li .txt b{ font-size: 18px; color: #333333; line-height: 1; font-weight: bold; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.show_list li .txt p{ margin:20px 0 15px; text-indent: -2em; font-size: 14px; color: #999999; line-height: 1.7; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.show_list li .txt span{ font-size: 36px; color: #999999; line-height: 1; }
.show_list li a:hover .img{ transition: all .3s; border-color: #2575bf; }
.show_list li a:hover img{ transition: all .3s; transform: scale(1.05); }
.show_list li a:hover .txt{ transition: all .3s; background: #2575bf; }
.show_list li a:hover .txt b, .show_list li a:hover .txt p, .show_list li a:hover .txt span{ transition: all .3s; color: #ffffff; }
@media only screen and (max-width: 1600px){
  .show_list li{ width: calc(33.3% - 16.6px); margin-right: 25px; margin-bottom: 25px; }
  .show_list li .img{ padding-bottom: 68%; }
  .show_list li .txt{ padding:20px; }
  .show_list li .txt b{ font-size: 17px; }
  .show_list li .txt p{ margin:15px 0 10px; }
  .show_list li .txt span{ font-size: 32px; }
}
@media only screen and (max-width: 1400px){
  .show_list li{ width: calc(33.3% - 13.3px); margin-right: 20px; margin-bottom: 20px; }
  .show_list li .img{ padding-bottom: 64%; }
  .show_list li .txt{ padding:18px; }
  .show_list li .txt b{ font-size: 16px; font-weight: normal; }
  .show_list li .txt p{ margin:12px 0 8px; font-size: 13px; }
  .show_list li .txt span{ font-size: 28px; }
}
@media only screen and (max-width:1200px){
  .show_list li{ width: calc(33.3% - 10px); margin-right: 15px; margin-bottom: 15px; }
  .show_list li .img{ padding-bottom: 60%; }
  .show_list li .txt{ padding:16px; }
  .show_list li .txt b{ font-size: 15px; }
  .show_list li .txt p{ margin:10px 0 6px; font-size: 12px; }
  .show_list li .txt span{ font-size: 24px; }
}
@media only screen and (max-width:992px){
  .show_list li .txt{ padding:14px; }
  .show_list li .txt b{ font-size: 14px; }
  .show_list li .txt p{ margin:8px 0 4px; -webkit-line-clamp: 1; }
  .show_list li .txt span{ font-size: 20px; }
}
@media only screen and (max-width:768px){
  .show_list li{ width: calc(50% - 7.5px); }
  .show_list li:nth-of-type(3n+0){ margin-right: 15px; }
  .show_list li:nth-of-type(2n+0){ margin-right: 0; }
  .show_list li .txt b{ font-size: 14px; }
  .show_list li .txt p{ margin:8px 0 4px; -webkit-line-clamp: 1; }
  .show_list li .txt span{ font-size: 18px; }
}
@media only screen and (max-width:640px){
  .show_list li .txt{ padding:12px; }
  .show_list li .txt b{ font-size: 14px; }
  .show_list li .txt span{ font-size: 16px; }
}
@media only screen and (max-width:576px){
  .show_list li .txt{ padding:10px; }
  .show_list li .txt b{ font-size: 13px; }
  .show_list li .txt span{ font-size: 14px; }
}
@media only screen and (max-width:414px){
}

/* conact_info */
.conact_info{ width: 100%; overflow: hidden; display: flex; flex-direction: column; }
.conact_info .tit{ display: flex; align-items: center; flex-direction: column; justify-content: center; margin-bottom: 30px; }
.conact_info .tit b{ font-size: 40px; color: #333333; line-height: 1; font-weight: bold; }
.conact_info .tit p{ font-size: 20px; color: #333333; line-height: 1; margin-top: 24px; }
.conact_info ul{ display: flex; align-items: center; justify-content: space-between; border:1px solid #dcdcdc; }
.conact_info li{  width: 25%; text-align: center; box-sizing: border-box; position: relative; }
.conact_info li + li{ border-left: 1px solid #dcdcdc; }
.conact_info li::before{ content: ""; display: inline-block; width: 12px; height: 12px; border-top:1px solid #146ec1; border-left: 1px solid #146ec1; position: absolute; left:-1px; top:-1px; transition: all .2s; }
.conact_info li::after{ content: ""; display: inline-block; width: 12px; height: 12px; border-bottom:1px solid #146ec1; border-left: 1px solid #146ec1; position: absolute; left:-1px; bottom:-1px; transition: all .2s; }
.conact_info li .box{ padding:40px 0; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 33; }
.conact_info li .box::before{ content: ""; display: inline-block; width: 12px; height: 12px; border-top:1px solid #146ec1; border-right: 1px solid #146ec1; position: absolute; right:-1px; top:-1px; transition: all .2s; }
.conact_info li .box::after{ content: ""; display: inline-block; width: 12px; height: 12px; border-bottom:1px solid #146ec1; border-right: 1px solid #146ec1; position: absolute; right:-1px; bottom:-1px; transition: all .2s; }
.conact_info li span{ display: inline-flex; width: 90px; height: 90px; background: #e10e21; border-radius: 50%; font-size: 36px; color: #ffffff; line-height: 1; align-items: center; justify-content: center; }
.conact_info li p{ font-size: 18px; color: #333333; line-height: 1; margin:40px 0 20px; }
.conact_info li b{ font-size: 24px; color: #333333; line-height: 1; font-weight: bold; box-sizing: border-box; padding:0 15px; display: flex; align-items: center; min-height: 48px; }
.conact_info li:hover::before{ transition: all .2s; width: 100%; }
.conact_info li:hover .box::before{ transition: all .2s; height: 100%; transition-delay:0.2s; }
.conact_info li:hover::after{ transition: all .2s; height: 100%; transition-delay:0.6s; }
.conact_info li:hover .box::after{ transition: all .2s; width: 100%; transition-delay:0.4s; }
@media only screen and (max-width: 1600px){
  .conact_info .tit{ margin-bottom: 25px; }
  .conact_info .tit b{ font-size: 34px; }
  .conact_info .tit p{ font-size: 18px; margin-top: 20px; }
  .conact_info li .box{ padding:35px 0; }
  .conact_info li span{ width: 80px; height: 80px; font-size: 32px; }
  .conact_info li p{ font-size: 17px; margin:35px 0 15px; }
  .conact_info li b{ font-size: 22px; min-height: 44px; }
}
@media only screen and (max-width: 1400px){
  .conact_info .tit{ margin-bottom: 20px; }
  .conact_info .tit b{ font-size: 28px; }
  .conact_info .tit p{ font-size: 16px; margin-top: 16px; }
  .conact_info li .box{ padding:30px 0; }
  .conact_info li span{ width: 70px; height: 70px; font-size: 28px; }
  .conact_info li p{ font-size: 16px; margin:30px 0 10px; }
  .conact_info li b{ font-size: 20px; min-height: 40px; }
}
@media only screen and (max-width:1200px){
  .conact_info .tit{ margin-bottom: 15px; }
  .conact_info .tit b{ font-size: 22px; }
  .conact_info .tit p{ font-size: 14px; margin-top: 14px; }
  .conact_info li .box{ padding:25px 0; }
  .conact_info li span{ width: 60px; height: 60px; font-size: 24px; }
  .conact_info li p{ font-size: 15px; margin:26px 0 8px; }
  .conact_info li b{ font-size: 18px; min-height: 54px; }
}
@media only screen and (max-width:992px){
  .conact_info .tit b{ font-size: 20px; }
  .conact_info .tit p{ font-size: 13px; margin-top: 10px; }
  .conact_info li .box{ padding:20px 0; }
  .conact_info li span{ width: 50px; height: 50px; font-size: 20px; }
  .conact_info li p{ font-size: 14px; margin:22px 0 6px; }
  .conact_info li b{ font-size: 16px; font-weight: normal; min-height: 48px; }
}
@media only screen and (max-width:768px){
  .conact_info .tit b{ font-size: 18px; }
  .conact_info .tit p{ font-size: 12px; margin-top: 8px; }
  .conact_info ul{ flex-wrap: wrap; }
  .conact_info li{ width: 50%; }
  .conact_info li .box{ padding:15px 0; }
  .conact_info li span{ width: 40px; height: 40px; font-size: 16px; }
  .conact_info li p{ font-size: 14px; margin:18px 0 4px; }
  .conact_info li b{ font-size: 15px; min-height: 40px; }
  .conact_info li:nth-of-type(3), .conact_info li:nth-of-type(4){ border-top: 1px solid #dcdcdc; }
  .conact_info li:nth-of-type(3){ border-left: 0; }
}
@media only screen and (max-width:640px){
  .conact_info .tit b{ font-size: 17px; }
  .conact_info .tit p{ margin-top: 6px; }
  .conact_info li span{ width: 30px; height: 30px; font-size: 14px; }
  .conact_info li p{ font-size: 13px; margin:14px 0 2px; }
  .conact_info li b{ font-size: 14px; min-height: 28px; }
}
@media only screen and (max-width:576px){
  .conact_info .tit b{ font-size: 16px; font-weight: normal; }
  .conact_info .tit p{ margin-top: 4px; }
  .conact_info li span{ width: 25px; height: 25px; font-size: 12px; }
  .conact_info li p{ font-size: 12px; margin:10px 0 2px; }
  .conact_info li b{ font-size: 13px; min-height: 28px; }
}
@media only screen and (max-width:414px){
  .conact_info .tit b{ font-size: 15px; }
  .conact_info .tit p{ margin-top: 3px; }
  .conact_info li b{ min-height: 39px; }
}

/* dituContent */
#dituContent{ width: 100%; height: 640px; }
@media only screen and (max-width: 1600px){
  #dituContent{ height: 560px; }
}
@media only screen and (max-width: 1400px){
  #dituContent{ height: 480px; }
}
@media only screen and (max-width:1200px){
  #dituContent{ height: 50vh; }
}
@media only screen and (max-width:992px){
  #dituContent{ height: 48vh; }
}
@media only screen and (max-width:768px){
  #dituContent{ height: 46vh; }
}
@media only screen and (max-width:640px){
  #dituContent{ height: 44vh; }
}
@media only screen and (max-width:576px){
  #dituContent{ height: 42vh; }
}
@media only screen and (max-width:414px){
  #dituContent{ height: 40vh; }
}

/* honor_list */
.honor_list{ overflow: hidden; display: flex; flex-wrap: wrap; }
.honor_list li{ width: calc(33.3% - 20px); margin-right: 30px; margin-bottom: 30px; }
.honor_list li:nth-child(3n+0){ margin-right: 0; }
.honor_list li .img{ box-sizing: border-box; border:1px solid #f1f1f1; width: 100%; padding-bottom: 72%; position: relative; overflow: hidden; }
.honor_list li .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
.honor_list li .tit{ background: #f1eded; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding:15px; }
.honor_list li .tit b{ font-weight: normal; width: calc(100% - 57px); font-size: 18px; color: #333333; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; line-height: 1; }
.honor_list li .tit span{ font-size: 32px; color: #444444; line-height: 1; }
.honor_list li a:hover .img{ transition: all .3s; border-color: #c73131; }
.honor_list li a:hover img{ transition: all .3s; transform: scale(1.05); }
.honor_list li a:hover .tit{ transition: all .3s; background: #c73131; }
.honor_list li a:hover .tit b, .honor_list li a:hover .tit span{ transition: all .3s; color: #ffffff; }
@media only screen and (max-width: 1600px){
  .honor_list li{ width: calc(33.3% - 16.6px); margin-right: 25px; margin-bottom: 25px; }
  .honor_list li .img{ padding-bottom: 68%; }
  .honor_list li .tit{ padding:15px; }
  .honor_list li .tit b{ width: calc(100% - 45px); font-size: 17px; }
  .honor_list li .tit span{ font-size: 28px; }
}
@media only screen and (max-width: 1400px){
  .honor_list li{ width: calc(33.3% - 13.3px); margin-right: 20px; margin-bottom: 20px; }
  .honor_list li .img{ padding-bottom: 64%; }
  .honor_list li .tit b{ width: calc(100% - 42px); font-size: 16px; }
  .honor_list li .tit span{ font-size: 26px; }
}
@media only screen and (max-width:1200px){
  .honor_list li{ width: calc(33.3% - 10px); margin-right: 15px; margin-bottom: 15px; }
  .honor_list li .tit{ padding:12px; }
  .honor_list li .tit b{ width: calc(100% - 39px); font-size: 15px; }
  .honor_list li .tit span{ font-size: 24px; }
}
@media only screen and (max-width:992px){
  .honor_list li .tit{ padding:10px; }
  .honor_list li .tit b{ width: calc(100% - 37px); font-size: 14px; }
  .honor_list li .tit span{ font-size: 22px; }
}
@media only screen and (max-width:768px){
  .honor_list li{ width: calc(50% - 7.5px); }
  .honor_list li:nth-child(3n+0){ margin-right: 15px; }
  .honor_list li:nth-child(2n+0){ margin-right: 0; }
  .honor_list li .tit b{ width: calc(100% - 30px); font-size: 13px; }
  .honor_list li .tit span{ font-size: 20px; }
}
@media only screen and (max-width:640px){
  .honor_list li .tit{ padding:8px 10px; }
  .honor_list li .tit b{ width: calc(100% - 28px); font-size: 13px; }
  .honor_list li .tit span{ font-size: 18px; }
}
@media only screen and (max-width:576px){
  .honor_list li .tit{ padding:6px 10px; }
  .honor_list li .tit b{ width: calc(100% - 26px); font-size: 13px; }
  .honor_list li .tit span{ font-size: 16px; }
}
@media only screen and (max-width:414px){
  .honor_list li .tit b{ width: calc(100% - 24px); font-size: 12px; }
  .honor_list li .tit span{ font-size: 14px; }
}

/* news_tit */
.news_tit{ display: flex; align-items: center; justify-content: space-between; margin: 34px 0; }
.news_tit b{ display: inline-flex; align-items: flex-start; flex-direction: column; }
.news_tit b i{ font-size: 32px; color: #333; line-height: 1; font-weight: bold; }
.news_tit b small{ margin-top: 8px; position: relative; font-size: 16px; text-transform: uppercase; line-height: 1; font-weight: normal; }
.news_tit a{ display: inline-flex; align-items: center; padding:14px 24px; font-size: 14px; color: #333333; background: #f1f1f1; line-height: 1; border-radius: 3px; position: relative; transition: all .3s; }
.news_tit a::after{ content: ""; display: inline-block; width: 16px; height: 2px; background: #fff; position: absolute; right:100%; top:calc(50% - 0.5px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.news_tit a span{ font-size: 12px; line-height: 1; margin-left: 8px; transition: all .3s; }
.news_tit a:hover{ transition: all .3s; background: var(--zhu-color); color: #fff; }
.news_tit a:hover span{ transition: all .3s; color: #fff; margin-left: 12px; }
.news_tit a:hover::after{ transition: all .3s; right: 25px; }
@media only screen and (max-width: 1600px){
  .news_tit{ margin: 30px 0; }
  .news_tit b i{ font-size: 30px; }
  .news_tit b small{ margin-top: 6px; font-size: 15px; }
  .news_tit a{ padding:12px 22px; }
  .news_tit a:hover span{ margin-left: 10px; }
}
@media only screen and (max-width: 1400px){
  .news_tit{ margin: 25px 0; }
  .news_tit b i{ font-size: 28px; }
  .news_tit b small{ margin-top: 6px; font-size: 14px; }
  .news_tit a:hover::after{ right: 24px; }
}
@media only screen and (max-width:1200px){
  .news_tit{ margin: 20px 0; }
  .news_tit b i{ font-size: 26px; }
  .news_tit b small{ font-size: 13px; }
  .news_tit a{ padding:10px 20px; }
  .news_tit a:hover::after{ right: 22px; }
}
@media only screen and (max-width:992px){
  .news_tit{ margin: 16px 0; }
  .news_tit b i{ font-size: 24px; }
  .news_tit b small{ font-size: 12px; }
  .news_tit a{ padding:10px 20px; }
  .news_tit a:hover::after{ right: 21px; }
}
@media only screen and (max-width:768px){
  .news_tit{ margin: 15px 0; }
  .news_tit b i{ font-size: 22px; }
  .news_tit b small{ display: none; }
  .news_tit a{ padding:8px 16px; }
  .news_tit a:hover::after{ right: 18px; }
}
@media only screen and (max-width:640px){
  .news_tit{ margin: 12px 0; }
  .news_tit b i{ font-size: 20px; }
  .news_tit a{ padding:6px 14px; }
  .news_tit a:hover::after{ right: 15px; }
}
@media only screen and (max-width:576px){
  .news_tit b i{ font-size: 18px; }
  .news_tit a span{ display: none; }
  .news_tit a::after{ display: none; }
}
@media only screen and (max-width:414px){
  .news_tit b i{ font-size: 17px; }
}

/* news_info */
.news_info{ display: block; overflow: hidden; width: 100%; }
.news_info ul{ display: flex; align-items: center; justify-content: space-between; }
.news_info li{ width: calc(33.3% - 16px); margin-right: 24px; }
.news_info li:nth-child(3n+0){ margin-right: 0; }
.news_info li .img{ width: 100%; padding-bottom: 48%; position: relative; overflow: hidden; }
.news_info li .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all 0.36s ease; }
.news_info li .img .time{ background: #fff; padding:12px 18px; font-size: 17px; font-weight: bold; color: var(--zhu-color); line-height: 1; transition: all .3s; opacity: 0; position: absolute; right:0px; top:0px; }
.news_info li .txt{ overflow: hidden; }
.news_info li .txt b{ transition: all 0.36s ease; margin: 8px 0; display: block; border-bottom:1px solid #dbdbdb; font-size: 16px; font-weight: normal; color: #333333; line-height: 1; padding:14px 0; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.news_info li .txt p{ transition: all 0.36s ease; text-indent: -2em; font-size: 13px; color: #868585; line-height: 1.875; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.news_info li:hover img{ transition: all 0.36s ease; transform: scale(1.08); }
.news_info li:hover .time{ transition: all 0.36s ease; opacity: 1; }
.news_info li:hover b{  transition: all 0.36s ease; color: var(--zhu-color); }
@media only screen and (max-width: 1600px){
  .news_info li{ width: calc(33.3% - 14px); margin-right: 22px; }
  .news_info li .img{ padding-bottom: 48%; }
  .news_info li .img .time{ padding:10px 16px; font-size: 16px; }
  .news_info li .txt b{ margin: 6px 0; font-size: 15px; padding:12px 0; }
  .news_info li .txt p{ font-size: 13px; line-height: 1.725; }
}
@media only screen and (max-width: 1400px){
  .news_info li{ width: calc(33.3% - 13.33px); margin-right: 20px; }
  .news_info li .img{ padding-bottom: 48%; }
  .news_info li .img .time{ padding:10px 16px; font-size: 15px; }
  .news_info li .txt b{ margin: 6px 0; font-size: 15px; padding:10px 0; }
  .news_info li .txt p{ font-size: 13px; line-height: 1.7; }
}
@media only screen and (max-width:1200px){
  .news_info li{ width: calc(33.3% - 10px); margin-right: 15px; }
  .news_info li .img{ padding-bottom: 50%; }
  .news_info li .img .time{ padding:8px 14px; font-size: 14px; }
  .news_info li .txt b{ margin: 6px 0; font-size: 14px; padding:10px 0; }
  .news_info li .txt p{ font-size: 12px; line-height: 1.6; }
}
@media only screen and (max-width:992px){
  .news_info ul{ flex-wrap: wrap; }
  .news_info li{ width: calc(50% - 7.5px); margin-right: 15px; }
  .news_info li:nth-child(2n+0){ margin-right: 0; }
  .news_info li:nth-child(3){ display: none; }
}
@media only screen and (max-width:768px){
}
@media only screen and (max-width:640px){
}
@media only screen and (max-width:576px){
  .news_info li{ width: 100%; margin-right: 0; }
  .news_info li .img{ padding-bottom: 42%; }
  .news_info li:nth-child(3){ display: block; }
  .news_info li + li{ margin-top: 12px; }
}
@media only screen and (max-width:414px){
}

/* industry_trends */
.industry_trends{ display: block; overflow: hidden; width: 100%; }
.industry_trends .bd{ display: flex; align-items: center; justify-content: space-between; }
.industry_trends .fl, .industry_trends .fr{ width: calc(50% - 15px); }
.industry_trends .fl a{ display: flex; position: relative; overflow: hidden; }
.industry_trends .fl a .img{ width: 100%; padding-bottom: 70%; position: relative; overflow: hidden; }
.industry_trends .fl a .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
.industry_trends .fl a .txt{ display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; position: absolute; top:0; left:0; width: 100%; height: 100%; }
.industry_trends .fl a .time{ transition: all .6s 0s; position: absolute; top:0; right: 0; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; padding:20px; }
.industry_trends .fl a .time span{ text-shadow: 1px 1px 0 rgba(0,0,0,.35); font-size: 32px; color: #fff; line-height: 1; font-weight: bold; }
.industry_trends .fl a .time small{ text-shadow: 1px 1px 0 rgba(0,0,0,.35); font-size: 14px; line-height: 1.4; margin-top: 5px; font-weight: bold; display: inline-block; transition: all .6s 0s; color: #fff; }
.industry_trends .fl a .tit{ overflow: hidden; box-sizing: border-box; padding: 30px; }
.industry_trends .fl a .tit b{ text-shadow: 1px 1px 0 rgba(0,0,0,.35); display: block; font-size: 22px; color: #fff; font-weight: normal; margin-bottom: 12px; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.industry_trends .fl a .tit p{ text-shadow: 1px 1px 0 rgba(0,0,0,.35); font-size: 14px; color: #fff; line-height: 1.5; text-indent: -2em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.industry_trends .fl a:hover img{ transition: all .6s 0s; transform: scale(1.05); }
.industry_trends .fl a:hover .time{ transition: all .6s 0s; background: var(--zhu-color); }
.industry_trends ul{ display: flex; flex-direction: column; width: 100%; }
.industry_trends li{ width: 100%; overflow: hidden; }
.industry_trends li a{ position: relative; padding-bottom: 32px; margin-bottom: 32px; display: flex; align-items: flex-start; justify-content: space-between; }
.industry_trends li:last-child a{ margin-bottom: 0; }
.industry_trends li a::before{ content: ""; display: block; width: 100%; height: 1px; background: #e5e5e5; position: absolute; left:0; bottom:0; }
.industry_trends li a::after{ content: ""; transition: all .6s 0s; display: block; width: 0; height: 1px; background: var(--zhu-color); position: absolute; left:0; bottom:0; }
.industry_trends li .txt{ overflow: hidden; width: calc(100% - 80px); box-sizing: border-box; padding-right: 30px; }
.industry_trends li .txt b{ display: block; font-size: 24px; font-weight: normal; color: #595959; line-height: 1; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.industry_trends li .txt p{ margin-top: 24px; text-indent: -2em; display: block; font-size: 14px; color: #8c8c8c; line-height: 2; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.industry_trends li .icon{ display: flex; width: 80px; align-items: flex-end; justify-content: space-between; flex-direction: column; position: relative; box-sizing: border-box;  padding-right: 6px; }
.industry_trends li .icon::before{ content: ""; width: 0; height: 1px; background-color: var(--zhu-color); position: absolute; top: 15px; left: 0; transition: all .6s cubic-bezier(.215,.61,.355,1) 0s; }
.industry_trends li .icon span{ transition: all .6s 0s; font-size: 20px; line-height: 1; color: #404040; margin-top: 12px; opacity: 0.5; }
.industry_trends li .time{ transition: all .6s 0s; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; }
.industry_trends li .time small{ transition: all .6s 0s; font-family: "BOD"; font-style: normal; font-size: 18px; color: #404040; line-height: 1.4; opacity: 0.5; }
.industry_trends li a:hover::after{ transition: all .6s 0s; width: 100%; }
.industry_trends li a:hover .icon::before{ transition: all .6s 0s; width: 32px; }
.industry_trends li a:hover .time small{ transition: all .6s 0s; color: var(--zhu-color); opacity: 1; }
.industry_trends li a:hover .icon span{ transition: all .6s 0s; color: var(--zhu-color); opacity: 1; }
.industry_trends li a:hover .txt b{ transition: all .6s 0s; color: var(--zhu-color); }
@media only screen and (max-width: 1600px){
  .industry_trends .fl, .industry_trends .fr{ width: calc(50% - 15px); }
  .industry_trends .fl a .img{ padding-bottom: 70%; }
  .industry_trends .fl a .time{ padding:18px; }
  .industry_trends .fl a .time span{ font-size: 30px; font-weight: bold; }
  .industry_trends .fl a .time small{ font-size: 14px; margin-top: 5px; }
  .industry_trends .fl a .tit{ padding: 25px; }
  .industry_trends .fl a .tit b{ font-size: 20px; }
  .industry_trends .fl a .tit p{ font-size: 14px; }
  .industry_trends li a{ padding-bottom: 32px; margin-bottom: 32px; }
  .industry_trends li .txt{ width: calc(100% - 80px); padding-right: 30px; }
  .industry_trends li .txt b{ font-size: 22px; }
  .industry_trends li .txt p{ margin-top: 24px; font-size: 14px; }
  .industry_trends li .icon{ width: 80px; padding-right: 6px; }
  .industry_trends li .icon::before{ top: 15px; }
  .industry_trends li .icon span{ font-size: 20px; margin-top: 12px; }
  .industry_trends li .time small{ font-size: 18px; }
}
@media only screen and (max-width: 1400px){
  .industry_trends .fl, .industry_trends .fr{ width: calc(50% - 15px); }
  .industry_trends .fl a .img{ padding-bottom: 0; height: 392px; }
  .industry_trends .fl a .time{ padding:16px; }
  .industry_trends .fl a .time span{ font-size: 28px; font-weight: bold; }
  .industry_trends .fl a .time small{ font-size: 14px; margin-top: 5px; }
  .industry_trends .fl a .tit{ padding: 20px; }
  .industry_trends .fl a .tit b{ font-size: 18px; }
  .industry_trends .fl a .tit p{ font-size: 14px; }
  .industry_trends li a{ padding-bottom: 20px; margin-bottom: 20px; }
  .industry_trends li .txt{ width: calc(100% - 80px); padding-right: 30px; }
  .industry_trends li .txt b{ font-size: 20px; }
  .industry_trends li .txt p{ margin-top: 20px; font-size: 14px; line-height: 1.8; }
  .industry_trends li .icon{ width: 80px; padding-right: 6px; }
  .industry_trends li .icon::before{ top: 15px; }
  .industry_trends li .icon span{ font-size: 18px; margin-top: 12px; }
  .industry_trends li .time small{ font-size: 16px; }
}
@media only screen and (max-width:1200px){
  .industry_trends .fl, .industry_trends .fr{ width: calc(50% - 7.5px); }
  .industry_trends .fl a .img{ padding-bottom: 0; height: 360px; }
  .industry_trends .fl a .time{ padding:14px; }
  .industry_trends .fl a .time span{ font-size: 26px; font-weight: bold; }
  .industry_trends .fl a .time small{ font-size: 13px; margin-top: 5px; }
  .industry_trends .fl a .tit{ padding: 15px; width: 100%; box-sizing: border-box; }
  .industry_trends .fl a .tit b{ font-size: 16px; }
  .industry_trends .fl a .tit p{ font-size: 13px; }
  .industry_trends li a{ padding-bottom: 20px; margin-bottom: 20px; }
  .industry_trends li .txt{ width: calc(100% - 70px); padding-right: 15px; }
  .industry_trends li .txt b{ font-size: 18px; }
  .industry_trends li .txt p{ margin-top: 18px; font-size: 13px; line-height: 1.7; }
  .industry_trends li .icon{ width: 70px; padding-right: 6px; }
  .industry_trends li .icon::before{ top: 12px; }
  .industry_trends li .icon span{ font-size: 16px; margin-top: 12px; }
  .industry_trends li .time small{ font-size: 14px; }
  .industry_trends li a:hover .icon::before{ width: 28px; }
}
@media only screen and (max-width:992px){
  .industry_trends .bd{ flex-direction: column; }
  .industry_trends .fl, .industry_trends .fr{ width: 100%; }
  .industry_trends .fl{ margin-bottom: 20px; }
  .industry_trends .fl a .img{ padding-bottom: 50%; height: auto; }
  .industry_trends .fl a .time span{ font-size: 24px; font-weight: bold; }
  .industry_trends li .icon span{ font-size: 16px; margin-top: 10px; }
  .industry_trends .fl a .tit{ padding: 12px; }
}
@media only screen and (max-width:768px){
  .industry_trends .fl{ margin-bottom: 18px; }
  .industry_trends .fl a .time{ padding:12px; }
  .industry_trends .fl a .time span{ font-size: 22px; font-weight: bold; }
  .industry_trends .fl a .time small{ font-size: 13px; margin-top: 5px; }
  .industry_trends .fl a .tit b{ font-size: 15px; }
  .industry_trends .fl a .tit p{ font-size: 13px; }
  .industry_trends li a{ padding-bottom: 18px; margin-bottom: 18px; }
  .industry_trends li .txt{ width: calc(100% - 60px); padding-right: 15px; }
  .industry_trends li .txt b{ font-size: 16px; }
  .industry_trends li .txt p{ margin-top: 16px; font-size: 13px; line-height: 1.6; }
  .industry_trends li .icon{ width: 60px; padding-right: 6px; }
  .industry_trends li .icon::before{ top: 10px; }
  .industry_trends li .icon span{ font-size: 16px; margin-top: 8px; }
  .industry_trends li .time small{ font-size: 14px; line-height: 1.2; }
  .industry_trends li a:hover .icon::before{ width: 24px; }
}
@media only screen and (max-width:640px){
  .industry_trends .fl{ margin-bottom: 15px; }
  .industry_trends .fl a .time{ padding:12px; }
  .industry_trends .fl a .time span{ font-size: 20px; font-weight: bold; }
  .industry_trends .fl a .time small{ font-size: 12px; margin-top: 5px; }
  .industry_trends .fl a .tit{ padding: 10px; }
  .industry_trends .fl a .tit b{ font-size: 15px; margin-bottom: 0; }
  .industry_trends .fl a .tit p{ display: none; }
  .industry_trends li .txt{ width: calc(100% - 50px); }
  .industry_trends li .txt b{ font-size: 15px; }
  .industry_trends li .txt p{ margin-top: 15px; font-size: 12px; line-height: 1.5; }
  .industry_trends li .icon{ width: 50px; padding-right: 5px; }
  .industry_trends li .icon::before{ top: 6px; }
  .industry_trends li .icon span{ font-size: 15px; margin-top: 5px; }
  .industry_trends li .time small{ font-size: 13px; }
  .industry_trends li a:hover .icon::before{ width: 22px; }
}
@media only screen and (max-width:576px){
  .industry_trends .fl a .time{ padding:10px; }
  .industry_trends .fl a .time span{ font-size: 18px; font-weight: bold; }
  .industry_trends .fl a .tit b{ font-size: 14px; }
  .industry_trends li .txt{ width: calc(100% - 40px); }
  .industry_trends li .txt b{ font-size: 14px; }
  .industry_trends li .txt p{ margin-top: 14px; }
  .industry_trends li .icon{ width: 40px; padding-right: 5px; }
  .industry_trends li .icon::before{ top: 6px; }
  .industry_trends li .icon span{ font-size: 14px; margin-top: 5px; }
  .industry_trends li .time small{ font-size: 12px; }
  .industry_trends li a:hover .icon::before{ width: 14px; }
}
@media only screen and (max-width:414px){
  .industry_trends .fl a .time{ padding:8px; }
  .industry_trends .fl a .time span{ font-size: 17px; font-weight: bold; }
  .industry_trends .fl a .tit b{ font-size: 14px; }
  .industry_trends li .txt b{ font-size: 14px; }
  .industry_trends li .txt p{ margin-top: 14px; }
  .industry_trends li .icon{ width: 40px; padding-right: 5px; }
  .industry_trends li .icon::before{ top: 6px; }
  .industry_trends li .icon span{ font-size: 14px; margin-top: 5px; }
  .industry_trends li .time small{ font-size: 12px; }
  .industry_trends li a:hover .icon::before{ width: 14px; }
}

/* know_qa */
.know_qa{ display: block; overflow: hidden; width: 100%; }

/* news_list */
.news_list{ display: flex; flex-wrap: wrap; flex-direction: column; overflow: hidden; }
.news_list li{ overflow: hidden; margin:12px 0; }
.news_list li a{ display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding:25px; background: #f9f9f9; }
.news_list li a .img{ width: calc(40% - 15px); padding-bottom: 18%; position: relative; overflow: hidden; }
.news_list li a .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
.news_list li a .txt{ width: calc(60% - 15px); display: flex; flex-wrap: wrap; }
.news_list li a .txt > b{ margin-top: 38px; display: block; width: 100%; font-size: 18px; font-weight: normal; color: #333; transition: all 0.36s ease; }
.news_list li a .txt > span{ font-size: 12px; font-weight: normal; color: #999; transition: all 0.36s ease; }
.news_list li a .txt > p{ display: block; width: 100%; margin:20px 0; text-indent: -2em; font-size: 13px; line-height: 1.8; font-weight: normal; color: #868585;; transition: all 0.36s ease; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.news_list li a .txt > small{ display: inline-flex; align-items: center; padding:12px 24px; opacity: 0; line-height: 1; background: var(--pei-color); transition: all 0.36s ease; }
.news_list li a .txt > small i{ font-size: 14px; color: #fff; text-transform: uppercase; font-family: "BOD"; line-height: 1; }
.news_list li a .txt > small span{ font-size: 14px; color: #fff; line-height: 1; position: relative; top:-1px; }
.news_list li a:hover img{ transition: all 0.36s ease; transform: scale(1.08); }
.news_list li a:hover > .txt b{ transition: all 0.36s ease; color: var(--pei-color); margin-top: 0; }
.news_list li a:hover > .txt small{ transition: all 0.36s ease; opacity: 1; }
@media only screen and (max-width: 1600px){
  .news_list li a{ padding:20px; }
  .news_list li a .img{ width: calc(40% - 10px); }
  .news_list li a .txt{ width: calc(60% - 10px); }
}
@media only screen and (max-width: 1400px){
  .news_list li a{ padding:15px; }
  .news_list li a .img{ width: calc(40% - 7.5px); }
  .news_list li a .txt{ width: calc(60% - 7.5px); }
}
@media only screen and (max-width:1200px){
  .news_list li{ margin:10px 0; }
  .news_list li a .img{ padding-bottom: 20%; }
  .news_list li a .txt > b{ margin-top: 24px; font-size: 18px; }
  .news_list li a .txt > p{ margin:15px 0; font-size: 13px; line-height: 1.7; }
  .news_list li a .txt > small{ padding:10px 22px; }
  .news_list li a .txt > small i{ font-size: 13px; }
  .news_list li a .txt > small span{ font-size: 13px; }
}
@media only screen and (max-width:992px){
  .news_list li{ margin:8px 0; }
  .news_list li a .img{ padding-bottom: 24%; }
  .news_list li a .txt > b{ margin-top: 20px; font-size: 17px; }
  .news_list li a .txt > p{ margin:12px 0; font-size: 12px; line-height: 1.6; }
  .news_list li a .txt > small{ padding:8px 20px; }
  .news_list li a .txt > small i{ font-size: 12px; }
  .news_list li a .txt > small span{ font-size: 12px; }
}
@media only screen and (max-width:768px){
  .news_list li a{ padding:12px; }
  .news_list li a .img{ width: calc(30% - 7.5px); }
  .news_list li a .txt{ width: calc(70% - 7.5px); }
  .news_list li a .img{ padding-bottom: 25%; }
  .news_list li a .txt > b{ margin-top: 16px; font-size: 16px; }
  .news_list li a .txt > p{ margin:10px 0; font-size: 12px; line-height: 1.5; }
  .news_list li a .txt > small{ padding:6px 18px; }
}
@media only screen and (max-width:640px){
  .news_list li a{ padding:10px; }
  .news_list li a .img{ padding-bottom: 26%; }
  .news_list li a .txt > b{ margin-top: 16px; font-size: 16px; }
  .news_list li a .txt > p{ margin:6px 0; font-size: 12px; line-height: 1.5; }
  .news_list li a .txt > small{ padding:6px 18px; }
}
@media only screen and (max-width:576px){
  .news_list li a{ padding:8px; flex-direction: column; }
  .news_list li a .img, .news_list li a .txt{ width: 100%; }
  .news_list li a .img{ padding-bottom: 40%; }
  .news_list li a .txt{ margin-top: 12px; }
  .news_list li a .txt > b{ margin-top: 0; font-size: 16px; }
  .news_list li a .txt > p{ margin:6px 0; font-size: 12px; line-height: 1.5; }
  .news_list li a .txt > small{ padding:6px 18px; }
}
@media only screen and (max-width:414px){
}

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