@charset "utf-8";
/* 引入外部图标样式 */
@font-face {
  font-family: 'iconfont';  /* Project id 3881604 */
  src: url('http://at.alicdn.com/t/c/font_3881604_wnmxhiiu37n.woff2?t=1676342436244') format('woff2'),
       url('http://at.alicdn.com/t/c/font_3881604_wnmxhiiu37n.woff?t=1676342436244') format('woff'),
       url('http://at.alicdn.com/t/c/font_3881604_wnmxhiiu37n.ttf?t=1676342436244') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/* 网站色值设置 */
body{ --zhu-color:#ff7544; --pei-color:#286bb2; }
/* 样式重置 */
html, body, div,
h1, h2, h3, h4, h5, h6,
hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre, form, fieldset, object, code,
legend, button, input, textarea, label,
th, td, a, img{ margin: 0; padding: 0; border: 0; outline: 0; }
body{ font: 12px/1.5 'Microsoft YaHei', 'Helvetica Neue', 'Helvetica', 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif'; color: #333; background-color: #fff; }
a:hover{ text-decoration: none; }
/*清除内外边距*/
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 100%;}
/*设置默认字体*/
:focus{ outline: 0; }
ul,
ol{ list-style: none; }
/*重置图片元素*/
address, caption, cite, code, dfn, em, i, th, var, optgroup{ font-style: normal; font-weight: normal; }
abbr, acronym{ border: 0; font-variant: normal; }
input, button, textarea, select, optgroup, option{ font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
code, kbd, samp, tt{ font-size: 100%;}
/*修改滚动条*/
::-webkit-scrollbar{width:6px; height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent; background: #f8f8f8; border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px; background: #bbb;}
textarea{resize: none;}
/*page*/
.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px; width: 100%; clear: both; }
.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 12px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: 1px; overflow: hidden;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover{color: #fff; border-color: var(--zhu-color); background: var(--zhu-color);}
.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}
.de-page-mian .page-inner span{display: block; font-size: 12px; color: #333; float: left; line-height: 38px;}
.de-page-mian .page-inner input{display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}

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

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

/* h_top */
.header{ position: relative; overflow: hidden; }
.h_top{ position: absolute; top:0; left: 0; z-index: 99; width: 100%; box-sizing:border-box; transition: all .3s; }
.h_top .inner{ padding:45px 0; display: flex; align-items: center; justify-content: space-between; overflow: hidden; position: relative; }
.h_top .logo img{ max-width: 100%; }
.h_top .nav{ width: calc(100% - 350px); display: flex; align-items: center; justify-content: center; }
.h_top .nav li{ display: flex; width: 11.11%; align-items: center; justify-content: center; }
.h_top .nav li a{ display: flex; height: 100%; padding:10px 0; margin:0 10px; line-height: 1; font-size: 17px; color: #ffffff; position: relative; transition: all 0.3s; }
.h_top .nav li a::after{ content: ""; display: inline-block; height: 2px; background: var(--zhu-color); border: 0; position: absolute; left: 50%; bottom: 0; width: 0; transition: all 0.3s; }
.h_top .nav li a:hover{ color: var(--zhu-color); font-weight: bold; transition: all 0.3s; }
.h_top .nav li a:hover::after{ left: 0; width: 100%; transition: all 0.3s; }
.h_top .search_btn .btn_search{ margin-right:20px; }
.h_top .search_btn span{ cursor: pointer; font-size: 20px; color: #ffffff; line-height: 1; display: inline-block; }
.h_top .search_btn .tool_form{ background: #fff; width:300px; position: absolute; right:0; top:120%; z-index: 33; transition: all .3s; opacity: 0; display: flex; align-items: center; }
.h_top .search_btn .tool_form form{ width:calc(100% - 32px); display: flex; align-items: center; justify-content: space-between; background: #f6f6f6; padding:10px 18px; border-radius: 3px;  }
.h_top .search_btn .tool_form input{ width:calc(100% - 32px); box-sizing: border-box; background: transparent; font-size: 14px; color: #474747; }
.h_top .search_btn .tool_form button{ background: none; }
.h_top .search_btn .tool_form button span{ font-size: 18px; line-height: 1; color: #474747; transition: all .3s; }
.h_top .search_btn .tool_form button:hover span{ transition: all .3s; color: var(--pei-color); }
.h_top .search_btn .tool_form_on{ transition: all .3s; top:45px; opacity: 1; }
.h_top .search_btn .tool_form .btn_close{ display: inline-block; padding: 0 10px; background: #fff; }
.h_top .search_btn .tool_form .btn_close span{ font-size: 26px; color: #333; line-height: 1; transition: all .3s; display: inline-block; }
.h_top .search_btn .tool_form .btn_close:hover span{ transition: all .3s; transform: rotate(360deg); }
@media screen and (max-width: 1400px){
  .h_top .inner{ padding:35px 0; }
  .h_top .logo img{ height: 36px; }
  .h_top .nav{ width: calc(100% - 300px); }
	.h_top .nav li a{ padding:15px 0; margin:0 12px; font-size: 15px; }
  .h_top .search_btn .tool_form_on{ top:35px; }
}
@media screen and (max-width: 1200px){
  .header{ width: 1200px; }
  .h_top{ width: 1200px; }
  .h_top .inner{ padding:25px 0; }
	.h_top .logo img{ height: 36px; }
	.h_top .nav li a{ padding:10px 0; margin:0 10px; font-size: 14px; }
  .h_top .search_btn .tool_form_on{ top:25px; }
}

/* banner */
#banner{ width: 100%; overflow: hidden; margin:0 auto; }
#banner .swiper-pagination{ bottom:30px; }
#banner .swiper-pagination-bullet{ opacity: 1; width: 14px; height: 14px; background: none; border:2px solid #f7fbfe; border-radius: 50%; }
#banner .swiper-pagination-bullet-active{ width: 14px; height: 14px; background: var(--zhu-color); border-radius: 12px; border:none; }
@media only screen and (min-width: 1930px){
  #banner{ max-width: 1920px;}
}
@media only screen and (max-width: 1910px){
  #banner img{ width: 100%;}
}
@media only screen and (max-width: 1200px){
  #banner{ width: 1200px; overflow: hidden; }
}


/* m_about */
.m_about{ overflow: hidden; padding:90px 0 14px; background: url(../images/about_bg.jpg) no-repeat top center; }
.m_about .inner{ display: flex; align-items: center; justify-content: space-between; }
.m_about .imgs, .m_about .info{ width: calc(50% - 15px); overflow: hidden; box-sizing: border-box; }
.m_about .imgs .img{ position: relative; }
.m_about .imgs .img b{ display: inline-block; position: absolute; top:42px; left: 32px; }
.m_about .imgs .img b::before{ content: ""; display: inline-block; width: 22px; height: 1px; background: #ffffff; border:0; position: absolute; top:0; left:0; }
.m_about .imgs .img b::after{ content: ""; display: inline-block; width: 22px; height: 1px; background: #ffffff; border:0; position: absolute; bottom:0; right:0; }
.m_about .imgs .img b span{ display: inline-block; line-height: 1; padding:8px 30px; position: relative; font-size: 24px; color: #ffffff; font-weight: normal; }
.m_about .imgs .img b span::before{ content: ""; display: inline-block; width: 1px; height: 16px; background: #ffffff; border:0; position: absolute; top:1px; left:0; }
.m_about .imgs .img b span::after{ content: ""; display: inline-block; width: 1px; height: 16px; background: #ffffff; border:0; position: absolute; bottom:1px; right:0; }
.m_about .imgs > img{ max-width: 100%; position: relative; top:-80px; left:40px; }
.m_about .info{ overflow: hidden;  }
.m_about .info .tit{ display: flex; flex-direction: column; }
.m_about .info .tit b{ font-size: 36px; color: #222222; display: block; line-height: 1; }
.m_about .info .tit span{ font-size: 14px; color: #cac8c8; line-height: 1; text-transform: capitalize; margin-top: 12px; }
.m_about .info p{ font-size: 16px; color: #333333; line-height: 1.8; margin:48px 0; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.m_about .info .num{ display: flex; align-items: center; }
.m_about .info .num li{ width: 50%; display: flex; align-items: center; }
.m_about .info .num li span{ font-size: 55px; color: #222222; font-weight: bold; margin-right: 12px; }
.m_about .info .num li div{ display: flex; flex-direction: column; }
.m_about .info .num li small{ font-size: 14px; color: #222222; line-height: 1; }
.m_about .info .num li i{ font-size: 8px; color: #222222; line-height: 1; display: inline-block; text-transform: uppercase; padding:10px 0; border-bottom: 1px solid #222222; }
.m_about .info > a{ float: right; position: relative; transition: all .3s; display: inline-flex; align-items: center; padding:12px 24px; background: var(--zhu-color); margin-top: 42px;}
.m_about .info > a::before{ content: ""; display: block; width: 0; height: 100%; background: var(--pei-color); position: absolute; left:0; top:0; transition: all .3s; }
.m_about .info > a small{ position: relative; font-size: 16px; color: #f1f6f9; line-height: 1; }
.m_about .info > a span{ color: #fff; font-size: 24px; line-height: 1; margin-left: 20px; position: relative; font-weight: 200; }
.m_about .info > 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%); }
.m_about .info > a:hover{ transition: all .3s; border-radius: 5px; overflow: hidden; }
.m_about .info > a:hover::before{ transition: all .3s; width: 100%; }
@media only screen and (max-width: 1400px){
  .m_about{ padding:70px 0 0; }
  .m_about .info p{ margin:38px 0; }
  .m_about .imgs > img{ top:-70px; }
  .m_about .imgs .img > img{ height: 180px; }
  .m_about .imgs .img b{ left:24px; }
  .m_about .imgs .img b span{ font-size: 20px; }
}
@media only screen and (max-width: 1200px){
  .m_about{ width: 1200px; padding:50px 0 0; }
  .m_about .info p{ margin:28px 0; }
  .m_about .imgs > img{ top:-50px; }
  .m_about .imgs .img > img{ height: 160px; }
}

/* p_logo */
.p_logo{ padding:18px 0; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #d0d0d0; }

/*m_product*/
.m_product{ overflow: hidden; padding:100px 0 0; background:#f4f4f4 url(../images/product_bg.jpg) no-repeat top center; }
.m_product .inner{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.m_product .m_tit{ margin-bottom: 60px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.m_product .m_tit span{ position: relative; font-size: 60px; font-weight: bold; text-transform: uppercase; color: rgba(255, 255, 255, .07); line-height: 1; }
.m_product .m_tit b{ margin-bottom: 22px; margin-top: -62px; position: relative; display: inline-block; }
.m_product .m_tit b small{ font-size: 48px; font-weight: bold; color: #ffffff; line-height: 1; position: relative; z-index: 33; }
.m_product .m_tit b i{ position: absolute; z-index: 32; right: -12px; top:-12px; display: inline-block; width: 28px; height: 28px; border:5px solid var(--zhu-color); border-radius: 50%; }
.m_product .m_tit p{ font-size: 18px; color: #ffffff; line-height: 1; }
.m_product .bd{ width: 100%; }
#product{ overflow: hidden; padding-bottom: 64px; }
#product a{ overflow: hidden; position: relative; display: flex; background: #fff; box-sizing: border-box; padding:25px; border-radius: 5px; flex-direction: column; }
#product a::after{ content: ""; display: block; width: 392px; height: 392px; border-radius: 50%; position: absolute; right: -96px; bottom: -96px; background: -moz-linear-gradient(top, #c5e3f8 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5e3f8), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #c5e3f8 0%,#ffffff 100%); background: -o-linear-gradient(top, #c5e3f8 0%,#ffffff 100%); background: -ms-linear-gradient(top, #c5e3f8 0%,#ffffff 100%); background: linear-gradient(to bottom, #c5e3f8 0%,#ffffff 100%); }
#product a .box{ position: relative; z-index: 33; box-sizing: border-box; padding:45px 0 0; display: flex; align-items: center; justify-content: space-between; }
#product a .txt{ max-width: 125px; }
#product a .txt b{ display: block; font-size: 30px; color: #1f1f1f; line-height: 1.5; font-weight: bold; }
#product a .txt small{ display: inline-block; font-size: 14px; color: #1f1f1f; line-height: 1.2; text-transform: uppercase; margin-top: 10px; }
#product a .txt .mores, #product a .txt .mores span{ display: inline-block; border-radius: 50%; margin-top: 80px; border:1px solid #f3f3f3; padding:3px; transition: all .3s; }
#product a .txt .mores span{ margin-top: 0; }
#product a .txt .mores span i{ font-size: 24px; color: #a7a7a7; line-height: 1; transition: all .3s; }
#product a .img{ width: calc(100% - 125px); overflow: hidden; display: flex; align-items: center; justify-content: flex-end; }
#product a .img img{ object-fit: contain; max-width: 100%; transition: all .3s; }
#product a:hover img{ transition: all .3s; transform: scale(1.02); }
#product a:hover .mores, #product a:hover .mores span{ border-color: var(--zhu-color); transition: all .3s; }
#product a:hover .mores span i{ transition: all .3s; color: var(--zhu-color); }
#product .swiper-scrollbar { width: 100%; left:0; background-color: #b6cee5; bottom: 10px; height: 3px; cursor: pointer; }
#product .swiper-scrollbar-drag { top: -1px; height: 5px; background-color: #ff7544; }
#product .swiper-scrollbar-drag:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 50%; width: 21px; height: 21px; background: #ff7544 url(../images/scroll_ico.png) no-repeat center; content: ""; }
.product_type{ display: flex; align-items: center; width: 100%; padding:30px 0; justify-content: space-around; }
.product_type li{ font-size: 16px; color: #333333; font-weight: bold; line-height: 1; }
@media only screen and (max-width: 1400px){
  .m_product{ padding:90px 0 0; }
  .m_product .m_tit{ margin-bottom: 45px; }
  .m_product .m_tit span{ font-size: 48px; }
  .m_product .m_tit b{ margin-bottom: 22px; margin-top: -50px;  }
  .m_product .m_tit b small{ font-size: 36px; }
  .m_product .m_tit b i{ width: 24px; height: 24px; }
  .m_product .m_tit p{ font-size: 16px; }
  #product a{ padding:20px; }
  #product a::after{ width: 372px; height: 372px; }
  #product a .box{ padding:35px 0 0; }
  #product a .txt b{ font-size: 26px; }
  #product a .txt small{ font-size: 13px; }
  #product a .txt .mores{ margin-top: 50px; }
  #product a .txt .mores span i{ font-size: 22px;  }
  .product_type{ padding:25px 0; }
  .product_type li{ font-size: 15px; font-weight: normal;}
}
@media only screen and (max-width: 1200px){
  .m_product{ width: 1200px; padding:70px 0 0; }
  .m_product .m_tit{ margin-bottom: 30px; }
  .m_product .m_tit span{ font-size: 36px; }
  .m_product .m_tit b{ margin-bottom: 20px; margin-top: -40px;  }
  .m_product .m_tit b small{ font-size: 26px; }
  .m_product .m_tit b i{ width: 20px; height: 20px; }
  .m_product .m_tit p{ font-size: 14px; }
  #product a::after{ width: 352px; height: 352px; }
  #product a .box{ padding:25px 0 0; }
  #product a .txt b{ font-size: 22px; }
  #product a .txt small{ font-size: 12px; }
  #product a .txt .mores span i{ font-size: 20px;  }
  .product_type{ padding:20px 0; }
  .product_type li{ font-size: 14px; }
}

/* m_group */
.m_group{ overflow: hidden; background: #f4f4f4 url(../images/group_bg.jpg) no-repeat top center; }
@media only screen and (max-width: 1200px){
  .m_group{ width: 1200px; }
}

/* l_tit */
.l_tit{ width: 100%; padding:32px 0; display: flex; align-items: center; justify-content: space-between; }
.l_tit .tit{ display: inline-flex; flex-direction: column; }
.l_tit .tit b{ display: inline-block; position: relative; }
.l_tit .tit b span{ position: relative; z-index: 33; font-size: 48px; color: #333333; line-height: 1; }
.l_tit .tit b i{ position: absolute; z-index: 32; right: -12px; top:-12px; display: inline-block; width: 28px; height: 28px; border:5px solid var(--zhu-color); border-radius: 50%; }
.l_tit .tit small{ font-size: 16px; color: #c0bebe; line-height: 1; text-transform: capitalize; margin-top: 8px; }
.l_tit a{ display: inline-flex; align-items: center; padding:12px 40px; border:1px solid #d3d3d3; transition: all .3s; }
.l_tit a small{ position: relative; }
.l_tit a small i{ color: #333333; font-size: 18px; line-height: 1; transition: all .3s; position: relative; z-index: 33; }
.l_tit a small::after{ content: ""; display: inline-block; width: 0; height: 0; position: absolute; z-index: 32; right: 0; top:0; background: var(--zhu-color); border-radius: 50%; transition: all .3s; }
.l_tit a:hover{ background: var(--pei-color); border-color: var(--pei-color); transition: all .3s; }
.l_tit a:hover small i{ color: #fff; transition: all .3s; }
.l_tit a:hover small::after{ transition: all .3s; width: 12px; height: 12px; right: -4px; top:-4px; }
.l_tit .more a + a{ margin-left: 12px; }
@media only screen and (max-width: 1400px){
  .l_tit{padding:24px 0; }
  .l_tit .tit b span{ font-size: 42px;  }
  .l_tit .tit b i{ width: 24px; height: 24px; }
  .l_tit .tit small{ font-size: 15px; }
  .l_tit a{ padding:10px 35px; }
  .l_tit a small i{ font-size: 16px; }
}
@media only screen and (max-width: 1200px){
  .l_tit{padding:20px 0; }
  .l_tit .tit b span{ font-size: 36px;  }
  .l_tit .tit b i{ width: 20px; height: 20px; }
  .l_tit .tit small{ font-size: 14px; }
  .l_tit a{ padding:10px 30px; }
  .l_tit a small i{ font-size: 15px; }
}

/* m_case */
.m_case{ overflow: hidden; padding:30px 0; }
.m_case .inner{ display: flex; flex-direction: column; align-items: center; justify-content: space-between; }
.m_case .bd{ width: 100%; box-sizing: border-box; padding:45px; overflow: hidden; position: relative; }
.m_case .bd::before{ content: ""; display: block; width: 100%; height: 372px; background: #fff; box-shadow: 0 0 30px rgba(150, 150, 150, .05); border-radius: 5px; position: absolute; top:0; left:0; }
#case{ overflow: hidden; }
#case a{ display: flex; align-items: flex-start; justify-content: space-between; }
#case a .img{ width: 560px; height: 420px; position: relative; overflow: hidden; border-radius: 5px; }
#case a .img img{ width: 100%; height: 100%; position: absolute; object-fit: cover; transition: all .3s; }
#case a .txt{ width: calc(100% - 600px); }
#case a .txt b{ font-weight: normal; display: block; padding:22px 0; font-size: 24px; color: #333333; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: block; }
#case a .txt p{ margin:20px 0; font-size: 14px; color: #333333; line-height: 2.1; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
#case .swiper-pagination{ width: calc(100% - 600px); right: 0; left:auto; bottom: 24px; }
#case .swiper-pagination-bullet{ width: 10px; height: 10px; background: #9a9a9a; border-radius: 50%; margin:0 9px; }
#case .swiper-pagination-bullet-active{ background: var(--zhu-color); }
#case .swiper-button-next, #case .swiper-button-prev{ z-index: 999; cursor: pointer; top:auto; bottom:15px; width: 45px; height: 45px; display: inline-flex; align-items: center; justify-content: center; }
#case .swiper-button-next::after, #case .swiper-button-prev::after{ display: none; }
#case .swiper-button-next i, #case .swiper-button-prev i{ display: inline-block; width: 2px; height: 9px; background: #9a9a9a; }
#case .swiper-button-next small, #case .swiper-button-prev small{ display: inline-block; width: 2px; height: 29px; margin:0 8px; background: #9a9a9a; }
#case .swiper-button-next span, #case .swiper-button-prev span{ display: inline-block; width: 2px; height: 45px; background: #9a9a9a; }
#case .swiper-button-prev{ left:600px; }
#case .swiper-button-next{ right:0; }
@media only screen and (max-width: 1400px){
  .m_case .bd{ padding:35px; }
}
@media only screen and (max-width: 1200px){
  .m_case{ width: 1200px; }
  .m_case .bd{ padding:25px; }
}

/* more */
.more{ position: relative; transition: all .3s; display: inline-flex; align-items: center; padding:12px 24px; background: var(--zhu-color); }
.more::before{ content: ""; display: block; width: 0; height: 100%; background: var(--pei-color); position: absolute; left:0; top:0; transition: all .3s; }
.more small{ position: relative; font-size: 16px; color: #f1f6f9; line-height: 1; }
.more span{ color: #fff; font-size: 24px; line-height: 1; margin-left: 20px; position: relative; font-weight: 200; }
.more 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%); }
.more:hover{ transition: all .3s; border-radius: 5px; overflow: hidden; }
.more:hover::before{ transition: all .3s; width: 100%; }
@media only screen and (max-width: 1400px){
  .more small{ font-size: 16px; }
  .more span{ font-size: 22px; margin-left: 18px; }
  .more span::before{ width: 16px; height: 16px; }
}
@media only screen and (max-width: 1200px){
  .more small{ font-size: 15px; }
  .more span{ font-size: 20px; margin-left: 16px; }
  .more span::before{ width: 14px; height: 14px; }
}

/*m_news*/
.m_news{ overflow: hidden; padding:0 0 30px; }
.m_news .bd{ position: relative; padding:35px 0 35px 88px; box-sizing: border-box; }
.m_news .bd::before{ content: ""; display: block; width: 274px; height: 100%; position: absolute; left:0; top:0; background: var(--pei-color); }
.m_news .bd .box{ position: relative; z-index: 33; background: #fff; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding:38px; }
.m_news .bd .box .left, .m_news .bd .box .right{ width: calc(50% - 15px); }
.m_news .company_news{ display: flex; flex-direction: column; }
.m_news .company_news li a{ transition: all .3s; display: flex; align-items: center; justify-content: space-between; padding:30px 0; border-bottom: 1px dashed #d9d9d9; }
.m_news .company_news li a .time{ transition: all .3s; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; width: 80px; border-right: 1px solid #e6e6e6; }
.m_news .company_news li a .time span{ transition: all .3s; font-size: 36px; color: #333333; font-weight: bold; line-height: 1; }
.m_news .company_news li a .time small{ transition: all .3s; font-size: 12px; color: #d3d3d3; font-weight: normal; margin-top: 12px; line-height: 1; }
.m_news .company_news li a .txt{ transition: all .3s; width: calc(100% - 100px); overflow: hidden; }
.m_news .company_news li a .txt b{ transition: all .3s; display: block; font-weight: normal; font-size: 18px; margin:9px 0 18px; color: #333333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height: 1; }
.m_news .company_news li a .txt p{ transition: all .3s; text-indent: -2em; font-size: 14px; color: #999999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height: 1; }
.m_news .company_news li a:hover .time span, .m_news .company_news li a:hover .time small{ color: var(--zhu-color); transition: all .3s;  }
.m_news .company_news li a:hover b{ color: var(--zhu-color); transition: all .3s;  }
.m_news .company_news li a:hover p{ color: var(--zhu-color); transition: all .3s;  }
.m_news .industry_info li a{ transition: all .3s; display: flex; flex-direction: column; }
.m_news .industry_info li a .img{ transition: all .3s; width: 100%; padding-bottom: 45%; position: relative; overflow: hidden; }
.m_news .industry_info li a .img img{ transition: all .3s; width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
.m_news .industry_info li a .txt{ transition: all .3s; padding:15px; box-sizing: border-box; overflow: hidden; }
.m_news .industry_info li a .txt b{ transition: all .3s; padding:15px 0 20px; display: flex; align-items: center; justify-content: space-between; }
.m_news .industry_info li a .txt b span{ transition: all .3s; font-weight: normal; width: calc(100% - 50px); font-size: 16px; color: #333333; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.m_news .industry_info li a .txt b small{ transition: all .3s; font-size: 14px; color: #999999; line-height: 1; }
.m_news .industry_info li a .txt p{ transition: all .3s; font-size: 14px; color: #999999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-indent: -2em; }
.m_news .industry_info li a:hover img{ transition: all .3s; transform: scale(1.05); }
.m_news .industry_info li a:hover b span, .m_news .industry_info li a:hover b small{ transition: all .3s; color: var(--zhu-color); }
.m_news .industry_info li a:hover p{ transition: all .3s; color: var(--zhu-color); }
@media only screen and (max-width: 1400px){
  .m_news .bd{ padding:30px; }
}
@media only screen and (max-width: 1200px){
  .m_news{ width: 1200px; }
  .m_news .bd{ padding:22px; }
}

/* footer */
.footer{ overflow: hidden; background:url(../images/footer_bg.jpg) no-repeat top center; }
.footer .inner{ display: flex; flex-wrap: wrap; align-items: center; }
.footer .left{ width:calc(100% - 250px); }
.footer .right{ width: 250px; text-align: right; }
.footer .f_contact{ overflow: hidden; padding:60px 80px; display: flex; align-items: center; justify-content: space-between; }
.footer .f_contact li{ box-sizing: border-box; display: flex; align-items: center; }
.footer .f_contact li span{ width: 60px; height: 60px; display: inline-flex; align-items: center; justify-content: center; border:1px solid rgba(174, 174, 174, .37); border-radius: 50%; font-size: 26px; color: var(--zhu-color); line-height: 1; }
.footer .f_contact li .txt{ display: inline-flex; flex-direction: column; width: calc(100% - 60px); box-sizing: border-box; padding-left: 24px; }
.footer .f_contact li .txt p{ font-size: 16px; color: #f0f0f0; line-height: 1.875; }
.footer .f_nav{ display: flex; align-items: flex-start; justify-content: space-between; }
.footer .f_nav li{ width: 25%; box-sizing: border-box; box-sizing: border-box; padding:0 80px; min-height: 178px; }
.footer .f_nav li + li{ border-left: 1px solid #3b4046; }
.footer .f_nav li > a{ display: inline-block; position: relative; margin-bottom: 20px; }
.footer .f_nav li > a::after{ content: ""; width: 20px; height: 20px; border:3px solid var(--zhu-color); border-radius: 50%; position: absolute; right: -8px; top:-8px; z-index: 32; }
.footer .f_nav li > a span{ font-size: 20px; color: #fefdfd; line-height: 1; position: relative; z-index: 33; }
.footer .f_nav li > div{ display: flex; flex-direction: column; }
.footer .f_nav li > div a{ font-size: 14px; color: rgba(255, 255, 255, .34); line-height: 1; display: inline-block; padding:6px 0; transition: all .3s; }
.footer .f_nav li > div a:hover{ transition: all .3s; color: var(--zhu-color); }
.footer .f_ewm{ text-align: center; }
.footer .f_ewm b{ display: block; font-size: 24px; color: #fefdfd; font-weight: bold; margin-bottom: 24px; }
.footer .f_ewm p{ font-size: 14px; color: #fefdfd; margin-top: 12px; }
.footer .copy{ display: flex; align-items: center; justify-content: space-between; width: 100%; border-top: 1px solid rgba(142, 142, 142, .12); box-sizing: border-box; padding:20px 0; margin-top: 40px; }
.footer .copy p, .footer .copy p a{ font-size: 14px; color: #fefdfd; line-height: 1; transition: all .3s; }
.footer .copy p a:hover{ transition: all .3s; color: var(--zhu-color); }
.footer .copy div{ display: inline-flex; align-items: center; }
.footer .copy div a{ transition: all .3s; font-size: 14px; color: rgba(255, 255, 255, .2); line-height: 1; padding:0 15px; }
.footer .copy div a span{ transition: all .3s; display: inline-block; margin-right: 6px; font-size: 14px; line-height: 1; color: rgba(255, 255, 255, .2); }
.footer .copy div a + a{ border-left: 2px solid rgba(255, 255, 255, .2); }
.footer .copy div a:hover{ transition: all .3s; color: var(--zhu-color); }
.footer .copy div a:hover span{ transition: all .3s; color: var(--zhu-color); }
@media only screen and (max-width: 1400px){
  .footer .f_contact{ padding:40px 60px; }
  .footer .f_nav li{ padding:0 60px; }
}
@media only screen and (max-width: 1200px){
  .footer{ width: 1200px; }
  .footer .f_contact{ padding:40px; }
  .footer .f_nav li{ padding:0 40px; }
}

.plugin-fixed-call{position:fixed;bottom:0px;right:0px;width:45px;z-index: 1000;}
.plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:var(--zhu-color);line-height: 45px;margin-top:1px;}
.plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.plugin-fixed-call .child a{ display: inline-block; overflow: hidden; }
.plugin-fixed-call .child:hover{width:160px;background: #000;}
.plugin-fixed-call .child img{position:absolute;top:0px;left:0px;}
.plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;}
.plugin-fixed-call .fixedQQ{bottom:92px;}
.plugin-fixed-call .fixedCall{bottom:46px;}
.plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}
.plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}
.plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:var(--zhu-color);line-height: 45px;margin-top:1px;}
.plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;}
.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;}
.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}

/*l-banner*/
.l-banner{ display: flex; flex-direction: column; align-items: center; justify-content: center; padding:212px 0 348px; background: url(../images/l-banner.jpg) no-repeat top center; }
.l-banner b{ display: block; font-size:30px; color: #fff; font-weight: bold; line-height: 1; }
.l-banner hr{ width: 66px; height: 4px; background: var(--zhu-color); border-radius: 3px; margin:16px 0; }
.l-banner p{ display: block; box-sizing: border-box; font-size: 17px; color: #fff; line-height: 1; }
@media(max-width:1400px){
  .l-banner{ padding:182px 0 220px; }
  .l-banner b{ font-size:28px; }
  .l-banner hr{ width: 64px; margin:14px 0; }
  .l-banner p{ font-size: 16px; }
}
@media(max-width:1200px){
  .l-banner{ padding:142px 0 160px; }
  .l-banner b{ font-size:26px; }
  .l-banner hr{ width: 60px; margin:12px 0; }
  .l-banner p{ font-size: 15px; }
}

/* location */
.location{ background: #fbfbfb; padding:24px 0; border-bottom: 1px solid #eae8e8; }
.location .inner{ display: flex; align-items: center; justify-content: space-between; }
.location .crumbs, .location .crumbs a{ font-size: 14px; color: #999999; line-height: 1; display: inline-flex; align-items: center; transition: all .3s; }
.location .crumbs i{ color: var(--zhu-color); font-size: 16px; margin-right: 6px; line-height: 1; }
.location .crumbs a:hover{ transition: all .3s; color: var(--zhu-color); }
.location .r_nav{ display: inline-flex; align-items: center; }
.location .r_nav a{ display: inline-block; position: relative; margin:0 24px; }
.location .r_nav a::before{ content: ""; display: inline-block; width: 0; height: 6px; background: var(--zhu-color); border-radius: 3px; position: absolute; left:0; bottom:0; transition: all .3s; }
.location .r_nav a span{ font-size: 16px; color: #333333; line-height: 1; transition: all .3s; position: relative; z-index: 33; }
.location .r_nav a:hover span{ transition: all .3s; font-weight: bold; }
.location .r_nav a:hover::before{ transition: all .3s; width: 100%; }
@media(max-width:1400px){
  .location{ padding:20px 0; }
  .location .crumbs, .location .crumbs a{ font-size: 13px; }
  .location .crumbs i{ font-size: 15px; margin-right: 4px; }
  .location .r_nav a{ margin:0 20px; }
  .location .r_nav a::before{ height: 5px; border-radius: 3px; }
  .location .r_nav a span{ font-size: 14px; }
}
@media(max-width:1200px){
  .location{ padding:18px 0; }
  .location .crumbs, .location .crumbs a{ font-size: 12px; }
  .location .crumbs i{ font-size: 14px; margin-right: 4px; }
  .location .r_nav a{ margin:0 15px; }
  .location .r_nav a::before{ height: 4px; border-radius: 3px; }
  .location .r_nav a span{ font-size: 13px; }
}

/* main */
.main{ overflow: hidden; padding:40px 0; }
@media(max-width:1400px){
  .main{ padding:35px 0; }
}
@media(max-width:1200px){
  .main{ padding:30px 0; }
}

/* company */
.company{ position: relative; overflow: hidden; padding-bottom: 0; }
@media(max-width:1400px){
}
@media(max-width:1200px){
}

/* company_info */
#company_info{ overflow: hidden; }
#company_info .inner{ position: relative; z-index: 33; display: flex; align-items: flex-start; justify-content: space-between; }
#company_info > .inner::after{ content: "QINGFENG"; font-size: 200px; color: rgba(153, 153, 153, .07); font-family: Arial; font-weight: bold; writing-mode: vertical-lr; position: absolute; right: 0; top: 0; line-height: 1; }
#company_info .img, #company_info .txt{ width: calc(50% - 15px); }
#company_info .img{ position: relative; width: calc(50% - 30px); }
#company_info .img::before{ content: ""; display: block; width: 100%; height: 100%; background: var(--pei-color); position: absolute; top:0; left:0; }
#company_info .img img{ width: 100%; height: 410px; object-fit: cover; position: relative; left:15px; top:15px; }
#company_info .txt{ overflow: hidden; }
#company_info .txt > span{ display: block; font-size: 20px; color: #333333; line-height: 1; margin-top: 12px; }
#company_info .txt > b{ display: block; font-size: 30px; color: var(--pei-color); line-height: 1; margin: 24px 0; }
#company_info .txt > .info{ font-size: 16px; color: #666666; line-height: 2; overflow:hidden; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical; }
#company_info .txt > .more{ margin-top: 24px; }
.company_num{ overflow: hidden; margin:60px 0; background: #f9f9f9; padding:60px 0; position: relative; z-index: 34; }
.company_num ul{ display: flex; align-items: center; width: 100%; }
.company_num li{ width: 25%; box-sizing: border-box; padding:0 85px; position: relative; }
.company_num li + li::before{ content: ""; display: inline-block; width: 1px; height: 72px; background: url(../images/num_li.png) no-repeat center; position: absolute; left:0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.company_num li span{ font-size: 72px; color: #333333; line-height: 1; font-family: DINLIGHT; font-weight: bolder; }
.company_num li i{ display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; background: var(--zhu-color); border-radius: 50%; font-size: 14px; color: #ffffff; }
.company_num li p{ font-size: 18px; color: #666666; line-height: 1; margin-top: 18px; }
@media(max-width:1400px){
  #company_info > .inner::after{ font-size: 160px; }
  #company_info .img img{ height: 380px; }
  #company_info .txt > span{ font-size: 20px; margin-top: 12px; }
  #company_info .txt > b{ font-size: 28px; margin: 22px 0; }
  #company_info .txt > .info{ font-size: 16px; -webkit-line-clamp:7; }
  #company_info .txt > .more{ margin-top: 22px; }
  .company_num{ margin:40px 0;  padding:40px 0; }
  .company_num li{ padding:0 65px; }
  .company_num li span{ font-size: 60px; }
  .company_num li i{ width: 24px; height: 24px; font-size: 14px; }
  .company_num li p{ font-size: 16px; margin-top: 12px; }
}
@media(max-width:1200px){
  #company_info > .inner::after{ font-size: 120px; }
  #company_info .img img{ height: 356px; }
  #company_info .txt > span{ font-size: 18px; margin-top: 12px; }
  #company_info .txt > b{ font-size: 26px; margin: 20px 0; }
  #company_info .txt > .info{ font-size: 15px; -webkit-line-clamp:7; }
  #company_info .txt > .more{ margin-top: 20px; }
  .company_num{ margin:30px 0;  padding:30px 0; }
  .company_num li{ padding:0 65px; }
  .company_num li span{ font-size: 46px; }
  .company_num li i{ width: 20px; height: 20px; font-size: 14px; }
  .company_num li p{ font-size: 14px; margin-top: 12px; }
}

/* company_adv */
#company_adv{ overflow: hidden; position: relative; z-index: 33; background: #ffffff url(../images/company_adv_bg.jpg) no-repeat center bottom; padding:0 0 190px; }
#company_adv ul{ display: flex; align-items: flex-start; }
#company_adv li{ width: 33.333%; overflow: hidden; display: flex; flex-direction: column; }
#company_adv li > span{ font-size: 120px; color: #efefef; line-height: .7; font-family: DIN; text-transform: uppercase; }
#company_adv li > b{ font-size: 36px; color: #333333; line-height: 1; margin: 14px 0 5px; }
#company_adv li > small{ font-size: 14px; color: rgba(0, 0, 0, .23); line-height: 1; text-transform: uppercase; }
#company_adv li > i{ font-weight: bold; font-style: normal; font-size: 200px; color: var(--zhu-color); line-height: 1; text-shadow: 5px 14px 0 #dad9d9; }
#company_adv li .adv_box{ display: flex; flex-direction: column; background: #fff; width: 100%; height: 394px; box-sizing: border-box; padding:40px; }
#company_adv li .adv_box:first-child{ background: var(--pei-color); }
#company_adv li:nth-child(3) .adv_box{ background: #f6f5f5; }
#company_adv li .adv_box .icon{ display: flex; align-items: center; justify-content: space-between; }
#company_adv li .adv_box .icon span{ font-size: 42px; color: var(--zhu-color); line-height: 1; }
#company_adv li .adv_box p, #company_adv li .adv_box b{ margin: 30px 0; font-weight: bold; font-size: 20px; color: #333333; line-height: 1.8; text-transform: uppercase; }
#company_adv li .adv_box b{ margin:0; font-weight: normal; }
#company_adv li .adv_box small{ display: inline-block; margin: 15px 0; font-size: 16px; color: #333333; line-height: 1; }
#company_adv li:nth-child(2) .adv_box:nth-child(2) p{ width: 160px; margin:30px 0; font-weight: normal; }
#company_adv li:nth-child(2) .adv_box:nth-child(1) p, #company_adv li:nth-child(2) .adv_box:nth-child(1) b, #company_adv li:nth-child(2) .adv_box:nth-child(1) small, #company_adv li:nth-child(2) .adv_box:nth-child(1) span{ color: #fff; }
#company_adv li:nth-child(2) .adv_box:nth-child(1) img{ filter: grayscale(100%) brightness(200%); }
#company_adv li:nth-child(3) .adv_box p{ color: var(--zhu-color); }
@media(max-width:1400px){
  #company_adv{ padding:0 0 160px; background: #ffffff url(../images/company_adv_bg.jpg) no-repeat center 344px; }
  #company_adv li > span{ font-size: 100px; line-height: .7; }
  #company_adv li > b{ font-size: 34px; margin: 14px 0 5px; }
  #company_adv li > small{ font-size: 13px; }
  #company_adv li > i{ font-size: 180px; text-shadow: 5px 14px 0 #dad9d9; }
  #company_adv li .adv_box{ height: 345px; padding:30px; }
  #company_adv li .adv_box .icon span{ font-size: 42px; }
  #company_adv li .adv_box p, #company_adv li .adv_box b{ margin: 24px 0; line-height: 1.5; font-size: 18px; }
  #company_adv li .adv_box small{ margin: 12px 0; font-size: 15px; }
  #company_adv li:nth-child(2) .adv_box:nth-child(2) p{ width: 160px; margin:25px 0; }
}
@media(max-width:1200px){
  #company_adv{ padding:0 0 120px; background: #ffffff url(../images/company_adv_bg.jpg) no-repeat center 300px; }
  #company_adv li > span{ font-size: 80px; line-height: .7; }
  #company_adv li > b{ font-size: 32px; margin: 14px 0 5px; }
  #company_adv li > small{ font-size: 13px; }
  #company_adv li > i{ font-size: 160px; text-shadow: 5px 14px 0 #dad9d9; }
  #company_adv li .adv_box{ height: 300px; padding:25px; }
  #company_adv li .adv_box .icon span{ font-size: 32px; }
  #company_adv li .adv_box p, #company_adv li .adv_box b{ margin: 20px 0; line-height: 1.5; font-size: 16px; }
  #company_adv li .adv_box small{ margin: 10px 0; font-size: 14px; }
  #company_adv li:nth-child(2) .adv_box:nth-child(2) p{ margin:20px 0; }
}

/* company_case */
#company_case{ overflow: hidden; background: #ffffff url(../images/company_case_bg.jpg) no-repeat center bottom; padding:0 0 40px; }
#company_case .inner{ display: flex; flex-direction: column; }
#company_case .inner > b{ font-size: 36px; font-weight: normal; color: #033333; line-height: 1; display: block; margin:45px 0; }
#c_case{ width: 100%; overflow: hidden; }
#c_case a{ display: flex; flex-direction: column; width: 100%; background: #ffffff; }
#c_case a .img{ width: 100%; height: 250px; overflow: hidden; }
#c_case a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
#c_case a .txt{ box-sizing: border-box; padding:20px; transition: all .3s; }
#c_case a .txt b{ font-size: 18px; color: #033333; line-height: 1; display: block; margin:0 0 12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#c_case a .txt p{ text-indent: -2em; font-size: 15px; color: #666666; line-height: 1.8; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
#c_case a:hover img{ transition: all .3s; transform: scale(1.05); }
#c_case a:hover .txt{ transition: all .3s; background: var(--pei-color); }
#c_case a:hover .txt b, #c_case a:hover .txt p{ transition: all .3s; color: #fff; }
@media(max-width:1400px){
  #company_case{ padding:0 0 35px; }
  #company_case .inner > b{ font-size: 32px; margin:35px 0; }
  #c_case a .img{ height: 240px; }
  #c_case a .txt{ padding:18px; }
  #c_case a .txt b{ font-size: 18px; margin:0 0 12px; }
  #c_case a .txt p{ text-indent: -2em; font-size: 15px; line-height: 1.8; }
}
@media(max-width:1200px){
  #company_case{ padding:0 0 30px; }
  #company_case .inner > b{ font-size: 28px; margin:30px 0; }
  #c_case a .img{ height: 236px; }
  #c_case a .txt{ padding:16px; }
  #c_case a .txt b{ font-size: 17px; margin:0 0 12px; }
  #c_case a .txt p{ text-indent: -2em; font-size: 14px; line-height: 1.8; }
}

/*no-goods*/
.no-goods{ width: 100%;}
.no-goods,.no-network{ padding:100px 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; }
@media(max-width:1400px){
}
@media(max-width:1200px){
}

/* product */
.product{ overflow: hidden; background: #f9f9f9; padding-bottom: 10px; }
.product_tyes{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
.product_tyes li{ width: calc(50% - 15px); background: #fff; margin-bottom: 30px; transition: all .3s; }
.product_tyes li a{ position: relative; width: 100%; box-sizing: border-box; padding:50px; display: flex; align-items: center; justify-content: space-between; }
.product_tyes li a::after{ content: ""; display: block; width: 0; height: 4px; background: var(--zhu-color); position: absolute; left:0; bottom:0; }
.product_tyes li a .txt, .product_tyes li .img{ width: calc(50% - 15px); }
.product_tyes li a .txt{ display: flex; flex-direction: column; }
.product_tyes li a .txt b{ transition: all .3s; font-size: 24px; color: #333333; font-weight: bold; line-height: 1.5; }
.product_tyes li a .txt small{ display: inline-block; margin:12px 0; font-size: 14px; color: #1f1f1f; text-transform: uppercase; line-height: 1.2; transition: all .3s; }
.product_tyes li a .txt span{ font-size: 16px; color: #999999; display: inline-flex; align-items: center; transition: all .3s; }
.product_tyes li a .txt span i{ font-size: 14px; margin-left: 12px; color: #444444; line-height: 1; transition: all .3s; }
.product_tyes li a .img{ display: flex; align-items: center; justify-content: center; }
.product_tyes li a .img img{ max-width: 100%; transition: all .3s; }
.product_tyes li a:hover::after{ transition: all .3s; width: 100%; }
.product_tyes li a:hover .txt b, .product_tyes li:hover .txt small, .product_tyes li:hover .txt span, .product_tyes li:hover .txt span i{ transition: all .3s; color: var(--zhu-color); }
.product_tyes li a:hover .txt span i{ transform: rotate(45deg); }
.product_tyes li a:hover img{ transition: all .3s; transform: scale(1.05); }
@media(max-width:1400px){
  .product_tyes li{ width: calc(50% - 7.5px); margin-bottom: 15px; }
  .product_tyes li a .txt b{ font-size: 22px; }
  .product_tyes li a .txt small{ font-size: 13px; }
  .product_tyes li a .txt span{ font-size: 15px; }
  .product_tyes li a .txt span i{ font-size: 14px; margin-left: 12px; }
}
@media(max-width:1200px){
  .product_tyes li a .txt b{ font-size: 20px; }
  .product_tyes li a .txt small{ font-size: 12px; }
  .product_tyes li a .txt span{ font-size: 14px; }
  .product_tyes li a .txt span i{ font-size: 13px; margin-left: 12px; }
}
/* product_list */
.product_list{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
.product_list li{ width: calc(50% - 15px); background: #fff; margin-bottom: 30px; transition: all .3s; }
.product_list li a{ position: relative; width: 100%; box-sizing: border-box; padding:50px; display: flex; align-items: center; justify-content: space-between; }
.product_list li a::after{ content: ""; display: block; width: 0; height: 4px; background: var(--zhu-color); position: absolute; left:0; bottom:0; }
.product_list li a .txt, .product_list li .img{ width: calc(50% - 15px); }
.product_list li a .txt{ display: flex; flex-direction: column; }
.product_list li a .txt b{ transition: all .3s; font-size: 24px; color: #333333; font-weight: bold; line-height: 1.5; }
.product_list li a .txt p{ display: inline-block; margin:12px 0; font-size: 16px; color: #1f1f1f; text-transform: uppercase; line-height: 1.2; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition: all .3s; }
.product_list li a .txt span{ font-size: 16px; color: #999999; display: inline-flex; align-items: center; transition: all .3s; }
.product_list li a .txt span i{ font-size: 14px; margin-left: 12px; color: #444444; line-height: 1; transition: all .3s; }
.product_list li a .img{ display: flex; align-items: center; justify-content: center; }
.product_list li a .img img{ max-width: 100%; transition: all .3s; }
.product_list li a:hover::after{ transition: all .3s; width: 100%; }
.product_list li a:hover .txt b, .product_list li:hover .txt p, .product_list li:hover .txt span, .product_list li:hover .txt span i{ transition: all .3s; color: var(--zhu-color); }
.product_list li a:hover .txt span i{ transform: rotate(45deg); }
.product_list li a:hover img{ transition: all .3s; transform: scale(1.05); }
@media(max-width:1400px){
  .product_list li{ width: calc(50% - 7.5px); margin-bottom: 15px; }
  .product_list li a .txt b{ font-size: 22px; }
  .product_list li a .txt small{ font-size: 13px; }
  .product_list li a .txt span{ font-size: 15px; }
  .product_list li a .txt span i{ font-size: 14px; margin-left: 12px; }
  .product_list li a .txt p{ font-size: 15px; }
}
@media(max-width:1200px){
  .product_list li a .txt b{ font-size: 20px; }
  .product_list li a .txt small{ font-size: 12px; }
  .product_list li a .txt span{ font-size: 14px; }
  .product_list li a .txt span i{ font-size: 13px; margin-left: 12px; }
  .product_list li a .txt p{ font-size: 14px; }
}
/* product_focus */
.product_focus{ padding:142px 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; position: relative; }
#g_focus .swiper-button-next:hover, #g_focus .swiper-button-prev:hover{ color: var(--zhu-color); }
#g_focus .box{ box-sizing: border-box; padding:15px 30px 30px; background: #ffffff; border-radius: 30px; }
#g_focus .p_logo{ margin-bottom: 30px; }
#g_focus .img{ width: 100%; padding-bottom: 100%; position: relative; overflow: hidden; transition: all .3s; }
#g_focus .img img{ width: 100%; height: 100%; object-fit: contain; 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;  }
@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; }
}

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

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

/* goods_xgcp */
.goods_xgcp{ overflow: hidden; margin: 30px 0; }
.goods_xgcp > b{ line-height: 1; margin:0 0 30px; font-size: 36px; font-weight: bold; display: inline-flex; padding:0 52px; align-items: center; position: relative; }
.goods_xgcp > b::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_xgcp > b::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);}
#xgcp{ overflow: hidden; }
#xgcp a{ display: flex; flex-direction: column; transition: all .3s; }
#xgcp a .img{ width: 100%; height: 262px; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #fff; }
#xgcp a .img img{ max-width: 100%; object-fit: contain; transition: all .3s; transition: all .3s; }
#xgcp a .txt{ display: flex; align-items: center; justify-content: space-between; transition: all .3s; }
#xgcp a .txt b{ margin:20px 0; box-sizing: border-box; font-size: 16px; color: #333333; font-weight: bold; display: block; width: calc(100% - 100px); transition: all .3s; }
#xgcp a .txt span{ font-size: 14px; color: #666666; display: inline-flex; align-items: center; justify-content: center; transition: all .3s; }
#xgcp a .txt span i{ font-size: 14px; color: #333; line-height: 1; margin-left: 12px; transition: all .3s; }
#xgcp a:hover img{ transition: all .3s; transform: scale(1.05); }
#xgcp a:hover .txt b, #xgcp a:hover .txt span, #xgcp a:hover .txt span i{ transition: all .3s; color: #fff; } 
#xgcp a:hover .txt{ transition: all .3s; padding:0 15px; }
#xgcp a:hover .txt span i{ transition: all .3s; transform: rotate(45deg); }
#xgcp a:hover{ transition: all .3s; background: var(--pei-color); }
@media only screen and (max-width: 1600px){
  .goods_xgcp{ margin-top: 18px; }
}
@media only screen and (max-width: 1400px){
  .goods_xgcp{ margin-top: 16px; }
  #xgcp a .txt b{ margin:15px 0; font-size: 15px; font-weight: normal; }
}
@media only screen and (max-width:1200px){
  .goods_xgcp{ margin-top: 14px; }
  #xgcp a .txt b{ margin:10px 0; font-size: 14px; }
}

/* case_list */
.case_list{ overflow: hidden; display: flex; flex-wrap: wrap; }
.case_list li{ width: calc(33.33% - 20px); margin-right: 30px; margin-bottom: 30px; }
.case_list li:nth-child(3n+0){ margin-right: 0; }
.case_list a{ display: flex; flex-direction: column; transition: all .3s; }
.case_list a .img{ width: 100%; height: 262px; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #fff; }
.case_list a .img img{ max-width: 100%; object-fit: contain; transition: all .3s; transition: all .3s; }
.case_list a .txt{ display: flex; align-items: center; justify-content: space-between; transition: all .3s; }
.case_list a .txt b{ margin:20px 0; box-sizing: border-box; font-size: 16px; color: #333333; font-weight: bold; display: block; width: calc(100% - 100px); transition: all .3s; }
.case_list a .txt span{ font-size: 14px; color: #666666; display: inline-flex; align-items: center; justify-content: center; transition: all .3s; }
.case_list a .txt span i{ font-size: 14px; color: #333; line-height: 1; margin-left: 12px; transition: all .3s; }
.case_list a:hover img{ transition: all .3s; transform: scale(1.05); }
.case_list a:hover .txt b, .case_list a:hover .txt span, .case_list a:hover .txt span i{ transition: all .3s; color: #fff; } 
.case_list a:hover .txt{ transition: all .3s; padding:0 15px; }
.case_list a:hover .txt span i{ transition: all .3s; transform: rotate(45deg); }
.case_list a:hover{ transition: all .3s; background: var(--pei-color); }
@media(max-width:1400px){
  .case_list li{ width: calc(33.33% - 10px); margin-right: 15px; margin-bottom: 15px; }
  .case_list a .txt b{ margin:15px 0; font-size: 15px; font-weight: normal; }
}
@media(max-width:1200px){
  .case_list a .txt b{ margin:10px 0; font-size: 14px; }
}
/* article_info */
.article_info{padding:30px 0;}
.page_tit{ position: relative; padding-bottom: 20px; text-align: center;border-bottom: dashed 1px #ddd; }
.page_tit b{ display: inline-block; font-size: 24px; color: #333; margin-bottom: 30px; }
.page_tit small{ text-transform: uppercase; display: inline-block; color: rgba(51,51,51,.42); margin-left: 25px; font-size: 22px; }
.page_tit::before{ content: ""; display: inline-block; width: 60px; height: 3px; background: var(--zhu-color); position: absolute; left:50%; margin-left: -30px; bottom:65px; border:0; }
.page_tit .meta{ font-size: 14px; line-height: 1; color: #393939;display: flex;flex-direction: row;align-items: center;justify-content: center; margin-top: 15px}
.page_tit .meta span{ display: inline-block; margin-right: 8px; color: #393939; font-size: 20px; }
@media(max-width:1400px){
}
@media(max-width:1200px){
}
/* content */
.content{ font-size: 14px; padding:30px 15px; line-height: 1.8; }
@media(max-width:1400px){
}
@media(max-width:1200px){
}
/* prev_next */
.prev_next{ width:100%; padding:0 15px; }
.prev_next > div{ width:100%; padding:8px 0; border-bottom: dashed 1px #ddd; display: flex; flex-direction: row; align-items: center; }
.prev_next > div a{ font-size: 14px; color: #999; }
.prev_next > div a:hover{ color: var(--zhu-color); }
@media(max-width:1400px){
}
@media(max-width:1200px){
}
/*l-title*/
.l-title{padding:40px 0;text-align: center;}
.l-title span{padding:0 60px 20px;border-bottom: solid 2px #eeeeee;}
.l-title b{font-size: 32px;font-weight: 700;position: relative;padding-bottom: 18px;}
.l-title b:after{content:'';width:100px;height: 3px;background: var(--zhu-color);position: absolute;left:50%;transform: translate(-50%);bottom:0;}
@media(max-width:1400px){
}
@media(max-width:1200px){
}
/* contact_info */
.contact_info{ overflow: hidden; background: #f5f5f5; padding:60px 0 0; }
.contact_info .row > div{ background: #ffffff; box-sizing: border-box; padding:42px; }
.contact_info .row > div + div{ background: #e7ebec; }
.contact_info b{ font-size: 26px; color: var(--zhu-color); font-weight: bold; display: block; line-height: 1; margin-bottom: 24px; }
.contact_info .bg{ height: 560px; margin-top: -360px; background: url(../images/contact_info_bg.jpg) no-repeat top center; background-attachment:fixed; }
.contact_txt > .txt{ overflow: hidden; margin-bottom: 32px; }
.contact_txt > .txt p{ padding: 10px 0; display: flex; align-items: center; justify-content: flex-start; }
.contact_txt > .txt p span{ font-size: 20px; line-height: 1; color: #666666; margin-right: 14px; }
.contact_txt > .txt p small{ display: inline-block; font-size: 16px; line-height: 1; color: #333333; }
.contact_ewm{ overflow: hidden; }
.contact_ewm > div{ max-width: 136px; float: left; }
.contact_ewm > div img{ max-width: 100%; }
.contact_ewm > div p{ font-size: 14px; color: #333333; line-height: 1; margin:12px 0 0; padding:0; text-align: center; justify-content: center; }
.contact_ewm > div + div{ margin-left: 50px; }
@media(max-width:1400px){
  .contact_info{ padding:40px 0 0; }
}
@media(max-width:1200px){
  .contact_info{ padding:30px 0 0; }
}
/* contact_msg */
.contact_msg{ overflow: hidden; }
.contact_msg .contact_input{ overflow: hidden; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.contact_msg .contact_input input{ width: calc(50% - 17px); height: 51px; box-sizing: border-box; padding:0 25px; border-radius: 5px; background: #ffffff; font-size: 16px; color: #999999; }
.contact_msg textarea{ margin-bottom: 26px; width: 100%; height: 128px; box-sizing: border-box; border-radius: 5px; background: #ffffff; font-size: 16px; color: #999999; padding:20px; line-height: 1.5; }
.contact_msg .contact_code{ display: flex; align-items: center; justify-content: space-between; }
.contact_msg .contact_code img{ width: 160px; height: 51px; object-fit: cover; }
.contact_msg .contact_code input{ width: 246px; height: 51px; box-sizing: border-box; padding:0 25px; border-radius: 5px; background: #ffffff; font-size: 16px; color: #999999; }
.contact_msg .contact_code .submit{ padding:18px 100px; background: var(--zhu-color); border-radius: 5px; line-height: 1; font-size: 16px; color: #ffffff; }
@media(max-width:1400px){
  .contact_msg .contact_code .submit{ padding:18px 60px; }
}
@media(max-width:1200px){
  .contact_info .row > div{ padding:30px; }
  .contact_msg .contact_code{ flex-wrap: wrap; }
  .contact_msg .contact_code .submit{ width:100%; margin-top: 26px; text-align: center; }
  .contact_txt > .txt p{ align-items: flex-start; }
  .contact_txt > .txt p small{ line-height: 1.5; }
}

/* contact_map */
#dituContent{ width: 100%; margin:0 auto; height: 640px; border:1px solid #cccccc; }
@media(max-width:1400px){
}
@media(max-width:1200px){
}
/*qynews*/
#qynews{ width: 100%; margin:30px 0 0; overflow: hidden; }
#qynews a{ display: block; overflow: hidden; border:1px solid #e7e7e7; box-sizing: border-box; transition: all .5s;border-radius: 5px }
#qynews a .pic{ width:100%;padding-bottom: 75%;overflow: hidden;position: relative; transition: all .5s; }
#qynews a .pic img{ width: 100%; height: 100%; object-fit: cover; position: absolute;transition: all .5s; }
#qynews a .txt{ width: 100%; padding:25px; overflow: hidden; height: 120px; transition: all .5s; box-sizing: border-box; }
#qynews a .txt .t1{ font-weight: normal; display: block; width: 100%; color: #010101; font-size: 18px; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  transition: all .5s;}
#qynews a .txt .t2{ font-size: 14px; color: #909090; transition: all .5s; }
#qynews a .txt .t3{  line-height: 30px; color: #434343; font-size: 14px; margin-top: 15px; opacity: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.5;transition: all .5s; }
#qynews a:hover img{ transform: scale(1.05); }
#qynews a:hover .pic{  margin-top: -80px; }
#qynews a:hover .txt{background: var(--zhu-color); height: 200px; }
#qynews a:hover .txt .t1, #qynews a:hover .txt .t2, #qynews a:hover .txt .t3{ color: #fff; opacity: 1; }
@media(max-width:1400px){
}
@media(max-width:1200px){
}

/* hynews */
.hynews{ overflow: hidden; margin:20px 0; padding:40px 0; background: #F6F6F6; }
.hynews .news_img{ display: block; width: 100%; overflow: hidden;  }
.hynews .news_img .img{ width: 100%; height: 240px; overflow: hidden; background: #e4e4ec; }
.hynews .news_img .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .5s; }
.hynews .news_img .txt{ overflow: hidden; padding:20px 0; }
.hynews .news_img .txt b{ margin-bottom: 20px; display: block; width: 100%; font-size: 20px; color: #535353;font-weight: normal; transition: all .5s; }
.hynews .news_img .txt>div{display: flex;flex-direction: row;}
.hynews .news_img .txt span{ display: inline-block; text-align: left; float: left; padding-right: 20px; margin-right: 20px; border-right: 1px solid #e8e8e8; position: relative; }
.hynews .news_img .txt span::after{ content: ""; display: inline-block; width: 1px; height: 0; position: absolute; right: 0; top:0; background:var(--zhu-color);transition: all .5s }
.hynews .news_img .txt span small{ font-size: 22px; color: #444; display: block; }
.hynews .news_img .txt span i{ font-size: 16px; color: #999; display: block; }
.hynews .news_img .txt p{ width:calc(100% - 95px); color: #979797; font-size: 14px; line-height: 26px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.hynews .news_img:hover img{ transform: scale(1.1) rotate(-2deg); }
.hynews .news_img:hover b{ color: var(--zhu-color); font-weight: bold; padding-left: 10px; }
.hynews .news_img:hover span, .hynews .news_img:hover span i, .hynews .news_img:hover p{ transition: all .5s; color: #333; }
.hynews .news_img:hover span::after{ transition: all .5s; height: 100%; }
.hynews .list{ display: block; overflow: hidden; border-bottom:1px solid #eaeaea; }
.hynews .list a{ display: flex; padding:32px 0; overflow: hidden; border-top:1px solid #eaeaea;flex-direction: row; }
.hynews .list a span{ display: inline-block; text-align: left; padding-right: 20px; margin-right: 20px; border-right: 1px solid #e8e8e8; position: relative;transition: all .5s; }
.hynews .list a span::after{ content: ""; display: inline-block; width: 1px; height: 0; position: absolute; right: 0; top:0; background: var(--zhu-color);transition: all .5s }
.hynews .list a span small{ font-size: 22px; color: #444; display: block; text-align: left;  transition: all .5s;}
.hynews .list a span i{ font-size: 16px; color: #999; display: block; text-align: left; transition: all .5s; }
.hynews .list a .txt{ width: calc(100% - 95px); overflow: hidden; }
.hynews .list a .txt b{ margin-bottom: 7px; display: block; width: 100%; font-size: 20px; color: #535353; font-weight: normal;transition: all .5s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hynews .list a .txt p{ text-indent: -2em; color: #979797; font-size: 14px; line-height: 26px; transition: all .5s; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.hynews .list a:hover b{  color: var(--zhu-color); font-weight: bold; padding-left: 10px; }
.hynews .list a:hover p{  color: #333; padding-left: 10px; }
.hynews .list a:hover small, .hynews .list a:hover i{   color: var(--zhu-color); }
.hynews .list a:hover span::after{  height: 100%; }
@media(max-width:1400px){
}
@media(max-width:1200px){
}
/* newslist */
.newslist{ overflow: hidden; width: 100%;padding:30px 0; }
.newslist li + li a{ border-top:1px solid #e9e9e8; }
.newslist a{ display: flex; padding:20px 0; width: 100%; flex-direction: row;justify-content: space-between;}
.newslist a .imgbox{ width: 270px; }
.newslist a .img{width:100%;padding-bottom: 65%; overflow: hidden; position: relative; background: #f1f1f1; }
.newslist a .img img{ width: 100%; height: 100%; object-fit: cover;position: absolute; transition: all .5s; }
.newslist a .img span{ position: absolute; left: 0; top:0; display: flex; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); color: #fff; font-size: 32px; align-items: center; justify-content: center; opacity: 0; }
.newslist a .txt{ overflow: hidden; width:calc(100% - 290px); }
.newslist a .txt b{ display: block; font-size: 18px; color: #1E1E1E; font-weight: normal; margin:12px 0 24px; transition: all .5s;  }
.newslist a .txt p{ font-size: 14px; color: #777; line-height: 24px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.newslist a .txt small{ margin-top: 15px; display: inline-block; padding-left: 30px; font-size: 14px; color: #393939; position: relative; transition: all .5s; }
.newslist a .txt small::before{ content: ""; display: inline-block; width: 20px; height: 3px; background: var(--zhu-color); position:absolute; left: 0; top:9px; transition: all .5s; }
.newslist a:hover b{ color: var(--zhu-color); font-weight: bold; }
.newslist a:hover .img span{ opacity: 1; }
.newslist a:hover img{ transform: scale(1.05) rotate(-5deg); }
.newslist a:hover small{ padding-left: 60px; }
.newslist a:hover small::before{ width: 50px;  }
@media(max-width:1400px){
}
@media(max-width:1200px){
}