@charset "utf-8";
/* 
 * Project Name:统艺仿石漆
 * Author:ZP
 * Date：2020
 */


html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
body { font: 14px/1.8 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial; margin: 0 auto; color: #666; background-color: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;margin:0 auto!important;}
img { border: 0; }
input, textarea, select, option { background: none; outline: 0; font-family: "微软雅黑"; padding: 0; margin: 0; }
input { outline: none; font-family: "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none;}
::-moz-selection { background: #26287a; color: #fff; text-shadow: none; }
::selection { background: #26287a; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner{ margin:0 auto; width:1200px}
/* ========== HEADER ========== */
.site-hd{ position:fixed; z-index:1000; width:100%; left:0; top:0; height:80px; background-color: #fff; border-bottom:2px solid #6C3419; transition:background .3s,box-shadow .3s}
.site-hd.scrolled{ background:#fff; box-shadow:0 2px 20px rgba(0,0,0,.08)}
.hd-inner{ display:flex; align-items:center; justify-content:space-between; height:100%; max-width:1640px; margin:0 auto; padding:0 40px}
.hd-logo{ flex-shrink:0}
.hd-logo a{ display:block; height:60px}
.hd-logo img{ height:100%; display:block}
.hd-logo .logo-white{ display:block}
.hd-logo .logo-dark{ display:none}
.site-hd.scrolled .hd-logo .logo-white{ display:none}
.site-hd.scrolled .hd-logo .logo-dark{ display:block}
.hd-nav{ flex:1; display:flex; justify-content:center}
.hd-nav-list{ display:flex; align-items:center; list-style:none; margin:0; padding:0}
.hd-nav-item{ position:relative; margin:0 2px}
.hd-nav-link{ display:flex; align-items:center; gap:4px; padding:10px 16px; color:#6C3419; font-size:17px; font-weight:bold; white-space:nowrap; transition:color .3s; cursor:pointer}
.site-hd.scrolled .hd-nav-link{ color:#6C3419}
.hd-nav-link:hover,.hd-nav-item:hover>.hd-nav-link{ color:#26287a}
.hd-nav-link .hd-arrow{ transform:rotate(90deg); transition:transform .3s; flex-shrink:0}
.hd-dropdown{ position:absolute; top:100%; left:50%; transform:translateX(-50%); width:100vw; max-width:1400px; background:#f2f3f1; opacity:0; visibility:hidden; transition:opacity .3s,visibility .3s; box-shadow:0 10px 30px rgba(0,0,0,.1); z-index:10}
.hd-nav-item:hover>.hd-dropdown{ opacity:1; visibility:visible}
.hd-drop-inner{ display:flex; padding:40px 60px; gap:60px}
.hd-drop-left{ flex:1}
.hd-drop-title{ font-size:24px; font-weight:bold; color:#26287a; margin-bottom:20px; padding-bottom:15px; border-bottom:2px solid #26287a}
.hd-drop-sub{ display:flex; flex-wrap:wrap; gap:0; list-style:none; margin:0; padding:0}
.hd-drop-sub li{ width:33.33%; margin-bottom:8px}
.hd-drop-sub a{ display:block; padding:8px 12px; color:#555; font-size:15px; transition:all .3s; border-radius:4px}
.hd-drop-sub a:hover{ color:#26287a; background:#fff}
.hd-drop-right{ width:260px; flex-shrink:0; border-left:1px solid #ddd; padding-left:40px}
.hd-drop-service h4{ font-size:18px; color:#26287a; margin-bottom:18px}
.hd-drop-links{ margin-bottom:20px}
.hd-drop-links a{ display:inline-block; margin-right:16px; color:#666; font-size:14px; transition:color .3s}
.hd-drop-links a:hover{ color:#26287a}
.hd-drop-tel span{ display:block; color:#999; font-size:13px; margin-bottom:4px}
.hd-drop-tel strong{ display:block; color:#26287a; font-size:22px}
.hd-actions{ display:flex; align-items:center; gap:6px; flex-shrink:0}
.hd-search-btn{ display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%; transition:background .3s}
.hd-search-btn svg{ fill:#6C3419; transition:fill .3s}
.site-hd.scrolled .hd-search-btn svg{ fill:#6C3419}
.hd-search-btn:hover{ background:rgba(255,255,255,.15)}
.hd-tel{ display:flex; align-items:center; gap:6px; padding:8px 16px; color:#6C3419; font-size:16px; font-weight:bold; transition:color .3s; white-space:nowrap}
.hd-tel svg{ fill:#6C3419; flex-shrink:0; transition:fill .3s}
.site-hd.scrolled .hd-tel,.site-hd.scrolled .hd-tel svg{ color:#6C3419; fill:#6C3419}
.hd-tel:hover{ color:#26287a}
.hd-menu-toggle{ display:none; flex-direction:column; justify-content:center; align-items:center; width:44px; height:44px; background:none; border:none; cursor:pointer; padding:0; gap:6px; position:relative; z-index:1002}
.hd-menu-toggle span{ display:block; width:24px; height:2px; background:#6C3419; border-radius:2px; transition:all .3s; transform-origin:center}
.site-hd.scrolled .hd-menu-toggle span{ background:#6C3419}
.hd-menu-toggle.active span:nth-child(1){ transform:rotate(45deg) translate(6px,6px)}
.hd-menu-toggle.active span:nth-child(2){ opacity:0}
.hd-menu-toggle.active span:nth-child(3){ transform:rotate(-45deg) translate(6px,-6px)}
.hd-menu-toggle.active span{ background:#6C3419}

/* Search Overlay */
.search-overlay{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.95); z-index:2000; display:none; opacity:0; transition:opacity .3s}
.search-overlay.show{ display:block; opacity:1}
.search-close{ position:absolute; right:40px; top:40px; width:30px; height:30px; cursor:pointer; transition:transform .3s}
.search-close:before,.search-close:after{ content:''; position:absolute; left:50%; top:0; width:2px; height:100%; background:#fff; border-radius:1px}
.search-close:before{ transform:rotate(45deg)}
.search-close:after{ transform:rotate(-45deg)}
.search-close:hover{ transform:rotate(90deg)}
.search-form-box{ position:absolute; left:5%; width:90%; top:50%; transform:translateY(-50%); border-bottom:1px solid #515151; height:100px}
.search-form-inner{ padding:0 100px 0 10px; position:relative; height:100%}
.search-input{ width:100%; border:0; padding:0; margin:0; display:block; height:100%; line-height:100px; font-size:40px; color:#fff; background:transparent; text-align:center}
.search-submit{ position:absolute; right:0; top:0; width:80px; height:100%; border:0; background:#26287a; cursor:pointer; display:flex; align-items:center; justify-content:center; border-radius:0}
.search-submit:after{ content:'搜索'; color:#fff; font-size:16px}
.search-submit:hover{ background:#b3000c}

/* Mobile Nav */
@media (max-width: 1024px){ 
  .mobile-nav-panel{
  padding:80px 20px 30px; 
  }
  .hm-anchor-nav {
  top: 60px !important;
}
}
.mobile-nav-overlay{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:998; opacity:0; visibility:hidden; transition:opacity .4s,visibility .4s}
.mobile-nav-overlay.show{ opacity:1; visibility:visible}
.mobile-nav-panel{ position:fixed; right:-320px; top:0; width:300px; height:100%; background:#fff; z-index:999; overflow-y:auto; transition:right .4s cubic-bezier(.19,1,.22,1); box-shadow:-5px 0 20px rgba(0,0,0,.1)}
.mobile-nav-panel.show{ right:0}
.mobile-nav-list{ list-style:none; margin:0; padding:0}
.mobile-nav-item{ border-bottom:1px solid #eee}
.mobile-nav-link-wrap{ display:flex; align-items:center; justify-content:space-between; position:relative}
.mobile-nav-link{ display:block; padding:14px 0; color:#6C3419; font-size:16px; flex:1; transition:color .3s}
.mobile-nav-link:hover{ color:#26287a}
.mobile-nav-toggle{ width:40px; height:40px; cursor:pointer; position:relative; flex-shrink:0}
.mobile-nav-toggle:before,.mobile-nav-toggle:after{ content:''; position:absolute; background:#999; transition:transform .3s}
.mobile-nav-toggle:before{ left:14px; top:19px; width:12px; height:2px}
.mobile-nav-toggle:after{ left:19px; top:14px; width:2px; height:12px}
.mobile-nav-item.open>.mobile-nav-link-wrap .mobile-nav-toggle:after{ transform:rotate(90deg); opacity:0}
.mobile-subnav{ display:none; list-style:none; margin:0; padding:0 0 10px 16px}
.mobile-nav-item.open>.mobile-subnav{ display:block}
.mobile-subnav a{ display:block; padding:10px 0; color:#666; font-size:14px; transition:color .3s}
.mobile-subnav a:hover{ color:#26287a}
.mobile-nav-info{ margin-top:24px; padding-top:20px; border-top:1px solid #eee}
.mobile-nav-tel{ display:flex; align-items:center; gap:10px; color:#26287a; font-size:18px; font-weight:bold}
.mobile-nav-tel i{ width:36px; height:36px; background:#eee; border-radius:50%; position:relative}
.mobile-nav-tel i:after{ content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:30px; height:30px; background: url(../images/phone-icon.svg) no-repeat center; background-size:contain; filter:brightness(10)}
.ovh{ overflow:hidden}
.black-20{ background: none rgba(0,0,0,.2)}
.black-30{ background: none rgba(0,0,0,.3)}
.black-40{ background: none rgba(0,0,0,.4)}
.black-50{ background: none rgba(0,0,0,.5)}
.black-60{ background: none rgba(0,0,0,.6)}
.white-86{ background: none rgba(255,255,255,.86)}
.cs-50{ background: rgba(160,115,62,.5); position:absolute; left:0; top:0; width:100%; height:100%; display:block}
/* ========== FOOTER ========== */
.hm-footer{background:#222;color:#bbb;padding:50px 0 0}
.hm-foot-grid{display:flex;gap:40px;flex-wrap:wrap}
.hm-foot-info{flex:1.5;min-width:240px}
.hm-foot-info h4{font-size:18px;color:#fff;margin-bottom:16px}
.hm-foot-info p{font-size:13px;line-height:2;color:#999}
.hm-foot-info a{color:#999;transition:color .3s}
.hm-foot-info a:hover{color:#6C3419}
.hm-foot-nav{flex:3;display:flex;gap:20px;flex-wrap:wrap}
.hm-foot-col{flex:1;min-width:120px}
.hm-foot-col dt{margin-bottom:12px}
.hm-foot-col dt a{font-size:15px;color:#fff;transition:color .3s}
.hm-foot-col dt a:hover{color:#6C3419}
.hm-foot-col dd a{display:block;font-size:13px;color:#999;padding:4px 0;transition:color .3s}
.hm-foot-col dd a:hover{color:#6C3419}
.hm-foot-qr{flex-shrink:0;text-align:center}
.hm-foot-qr img{width:120px;display:block;border-radius:4px}
.hm-foot-qr span{display:block;font-size:12px;color:#999;margin-top:8px}
.hm-foot-bottom{margin-top:40px;padding:20px 0;border-top:1px solid #333;text-align:center}
.hm-foot-bottom p{font-size:13px;color:#666}
.hm-foot-bottom a{color:#666}
@media(max-width:1024px){.hm-foot-grid{flex-direction:column;gap:30px}}
@media(max-width:640px){.hm-footer{padding:40px 0 0}.hm-foot-nav{flex-direction:column;gap:10px}.hm-foot-col dt{margin-bottom:4px}.hm-foot-col dd{display:none}.hm-foot-qr{margin:0 auto}}
.link-select-box a:link, .link-select-box a:visited { color: #fff;}
.link-select-box a:active,.link-select-box a:hover { color: #fff;}  
.link-select-box { background-color: #26287a; font-family: arial, helvetica, sans-serif; width: 258px; height: 46px; position: relative; line-height: 46px; transition: 300ms; -webkit-transition: 300ms; color: #fff;  float: right; margin-top: 124px; }
.link-select-box .mt { padding: 0 58px 0 15px; position: relative; cursor: pointer; line-height: 46px; }
.link-select-box .mt .aw { width: 46px; position: absolute; top: 0; bottom: 0; right: 0px; background: url(../img/link_select_ico.png) no-repeat scroll center center; height: 100%; transition: 300ms; -webkit-transition: 300ms; }
.link-select-box .mc { padding-bottom: 3px; position: absolute; left: 0px; right: 0px; bottom: 46px; display: none; }
.link-select-box:hover{ background-color: #26287a;}
.link-select-box ul { background-color: #ac8d68; padding: 8px 0; overflow: hidden; }
.link-select-box a { display: block; padding: 5px 15px; line-height: 1.4; font-size: 12px;}
.link-select-box a:hover { background-color: #d0b493; }
.link-select-box.act .mt .aw { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
.pinner{ width: 80%; max-width: 1520px; margin: 0px auto;}

/* Slider */
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 800px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 31px; height: 31px; cursor: pointer; position: absolute; top: 0px; right: -42px; }
.vwrap .close i { display: block; width: 31px; height: 31px; background: url(../img/close_i1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background:  none no-repeat!important;}
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url(../img/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
}
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {-webkit-box-sizing: border-box;box-sizing: border-box; }
  .pswp img { max-width: none; }

.pswp--animate_opacity { opacity: 0.001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--open { display: block; }
.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }
.pswp--zoomed-in .pswp__img {cursor: -webkit-grab; cursor: -moz-grab;cursor: grab; }
.pswp--dragging .pswp__img {cursor: -webkit-grabbing; cursor: -moz-grabbing;cursor: grabbing; }
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background:url(../img/black_90.png) repeat;
  background:none rgba(0,0,0,0.9);
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none;transition: none; }

.pswp__container,.pswp__zoom-wrap { -webkit-backface-visibility: hidden; }

.pswp__item {position: absolute;left: 0;right: 0; top: 0; bottom: 0;overflow: hidden; }
.pswp__img {position: absolute;width: auto;height: auto; top: 0; left: 0; }
.pswp__img--placeholder { -webkit-backface-visibility: hidden; }
.pswp__img--placeholder--blank {background: #222; }
.pswp--ie .pswp__img { width: 100% !important; height: auto !important;left: 0; top: 0; }
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }
.pswp__error-msg a {color: #CCC;text-decoration: underline; }
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none; }
.pswp__button:focus,.pswp__button:hover { opacity: 1; }
.pswp__button:active { outline: none;opacity: 0.9; }
.pswp__button::-moz-focus-inner { padding: 0;  border: 0; }

.pswp__ui--over-close .pswp__button--close { opacity: 1; }
.pswp__button{
  background: url(../img/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }
@media(max-width:641px){
  .siteMap-list a.sm-item{color: #fff !important;}
}
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  .pswp--svg .pswp__button {background-image: url(../img/default-skin.png); }
  .pswp--svg .pswp__button--arrow--left{background: url(../img/fz_ici11.png) no-repeat scroll center center;}
  .pswp--svg .pswp__button--arrow--right{ background: url(../img/fz_ici121.png) no-repeat scroll center center;}
  .pswp--svg .pswp__button--close{ color: #fff;}
 }
.pswp__button--close { background-position: 0 -44px;}
.pswp__button--share {background-position: -44px -44px; }
.pswp__button--fs { display: none; }
.pswp--supports-fs .pswp__button--fs { display: block; }
.pswp--fs .pswp__button--fs {background-position: -44px 0; }
.pswp__button--zoom {display: none;background-position: -88px 0; }
.pswp--zoom-allowed .pswp__button--zoom { display: block; }
.pswp--zoomed-in .pswp__button--zoom {background-position: -132px 0; }
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {visibility: hidden; }
.pswp__button--arrow--left,
.pswp__button--arrow--right { top: 50%; background: url(../img/img_l1.png) no-repeat scroll center center #FFF; margin-top: -23px;width: 44px;height: 44px; position: absolute; border: 1px solid #FFF; border-radius: 5px;}
.pswp__button--arrow--left {left: 2%; }
.pswp__button--arrow--right { right: 2%; background-image: url(../img/img_r1.png);}
.pswp__button--arrow--left:hover,.pswp__button--arrow--right:hover{ border-color: #26287a; background-color: #26287a;}
.pswp__counter,.pswp__share-modal { -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none; }
.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }
.pswp__share-modal--hidden {display: none; }
.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
.pswp__share-tooltip a { display: block;  padding: 8px 12px; color: #000;text-decoration: none;font-size: 14px; line-height: 18px; }
.pswp__share-tooltip a:hover { text-decoration: none; color: #000; }
.pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0; }
.pswp__share-tooltip a:last-child {border-radius: 0 0 2px 2px; }
.pswp__share-modal--fade-in { opacity: 1; }
.pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.pswp--touch .pswp__share-tooltip a {padding: 16px 12px; }
a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }
a.pswp__share--facebook:hover {background: #3E5C9A; color: #FFF; }
a.pswp__share--facebook:hover:before {border-bottom-color: #3E5C9A; }
a.pswp__share--twitter:hover {background: #55ACEE;color: #FFF; }
a.pswp__share--pinterest:hover { background: #CCC; color: #CE272D; }
a.pswp__share--download:hover {background: #DDD; }
.pswp__counter { float: left; height: 44px;  font-size: 13px;line-height: 44px;color: #FFF; opacity: 0.75;padding: 0 10px; }
.pswp__caption {position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px; }
.pswp__caption__center {text-align: center; max-width: 600px; font-size: 15px; margin: 0 auto; padding: 20px 10px; color: #fff; }
.pswp__caption__center .xzy-zan{ float: right; display: block;}
.pswp__caption--empty {display: none; }
.pswp__caption--fake{ visibility: hidden;}
.pswp__preloader {width: 44px;height: 44px;position: absolute; top: 0;left: 50%; margin-left: -22px;opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; will-change: opacity;direction: ltr; }
.pswp__preloader__icn {width: 20px; height: 20px;margin: 12px; }
.pswp__preloader--active {opacity: 1; }
.pswp__preloader--active .pswp__preloader__icn {background: url(preloader.gif) 0 0 no-repeat; }
.pswp--css_animation .pswp__preloader--active { opacity: 1; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise 500ms linear infinite; animation: clockwise 500ms linear infinite; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
.pswp--css_animation .pswp__preloader__icn {background: none;opacity: 0.75; width: 14px;height: 14px;position: absolute;left: 15px;top: 15px;margin: 0; }
.pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px;overflow: hidden; }
.pswp--css_animation .pswp__preloader__donut {-webkit-box-sizing: border-box;box-sizing: border-box;width: 14px;height: 14px;border: 2px solid #FFF;border-radius: 50%;border-left-color: transparent;border-bottom-color: transparent;position: absolute;top: 0;left: 0;background: none;margin: 0; }
@media screen and (max-width: 1024px) {
  .pswp__preloader {position: relative;left: auto; top: auto;  margin: 0;float: right; } 
}
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes donut-rotate {
  0% {-webkit-transform: rotate(0);transform: rotate(0); }
  50% { -webkit-transform: rotate(-140deg);transform: rotate(-140deg); }
  100% { -webkit-transform: rotate(0);transform: rotate(0); }
}
.pswp__ui {-webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; }
.pswp__top-bar {position: absolute;left: 0; top: 0; height: 44px;width: 100%; }
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {visibility: visible; }
.pswp__top-bar,
.pswp__caption {background-color: rgba(0, 0, 0, 0.5); }
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption { background-color: rgba(0, 0, 0, 0.3); }
.pswp__ui--idle .pswp__top-bar { opacity: 1; }
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {opacity: 0; }
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {opacity: 0.001; }
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {display: none; }
.pswp__element--disabled {display: none !important; }
.pswp--minimal--dark .pswp__top-bar {background: none; }
#gallery2 .pswp__caption__center{ text-align: center; font-size: 18px;}
/*main style end*/
/*index style*/
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.transXT50 { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT50 { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT50{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT50 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.dly_9 { transition-delay: 900ms; -webkit-transition-delay: 900ms; }
.dly_10 { transition-delay: 1000ms; -webkit-transition-delay: 1000ms; }
.dly_11 { transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }
.banner a:link, .banner a:visited { color: #fff;}
.banner a:active,.banner a:hover { color: #b07d41;}  
.banner { position: relative; overflow: hidden; }
.banner .item .pimg { position: absolute; right: 0px; top: 0px; width: 100%; display: block; }
.binbox{ position: absolute; left: 7%; bottom: 72px; color: #fff; border-left: 1px solid #fff; border-left: 1px solid rgba(255,255,255,0.5); padding-left: 50px;}
.binbox .t{ color: #fff; font-size: 40px; line-height: 1.1; margin-bottom: 10px; overflow: hidden; font-family: "微软正黑体","Microsoft JhengHei"; font-weight: bold;}
.binbox .en{ line-height: 1.4; font-size: 18px; font-family: "pf_din_text_comp_proregular";}
.binbox .con{ height: 160px; overflow: hidden;}
.binbox .moreBox{ font-family: "pf_din_text_comp_proregular";}
.banner .bot{ position: absolute; left: 0px; bottom: 0px; background-color: #26287a; height: 6px; overflow: hidden;}
.banner .slick-arrow{ background:url(../img/black_50.png) repeat; background:none rgba(0,0,0,0.5); width:60px; height: 52px; z-index: 105;  bottom: 50%;}
.banner .slick-arrow i{ width: 100%; height: 100%; display: block; transition: 300ms; -webkit-transition: 300ms;}
.banner .slick-prev{ left: 7%; }
.banner .slick-next{ right: 7%; margin-left: 74px;}
.banner .slick-prev i{ background: url(../img/i_banner_l.png) no-repeat scroll center center;}
.banner .slick-next i{ background: url(../img/i_banner_r.png) no-repeat scroll center center;}
.banner .slick-prev:hover,.banner .slick-next:hover{ background:url(../img/cs_80.png) repeat; background:none rgba(215,0,15,0.8);}
.banner .slick-prev:hover i{ transform: translateX(-5px); -webkit-transform: translateX(-5px);}
.banner .slick-next:hover i{ transform: translateX(5px); -webkit-transform: translateX(5px);}
.banner-yy{ 
  /* background: url(../img/bg_yy.png) repeat-x scroll left bottom;  */
  display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0;}
.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.banner .slick-active .binbox{  visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1;}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
.banner .slick-active .bot { -moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear; }
@-moz-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
@-webkit-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
.banner .slick-dots{ right: 2.5%; bottom: 50%; width: 10px; margin-bottom: -92px; z-index: 105; }
.banner .slick-dots li{ position: relative; display: block; width: 21px; padding: 20px 0px; margin: 0px; cursor: pointer;}
.banner .slick-dots li:before{ content: ""; background-color: #fff; width: 1px; height: 100%; position: absolute; left: 50%; top: 0;}
.banner .slick-dots li:first-child:before{ top: 50%; height: 50%;}
.banner .slick-dots li:last-child:before{ height: 50%;}
.banner .slick-dots li a{ height: 21px; width: 21px; line-height: 21px; display: block; overflow: hidden; margin: 0px auto; padding: 0px; cursor: pointer;  border-radius: 50%; background: url(../img/banner_y1.png) no-repeat scroll center center;}
.banner .slick-dots li a span{ width: 100%; height: 100%; display: block; border-radius: 50%; background: url(../img/banner_y2.png) no-repeat scroll center center;  visibility: hidden; opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); transition: 300ms; -webkit-transition: 300ms;}
.banner .slick-dots li a:focus{ outline: none; }
.banner .slick-dots li.slick-active a span{ opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); }
.mouseIco{ border: 2px solid #fff; width: 21px; height: 30px; display: block; margin: 0px auto; border-radius: 6px; position: absolute; left: 50%; margin-left: -17px; bottom: 67px; z-index:900;}
.mouseIco i{ width: 3px; height: 7px; border-radius: 1px; display: block; background-color: #fff; position: absolute; left: 50%; margin-left: -1px; top: 5px; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
.moreBtn{ text-align: center; font-family: "pf_din_text_comp_proregular"; background: url(../img/more_bg.png) no-repeat scroll center bottom; display: block; width: 110px; padding-bottom: 2px; position: relative;}
.moreBtn:before { content: ""; width: 100%; height: 100%; background: url(../img/more_bg2.png) no-repeat scroll left bottom; position: absolute; left: 0; bottom: 0px; /*transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1);  transition: transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility:hidden\9;*/ width: 0; transition: 0.3s; -webkit-transition: 0.3s;}
.iboxT .zh,.iboxT .en{ font-size: 24px; line-height: 1.5;}
.iboxT .zh{ color: #26287a;}
.iboxT .en{ color: #bbbbbb; text-transform: uppercase; padding-left: 6px; font-family: "pf_din_text_comp_proregular";}
.ibox dd{ float: left; display: block; width: 50%; position: relative;}
.ibox .img{ overflow: hidden; position: relative;}
.ibox .img img{ width: 100%; display: block; transition: 1s; -webkit-transition: 1s;}
.ibox .black-20{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 330ms; -webkit-transition: 330ms;}
.videoIbox a:link, .videoIbox a:visited { color: #fff;}
.videoIbox a:active,.videoIbox a:hover { color: #26287a;}
.videoIbox .con{ position: absolute; left: 5%; top: 0; width: 90%; top: 50%; text-align: center; margin-top: -75px;}  
.videoIbox .vico{ background: url(../img/videoIco.png) no-repeat scroll center center; width: 55px; height: 55px; margin: 0px auto; display: block; cursor: pointer;}
.videoIbox .iboxT{ padding: 15px 0px;}
.videoIbox .iboxT .zh,.videoIbox .iboxT .en{ color: #fff;}
.videoIbox .moreBtn{ margin: 0px auto;}
.ibox dd:hover .black-20{ opacity: 1; visibility: visible;}
.ibox dd:hover .img img{ -webkit-transform:scale(1.3) rotate(10deg); transform: scale(1.3) rotate(10deg);}
.aboutIbox{ background-size: cover; background-repeat: no-repeat; background-position: center bottom;}
.aboutIbox .con{ position: absolute; left: 8%; top: 14%; width: 84%;}
.aboutIbox .t{ font-size: 18px; color: #26287a; line-height: 1.5;}
.aboutIbox .by{ color: #26287a; font-weight: bold; font-size: 30px; line-height: 1.2; }
.aboutIbox .i{ 
	width: 500px; text-align: justify; height: 258px; overflow: hidden; margin: 2% 0px 4%;
	font-size: 14px;
	color: #000;
	text-indent: 32px;
}
.numList li{ float: left; display: block; margin-right: 46px; text-align: center; font-size: 12px; color: #000;}
.numList li:last-child{ margin-right: 0;}
.numList .num{ font-size: 72px; color: #26287a; line-height: 1.1; font-family: 'Baiduan Number';}
.aboutIbox .moreBtn{ position: absolute; right: 0; bottom: 0; background-image: url(../img/more_bg2.png);}
.aboutIbox .moreBtn:before{ background-image: url(../img/more_bg3.png);}
.aboutIbox a:link, .aboutIbox a:visited { color: #26287a;}
.aboutIbox a:active,.aboutIbox a:hover { color: #000;}
.industryIbox{ position: relative; overflow: hidden; color: #fff;}
.industryIbox a:link, .industryIbox a:visited { color: #fff;}
.industryIbox a:active,.industryIbox a:hover { color: #26287a;}
.industryIDemo{ position: relative; overflow: hidden;}
.industryIDemo .item{ position: relative; opacity: 1 !important;}
.industryIDemo .img{ position: relative; overflow: hidden;}
.industryIDemo .img img{ width: 100%; display: block;}
.industryIDemo .black-30{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.industryIDemo .con{ position: absolute; left: 7%; top: 20%; width: 820px;  transform: translateX(88px); -webkit-transform: translateX(88px); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; opacity: 0; visibility: hidden;}
.industryIDemo .t{ font-size: 24px; line-height: 1.5; color: #ec2634;}
.industryIDemo .by{ font-weight: bold; color: #ffffff; font-size: 30px; line-height: 1.2; margin-top: 5px;}
.industryIDemo .txt{ color: #fff; margin-top: 28px; height: 50px; overflow: hidden;}
.industryIDemo .slick-active{ z-index:800 !important;}
.industryIDemo .slick-active .img { -webkit-animation: slideIn 1s ; animation: slideIn 1s;}
.industryIDemo .slick-active .img img { -webkit-animation: imgIn 1s; animation: imgIn 1s; }
@-webkit-keyframes slideIn {
    0% { -webkit-transform: translateX(-100%); opacity: 1; }
    100% { -webkit-transform: translateX(0); opacity: 1; }
}
@keyframes slideIn {
    0% { transform: translateX(-100%); opacity: 1; }
    100% { transform: translateX(0); opacity: 1; }
}
@-webkit-keyframes imgIn {
    0% { -webkit-transform: -webkit-translateX(100%); opacity: 1; }
    100% { -webkit-transform: -webkit-translateX(0); opacity: 1; }
}
@keyframes imgIn {
    0% { transform: translateX(100%); opacity: 1; }
    100% { transform: translateX(0); opacity: 1; }
}
.industryIDemo .slick-active .con { transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0) skew(0); opacity: 1; visibility: visible; transition: 680ms 480ms; -webkit-transition: 680ms 480ms; }

@media(min-width:1024px){
  .clearfix.top {
    display: flex;
    justify-content: center;
  }

}
@media(max-width:1023px){
    .top{
    height:54px;
  }
}
.industryINav{ position: absolute; left: 0; bottom: 0; width: 100%;}
.industryINav .item{ float: left; display: block; width: 33.33%; cursor: pointer;}
.industryINav .itemC{ border-left: 1px solid #fff; border-top: 1px solid #fff; border-left:1px solid rgba(255,255,255,0.3); border-top:1px solid rgba(255,255,255,0.3); padding: 85px 50px 0px; height: 255px; text-align: center; position: relative; z-index: 1;}
.industryINav .itemC:before { content: ""; width: 100%; height: 100%; z-index: -1; position: absolute; left: 0; bottom: 0px; background: url(../img/cs_90.png) repeat; background:none rgba(215,0,15,0.9); transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .38s cubic-bezier(.4,0,.2,1); transition: transform .38s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9; }
.industryINav .ico{ width: 60px; height: 60px; display: block; margin: 0px auto 15px; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.industryINav .t{ font-size: 16px; line-height: 1.5; margin-bottom: 2px;}
.industryINav .en{ font-family: "pf_din_text_comp_proregular"; text-transform: uppercase; line-height: 1.2; margin-bottom: 8px;}
.industryINav .addico{ background: url(../img/add_ico.png) no-repeat scroll center center; background-size: cover; width: 10px; height: 10px; display: block; margin: 0px auto 22px; transition:  0.3s; -webkit-transition:  0.3s;}
.industryINav .moreBtn{ opacity: 0; margin: 0px auto; visibility: hidden;}
.industryINav .moreBtn:hover .txt{ color: #000;}
.industryINav .moreBtn:before{ background-image: url(../img/more_bg3.png);}
.industryINav .slick-current .ico { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.industryINav .slick-current .itemC:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; }
@keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
@-webkit-keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
.industryINav .slick-current .addico{ opacity: 0; visibility: hidden; transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.industryINav .slick-current .moreBtn{ opacity: 1; visibility: visible;}
.industryINav .itemC:hover .ico{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.industryINav .itemC:hover .addico{ transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.textp::before {
	border-top: 4px solid red;
	width: 205px;
	position: absolute;
	content: '';
  }
  .textp {
	text-align: center;
	font-size: 22px;
  }
.twoIbox{ position: relative; overflow: hidden; z-index: 1;}
.twoIbox .bgf8{ width: 50%; position: absolute; right: 0; top: 0; height: 100%; z-index: -1;}
.newIbox{ background-color: #fff; float: left; display: block; width: 100%; padding-right: 4%; padding-top: 86px; height: 648px;}
.fashionIbox{ float: left; display: block; width: 34.4%; margin-left: 4%; padding-top: 86px; height: 648px;}
.twoIbox .iboxT a:link, .twoIbox .iboxT a:visited { color: #e92331;}
.twoIbox .iboxT a:active,.twoIbox .iboxT a:hover { color: #000;}  
.twoIbox .iboxT .moreBtn{ float: right; background-image: url(../img/more_bg2.png); margin-top: 4px;}
.twoIbox .iboxT .moreBtn:before{ background-image: url(../img/more_bg3.png);}
.ilinkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
.newIbox-first{ position: relative; overflow: hidden; margin: 40px 0px 25px; color: #909090;}
.newIbox-first .img{ float: left; display: block; margin-right: 30px; width: 230px; overflow: hidden; height: 136px; background-color: #000;}
.newIbox-first .img img{ width: 100%; display: block; transition: 0.8s; -webkit-transition: 0.8s;}
.newIbox-first .time{ font-family: "pf_din_text_comp_proregular"; text-transform: uppercase; font-size: 16px; color: #26287a;}
.newIbox-first .line{ padding: 0px 10px;}
.newIbox-first .title{ margin: 10px 0px; color: #333333; font-size: 18px; line-height: 1.2; height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newIbox-first .txt{ height: 50px; overflow: hidden;}
.newIbox-first:hover .title{ color: #26287a;}
.newIbox-first:hover .img img{ transform: scale(1.06); -webkit-transform: scale(1.06); opacity: 0.8; filter: alpha(opacity=80);}
.newIbox-list{ border-top: 1px solid #e7e7e7; padding-top: 22px;}
.newIbox-list a:link, .newIbox-list a:visited { color: #7a7a7a;}
.newIbox-list a:active,.newIbox-list a:hover { color: #7a7a7a;}  
.newIbox-list li{ position: relative; z-index: 1;}
.newIbox-list li:before { content: ""; z-index: -1; position: absolute; left: -1%; top: 0px; width: 101%; height: 100%; background-color: #ececec; -webkit-transition: -webkit-transform .38s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .38s cubic-bezier(.4,0,.2,1); transition: transform .38s cubic-bezier(.4,0,.2,1); transition: transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transform-origin: 50% 100% 0; -webkit-transform-origin: 50% 100% 0; visibility: hidden\9; }
.newIbox-list li:hover:before { transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform-origin: 50% 0 0; -webkit-transform-origin: 50% 0 0; visibility: visible\9; }
.newIbox-list li a{ height: 36px; line-height: 36px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.newIbox-list .time{ color: #e92331; font-size: 16px; padding-right: 10px; font-family: "pf_din_text_comp_proregular";}
.fashionIbox-list1{ padding-bottom: 35px;}
.fashionIbox-list li{ padding: 22px 0px 0;/* border-bottom: 1px solid #c9c9c9;*/}
.fashionIbox-list li:last-child{ border-bottom: 0px none;}
.fashionIbox-item{ position: relative; overflow: hidden; padding:0px 10px 0px 116px; height: 132px; transition:0.2s; -webkit-transition:0.2s; background-color: #ffffff;}
.fashionIbox-item .img{ overflow: hidden; background-color: #000000; width: 92px; height: 132px; position: absolute; left: 0; top: 0;}
.fashionIbox-list1 .fashionIbox-item{ padding: 0px 10px 0px 206px;}
.fashionIbox-list1 .fashionIbox-item .img{ width: 182px;}
.fashionIbox-item .img img{ width: 100%; display: block; transition: 0.8s; -webkit-transition: 0.8s;} 
.fashionIbox-item .t{ margin-top: 40px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition:0.35s; -webkit-transition:0.35s;}
.fashionIbox-item .time{ font-family: "pf_din_text_comp_proregular"; color: #999999; font-size: 16px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fashionIbox-item .btn{ width: 110px; height: 22px; line-height: 22px; text-align: center; overflow: hidden; color: #fff; background-color: #e92331; display: block; visibility: hidden; opacity: 0; margin-top: 15px; transition:0.35s; -webkit-transition:0.35s;}
.fashionIbox-item:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.fashionIbox-item:hover .t{ margin-top: 16px;} 
.fashionIbox-item:hover .btn{ opacity: 1; visibility: visible;} 
.fashionIbox-item:hover .img img{ transform: scale(1.06); -webkit-transform: scale(1.06); opacity: 0.8; filter: alpha(opacity=80);}
.partnerIbox a:link, .partnerIbox a:visited { color: #fff;}
.partnerIbox a:active,.partnerIbox a:hover { color: #fff;}  
.partnerIbox{ background-color: #c20a17; padding: 52px 0px; color: #fff;}
.partnerIbox .iboxT .zh{ color: #fff;}
.partnerIbox .iboxT .en{ color: #ff6772;}
.partnerI-line{ border-top: 1px solid #ee1c2b; border-bottom: 1px solid #99000b; height: 0px; overflow: hidden; line-height: 0; margin: 12px 0px 38px;}
.partnerIdemo .item{ margin: 0px 10px;}
.partnerIdemo .item a{ overflow: hidden; display: block; position: relative;}
.partnerIdemo .item img{ max-width: 100%; display: block; margin: 0px auto; -webkit-transition: 0.6s; transition: 0.6s;}
.partnerIdemo .slick-list { height: 60px;}
.partnerIdemo .slick-arrow{ width: 34px; height: 34px; top: -90px; z-index: 200; border-radius: 50%; border: 1px solid #ff6772;}
.partnerIdemo .slick-arrow i{  display: block; width: 100%; height: 100%; position: relative; z-index: 2;}
.partnerIdemo .slick-prev{ right: 55px;}
.partnerIdemo .slick-prev i{ background: url(../img/img_l1.png) no-repeat scroll center center;}
.partnerIdemo .slick-next{ right: 10px;}
.partnerIdemo .slick-next i{ background: url(../img/img_r1.png) no-repeat scroll center center;}
.partnerIdemo .item:hover img{  transform: scale(0.9); -webkit-transform: scale(0.9);}
/*index style end*/
/*about style*/
.speech-Pbox a:link, .speech-Pbox a:visited { color: #fff;}
.speech-Pbox a:active,.speech-Pbox a:hover { color: #fff;}  
.speech-Pbox{ background-position: left top; background-color: #362c2a; background-repeat: no-repeat; background-size: cover; color: #fff; position: relative;}
.speech-Pbox .pinner{ position: relative;}
.speech-Pbox .img,.speech-Pbox .con{ float: left; display: block; width: 50%;}
.speech-Pbox .img img{ width: 100%; display: block; max-width: 100%;}
.speech-Pbox .con{ position: absolute; right: 10%; top: 0%; height: 100%; text-align: right;}
.speech-Pbox .t{ font-size: 60px; line-height: 1.2; margin-bottom: 15px;}
.speech-Pbox .c{ font-size: 20px;}
.speech-Pbox .qm{ margin-top: 40px;}
.speech-Pbox .more{ background: url(../img/cs_50.png) repeat; background: rgba(160,115,62,0.5); position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; padding: 10px 0px 15px;}
.speech-Pbox .moreBtn{ margin: 0px auto;}
.surveyPCon a:link, .surveyPCon a:visited { color: #26287a;}
.surveyPCon a:active,.surveyPCon a:hover { color: #000;}  
.surveyPCon{ padding: 170px 0px 135px;}
.survey-title{ margin-bottom: 35px;}
.survey-title .year{ font-size: 165px; font-family: "Baiduan Number"; text-transform: uppercase; color: #e8e8e8; line-height: 1;}
.survey-title .year span{ font-family: "pf_din_text_comp_proregular";}
.survey-title .zh{ color: #8f000a; position: relative; margin-top: -50px; font-size: 30px; line-height: 1;}
.survey-c{ width: 545px; height: 200px; overflow: hidden; margin-bottom: 30px;}
.moreBtn2{ background-image: url(../img/more_bg2.png);}
.moreBtn2 .txt{ color: #26287a;}
.moreBtn2:before{ background-image: url(../img/more_bg3.png);}
.moreBtn2:hover .txt{ color: #000;}
.surveyPbox .pinner{ position: relative;}
.survey-plist{ position: absolute; right: 10%; bottom: 0; width: 40%; color: #fff;}
.survey-plist li{ display: block; float: left; width: 31.33%; text-align: center; padding: 40px 1%;}
.survey-plist .num{ font-size: 60px; line-height: 1; font-family: "Baiduan Number";}
.memorabiliaPbox a:link, .memorabiliaPbox a:visited { color: #fff;}
.memorabiliaPbox a:active,.memorabiliaPbox a:hover { color: #26287a;}  
.memorabiliaPbox{ padding: 130px 0px 0px; color: #fff;}
.pboxT .t{ font-size: 24px; color: #fe1929;}
.pboxT .by{ color: #fff; font-size: 36px;}
.memorabiliaDemo{ margin-top: 60px;  padding: 54px 0px 154px 14px; width: 800px; position: relative;}
.memorabiliaDemo .mouseIco{ left: 38px; margin-left: 0;}
.memorabiliaDemo .line{ width: 4px; height: 100%; position: absolute; left: 10px; top: 0; background-color: #fe1929;}
.memorabiliaDemo .yd{ background: url(../img/memorabilia_d.png) no-repeat scroll center center; width: 25px; height: 25px; position: absolute; left: 0; top: 0;}
.memorabiliaBox{ height: 386px; overflow: hidden;  cursor:url(../img/mouse.png) 16 16, default;}
.memorabiliaBox .mCSB_scrollTools{ visibility: hidden !important;}
.memorabilia-list dd{ position: relative; padding:0px 0px 35px 112px;}
.memorabilia-list .year{ position: absolute; left: 0; padding-left: 27px; width: 84px;}
.memorabilia-list .year i{ width: 9px; height: 4px; background-color: #fe1929; position: absolute; left: 0; top: 50%; margin-top: -2px; border-radius: 0px 2px 2px 0px;}
.structure-pbox{ position: relative; overflow: hidden;}
.structure-pbox .img{ float: right; display: block; width: 50%; overflow: hidden;}
.structure-pbox .img img{ width: 100%; display: block;}
.structure-pbox .con{ position: absolute; left: 10%; top: 0; width: 32%; height: 100%;}
.pboxT2 .zh{ font-size: 30px; color: #8f000a; line-height: 1.2;}
.pboxT2 .en{ color: #b5b4b3; font-size: 18px; font-family: "pf_din_text_comp_proregular"; line-height: 1.5; text-transform: uppercase;}
.structure-pbox .txt{ height: 76px; overflow: hidden; margin: 8% 0px 9%;}
.honor-pbox-bg a:link, .honor-pbox-bg a:visited { color: #fff;}
.honor-pbox-bg a:active,.honor-pbox-bg a:hover { color: #26287a;} 
.honor-pbox-bg{ padding: 130px 0px 85px; width: 785px; margin: 0px auto; text-align: center; color: #fff;}
.honor-pbox-bg .by{ margin: 15px 0px 25px;} 
.honor-pbox-bg .t{ font-size: 36px; line-height: 1.2; margin-bottom: 23px;}
.honor-pbox-bg .c{ margin-bottom: 70px;}
.magrinC{ margin: 0px auto;}
.responsibility-pbox{ padding: 140px 0px; color: #fff;}
.responsibility-pbox a:link, .responsibility-pbox a:visited { color: #fff;}
.responsibility-pbox a:active,.responsibility-pbox a:hover { color: #26287a;}  
.responsibility-pbox-bg{ margin-left: 10%; width: 32%;}
.responsibility-pbox-bg .txt{ margin: 5% 0px 8%;}
.responsibility-pbox-bg .moreBtn:before{ background-image: url(../img/more_bg.png);}
.responsibility-pbox-bg .moreBtn:hover .txt{ color: #fff;}
.inner1000{ width: 1000px; margin: 0px auto;}
.pagePading,.pagePading2{ padding: 80px 0px;}
.pageC a:link, .pageC a:visited { color: #26287a;}
.pageC a:active,.pageC a:hover { color: #000;}  
.pageC img{ max-width: 100% !important; height: auto !important;}
.otherNav{ padding-top: 60px;}
.otherNav .moreBtn{ float: right; }
.structure-img{ border-top: 1px solid #c2c2c2; padding: 42px 0px 60px; margin-top: 30px; text-align: center;}
.structure-img img{ display: block; margin: 0px auto;}
.structure-list{ border-top: 1px solid #c2c2c2; margin-top: 42px;}
.structure-list dd{ padding: 42px 0px 25px; border-bottom: 1px solid #c2c2c2;}
.structure-list .t{ color: #26287a; font-size: 24px; line-height: 1.4; margin-bottom: 4px;}
.openOdd{ width: 186px; height: 38px; line-height: 38px; text-align: center; color: #fff; background-color: #26287a; display: block; margin: 50px auto 0;}
.openOdd:hover{ background-color: #666;}
.openOdd .txt{ color: #fff; background: url(../img/serach_bg3.png) no-repeat scroll left center; padding-left: 26px; font-style: inherit;}
.social-con{ margin: 30px 0px 50px; padding: 30px 0px; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2;}
.social-txt{ height: 76px; overflow: hidden;}
.social-reading-btn{ background-color: #aca094; width: 162px; height: 34px; line-height: 34px; text-align: center; color: #fff; display: block; margin:-1px 0px 60px;}
.social-reading-btn .txt{ color: #fff; background: url(../img/reading-btn.png) no-repeat scroll right center; padding-right: 32px;}
.social-reading-btn:hover{ background-color: #26287a;}
.social-reading-btn.on .txt{ background-image: url(../img/reading-btn2.png);}
.social-list a:link, .social-list a:visited { color: #666;}
.social-list a:active,.social-list a:hover { color: #26287a;}  
.social-list{ padding-bottom: 10px;}
.social-list dd{ float: left; display: block; width: 48%; margin-left: 4%; position: relative; margin-bottom: 40px; transition:0.43s; -webkit-transition:0.43s; background-color: #fff; padding-bottom: 20px; cursor: zoom-in;}
.social-list dd:nth-of-type(odd){ margin-left: 0;}
.social-list .img{ position: relative; overflow: hidden;}
.social-list .img img{ width: 100%; display: block;  transform:scale(1.05); -webkit-transform:scale(1.05); transition:0.6s; -webkit-transition:0.6s;}
.social-list .txt{ overflow: hidden; text-align: center; padding: 20px 5% 0px; line-height: 1.5; height: 42px;} 
.social-list dd:hover .img img{ transform:scale(1); -webkit-transform:scale(1);}
.social-list dd:hover{ box-shadow:0 0 29px rgba(0,0,0,0.33);}
.social-list dd:hover .txt{ color: #26287a;}
.bgfafbfd{ background-color: #fafbfd;}
.pageC-zh{ font-size: 30px; color: #8f000a; margin-bottom: 30px; line-height: 1.2;}
/*about style end*/
/*new style start*/
.newbg{ background:#f9fafc;}
.news{ padding:86px 0 62px;}
.tnew{ background:#fff; padding:7px 0px;}
.tnew a{ display:block; float:left; height:37px; line-height:37px; padding: 0px 25px; margin: 0px 8px; color:#666666; font-size:14px; text-align:center;}
.tnew .l{ height:37px; line-height:37px; font-size: 12px; color: #ccc;}
.tnew a:hover,.tnew a.active{ color:#fff; background:#aca094;}
.newlist{ width:1254px; position:relative; left:-27px; margin-top:48px;}
.newlist li{ width:33.33333%; float:left; margin-bottom:70px;}
.newlist li a{ display:block; margin:0 27px;}
.newlist li figure{ display:block; line-height:1; overflow:hidden;}
.newlist li figure img{ display:block; width:100%; height:200px; line-height:0; transition:0.48s; -webkit-transition:0.48s; -moz-transition:0.48s; -o-transition:0.48s; transform:scale(1.07); -webkit-transform:scale(1.07); -moz-transform:scale(1.07);}
.newtext{ padding-top:15px; height:152px; position:relative;}
.newtext h3{ color:#8f000a; font-size:18px; line-height:1.2; margin-bottom:14px; font-weight:normal;}
.newtext p{ color:#999999; font-size:14px; height:50px; overflow:hidden;}
.nline{ padding-bottom:13px; border-bottom:1px solid #e0c0c3; position:absolute; width:100%; left:0; bottom:0;}
.nline:before{ content:""; width:100%; height:1px; background:#000; position:absolute; left:0; bottom:-1px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1),-webkit-transform .44s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.nline time{ display:block; float:left; line-height:1; color:#c1525a; font-size:16px; font-family:"pf_din_text_comp_proregular";}
.nline i{ display:block; width:7px; height:15px; background:url(../img/narrow.png) center no-repeat; float:right; margin-top:2px; transition:0.22s; margin-right:5px;}
.newlist li:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.newlist li:hover .nline:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.newlist li:hover .nline i{ margin-right:2px; transition:0.22s 0.2s;}

.writtens{ margin-top:30px; padding-top:18px; background:#fff; padding-bottom:18px;}
.writtens li{ position:relative; padding:46px 66px 0 58px;}
.writtens li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff0f1; -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.writtenwr{ position:relative; padding-bottom:34px; border-bottom:1px solid #cccccc; transition:0.3s;}
.writtens li:last-child .writtenwr{ border-bottom:none;}
.writtenle{ float:left;}
.writtenle time{ display:block; color:#c1525a; font-size:24px; font-family:"pf_din_text_comp_proregular"; line-height:1; margin-bottom:14px;}
.writtenle span{ display:block; line-height:1; color:#c1525a; font-size:14px;}
.writtenfix{ width:85%; float:right;}
.writtenfix h3{ line-height:1.2; color:#333333; font-size:18px; font-weight:normal; margin-top:-3px; margin-bottom:16px;}
.writtenfix p{ color:#999999; font-size:14px;}
.writtens li:hover .writtenwr{ border-bottom-color:#f3f2ee; transition:0.3s 0.3s;}
.writtens li:hover:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.nview{ padding-bottom:68px}
.newview{ width:1000px; margin:auto; margin-top:-185px; padding-bottom:50px; background:#fff; position:relative; }
.newtitle{ padding:42px 60px 24px; border-bottom:2px solid #e2e2e2; position:relative;}
.newtitle h3{ color:#333333; font-size:30px; line-height:1.2; margin-bottom:18px; font-weight:normal;}
.newtitle time{ display:inline-block;color:#666666; font-size:12px; font-family:"Arial"; line-height:16px;}
.shared{ margin-top:10px;}
.shared span{ color:#666666; font-size:14px; line-height:28px; margin-left:0; float:left;}
.more-fen-btn{ float: right; display: block; color: #fff; background-color: #26287a; padding:4px 16px;}
.more-fen-btn:hover{ background-color: #999;}
.sharelist1{ margin-left:4px; float:left;}
.sharelist1 li{ float:left;}
.sharelist1 li a{ height:28px; display:block; position:relative;}
.sharelist1 li{ width:28px; height:28px; position:relative; margin-right:5px;}
.sharelist1 li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#f2f2f2; border-radius:50%; position:absolute; left:0; top:0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); visibility:hidden; transition:0.32s;}
.sharelist1 li:hover:before{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); visibility:visible;}
.sharelist1 li:last-child{ margin-right:0;}
.sharelist1 li a.icon-share1{ background:url(../img/weixin.png) center no-repeat;}
.sharelist1 li a.icon-share2{ background:url(../img/qq.png) center no-repeat;}
.sharelist1 li a.icon-share3{ background:url(../img/weib.png) center no-repeat;}
.sharelist1 li a.icon-share4{ background:url(../img/weibx.png) center no-repeat;}
.sharelist1 li:hover a{ opacity:0.7;}
.newv{ margin:27px 60px 54px; overflow: hidden;}
.newv a:link,.newv a:visited { color:#666666;}
.newv a:active,.newv a:hover { color:#26287a;}
.newv p{ color:#666666; font-size:15px;}
.newv img{ max-width:100% !important;  height: auto !important;}
.previous{ padding-top:22px; border-top:1px solid #aaaaaa; position:relative; margin:0 56px;}
.previous .previ{ display:block; width:143px; height:36px; text-align:center; line-height:36px; color:#666666; font-size:14px; border:1px solid #b5b5b5;}
.previous .previ i{ display:inline-block; position:relative; top:1px; width:10px; height:11px; transition:0.28s;}
.previous .prev{ float:left;}
.previous .prev i{ background:url(../img/arrow1.png) center no-repeat; margin-right:16px;}
.previous .next{ float:right;}
.previous .next i{ background:url(../img/arrow2.png) center no-repeat; margin-left:16px;}
.backlist{ display:block; width:145px; height:38px; text-align:center; line-height:38px; color:#fff; background:#26287a; position:absolute; left:50%; margin-left:-72px; top:22px;}
.backlist:hover{ background:#1f1c1a;}
.previous .previ:hover{ background:#26287a; border-color:#26287a; color:#fff;}
.previous .prev:hover i{ background:url(../img/arrow3.png) center no-repeat; margin-right:18px;}
.previous .next:hover i{ background:url(../img/arrow4.png) center no-repeat; margin-left:18px;}

.videoli{ margin-top:38px; margin-bottom:20px;}
.videoli li{ width:48.33333%; float:left; margin-bottom:40px; transition:0.43s;}
.videoli li:nth-child(2n+2){ float:right;}
.videoli li figure{ line-height:1; position:relative; overflow: hidden;}
.videoli li figure img{ width:100%;display: block; transition: 600ms; -webkit-transition: 600ms; transform: scale(1.06); -webkit-transform: scale(1.06);}
.videoli li .videoIbox .vico{ position:absolute; left:50%; margin-left:-27px; top:50%; margin-top:-27px;}
.videotext{ background:#fff; padding:18px 30px 0; height:72px;}
.videotext p{ font-size:14px; transition:0.32s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.videspan{ padding:30px 12px; background:#fff;}
.videspan span{ display:block; text-align:center; color:#666666; font-size:18px; transition:0.38s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.videoli li:hover{ box-shadow:0 0 29px rgba(0,0,0,0.33);}
.videoli li:hover .videotext p{ color:#26287a;}
.videoli li:hover .videspan span{ color:#26287a;}
.videoli li:hover figure img{ transform: initial; -webkit-transform: initial;}
/*new style end*/ 
/*culture style*/
.culturePage{ margin-top: 80px;}
.cultureTab{ color: #fff;}
.cultureTab a:link, .cultureTab a:visited { color: #fff;}
.cultureTab a:active,.cultureTab a:hover { color: #fff;}  
.cultureTab td{ width: 33.33%; padding: 40px 5% 50px; vertical-align: top;}
.cultureTab .ico{ float: left; display: block; margin-right: 10px;}
.cultureTab .zh{ display: block; font-size: 18px; padding-top: 25px; line-height: 1.2;}
.cultureTab .en{ font-family: "pf_din_text_comp_proregular";}
.cultureTab .t{ margin-bottom: 25px;}
.cultureTab .c p{ padding-left: 10px; position: relative;}
.cultureTab .c p:before{ content: ""; position: absolute; left: 0; top: 12px; width: 3px; height: 3px; background-color: #fff; display: block;}
.yiyuetwo-list{ padding: 30px 0px 10px;}
.yiyuetwo-list a:link, .yiyuetwo-list a:visited { color: #666;}
.yiyuetwo-list a:active,.yiyuetwo-list a:hover { color: #26287a;}  
.yiyuetwo-list dd{ float: left; display: block; width: 32%; margin-right: 2%; position: relative; margin-bottom: 30px; transition:0.43s; -webkit-transition:0.43s; background-color: #fff; padding-bottom: 15px; cursor: zoom-in;}
.yiyuetwo-list dd:nth-child(3n){ margin-right: 0;}
.yiyuetwo-list .img{ position: relative; overflow: hidden;}
.yiyuetwo-list .img img{ width: 100%; display: block;  transform:scale(1.05); -webkit-transform:scale(1.05); transition:0.6s; -webkit-transition:0.6s;}
.yiyuetwo-list .txt{ height: 42px; line-height: 1.5; overflow: hidden; text-align: center; padding: 15px 5% 0px;}
.yiyuetwo-list dd:hover .img img{ transform:scale(1); -webkit-transform:scale(1);}
.yiyuetwo-list dd:hover{ box-shadow:0 0 21px rgba(0,0,0,0.33);}
.yiyuetwo-list dd:hover .txt{ color: #26287a;}
.listPage{ background-color: #fff; margin-top: 32px; padding:40px 55px 50px;}
.p-table table{
    margin: 0 auto;
    width: 100%;
    text-align: left;
}

.p-table th{
    position: relative;
    font-weight: normal;
    text-align: center;
    line-height: 33px;
    background-color: #26287a;
    color: #fff;

}
.p-table .th1{
    width: 20%;
}
.p-table .th2{
    width: 30%;

}
.p-table .th3{
    width: 20%;
}
.p-table .th4{
    width: 30%;
}
.p-table .th5{
    width: 80%;
}

.p-table th:before{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -11px;
    width: 1px;
    height: 22px;
    background-color: #fff;
}
.p-table .th5:before{
    display: none;
}
.p-table td{
    padding: 16px 0 13px;
    font-size: 12px;
    border-bottom: 1px solid #dcdcdc;
    color: #333;
}
.p-table .td{
    text-align: left;
    padding-left: 10px;
    font-size: 14px;
    white-space: nowrap;
    color: #666;
}
.fashionlist{ position: relative;}
.fashionlist:before{ content: ""; position: absolute; left: 0; bottom: 0; height: 1px; background-color: #E1E1E1; width: 100%;}
.fashionlist li{ float: left; display: block; width: 50%; border-bottom: 1px solid #e1e1e1; position: relative; padding: 30px 0px;}
.fashionlist li:nth-child(odd):before{ content: ""; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background-color: #E1E1E1;}
.fashion-item{ margin:0px 0px 0px 68px; position: relative; padding: 0px 10px 0px 114px; height: 134px;}
.fashionlist li:nth-child(odd) .fashion-item{ margin:0px 68px 0px 0;}
.fashion-item .img{ overflow: hidden; background-color: #000000; width: 92px; height: 132px; border: 1px solid #cecece; position: absolute; left: 0; top: 0;}
.fashion-item .img img{ width: 100%; display: block; transition: 0.8s; -webkit-transition: 0.8s;} 
.fashionlist1 .fashion-item{ padding: 0px 10px 0px 202px;}
.fashionlist1 .fashion-item .img{ width: 182px;}
.fashion-item .t{ margin-top: 20px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition:0.35s; -webkit-transition:0.35s;}
.fashion-item .time{ font-family: "pf_din_text_comp_proregular"; color: #999999; font-size: 16px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fashion-item .btn{ width: 110px; height: 22px; line-height: 22px; text-align: center; overflow: hidden; color: #fff; background-color: #999999; display: block;  margin-top: 15px; transition:0.35s; -webkit-transition:0.35s;}
.fashion-item:hover{ background-color: #f9fafc;}
.fashion-item:hover .btn{ background-color: #d0b493;}
.fashion-item:hover .img img{ transform: scale(1.06); -webkit-transform: scale(1.06); opacity: 0.8; filter: alpha(opacity=80);}
.cd7000f{ color: #26287a;}
.submissionImg{ float: right; display: block; margin-left: 5%; width: 30%;}
.submissionImg img{ width: 100%; display: block;}
.submissionCon{ float: left; display: block; width: 65%;}
.submissionBtn{ display: block; width: 190px; height: 50px; line-height: 50px; text-align: center; color: #fff; background-color: #26287a; margin-top: 50px;}
.submissionBtn .txt{ color: #fff; background: url(../img/submission_ico.png) no-repeat scroll left center; padding-left: 30px; }
.submissionBtn:hover{ background-color: #666666;}
.open-box-close{ background: url(../img/close_i2.png) no-repeat scroll center center; width: 30px; height: 30px; background-size: 60% auto; display: block;  position: absolute; right: 40px; top: 30px; cursor: pointer; transition: 0.3s; -webkit-transition: 0.3s;}
.open-box-close:hover{transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.bmBox{ width: 80%; max-width: 570px; background-color: #ffffff; padding: 30px 40px 58px;}
.open-content {margin: 0px auto; position: relative; -webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.open-show,.open-show body{ overflow-y: hidden;}
.open-show .open-content {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
.open-show  .open-modal {opacity: 1;visibility: visible;}
.open-modal{ position: fixed; left: 0px; top: 0px; overflow-y: auto; right: 0px; bottom: 0px; z-index: 1200;background: url(../img/black_50.png) repeat;background:none rgba(0,0,0,0.5);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;-webkit-overflow-scrolling:touch;opacity: 0; display: none; }
.bmBox .t{ font-size:30px; background: url(../img/submission_ico2.png) no-repeat scroll left center; padding-left: 48px; color: #26287a;}
.bmBox .line{ border-bottom: 1px solid #26287a; border-top: 1px solid #26287a; height: 2px; margin: 24px 0px 40px;}
.bmBox .list li{ float: left; display: block; width: 48%; margin-bottom: 16px;}
.bmBox .list li.item{ margin-right: 4%;}
.bmtxt{ border: 1px solid #d1d1d1; padding: 16px 5%; width: 90%;}
.bmBox input[type="text"]:focus, .bmBox textarea:focus { border-color: #26287a; }
.scbox{ position: relative; overflow: hidden;}
.scbtnfile{ position: absolute; left: 0; top: 0; z-index: 10; filter: alpha(opacity=0); opacity: 0; height: 46px; line-height: 46px; width: 48%;}
.scbtn{ width: 48%; background-color: #26287a; height: 46px; line-height: 46px; text-align: center; display: block; color: #fff; margin-bottom: 22px;}
.scbtn .txt{ background: url(../img/down.png) no-repeat scroll left center; padding-left: 42px; color: #fff;}
.scbtn:hover{ background-color: #666666;}
.yzmbox{ padding-right: 196px; position: relative; margin-bottom: 30px;}
.yzmbox .yzmLink{ position: absolute; right: 0; top: 0;}
.bmBtn{ height: 48px; line-height: 48px; text-align: center; display: block; color: #fff;  background-color: #26287a; }
.bmBtn:hover{ background-color: #666666;}
/*culture style end*/
/*industry style*/
.ilogo{ margin-bottom: 32px;}
.ilogo img{ max-width: 70% !important; vertical-align: middle;}
.industry-erm{ padding-top: 30px;}
.industry-erm a:link, .industry-erm a:visited { color: #666;}
.industry-erm a:active,.industry-erm a:hover { color: #26287a; text-decoration: underline;}  
.industry-erm .erm{ float: left; display: block; width: 96px; overflow: hidden; text-align: center; margin-right: 36px;}
.industry-erm .erm img{ display: block; width: 100%; margin-bottom: 0px;}
.industry-erm .link{ float: left; display: block; margin-top: 35px; line-height: 1.4;}
.industry-erm .link .ico{ width: 40px; height: 40px; float: left; display: block; margin-right: 16px; border: 1px solid #666; border-radius: 50%; background: url(../img/link_ico.png) no-repeat center center;}
.industry-erm .link span{ float: left; display: block;}
.industry-Page{ padding: 150px 0px 70px; text-align: center;}
.w795{ width: 795px; margin: 0px auto; overflow: hidden;}

.industry-Page .t{ font-size: 30px; color: #26287a; line-height: 1.4; margin-bottom: 10px;}
.industry-Page .by{ font-weight: bold; font-size: 36px; color: #383838; line-height: 1.2; margin-bottom: 28px;}
.industry-Page .txt{ margin-bottom: 28px;}
.industry-Page .en{ color: #999999; font-size: 16px; font-family: "pf_din_text_comp_proregular"; margin-bottom: 50px;}
.industry-Page .en span{ position: relative; padding: 0px 10px;}
.industry-Page .en span:before,.industry-Page .en span:after{ content: ""; width: 128px; height: 1px; display: block; position: absolute; top: 50%; background-color: #a0a0a0;}
.industry-Page .en span:before{ left: 100%;}
.industry-Page .en span:after{ right: 100%;}
.pbot{ background: url(../img/pbot_1.png) no-repeat scroll center center; width: 71px; height:71px; display: block; margin: 0px auto; position: relative;}
.pbot i{ background: url(../img/pbot_ico1.png) no-repeat scroll center center; width: 12px; height: 16px; position: absolute; left: 50%; top: 20px; margin-left: -6px;-webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
.industrys{ overflow:hidden; }
.industry-list a:link, .industry-list a:visited { color: #fff;}
.industry-list a:active,.industry-list a:hover { color: #fff;}  
.industry-list li{ width:33.33%; float:left; overflow:hidden; position:relative; transition:width 455ms;}
.industry-list li figure{ display:block; overflow:hidden; position:relative; text-align:center; background-position: center center;  background-repeat: no-repeat; height: 790px;}
.industry-list li figure img{ display:none; height:790px;}
.industry-list li .black-40{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.industry-item{ width: 330px; padding: 20px; height: 412px; position: absolute; left: 50%; top: 30%; margin: -176px 0px 0px -185px; text-align: center; z-index: 1;}
.industry-item:before{content: ""; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; transform-origin: left bottom; -webkit-transform-origin:left bottom; -webkit-transition:-webkit-transform .52s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .52s cubic-bezier(.4,0,.2,1); transition:transform .52s cubic-bezier(.4,0,.2,1); transition:transform .52s cubic-bezier(.4,0,.2,1),-webkit-transform .52s cubic-bezier(.4,0,.2,1); transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9; z-index: -1;}
.industry-item p{ transition:  0.3s; -webkit-transition: 0.3s;}
.industry-item .ico{ width: 190px; height: 60px; display: block; margin: 70px auto 4px; position: relative; transition:  0.3s; -webkit-transition: 0.3s;}
.industry-item .ico i{ background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.industry-item .ico .i1{ display: block;}
.industry-item .ico .i2{ display: none;}
.industry-item .t{ font-size: 16px; line-height: 1.2; margin-bottom: 5px;}
.industry-item .en{ font-family: "pf_din_text_comp_proregular"; text-transform: uppercase; line-height: 1.1;}
.industry-item .by{ color: #666666; opacity: 0; visibility: hidden; line-height: 1.1;}
.industry-item .addico{ background: url(../img/add_ico.png) no-repeat scroll center center; background-size: cover; width: 10px; height: 10px; display: block; margin: 0px auto 42px; transition:  0.3s; -webkit-transition: 0.3s;}
.industry-item .moreBtn{ opacity: 0; margin: 0px auto; visibility: hidden; background-image: url(../img/more_bg2.png);}
.industry-item .moreBtn .txt{ color: #A0723E;}

.industry-item .moreBtnyb{ opacity: 0; margin: 0px auto; visibility: hidden; }
.industry-item .moreBtnyb .txt{ color: #A0723E;}

.industry-item .moreBtnyb .yangbanico img{ width:100%;}
.moreBtnyb {
    text-align: center;
    font-family: "pf_din_text_comp_proregular";
    display: block;
    width: 300px;
    padding-bottom: 2px;
    position: relative;
}

.industryListPage1{ position: relative;}
.pbot2{ background-image: url(../img/pbot_2.png); position: absolute; left: 50%; margin-left: -35px; bottom: -35px;}
.pbot2 i{ background-image: url(../img/pbot_ico2.png);}
.industry-one-l{ margin: 40px auto; width: 835px; border-left: 1px solid #E8E8E8;}
.industry-one-l li{ float: left; display: block; width: 24%; font-size: 12px; border-right: 1px solid #E8E8E8; text-align: center; padding: 18px 0px;}
.industry-one-l .num{ font-size: 58px; line-height: 1; font-family: "Baiduan Number"; color: #26287a;}
.blackBtn .txt{ background: url(../img/arrow3.png) no-repeat scroll left center; padding-left: 20px;}
.blackBtn:hover .txt{ background-image: url(../img/arrow5.png);}
.industryList-tbox .img{ float: left; display: block; width: 12%; text-align: center;}
.industryList-tbox .img p{ width: 80%;}
.industryList-tbox .ico img{ display: block; width: 90px; margin: 0px auto 15px;}
.industryList-tbox .t{ font-size: 24px; line-height: 1.4; color: #333333;}
.industryList-tbox .con{ float: right; display: block; width: 84%; border-left: 1px solid #cccdce; padding-left: 3%;}
.industryList-tdemo{ margin: 55px auto 0px;}
.industryList-tdemo .item{ float: left; position: relative; overflow: hidden;}
.industryList-tdemo .img{ overflow: hidden;}
.industryList-tdemo .img img{ width: 100%; display: block; transform:scale(1.05); -webkit-transform:scale(1.05); transition:0.6s; -webkit-transition:0.6s;}
.industryList-tdemo .item:hover .img img{ transform:scale(1); -webkit-transform:scale(1);}
.industryList-tdemo .txt{ position: absolute; left: 0; bottom: 0; padding: 10px 5%; width: 90%; text-align: center; color: #fff; line-height: 1.5;}
.industryList-tdemo .slick-arrow { width: 22px; height: 49px; position: absolute; top: 50%; margin-top: -25px; z-index: 99; transition: 300ms; -webkit-transition: 300ms; }
.industryList-tdemo .slick-prev { background: url(../img/rr_w_prev2.png) no-repeat left center; left: -44px; }
.industryList-tdemo .slick-next { background: url(../img/rr_w_next2.png) no-repeat right center; right: -44px; }
.industryList-tdemo .slick-prev:hover { background-position: right center; }
.industryList-tdemo .slick-next:hover { background-position: left center; }
.industryList-ibox{ margin-top: 60px;}

.industry-list-one a:link, .industry-list-one a:visited { color: #333333;}
.industry-list-one a:active,.industry-list-one a:hover { color: #26287a;}  
.industry-list-one a.item{ display: block;position: relative; overflow: hidden;}
.industry-list-one li{ background-color: #fff;}
.industry-list-one li .img{ width: 50%; display: block; position: relative; overflow: hidden;}
.industry-list-one li .img img{ transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;  width: 100%; display: block; transform: scale(1.06); -webkit-transform: scale(1.06);}
.industry-list-one .img .black-20{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden;transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.industry-list-one .con{ color: #7f7e7e; width: 32%; height: 100%; position: absolute;  top: 0%;}
.industry-list-one .con .ico{ display: block; width: 90px; margin-bottom: 12px;}
.industry-list-one .con .zh{ font-size: 24px; line-height: 1.2; margin: 10px 0px 15px; color: #333333;}
.industry-list-one .con .c{ height: 76px; overflow: hidden; margin-bottom: 40px;}
.industry-list-one .bor{ position: absolute; top: 0; left: 0; width: 50%; height: 100%;}
.industry-list-one .moreBtn{ background-image: url(../img/more_bg2.png);}
.industry-list-one .moreBtn .txt{ color: #26287a;}
.industry-list-one .oneItem .con{ left: 56%;}
.industry-list-one .oneItem .bor{ left: 50%;}
.industry-list-one .twoItem .img{ margin-left: 50%;}
.industry-list-one .twoItem .con{ left: 12%;}
.filler { position: absolute; display: block; background-color: #26287a; -webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s 0s; -o-transition: 0.3s 0s; transition: 0.3s 0s; }
.industry-list-one .filler-left { width: 1px; height: 0%; left: 2%; top: 3%; }
.industry-list-one .filler-right { width: 1px; height: 0%; right: 2%; bottom: 3%; }
.industry-list-one .filler-top { width: 0%; height: 1px; right: 2%; top: 3%; }
.industry-list-one .filler-bottom { width: 0%; height: 1px; left: 2%; bottom: 3%; }

.industry-one-img dd{ float: left; display: block; position: relative; width: 46%; margin:22px 2%; cursor: zoom-in;}
.industry-one-img .img{ overflow: hidden; position: relative;}
.industry-one-img .img img{ width: 100%; display: block; transform:scale(1.06); -webkit-transform:scale(1.06); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
.industry-one-img .bor{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 10px solid rgba(255,122,0,0.26); box-sizing: border-box; opacity: 0; transform: scale(1.5); -webkit-transform: scale(1.5); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
.industry-one-img .txt{ height: 60px; line-height: 60px; padding-right: 35px; color: #666666; position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.industry-one-img .line{ position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #ccc;}
.industry-one-img .ico{ background: url(../img/arrow7.png) no-repeat; width: 13px; height: 10px; position: absolute; right: 8px; top: 50%; margin-top: -5px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.industry-one-img .txt:before{ content:""; width:100%; height:1px; background:#A0723E; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1),-webkit-transform .44s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; z-index: 2;}
.industry-one-img dd:hover .img img{ transform:scale(1); -webkit-transform:scale(1);}
.industry-one-img dd:hover .bor{ opacity: 1;  transform:scale(1); -webkit-transform:scale(1);}
.industry-one-img dd:hover .txt:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.industry-one-img dd:hover .txt{ color: #26287a;}
.industry-one-img dd:hover .ico{ background-image: url(../img/arrow6.png); right: 0;}

.industryListPage2{ position: relative;}
.industryListPage2  .ilogo{ margin-bottom: 20px;}
.industryListPage2  .pageC-zh{ margin-bottom: 35px;}
.industryListPage2 .ipnav{ margin-top: 50px;}
.industryListPage2 .iptx{ margin-bottom: 20px;}
.industry-list-two a:link, .industry-list-two a:visited { color: #333;}
.industry-list-two a:active,.industry-list-two a:hover { color: #333;}  
.industry-list-two dd{ float: left; display: block; width: 15.66%; overflow: hidden; margin-right: 1%; text-align: center; background-color: #f4f4f4;}
.industry-list-two figure{ overflow: hidden;}
.industry-list-two figure img{ width: 100%; display: block; transform:scale(1.05); -webkit-transform:scale(1.05); transition: 0.5s; -webkit-transition: 0.5s;}
.industry-list-two .item{ display: block; padding-bottom: 175px; position: relative;}
.industry-list-two .con{ height: 230px; position: absolute; left: 0; bottom: 0; margin-bottom: -55px; width: 90%; padding: 30px 5% 0px; height: 200px; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
.industry-list-two .ico{ width: 50px; height: 50px; position: relative; margin: 0px auto 8px; display: block;}
.industry-list-two .ico i{ background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.industry-list-two .ico .i1{display: block;}
.industry-list-two .ico .i2{display: none;}
.industry-list-two .zh{ font-size: 16px; line-height: 1.5; color: #333;}
.industry-list-two .en{ font-family: "pf_din_text_comp_proregular"; line-height: 1.2; color: #999999; margin-bottom: 30px;}
.industry-list-two .moreBtn{ opacity: 0; visibility: hidden;}
.industry-list-two .moreBtn .txt{ color: #fff;}

.industry-two-ul li{ position: relative;}
.ilink-ico1,.ilink-ico2{ width: 48px; height: 48px; border-radius: 50%; float: left; display: block; background-color: #b2a89c;}
.ilink-ico1 i,.ilink-ico2 i{ width: 100%; height: 100%; display: block; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.ilink-ico1{ margin-right: 12px;}
.ilink-ico2{ position: relative;}
.ilink-ico2 .wx-box { position: absolute; z-index: 1; top: 50%; left: 140%; width: 120px; height: 120px; margin-top: -75px; padding: 15px; border: 1px solid #fff; border-radius: 15px; background: #fff; opacity: 0; visibility: hidden; box-shadow: 0 0 16px rgba(0, 0, 0, 0.22); transform: scale(0); transform-origin: 0% 50%; transition: all .5s; }
.ilink-ico2 .wx-box img { width: 100%; display: block;}
.ilink-ico2 .wx-box:before { content: ''; position: absolute; top: 50%; left: 0%; margin: -8px 0 0 -12px; border-right: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; }
.ilink-ico2 .wx-box:after { content: ''; position: absolute; top: 50%; left: 0%; margin: -8px 0 0 -12px; border-right: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; z-index: 1; }
.ilink-ico2 .black-30{ display: none;}
.ilink-ico2.act .wx-box { opacity: 1; visibility: visible; transform: none; }
.industry-link .moreBtn{ margin-top: 20px;}
.industry-info-t{ border-bottom: 1px solid #aaaaaa; padding-bottom: 28px;}
.industry-link2{ float: right; display: block;}
.industry-link2 .ilink-ico2 .wx-box { left: auto; right: 140%; transform-origin: 100% 50%; }
.industry-link2 .wx-box:before { left: auto; right: 0; margin: -8px -12px 0 0px; border-right: 0px none; border-left: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; }
.industry-link2 .wx-box:after { left: auto; right: 0; margin: -8px -12px 0 0px; border-right: 0px none; border-left: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; z-index: 1; }
.industry-link-img{ margin-left: -1%;}
.industry-link-img li{ float: left; display: block; width: 15.66%; margin:20px 0px 0px 1%;}
.industry-link-img figure{ border: 1px solid #cccccc; overflow: hidden;}
.industry-link-img figure img{ width: 100%; display: block;}
.industry-previous{ margin: 0;}
.industry-info-banner-box{ padding-top: 5%;}
.industry-info-banner{ position: relative; height: 584px;}
.industry-info-banner .item{ position: relative;}
.industry-info-banner .img{ position: relative; overflow: hidden;}
.industry-info-banner .img img{ width: 100%; display: block; height: 584px;}
.industry-info-banner .slick-active .img { -webkit-animation: imgIn 1s ; animation: imgIn 1s;}
.industry-info-banner .slick-active .img img { -webkit-animation: slideIn 1s; animation: slideIn 1s; }
.industry-info-banner .slick-arrow{ background:url(../img/fz_i2.png) repeat; width:69px; height: 69px; z-index: 105; top: 50%; margin-top: -35px;}
.industry-info-banner .slick-arrow i{ width: 100%; height: 100%; display: block; transition: 300ms; -webkit-transition: 300ms;}
.industry-info-banner .slick-prev{ left: -100px; }
.industry-info-banner .slick-next{ right: -100px;}
.industry-info-banner .slick-prev i{ background: url(../img/fz_ici1.png) no-repeat scroll center center;}
.industry-info-banner .slick-next i{ background: url(../img/fz_ici12.png) no-repeat scroll center center;}
.f30{ font-size: 30px; line-height: 1.5;}
.industry-info-page{ margin-bottom: 80px;}

.industrytwo6-page{ border-bottom: 1px solid #cccccc; padding-bottom: 40px; margin-bottom: 40px;}
.ipageT{ font-size: 24px; margin-bottom: 24px; line-height: 1.5; color: #26287a;}
.isaleItem-list dd{ margin-bottom: 28px; background-color: #fff; position: relative;transition:0.43s;}
.isaleItem-list a:link, .isaleItem-list a:visited { color: #666666;}
.isaleItem-list a:active,.isaleItem-list a:hover { color: #26287a;}  
.isaleItem-list .img{ overflow: hidden; }
.isaleItem-list .img img{ width: 100%; display: block;  transition: 600ms; -webkit-transition: 600ms; transform: scale(1.06); -webkit-transform: scale(1.06);}
.isaleItem-list .con{ padding: 22px 202px 22px 5%; position: relative;}
.isaleItem-list .con p{text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.isaleItem-list .con .t{ font-size: 24px; color: #666666;}
.isaleItem-list .con .c{ color: #666666;}
.isaleItem-list .moreBtn{ position: absolute; right: 5%; top: 40%;}
.isaleItem-list dd:hover .img img{transform: initial; -webkit-transform: initial;}
.isaleItem-list dd:hover{ box-shadow:0 0 29px rgba(0,0,0,0.33);}
.add-list{ padding: 50px 0px 0px;}
.add-list a:link, .add-list a:visited { color: #666;}
.add-list a:active,.add-list a:hover { color: #26287a;}  
.add-list dd{ float: left; display: block; width: 32%; margin-right: 2%; position: relative; margin-bottom: 20px; transition:0.43s; -webkit-transition:0.43s; background-color: #fff; cursor: zoom-in;}
.add-list dd:nth-child(3n){ margin-right: 0;}
.add-list .img{ position: relative; overflow: hidden;}
.add-list .img img{ width: 100%; display: block;  transform:scale(1.05); -webkit-transform:scale(1.05); transition:0.6s; -webkit-transition:0.6s;}
.add-list dd:hover .img img{ transform:scale(1); -webkit-transform:scale(1);}
.add-list dd:hover{ box-shadow:0 0 21px rgba(0,0,0,0.33);}

/*industry style end*/
/*industrytwo2*/
.s_logo{ display:block; margin:0 auto; max-width:100%; }
.store-ctt{ background:#fff; }
.store-list .spicbox{ width:43%; float:left; }
.spicbox{ position:relative; }
.store-list .txts{ width:57%; float:left; }
.s-ti{ font-size:24px; line-height:1.4; color:#26287a; }
.store-list .txts .pa{ padding:60px 60px 0 60px; }
.store-list .txts .s-ti{ margin-bottom:27px; line-height: 1.2;}
/*.tools a{ width:48px; height:48px; border-radius:100%; background:#b2a89c; display:block; float:left; margin-right:12px; background-repeat:no-repeat; background-position:center center; }
.tools .s1{ background-image:url(../img/rr_s_ico_1.png); }
.tools .s2{ background-image:url(../img/rr_s_ico_2.png); }
.tools a:hover{ background-color:#26287a; }*/
.store-list .txts .tools{ margin-top:37px; }
.store-list .txts .freeTx{ max-height:168px; overflow:hidden; }
.spicslide .pic img{ transform:none; -webkit-transform:none; }
.pic.zslistpic img {
  max-height: 400px;
  width: auto;
  margin: 0 auto;
}
.spicslide .slick-arrow{ width:34px; height:34px; position:absolute; top:50%; margin-top:-17px; z-index:99;  }
.spicslide .slick-arrow i{ display:block; width:100%; height:100%; position:relative; }
.spicslide .slick-arrow:before{ content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.7); transform:rotate(45deg); -webkit-transform:rotate(45deg); transition:300ms; -webkit-transition:300ms; } 
.spicslide .slick-prev{ left:18px; }
.spicslide .slick-next{ right:18px; }
.spicslide .slick-prev i{ background:url(../img/rr_sp_prev.png) no-repeat center center; }
.spicslide .slick-next i{ background:url(../img/rr_sp_next.png) no-repeat center center; }
.spicslide .slick-arrow:hover:before{ background:#26287a; }
.spicbox .shadow,.hotel-list .shadow{ position:absolute; left:0; right:0; bottom:0; background:url(../img/rr_shadow.png) no-repeat center top; height:99px; z-index:99; background-size:100% 99px; }
.spicbox .actnum{ text-align:center; position:absolute; left:0; right:0; bottom:12px; color:#fff; z-index:99; }
.store-list li{ border-bottom:1px solid #cbcbcb; background:#fff; }
.store-list .item1 .spicbox,.store-list .item1 .txts{ float:left; }
.store-list .item2 .spicbox,.store-list .item2 .txts{ float:right; }
.brands-box{ padding:56px 75px 65px 65px; }
.brandsList li{ width:14.86%; margin-left:1.8%; margin-bottom:1.8%; float:left; }
.brandsList{ margin-left:-1.8%; }
.brandsList .pic img{ transform:none; -webkit-transform:none; }
.brandsList .pic{ border:1px solid #ccc; transition:300ms; -webkit-transition:300ms; }
.brandsList li:hover .pic{ border-color:#26287a; }
.brands-box .s-ti{ margin-bottom:20px; }
.brandsList{ margin-top:40px; }
.store-ctt{ margin-top:50px; }
.spicslide .item{ position:relative; }
/*industrytwo2 end*/
/*industrytwo3*/
.b-ti .b-logo{ float:left; width:237px; max-width:100%; display:block; }
.b-ti .ti{ font-size:24px; color:#26287a; float:left; line-height:49px; margin-left:35px; }
.b-ti .tools{ float:right; }
.b-ti .tools a{ margin-left:12px; margin-right:0; }
.build-box{ background:#fff; }
.b-ti .freeTx{ margin-top:27px; border-top:1px solid #ccc; padding-top:27px; }
.b-ti{ padding:57px 75px 46px 65px; }
.b-ti .b{ float:left; }
.spicbox2 .actnum{ right:8%; left:auto; }
.spicbox2 .nowti,.hotel-list .nowti{ position:absolute; left:8%; right:8%; bottom:12px; font-size:18px; color:#fff; z-index:99; text-align:center; }
/*industrytwo3 end*/
/*industrytwo4*/
.hnav a{ display:block; width:50%; float:left; color:#666; font-size:0; text-align:center; }
.hnav{ border:1px solid #958d85; }
.hnav .ico,.hnav .ti{ display: inline-block; *zoom: 1;*display: inline;vertical-align: middle; }
.hnav .ico{ height:56px; width:40px; background-position:center top; background-repeat:no-repeat; margin-right:3px; }
.hnav .ti{ font-size:14px; line-height:56px; }
.hnav .h1 .ico{ background-image:url(../img/rr_h_ico_1.png); }
.hnav .h2 .ico{ background-image:url(../img/rr_h_ico_2.png); }
.hnav a:hover .ti,.hnav a.act .ti{ color:#fff; }
.hnav a:hover,.hnav a.act{ background:#958d85; }
.hnav a:hover .ico,.hnav a.act .ico{ background-position:center bottom; }
.hotel-list dd{ width:32.53%; margin-left:0.8%; margin-bottom:2.2%; float:left; position:relative; color:#fff;  cursor: zoom-in;}
.hotel-list a{ color:#fff; }
.hotel-list{ margin-left:-0.8%; margin-top:60px; }
.hotel-list .shadow{ height:75px; background-size:100% 75px; }
.hotel-list .nowti{ left:15px; right:15px; font-size:14px; bottom:10px; }
.hotel-ctt{ background:#fff; margin-top:27px; }
.f-logo{ display:block; max-width:100%; }
.spicbox2 .f-logo{ position:absolute; left:60px; top:50px; z-index:99; }
.b-ti2{ border-bottom:1px solid #ccc; padding:0; padding-bottom:20px; }
.f-tx{ margin-top:60px; }
.f-tx.mt{ margin-top:35px; }
/*industrytwo4 end*/
/*hr style*/
.hrti { text-align: center; }
.hrti .ch { font-size: 30px; color: #26287a; line-height: 1.4; }
.hrti .en { font-family: "pf_din_text_comp_proregular"; font-size: 18px; text-transform: uppercase; line-height: 1.1; color: #b5b4b3; margin-top: 6px; }
.ipnav { text-align: center; font-size: 0; padding: 18px 0; margin-top: 70px; }
.ipnav li { display: inline-block; *zoom: 1;
*display: inline;
vertical-align: middle; width: 88px; height: 88px; font-size: 16px; color: #fff; position: relative; margin: 0 32px; cursor: pointer; }
.ipnav p { position: relative; padding-top: 30px; }
.ipnav li:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: 300ms; -webkit-transition: 300ms; }
.ipnav .ip1:before, .ipnav .ip1 span { background: #26287a; }
.ipnav .ip2:before, .ipnav .ip2 span { background: #eb3541; }
.ipnav .ip3:before, .ipnav .ip3 span { background: #f46771; }
.ipnav .ip4:before, .ipnav .ip4 span { background: #b8b8b8; }
.ipnav .ip5:before, .ipnav .ip5 span { background: #999999; }
.ipnav li:after { content: ""; position: absolute; left: 0; right: 0; height: 4px; background: url(../img/rr_hr_aw.png) no-repeat center bottom; bottom: 6px; transform: translateY(-10px); -webkit-transform: translateY(-10px); opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.ipnav li span { display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 0; transform: rotate(45deg) scale(1.2); -webkit-transform: rotate(45deg) scale(1.2); opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.ipnav li:hover span { transform: rotate(45deg) scale(1); -webkit-transform: rotate(45deg) scale(1); opacity: 1; visibility: visible; }
.ipnav li.act span { transform: rotate(45deg) scale(1); -webkit-transform: rotate(45deg) scale(1); opacity: 1; visibility: visible; }
.ipnav li.act:after { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.iptx { width: 720px; max-width: 100%; text-align: center; margin: 40px auto 0 auto; line-height: 2; }
.iptx li { display: none; transform: translateX(60px); -webkit-transform: translateX(60px); opacity: 0; visibility: hidden; transition: 700ms; -webkit-transition: 700ms; }
.iptx li.show { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.hr1 { padding: 95px 0 70px 0; }
.fixbg { background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
.hrti.color-w .ch { color: #fff; }
.workSlide .wa { color: #666; background: #fff; display: block; margin: 0 13px; }
.pic { overflow: hidden; }
.pic > img ,.pic>a> img { display: block; width: 100%; transition: 600ms; 
	/* -webkit-transition: 600ms; transform: scale(1.05); -webkit-transform: scale(1.05); */
}
.scapic:hover img { transform: initial; -webkit-transform: initial; }
.workSlide .wa .nowti { text-align: center; padding: 18px 10px; }
.indexlide .nowti{
  background: #26287a;
  color: #fff;
}
.indexlide .nowti:hover,.indexlide .wa:hover .nowti {
	color: #fff !important;
}
.workSlide .wa:hover .nowti { color: #26287a; }
.workSlide .slick-arrow { width: 22px; height: 49px; position: absolute; top: 50%; margin-top: -25px; z-index: 99; transition: 0ms; -webkit-transition: 0ms; }
.workSlide .slick-prev { background: url(../img/rr_w_prev.png) no-repeat left center; left: -44px; }
.workSlide .slick-next { background: url(../img/rr_w_next.png) no-repeat right center; right: -44px; }
.moreBtn3 { color: #fff; margin: 0 auto; }
.moreBtn3:before{ background-image: url(../img/more_bg.png);}
.moreBtn3:hover .txt{ color: #fff;}
.workSlide { margin: 64px auto 62px auto; }
.hr2 .fixbg { padding: 82px 0 124px 0; }
.workSlide .slick-prev:hover { background-position: right center; }
.workSlide .slick-next:hover { background-position: left center; }
.orIndro .t { font-size: 16px; font-weight: bold; }
.orIndro a { color: #26287a; }
.orIndro .email { font-size: 15px; margin: 0 8px 0 11px; position: relative; }
.orIndro .email:before { content: ""; position: absolute; left: 0; right: auto; width: 100%; height: 1px; background: #26287a; bottom: 0; transition: 400ms; -webkit-transition: 400ms; }
.orIndro .email:hover:before { width: 0; right: 0; left: auto; }
.orIndro { position: relative; /*padding-right: 240px;*/ margin-top: 46px; }
.setEmail { display: block; width: 222px; height: 38px; line-height: 38px; text-align: center; background: #26287a; color: #fff !important; }
.setEmail:hover { background: #999; }
.orIndro .setEmail { position: absolute; right: 0; bottom: 6px; }
.orTable { margin-top: 36px; }
.orTable table { width: 100%; border: 1px solid #ccc; border-collapse: collapse; color: #333; }
.orTable table td { border: 1px solid #ccc; padding: 16px 28px; }
.orTable table th { background: #26287a; text-align: left; color: #fff; font-weight: normal; padding: 10px 28px; }
.orTable table .r1 { width: 27.75%; }
.orTable table .r2 { width: 72.25%; }
.orTable table td:nth-child(2), .orTable table th:nth-child(2) { padding-left: 45px; padding-right: 45px; }
.orTable table a { color: #26287a; margin-right: 58px; position: relative; }
.orTable table a:before { content: ""; width: 0; bottom: 0; height: 1px; background: #26287a; left: auto; right: 0; transition: 300ms; -webkit-transition: 300ms; position: absolute; }
.orTable table a:hover:before { width: 100%; right: auto; left: 0; }
.hrPaging { padding: 75px 0 95px 0; }
.nowti { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.hrList{ margin: 25px 0px 0px;}
.hrList .hspan{ text-align:center;cursor:pointer; width: 13%; display: block; float: left; height: 50px; line-height: 50px;}
.hrList .hspan1{ text-align: left; padding-left: 5%; width: 17%;}
.hrList .hrdt{ background-color: #b1b1b1; color: #fff;}
.hrList dd{ margin-bottom: 3px; position: relative;}
.hrList .hrdt{ height: 50px; overflow: hidden;}
.hrList .hrT{ background-color: #f2f2f2; color:#666666;}
.hrList .hrT .hspan{ line-height: 50px; height: 50px;}
.hrList .ib{ width:16px; height:16px; margin: 17px auto 0px; display: block; position:relative; transition:400ms;-webkit-transition:400ms;}
.hrList .ib i{ display:block; background-color:#999999;}
.hrList .ib .ic1{ width:2px; height:16px; margin-left:7px;}
.hrList .ib .ic2{ width:16px; height:2px; position:absolute; left:0; top:50%; margin-top:-1px;}
.hrList .hrB{ border: 1px solid #eb3a4b; display: none;}
.hrList .hrCon{ width: 91%; margin: 0px auto; padding:30px 0px 50px; overflow: hidden;}
.hrList dd.active .hrT,.hrList dd:hover .hrT{ background-color:#26287a; color: #fff;}
.hrList .active .ib i,.hrList dd:hover .ib i{ background-color: #fff;}
.hrList .active .ib{transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);}
.hrList .active .ib .ic2{ display: none;}
.hline { border-top: 1px solid #eeeeee; padding: 22px 0px 0; margin-top: 35px; }
.hline a:link, .hline a:visited { color: #26287a; text-decoration: underline; }
.hline a:active, .hline a:hover { color: #212121; }
/*hr style end*/
/*wing style*/
.service-ul{ padding: 0px 0px 10px;}
.service-ul dd{ padding-bottom: 0;}
.service-ul .txt{ height: 64px; overflow: hidden; line-height: 64px; text-align: center; padding: 0px 5%; text-overflow: ellipsis; white-space: nowrap;}
.wingBox { padding: 48px 0 63px 0; }
.pbg { background: #f9fafc; }
.yyPageNav { padding: 8px 15px; background: #fff; }
.yyPageNav a { float: left; color: #666; line-height: 25px; padding: 5px 36px; margin-left: -1px; position: relative; transition: background 300ms; -webkit-transition: background 300ms; }
.yyPageNav a:before { content: ""; height: 14px; width: 1px; background: #ccc; position: absolute; top: 50%; margin-top: -7px; right: 0; transition: 300ms; -webkit-transition: 300ms; }
.yyPageNav a:last-child:before{ display: none;}
.yyPageNav a:hover{ color: #26287a;} 
.yyPageNav a.active { background: #cccdce; color: #fff; }
 .yyPageNav a.active:before { background: #cccdce; }
.mywingtx { background: #fff; margin-top: 17px; padding: 0 70px 58px 80px; }
.witi { line-height: 1.4; font-size: 30px; color: #26287a; }
.freeTx { text-align: justify; line-height: 2; }
.wingIntro .txts { float: left; width: 68%; }
.wingIntro .txts .freeTx { margin-top: 25px; }
.wingIntro .pic { width: 21.7%; float: right; margin-top: 22px; }
.serviceList li { width: 33.33%; float: left; height: 230px; overflow: hidden; color: #fff; text-align: center; }
.serviceList .sv1 { background: #b2926e; }
.serviceList .sv2 { background: #958d85; }
.serviceList .sv3 { background: #bab3ab; }
.serviceList .ico { width: 76px; height: 76px; border: 1px solid #fff; margin: 0 auto; border-radius: 100%; display: block; background-repeat: no-repeat; background-position: center center; margin-bottom: 11px; }
.serviceList .sv1 .ico { background-image: url(../img/rr_wing_ico_1.png); }
.serviceList .sv2 .ico { background-image: url(../img/rr_wing_ico_2.png); }
.serviceList .sv3 .ico { background-image: url(../img/rr_wing_ico_3.png); }
.serviceList .ti { font-size: 18px; line-height: 1.4; margin-bottom: 4px; }
.serviceList .pa { padding: 25px 40px 0 40px; }
.serviceList li:hover .ico { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.serviceList { margin-top: 45px; }
.wing1 { padding: 75px 0 0 0; }
.ccList .freeTx { margin-left: 40%; }
.ccList li { position: relative; }
.ccList .picbox { width: 40%; position: absolute; top: 0; left: 0; bottom: 0; }
.ccList .picbox img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 90%; margin: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; }
.ccList .freeTx .ti { font-weight: bold; color: #26287a; }
.ccList .freeTx { padding: 37px 30px 40px 30px; border-left: 1px solid #d2d2d2; }
.ccList li { border-bottom: 1px solid #d2d2d2; }
.ccList { border: 1px solid #d2d2d2; border-bottom: none; margin-top: 16px; }
.ccList .cc1 .picbox { background: #f9fafc; }
.ccList .cc2 .picbox { background: #faf5e8; }
.wing2 { padding: 60px 0 0 0; }
.msImg { display: block; width: 100%; margin-top: 32px; }
.wing3 { padding: 60px 0 0 0; }
.handleCard { display: block; width: 305px; height: 49px; line-height: 49px; color: #fff; margin: 55px auto 0 auto; background-color: #26287a; text-align: center;}
.handleCard span { padding-left: 50px; color: #fff; background: url(../img/rr_hc_ico.png) no-repeat 0px center; display: inline-block;}
.handleCard:hover { background-color: #999; }
.msTelBox { border-top: 1px solid #ccc; padding-top: 30px; margin-top: 66px; }
.msTelBox .tel { font-size: 16px; padding-left: 50px; position: relative; }
.msTelBox .tel:before { content: ""; position: absolute; width: 35px; height: 35px; left: 0; top: 50%; margin-top: -17px; background: url(../img/rr_tel.png) no-repeat center center; }
.msTelBox .tel a { color: #666; cursor: auto; }
.msTelBox .tel em { font-style: normal; font-size: 18px; color: #a0723e; margin-right: 12px; }
.msTelBox .tel span { margin: 0 15px; }
.maIntro { margin-top: 50px; }
.maList .scapic { display: block; width: 31.33%; margin-left: 2%; margin-bottom: 2.5%; float: left; color: #666; background: #fff; padding-bottom: 14px; }
.maList { margin: 63px 0 8px -2%; }
.maList .tx { line-height: 18px; height: 36px; text-align: center; margin-top: 14px; padding: 0 30px; overflow: hidden;}
.maList .scapic:hover { box-shadow: 0 0 20px rgba(0,0,0,.2); }
.maList .scapic:hover .tx { color: #26287a; }
.paging{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:40px}
.paging a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #ddd;border-radius:4px;color:#666;font-size:14px;transition:all .3s}
.paging a.page-num,.paging span.page-num{width:40px;height:40px;line-height:40px;text-align:center;display:inline-block;margin:0}
.paging a.page-num-current,.paging a:hover{background:#6C3419;color:#fff;border-color:#6C3419}
.paging .prev,.paging .next{position:static;width:40px;height:40px;background:#fff;border:1px solid #ddd;border-radius:4px;background-repeat:no-repeat;background-position:center center;background-size:16px auto}
.paging .prev{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M604.7 759.2l-45.3 45.3L307.6 552.7c-16.6-16.6-16.6-43.5 0-60.1L559.4 240.8l45.3 45.3L359 531.7c-4.2 4.2-4.2 11 0 15.2l245.7 212.3z'/%3E%3C/svg%3E")}
.paging .next{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M419.3 759.2l45.3 45.3L716.4 552.7c16.6-16.6 16.6-43.5 0-60.1L464.6 240.8l-45.3 45.3L665 531.7c4.2 4.2 4.2 11 0 15.2L419.3 759.2z'/%3E%3C/svg%3E")}
.paging .prev:hover,.paging .next:hover{background-color:#6C3419}
.ombox { background: #fff; padding:56px 0 78px 70px; margin-top:20px; }
.ombox .ti{ font-size:24px; color:#26287a; line-height:1.4; margin-bottom:17px; }
.omForm .s-input,.omForm .s-textarea{ font-size: 14px; display:block; line-height:24px; border:1px solid #d1d1d1; padding:15px 25px; color:#666; transition:300ms; -webkit-transition:300ms; }
.omForm .clearfix .s-input{ width:465px; float:left; margin-right:20px; }
.omForm .clearfix .s-input:last-child{ margin-right:0; }
.omForm .s-textarea{ width:1002px; height:96px; resize: none;}
.omForm li{ margin-bottom:15px; overflow:hidden; }
.omForm .ma{ width:180px; border:1px solid #d1d1d1; float:left; overflow:hidden; height:54px; }
.omForm .ma img{ display:block; width:100%; }
.subBtn{border: 0px none; width:132px; height:49px; line-height:49px; text-align:center; display:block; background:#26287a; color:#fff; cursor:pointer; margin-top:20px; transition:300ms; -webkit-transition:300ms; }
.subBtn:hover{ background:#666; }
.omForm .s-input:focus,.omForm .s-textarea:focus{ border-color:#26287a; }
.omForm{ margin-top:22px; }
.cta-banner{ position: relative; overflow: hidden;}
.cta-banner .load-img2{ position: absolute; display: block; width: 100%;}
.cta-banner .pinner{ width:1200px; left:50%; margin-left:-600px; bottom:53%; }
.ctabox{ background:#fff; position:relative; z-index:99; margin-top:-20%; }
.ctabox .pa{ padding:60px 100px 100px 100px; }
.ctaList .namebox{ width:33%; float:left; }
.ctaList .ti{ font-size:20px; color:#333; line-height:1.4; padding-right:20px; }
.ctaList .ctas{ width:49%; float:left; }
.ctaList .ctas .citme{ color:#666; line-height:25px; display:block; position:relative; padding-left:40px; margin-bottom:11px; padding-right:20px; } 
.ctaList .ctas .citme:before{ width:40px; height:25px; position:absolute; top:0; left:0; content:""; background-repeat:no-repeat; background-position:left center; }
.ctaList .ctas .c1:before{ background-image:url(../img/rr_cta_ico_1.png); }
.ctaList .ctas .c2:before{ background-image:url(../img/rr_cta_ico_2.png); }
.ctaList .ctas .c3:before{ background-image:url(../img/rr_cta_ico_3.png); }
.ctaList .ctas a:hover{ color:#26287a; }
.ctaList .mabox{ width:18%; float:left; }
.ctaList .mabox .ma{ width:96px; text-align:center; line-height:1.4; max-width:100%; }
.ctaList .mabox .ma img{ display:block; width:100%; }
.ctaList li{ border-bottom:1px solid #ccc; padding:60px 0 36px 0; }
.ctaList{ border-top:2px solid #333; }
.ctaArea{ padding-bottom:75px; }
.ctaList .ctas a:hover:before{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.wingshowBox{ position: relative; padding:60px 70px; margin: 0px auto; width: 300px; background-color: #fff; text-align: center; color: #26287a; font-size: 18px; box-shadow: 0 0 20px rgba(0,0,0,0.1); border: 1px solid #f9fafc; -webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.wingshowBox .open-box-close{ background: url(../img/close_i2.png) no-repeat scroll center center; width: 45px; height: 45px; display: block; position: absolute; right: 0px; top: 0px;}
.open-box .wingshowBox {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
.open-box  .open-modal {opacity: 1;visibility: visible;}
.open-modal{ position: fixed; left: 0px; top: 0px; overflow-y: auto; right: 0px; bottom: 0px; z-index: 1200;opacity: 0;background: url(../img/black_50.png.png) repeat;background:none rgba(0,0,0,0.5);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;-webkit-overflow-scrolling:touch; display: none; }
.align-vertical{ height: 100%; width: 100%; position: relative; display: table;}
.vertical-inner{display:table-cell; vertical-align: middle;}
/*wing end*/
/*add join style*/
.recruitment-list{ padding: 45px 0px 0px;}
.recruitment-list a:link, .recruitment-list a:visited { color: #666666;}
.recruitment-list a:active,.recruitment-list a:hover { color: #26287a;}  
.recruitment-list dd{ float: left; display: block; width: 32%; margin-right: 2%; position: relative; margin-bottom: 25px; transition:0.43s; -webkit-transition:0.43s; background-color: #fff;}
.recruitment-list dd:nth-child(3n){ margin-right: 0;}
.recruitment-list .img{ position: relative; overflow: hidden;}
.recruitment-list .img img{ width: 100%; display: block;  transform:scale(1.05); -webkit-transform:scale(1.05); transition:0.6s; -webkit-transition:0.6s;}
.recruitment-list .txt{ line-height: 1.5; overflow: hidden; text-align: center; padding: 15px 5% 20px; text-overflow: ellipsis; white-space: nowrap;}
.recruitment-list dd:hover .img img{ transform:scale(1); -webkit-transform:scale(1);}
.recruitment-list dd:hover{ box-shadow:0 0 21px rgba(0,0,0,0.33);}
.recruitment-list dd:hover .txt{ color: #26287a;}
.recruitment-info{ background-color: #f2f2f2; padding: 30px 55px;}
.recruitment-select-box{ margin-top: 35px;}
.recruitment-select{ float: left; display: block; width: 60%;}
select.mar-sel { padding: 10px 26px 10px 8px; line-height: 18px; vertical-align: middle; border: 1px solid #959595; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "Microsoft JhengHei"; color: #666666; font-size: 14px; font-family: "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial; cursor: pointer; float: left; display: block; margin:0px 2% 25px 0px; width: 40%; border-radius: 0;}
select.mar-sel option { padding: 2px 2%; box-sizing: border-box; }
select.mar-sel:hover { color: #101010; }
.csstransitions select.mar-sel { background: url(../img/link_select_ico2.png) no-repeat scroll 95% center; }
.recruitment-serach{ float: right; display: block; width: 200px; padding:0 88px 0 0; position: relative;}
.recruitment-serach .txt{ width: 80%; padding: 10px 10%; border: 1px solid #959595; border-right: 0px none; height: 22px; line-height: 22px;}
.recruitment-serach .btn{ position: absolute; right: 0; top: 0; width: 88px; text-align: center; height: 100%; line-height: 42px; color: #fff; background-color: #26287a;}
.recruitment-serach .btn:hover{ background-color: #733E1F;}
.recruitment-serach .txt:focus{ border-color: #26287a;}
.recruitment-select-t{ padding-top: 40px; color: #333333; font-size: 18px;}
.recruitment-select-t .en{ margin-left: 10px; color: #b5b4b3; font-family: "pf_din_text_comp_proregular"; text-transform: uppercase;}
.join-box-btn{ padding-top: 30px;}
.join-box-btn .btn{ float: left; display: block; background-color: #26287a; color: #fff; padding: 10px 40px; margin-right: 30px;}
.join-box-btn .btn .txt{ background: url(../img/join_i0.png) no-repeat scroll left center; padding-left: 34px; display: inline-block;}
.join-box-btn .btn1 .txt{ background-image: url(../img/join_i1.png);}
.join-box-btn .btn2 .txt{ background-image: url(../img/join_i2.png);}
.join-box-btn .btn3 { margin-right: 0;}
.join-box-btn .btn3 .txt{ background-image: url(../img/join_i3.png);}
.join-box-btn .btn:hover{ background-color: #3C1605;}
.join-page-bg{ background: url(../img/black_50.png) repeat; background: none rgba(0,0,0,0.5);}
.join-form{ width: 744px; background-color: #fff; border: 1px solid #cacaca; padding: 35px 80px 75px; margin: 0px auto;}
.join-form .t{ font-size: 30px; color: #26287a; background: url(../img/join_bm.png) no-repeat scroll left top; padding-left: 70px; border-bottom: 1px solid #26287a; padding-bottom: 24px; line-height: 1.4;}
.join-form .line{ border-bottom: 1px solid #26287a; margin-top: 2px; margin-bottom: 35px;}
.jfitem{ background-color: #f1f1f1; padding: 14px 18px 14px 70px; position: relative;}
.jfitem-2{ padding-left: 108px;}
.jfitem .jftxt{ width: 100%; height: 20px; line-height: 20px; border: 0px none; padding: 0; margin: 0; color: #666666; display: block;}
.jfitem .name{ position: absolute; left: 16px; color: #666666; top: 26%;}
.jformlist dd{ margin-top: 18px; float: left; display: block; width: 47%; margin-right: 6%;}
.jformlist dd.jfitem-ddr{ margin-right: 0;}
.jformBox2-t{ font-weight: bold; font-size: 18px; color: #26287a; padding-bottom: 12px; border-bottom: 3px solid #dfdfdf; margin: 36px 0px;}
.jformBox2 .jformlist dd{ margin-top: 0; margin-bottom: 5px;}
.jformBox2 .title{ padding: 8px 0px; line-height: 1.5;}
.jformlist2 dd{ margin-bottom: 5px;}
.jfitem-bg{ background-color: #f1f1f1; padding: 14px 18px;}
.jfitem-bg .jftxt{ width: 100%; height: 20px; line-height: 20px; border: 0px none; padding: 0; margin: 0; color: #666666; display: block;}
.jfitem-bg .jftext{  width: 100%; line-height: 1.8; height: 90px; resize: none; border: 0px none; padding: 0; margin: 0; color: #666666; display: block;}
.bge8e7e7{ background-color: #e8e7e7;}
.add-jform-box{ padding: 22px 0px 35px;}
.add-jform-btn{ background: url(../img/jmore.png) no-repeat scroll left center; padding:4px 0px 4px 35px; display: inline-block;}
.add-jform-btn:hover { background-image: url(../img/jmore2.png);}
.add-jform-btn:hover .txt{ color: #3C1605;}
.jf-yzm-box{ position: relative; padding-right: 194px;}
.jf-yzm-box .yzmlink{ display: block; position: absolute; right: 0; top: 0; width: 182px; border: 1px solid #D1D1D1; display: block;}
.jf-yzm-box .yzmlink img{ width: 100%; display: block;}
.jf-yzm-box .yzmtxt{ padding: 17px 5%; border: 1px solid #D1D1D1; width: 90%;}
.jf-yzm-box .yzmtxt:focus{ border-color: #26287a;}
.jformBtn{ display: block; width: 100%; padding: 14px 0px; margin-top: 22px; color: #fff; background-color: #26287a; text-align: center; }
.jformBtn .txt{ color: #fff;}
.jformBtn:hover{ background-color: #3C1605;}
.jfitem-line{ margin: 25px 0px 20px; height: 1px; background-color: #dfdfdf;}
.campusImg{ margin-top: 40px; overflow: hidden;}
.campusImg img{ width: 100%; display: block;}
.campus-demo{ margin: 35px auto 0px; width: 1024px;}
.campus-demo .item{ float: left; position: relative; overflow: hidden; margin: 0px 12px; cursor: zoom-in;}
.campus-demo .img{ overflow: hidden;}
.campus-demo .img img{ width: 100%; display: block; transform:scale(1.05); -webkit-transform:scale(1.05); transition:0.6s; -webkit-transition:0.6s;}
.campus-demo .item:hover .img img{ transform:scale(1); -webkit-transform:scale(1);}
.campus-demo .slick-arrow { width: 22px; height: 49px; position: absolute; top: 50%; margin-top: -25px; z-index: 99; transition: 300ms; -webkit-transition: 300ms; }
.campus-demo .slick-prev { background: url(../img/rr_w_prev2.png) no-repeat left center; left: -44px; }
.campus-demo .slick-next { background: url(../img/rr_w_next2.png) no-repeat right center; right: -44px; }
.campus-demo .slick-prev:hover { background-position: right center; }
.campus-demo .slick-next:hover { background-position: left center; }
.campus-demo .slick-prev.slick-disabled:hover{ background-position: left center;}
.campus-demo .slick-next.slick-disabled:hover{ background-position: right center;}
.campusPage{ margin-top: 50px;}
.campusPage .t{ font-size: 28px; font-weight: normal; color: #333; line-height: 1.5; margin-bottom: 26px;}
.campusPage .t2{ font-size: 18px; color: #333; margin-bottom: 10px;}
.campusPage table{ border-collapse:inherit;  width: 100% !important; }
.campusPage table td,.campusPage table th{  padding: 12px 3% !important; margin: 0px 0px!important;}
.campusPage table tr:nth-of-type(even){ background-color: #f9f9f9;}
.campusBtn{  display: block; background-color: #26287a; color: #fff; padding: 18px 0px; margin-top: 60px; text-align: center;}
.campusBtn .txt{ background: url(../img/join_i4.png) no-repeat scroll left center; padding-left: 34px; display: inline-block;}
.campusBtn:hover{ background-color: #3C1605;}
.jfitem-line2{ border-bottom: 3px solid #dfdfdf; margin-bottom: 36px; height: 0px; overflow: hidden;}
/*add join style end*/
/*serach style*/
.serachPage{ min-height:100vh; min-height: -moz-calc(100vh - 84px); min-height: -webkit-calc(100vh - 84px);  min-height: calc(100vh - 84px); }
.pbanner2 { position:relative;background-color:#bab3ab; padding: 45px 0px 65px;}
.serachT {font-size:18px;color:#fff;padding:0px 2%;}
.serach-banner-box {position:relative;z-index:1;color:#fff; }
.serach-banner-box ::-webkit-input-placeholder {color:#fff;}
.serach-banner-box :-moz-placeholder {color:#fff;}
.serach-banner-box ::-moz-placeholder {color:#fff;}
.serach-banner-box :-ms-input-placeholder {color:#fff;}
.serach-banner-box .t {font-size:28px;padding-bottom:8px;}
.serach-banner {position:relative;width:448px;padding:16px 84px 16px 24px;background-color:#26287a;height:24px;line-height:24px;}
.serach-banner .txt {border:0px none;height:24px;line-height:24px;padding:0px;margin:0px;width:100%;background-color:transparent;font-size:14px;color:#fff;font-family:"microsoft yahei";}
.serach-banner .btn {position:absolute;right:0px;top:0px;width:84px;height:100%;background-color:#26287a;}
.serach-banner .btn i {width:26px;height:26px;background:url(../img/serach_bg2.png) no-repeat scroll center center;background-size:cover;display:block;margin:15px auto;}
.serach-banner .btn:hover {background-color:#866135;}
.serachList a:link,.serachList a:visited {color:#333;}
.serachList a:active,.serachList a:hover {color:#26287a;}
.serachList {padding:15px 0px 40px;}
.serachList dd {background-color:#F2F2F2;margin-bottom:4px;color:#333; transition: 0.3s;}
.serachList a {display:block;padding:12px 2%;line-height:1.4;}
.serachList .w-search-txt {color:#B07D41; font-size:16px;}产
.search-t .r .xg {font-family:arial;color:#F28E00;}
.serachList dd:hover{ background-color:#DEDEDE;}
/*serach style end*/

/* ========== HOMEPAGE ========== */
.hm-wrap{max-width:1640px;margin:0 auto;padding:0 40px}
.hm-sec-sub{font-size:12px;color:#000;letter-spacing:4px;text-transform:uppercase}
.hm-sec-title{font-size:28px;color:#6C3419;font-weight:bold;margin-bottom:16px;line-height:1.2;font-weight: 600}
.hm-sec-line{width:60px;height:3px;background:#6C3419;margin-bottom:30px}
.hm-btn{display:inline-block;padding:12px 36px;border:1px solid #6C3419;color:#6C3419;font-size:15px;transition:all .3s}
.hm-btn:hover{background:#6C3419;color:#fff}
.hm-btn-center{display:table;margin:40px auto 0}
.hm-page-banner-txt .hm-sec-sub {color: #fff;}
/* Banner */
.hm-banner{position:relative;overflow:hidden;background:#1a1a1a}
.hm-banner .slick-slider{margin-bottom:0}
.hm-banner-item{position:relative}
.hm-banner-item img{width:100%;display:block}
@media(max-width:1024px){.pusher {margin-top: 60px}}

.hm-banner-txt{position:absolute;left:8%;bottom:120px;color:#fff;max-width:600px;z-index:10}
.hm-banner-en{font-size:16px;letter-spacing:6px;margin-bottom:10px;opacity:.8}
.hm-banner-zh{font-size:48px;font-weight:bold;line-height:1.2;margin-bottom:16px}
.hm-banner-desc{font-size:16px;line-height:1.8;margin-bottom:24px;opacity:.9}
.hm-banner-link{display:inline-block;padding:14px 40px;border:1px solid #fff;color:#fff;font-size:16px;transition:all .3s;background: #6C3419}
.hm-banner-link:hover{background:#6C3419;border-color:#6C3419;color:#fff}
.hm-mouse{position:absolute;left:50%;bottom:40px;width:26px;height:40px;border:2px solid rgba(255,255,255,.5);border-radius:14px;z-index:10;transform:translateX(-50%)}
.hm-mouse i{display:block;width:4px;height:8px;background:#fff;border-radius:2px;margin:6px auto 0;animation:hm-mouse 1.5s infinite}
@keyframes hm-mouse{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(10px)}}
.hm-banner .slick-dots{position:absolute;bottom:30px;display:flex;justify-content:center;list-style:none;padding:0}
.hm-banner .slick-dots li button{width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:transparent;font-size:0;cursor:pointer;padding:0;transition:all .3s}
.hm-banner .slick-dots li.slick-active button{background:#fff}

/* About */
.hm-about,#intro{padding:100px 0;background-image: url('../images/100000024.jpg')}
.hm-about-grid{display:flex;gap:80px;align-items:center}
.hm-about-text{flex:1}
.hm-about-name{font-size:22px;color:#6C3419;margin-bottom:8px}
.hm-about-tags{font-size:15px;color:#666;margin-bottom:20px}
.hm-about-desc{font-size:14px;color:#666;line-height:2;margin-bottom:30px;text-align:justify}
.hm-about-stats{display:flex;gap:40px;margin-bottom:30px}
.hm-stat-item{text-align:center}
.hm-stat-num{display:block;font-size:48px;font-weight:bold;color:#6C3419;line-height:1}
.hm-stat-unit{font-size:16px;color:#6C3419}
.hm-stat-label{display:block;font-size:13px;color:#999;margin-top:4px}
.hm-about-img{flex-shrink:0;width:480px}
.hm-about-img img{width:100%;display:block;border-radius:4px}

/* Products */
.hm-products{padding:100px 0;background:#f8f8f8}
.hm-prod-tabs{display:flex;gap:20px;margin-bottom:40px;flex-wrap:wrap}
.hm-prod-tab{padding:12px 28px;font-size:15px;color:#666;cursor:pointer;border:1px solid #e2d5d5;transition:all .3s;text-align: center}
.hm-prod-tab.active,.hm-prod-tab:hover{background: #6C3419;color: #fff;}

.js-loading .slick-slide>*,.js-loading>dd,.js-loading>.hm-news-card,.js-loading>.hm-prod-card{opacity:0}.hm-prod-slider-wrap{position:relative;overflow:hidden}.hm-prod-slider .slick-list{margin:0 -3px}.hm-prod-slider .slick-slide{margin:0 3px;box-sizing:border-box;min-width:0}.hm-prod-slider .slick-track{display:flex}.hm-prod-card{background:#fff;border-radius:4px;overflow:hidden;border:1px solid #eee;transition:all .3s}.hm-prod-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.12);transform:translateY(-4px);border-color:#ddd}.hm-prod-card.hm-hide{display:none}.hm-prod-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.hm-prod-prev,.hm-prod-next{width:40px;height:40px;border:1px solid #6C3419;border-radius:50%;background:transparent;cursor:pointer;position:relative;transition:all .3s}.hm-prod-prev:before,.hm-prod-next:before{content:'';display:block;width:10px;height:10px;border:2px solid #6C3419;border-left:0;border-bottom:0;position:absolute;top:50%;left:50%}.hm-prod-prev:before{transform:translate(-30%,-50%) rotate(-135deg)}.hm-prod-next:before{transform:translate(-70%,-50%) rotate(45deg)}.hm-prod-prev:hover,.hm-prod-next:hover{background:#6C3419}.hm-prod-prev:hover:before,.hm-prod-next:hover:before{border-color:#fff}.hm-prod-count{font-size:14px;color:#666}.hm-prod-count .current{color:#6C3419;font-weight:bold}.hm-prod-static{display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px}@media(max-width:1024px){.hm-prod-static{grid-template-columns:repeat(2,1fr)}}
.hm-prod-img{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;overflow:hidden;}
.hm-prod-img img{width:100%;height:100%;object-fit:contain;transition:transform .5s}
.hm-prod-card:hover .hm-prod-img img{transform:scale(1.08)}
.hm-prod-info{padding:16px}
.hm-prod-name{font-size:16px;color:#6C3419;margin-bottom:4px;height:22px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hm-prod-cat{font-size:13px;color:#999;margin-bottom:8px}
.hm-prod-desc{font-size:13px;color:#888;line-height:1.6;height:40px;overflow:hidden}

/* Video in Products */
.hm-prod-wrap{display:flex;gap:40px}.hm-prod-video{flex:0 0 22%;min-width:240px}.hm-video-text{margin-bottom:16px}.hm-video-player video{width:100%;display:block;border-radius:6px}.hm-prod-main{flex:1;min-width:0}@media(max-width:1024px){.hm-prod-wrap{flex-direction:column}.hm-prod-video{flex:auto;min-width:0;margin:0 auto}}

/* Cases */
.hm-cases,#image{padding:100px 0;background: url('../images/ia_200000044.jpg')}
.hm-case-page{background: url('../images/ia_200000044.jpg')}
.hm-cases-slider .slick-slide{padding:0 4px}.hm-cases-slider .slick-list{margin:0 -4px}.hm-honors{padding:100px 0;background:#f8f8f8}.hm-honors-slider .slick-slide{padding:0 4px}.hm-honors-slider .slick-list{margin:0 -4px}.hm-honor-card{border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .3s}.hm-honor-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.12);transform:translateY(-2px)}.hm-honor-img{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f5f5f5}.hm-honor-img img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.hm-honor-card:hover .hm-honor-img img{transform:scale(1.05)}.hm-honor-tag{display:block;padding:12px;text-align:center;font-size:14px;color:#333;height:20px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hm-case-card{overflow:hidden;border-radius:4px;position:relative}
.hm-case-img{display:block;overflow:hidden;position:relative}
.hm-case-img img{width:100%;display:block;transition:transform .5s;object-fit:cover}
.hm-case-card:hover .hm-case-img img{transform:scale(1.06)}
.hm-case-tag{position:absolute;left:0;bottom:0;right:0;padding:12px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-size:14px;text-align:center}

/* News */
.hm-news{padding:100px 0;background:#fff}
.hm-news-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px}
.hm-news-slider .slick-slide{padding:0 8px}.hm-news-slider .slick-list{margin:0 -8px}
.hm-news-card{background:#fff;border-radius:6px;overflow:hidden;transition:all .3s;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.hm-news-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.1);transform:translateY(-3px)}
.hm-news-img-link{display:block;overflow:hidden}
.hm-news-img-link img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.hm-news-card:hover .hm-news-img-link img{transform:scale(1.06)}
.hm-news-text{padding:18px 20px}
.hm-news-date{display:block;font-size:14px;color:#6C3419;font-weight:bold;margin-bottom:8px}
.hm-news-link{display:block;font-size:16px;color:#333;line-height:1.4;height:44px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color .3s}
.hm-news-link:hover{color:#6C3419}

@media(max-width:640px){
.hm-news{padding:60px 0}.hm-news-img-link{height:140px}.hm-news-text{padding:12px 14px}.hm-news-link{font-size:14px;height:40px}
}

/* Banner slick overrides */
.hm-banner .slick-prev,.hm-banner .slick-next{position:absolute;top:50%;z-index:20;width:50px;height:50px;background:rgba(0,0,0,.3);border-radius:50%;transform:translateY(-50%);transition:all .3s}
.hm-banner .slick-prev{left:30px}
.hm-banner .slick-next{right:30px}
.hm-banner .slick-prev:hover,.hm-banner .slick-next:hover{background:rgba(0,0,0,.6)}

/* ========== ABOUT PAGE ========== */
.hm-page-banner{position:relative;overflow:hidden;background:#1a1a1a}
.hm-page-banner:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.35);z-index:1}
.hm-page-banner img{width:100%;display:block;height:500px;object-fit:cover}
.hm-page-banner-txt{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;z-index: 2;padding: 15px 30px;border: 1px solid #fff;background: #00000030}
.hm-anchor-nav{position:sticky;top:80px;z-index:100;background:#fff;border-bottom:1px solid #eee}
.hm-anchor-nav .hm-wrap{display:flex;gap:0;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
.hm-anchor-link{display:block;padding:16px 28px;font-size:16px;color:#666;transition:all .3s;border-bottom:3px solid transparent;position:relative}
.hm-anchor-link+.hm-anchor-link:before{content:'|';position:absolute;left:0;color:#ddd}
.hm-anchor-link.active,.hm-anchor-link:hover{color:#6C3419;border-bottom-color:#6C3419}
.hm-ab-sec{padding:100px 0}
#process{background-image: url('../images/ia_900000006.jpg')}
.hm-ab-intro{display:flex;gap:60px;align-items:flex-start}
.hm-ab-intro-text{flex:1}
.hm-ab-intro-text h3{font-size:24px;color:#6C3419;margin-bottom:8px}
.hm-ab-tags{font-size:16px;color:#6C3419;margin-bottom:20px}
.hm-ab-desc{font-size:15px;color:#555;line-height:2;margin-bottom:30px;text-align:justify}
.hm-ab-desc p{margin-bottom:12px}
.hm-ab-stats{display:flex;gap:40px}
.hm-ab-stat{text-align:center}
.hm-ab-num{font-size:48px;font-weight:bold;color:#6C3419;line-height:1}
.hm-ab-unit{font-size:16px;color:#6C3419;margin-left:2px}
.hm-ab-label{display:block;font-size:13px;color:#999;margin-top:4px}
.hm-ab-intro-img{flex-shrink:0;width:480px}
.hm-ab-intro-img img{width:100%;border-radius:4px;display:block}
.hm-ab-story{max-width:1200px;margin:0 auto}
.hm-ab-story-title{font-size:22px;color:#6C3419;text-align:center;margin-bottom:30px}
.hm-ab-story-text{font-size:15px;color:#555;line-height:2.2;text-align:justify}
.hm-ab-story-text p{margin-bottom:20px;text-indent:2em}
.hm-ab-slider .slick-slide{padding:0 6px}.hm-ab-slider .slick-list{margin:0 -6px}
.hm-ab-img-card{border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .3s}
.hm-ab-img-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.12);transform:translateY(-2px)}
.hm-ab-img-link{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f5f5f5}
.hm-ab-img-link img{width:100%;height:100%;object-fit:contain;transition:transform .5s}
.hm-ab-img-card:hover .hm-ab-img-link img{transform:scale(1.05)}
.hm-ab-img-tag{display:block;padding:12px;text-align:center;font-size:14px;color:#333;height:20px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hm-ab-phil-lead{text-align:center;font-size:22px;color:#6C3419;margin-bottom:12px}
.hm-ab-phil-summary{text-align:center;font-size:15px;color:#666;margin-bottom:40px}
.hm-ab-phil-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hm-ab-phil-card{background:#fff;padding:30px 24px;border-radius:6px;text-align:center;transition:all .3s;border:1px solid #eee}
.hm-ab-phil-card:hover{border-color:#6C3419;box-shadow:0 4px 16px rgba(0,0,0,.06)}
.hm-ab-phil-card h4{font-size:14px;color:#6C3419;margin-bottom:12px}
.hm-ab-phil-card p{font-size:14px;color:#666;line-height:1.8}

@media(max-width:1024px){
.hm-ab-intro{flex-direction:column}.hm-ab-intro-img{width:100%}
.hm-ab-stats{flex-wrap:wrap;gap:20px}.hm-ab-stat{width:45%}
.hm-ab-num{font-size:36px}
.hm-ab-phil-grid{grid-template-columns:repeat(2,1fr)}
.hm-anchor-link{padding:14px 20px;font-size:14px}
.hm-page-banner img{height:400px}
}
@media(max-width:640px){
.hm-ab-sec{padding:60px 0}
.hm-ab-intro-text h3{font-size:20px}
.hm-ab-story-title{font-size:18px}
.hm-ab-story-text{font-size:14px}
#principles .hm-ab-phil-grid{grid-template-columns:repeat(2,1fr);gap:12px}#philosophy .hm-ab-phil-grid{grid-template-columns:1fr}
.hm-ab-phil-card{padding:20px 16px}
.hm-anchor-link{padding:10px 14px;font-size:12px}
.hm-page-banner img{height:280px}
.hm-anchor-nav{top:60px}

}

/* ========== PRODUCT CENTER ========== */
.hm-breadcrumb{padding:16px 0;font-size:14px;color:#999;border-bottom:1px solid #eee}
.hm-breadcrumb a{color:#666;transition:color .3s}
.hm-breadcrumb a:hover{color:#6C3419}
.hm-breadcrumb span{margin:0 8px}
.hm-prod-page{padding:50px 0 80px}
.hm-prod-layout{display:flex;gap:40px}
.hm-prod-sidebar{flex-shrink:0;width:240px}
.hm-sidebar-title{font-size:20px;color:#6C3419;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #6C3419}
.hm-sidebar-list{list-style:none;padding:0}
.hm-sidebar-item{border-bottom:1px solid #f0f0f0}
.hm-sidebar-item a{display:flex;align-items:center;gap:10px;padding:14px 12px;color:#555;font-size:15px;transition:all .3s}
.hm-sidebar-item a:hover,.hm-sidebar-item.active a{color:#6C3419;background:#f8f8f8}
.hm-sidebar-icon{flex-shrink:0;opacity:.7}
.hm-prod-main{flex:1;min-width:0}
.hm-prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.hm-pc-item{background:#fff;border-radius:6px;overflow:hidden;border:1px solid #eee;transition:all .3s;display:block}
.hm-pc-item:hover{border-color:#6C3419;box-shadow:0 4px 16px rgba(0,0,0,.08);transform:translateY(-2px)}
.hm-pc-img{overflow:hidden;aspect-ratio:4/3}
.hm-pc-img img{width:100%;height:100%;object-fit:contain;transition:transform .5s}
.hm-pc-item:hover .hm-pc-img img{transform:scale(1.06)}
.hm-pc-info{padding:16px 20px}
.hm-pc-name{font-size:18px;color:#6C3419;margin-bottom:6px;text-align: center;}
.hm-pc-desc{font-size:13px;color:#999;line-height:1.5;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hm-pc-empty{grid-column:1/-1;text-align:center;padding:60px 0;color:#999;font-size:16px}.hm-pager{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:40px}.hm-pager a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid #ddd;border-radius:4px;color:#666;font-size:14px;transition:all .3s}.hm-pager a.current,.hm-pager a:hover{background-color:#6C3419;color:#fff;border-color:#6C3419}.hm-pager-prev,.hm-pager-next{background-repeat:no-repeat;background-position:center!important;background-size:16px auto!important}.hm-pager-prev{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M604.7 759.2l-45.3 45.3L307.6 552.7c-16.6-16.6-16.6-43.5 0-60.1L559.4 240.8l45.3 45.3L359 531.7c-4.2 4.2-4.2 11 0 15.2l245.7 212.3z'/%3E%3C/svg%3E")!important}.hm-pager-next{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M419.3 759.2l45.3 45.3L716.4 552.7c16.6-16.6 16.6-43.5 0-60.1L464.6 240.8l-45.3 45.3L665 531.7c4.2 4.2 4.2 11 0 15.2L419.3 759.2z'/%3E%3C/svg%3E")!important}@media(max-width:640px){.hm-pager a{min-width:34px;height:34px;padding:0 8px;font-size:12px}}

/* Product Detail */
.hm-pd-section{padding:60px 0}
.hm-pd-main{display:flex;gap:50px;align-items:flex-start}
.hm-pd-gallery{flex-shrink:0;width:480px}
.hm-pd-big-img{border-radius:6px;overflow:hidden;background:#f5f5f5}
.hm-pd-big-img img{width:100%;display:block}
.hm-pd-summary{flex:1;min-width:0}
.hm-pd-title{font-size:28px;color:#6C3419;margin-bottom:12px;line-height:1.3}
.hm-pd-meta{font-size:15px;color:#999;margin-bottom:16px}
.hm-pd-meta span{color:#666}
.hm-pd-desc-short{font-size:15px;color:#555;line-height:2;margin-bottom:30px}
.hm-pd-actions{display:flex;align-items:center;gap:20px}
.hm-pd-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 36px;background:#6C3419;color:#fff;font-size:16px;border-radius:4px;transition:all .3s}
.hm-pd-btn:hover{background:#4a2410;color:#fff}
.hm-pd-btn svg{fill:#fff}
.hm-pd-phone{font-size:20px;color:#6C3419;font-weight:bold}

.hm-pd-tabs-wrap{padding:40px 0 0;border-top:1px solid #eee}
.hm-pd-tabs{display:flex;gap:0;border-bottom:2px solid #ddd;margin-bottom:30px}
.hm-pd-tab{padding:12px 28px;font-size:16px;color:#666;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .3s}
.hm-pd-tab.active{color:#6C3419;border-bottom-color:#6C3419}
.hm-pd-desc-full{font-size:15px;color:#555;line-height:2}
.hm-pd-desc-full img{max-width:100%;height:auto;display:block;margin:10px 0}

.hm-pd-nav-section{padding:30px 0 60px;border-top:1px solid #eee}
.hm-pd-prevnext{display:flex;justify-content:space-between;gap:20px}
.hm-pd-pn-item{flex:1}
.hm-pd-pn-right{text-align:right}
.hm-pd-pn-label{display:block;font-size:13px;color:#999;margin-bottom:6px}
.hm-pd-pn-item a{font-size:16px;color:#6C3419;transition:color .3s}
.hm-pd-pn-item a:hover{color:#4a2410}
.hm-pd-pn-none{font-size:16px;color:#ccc}

.hm-pd-related{padding:60px 0 80px;background:#f8f8f8}
.hm-pd-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}#relatedGallery .slick-slide{padding:0 6px}#relatedGallery .slick-list{margin:0 -6px}
.hm-pd-rel-item{background:#fff;border-radius:6px;overflow:hidden;border:1px solid #eee;transition:all .3s}
.hm-pd-rel-item:hover{border-color:#6C3419;box-shadow:0 4px 12px rgba(0,0,0,.06)}
.hm-pd-rel-img{aspect-ratio:4/3;overflow:hidden}
.hm-pd-rel-img img{width:100%;height:100%;object-fit:contain;transition:transform .5s}
.hm-pd-rel-item:hover .hm-pd-rel-img img{transform:scale(1.06)}
.hm-pd-rel-name{display:block;padding:14px;text-align:center;font-size:15px;color:#333}

@media(max-width:1024px){
.hm-pd-main{flex-direction:column}.hm-pd-gallery{width:100%}
.hm-pd-related-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
.hm-pd-section{padding:30px 0}.hm-pd-title{font-size:22px}
.hm-pd-tab{padding:10px 18px;font-size:14px}
.hm-pd-related{padding:40px 0}.hm-pd-related-grid{grid-template-columns:repeat(2,1fr);gap:10px}
.hm-pd-actions{flex-wrap:wrap}.hm-pd-btn{padding:12px 24px;font-size:14px}
}

@media(max-width:1024px){
.hm-prod-layout{flex-direction:column;gap:20px}
.hm-prod-sidebar{width:100%}
.hm-sidebar-list{display:flex;flex-wrap:wrap;gap:8px}
.hm-sidebar-item{border-bottom:0}
.hm-sidebar-item a{padding:8px 16px;border-radius:20px;border:1px solid #eee;font-size:13px}
.hm-sidebar-item.active a{border-color:#6C3419}
.hm-prod-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
.hm-prod-page{padding:30px 0 60px}
.hm-prod-grid{grid-template-columns:repeat(2,1fr);gap:10px}
.hm-pc-info{padding:12px 14px}
.hm-pc-name{font-size:15px}
}

/* ========== NEWS LIST ========== */
.hm-news-page{padding:50px 0 80px}
.hm-news-tabs{display:flex;gap:0;border-bottom:2px solid #ddd;margin-bottom:40px}
.hm-news-tab{padding:14px 32px;font-size:16px;color:#666;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .3s}
.hm-news-tab.active,.hm-news-tab:hover{color:#6C3419;border-bottom-color:#6C3419}
.hm-nl-item{display:flex;gap:30px;padding:30px 0;border-bottom:1px solid #eee;transition:all .3s}
.hm-nl-item:hover .hm-nl-title{color:#6C3419}
.hm-nl-img{flex-shrink:0;width:280px;height:200px;overflow:hidden;border-radius:6px;display:block}
.hm-nl-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.hm-nl-item:hover .hm-nl-img img{transform:scale(1.05)}
.hm-nl-body{flex:1;min-width:0;display:flex;flex-direction:column}
.hm-nl-title{font-size:20px;color:#333;line-height:1.4;margin-bottom:8px;transition:color .3s;display:block}
.hm-nl-date{font-size:14px;color:#999;margin-bottom:12px;display:block}
.hm-nl-desc{font-size:14px;color:#777;line-height:1.8;flex:1;margin-bottom:12px}
.hm-nl-more{font-size:14px;color:#6C3419;display:inline-flex;align-items:center;gap:4px;transition:opacity .3s}
.hm-nl-more:hover{opacity:.7}
.hm-nl-empty{text-align:center;padding:60px 0;color:#999;font-size:16px}

@media(max-width:1024px){
.hm-nl-img{width:220px;height:160px}
}
@media(max-width:640px){
.hm-news-page{padding:30px 0 60px}
.hm-news-tab{padding:10px 18px;font-size:14px}
.hm-nl-item{flex-direction:column;gap:14px;padding:20px 0}
.hm-nl-img{width:100%;height:200px}
.hm-nl-title{font-size:17px}
}

/* ========== NEWS DETAIL ========== */
.hm-nd-section{padding:50px 0}
.hm-nd-title{font-size:30px;color:#6C3419;line-height:1.4;margin-bottom:16px}
.hm-nd-meta{font-size:14px;color:#999;padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #eee}
.hm-nd-meta span{margin-right:24px}
.hm-nd-content{font-size:15px;color:#555;line-height:2.2}
.hm-nd-content img{max-width:100%;height:auto;display:block;margin:16px 0}
.hm-nd-content p{margin-bottom:16px}
.hm-nd-prevnext{display:flex;justify-content:space-between;margin-top:40px;padding-top:24px;border-top:1px solid #eee}
.hm-nd-pn-item{flex:1}.hm-nd-pn-right{text-align:right}
.hm-nd-pn-label{display:block;font-size:13px;color:#999;margin-bottom:6px}
.hm-nd-pn-item a{font-size:16px;color:#6C3419;transition:color .3s}
.hm-nd-pn-item a:hover{color:#4a2410}
.hm-nd-pn-none{font-size:16px;color:#ccc}
.hm-nd-related{padding:60px 0 80px;background:#f8f8f8}
.hm-nd-rel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.hm-nd-rel-item{background:#fff;border-radius:6px;overflow:hidden;border:1px solid #eee;transition:all .3s;display:flex;gap:20px;padding:20px}
.hm-nd-rel-item:hover{border-color:#6C3419}
.hm-nd-rel-img{flex-shrink:0;width:180px;height:130px;overflow:hidden;border-radius:4px}
.hm-nd-rel-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.hm-nd-rel-item:hover .hm-nd-rel-img img{transform:scale(1.05)}
.hm-nd-rel-body{flex:1;min-width:0}
.hm-nd-rel-title{font-size:16px;color:#333;line-height:1.4;margin-bottom:8px;transition:color .3s}
.hm-nd-rel-item:hover .hm-nd-rel-title{color:#6C3419}
.hm-nd-rel-desc{font-size:13px;color:#999;line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}

@media(max-width:640px){
.hm-nd-title{font-size:22px}.hm-nd-content{font-size:14px}
.hm-nd-rel-grid{grid-template-columns:1fr;gap:12px}
.hm-nd-rel-item{flex-direction:column;padding:14px}.hm-nd-rel-img{width:100%;height:180px}
}

/* ========== CASE STUDIES PAGE ========== */
.hm-case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.hm-case-page{padding:50px 0 80px}@media(max-width:1024px){.hm-case-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.hm-case-grid{grid-template-columns:repeat(2,1fr);gap:10px}}
.hm-case-item{border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .3s}
.hm-case-item:hover{box-shadow:0 6px 20px rgba(0,0,0,.12);transform:translateY(-2px)}
.hm-case-img-link{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;overflow:hidden;background:#f5f5f5}
.hm-case-img-link img{width:100%;height:100%;object-fit:contain;transition:transform .5s}
.hm-case-item:hover .hm-case-img-link img{transform:scale(1.05)}
.hm-case-title{display:block;padding:12px;text-align:center;font-size:14px;color:#333;height:20px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background: #f5f5f5;}

/* ========== JOIN PAGE ========== */
.hm-join-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hm-join-card{background:#fff;padding:40px 28px;border-radius:6px;text-align:center;border:1px solid #eee;transition:all .3s}
.hm-join-card:hover{border-color:#6C3419;box-shadow:0 4px 16px rgba(0,0,0,.06);transform:translateY(-2px)}
.hm-join-icon{margin-bottom:16px}
.hm-join-card h3{font-size:18px;color:#6C3419;margin-bottom:10px}
.hm-join-card p{font-size:14px;color:#888;line-height:1.8}
.hm-process-grid{display:flex;justify-content:center;align-items:flex-start;gap:0;flex-wrap:wrap}
.hm-process-item{text-align:center;flex:1;min-width:100px;padding:0 30px;position:relative}
.hm-process-item:last-child:after{display:none}
.hm-process-item:after{content:'>>>';position:absolute;right:-15px;top:25px;color: #6C3419}
.hm-process-icon{margin-bottom:14px}
.hm-process-item h4{font-size:16px;color:#6C3419}
@media(max-width:1024px){.hm-process-item{flex:0 0 25%;padding:0 20px;margin-bottom:24px}}
@media(max-width:640px){.hm-process-item{flex:0 0 50%;padding:0 14px;margin-bottom:20px}.hm-process-item::after{display:none}}
.hm-apply-note{font-size:14px;color:#999;margin-bottom:30px}
.hm-form-row{display:flex;gap:16px;margin-bottom:16px}
.hm-form-input,.hm-form-textarea{flex:1;padding:14px 16px;border:1px solid #ddd;border-radius:4px;font-size:14px;color:#333;transition:border .3s;outline:0;font-family:inherit}
.hm-form-input:focus,.hm-form-textarea:focus{border-color:#6C3419}
.hm-form-textarea{width:100%;resize:vertical}
.hm-apply-form .hm-btn{border-radius:4px;cursor:pointer;font-size:16px;padding:14px 48px}

@media(max-width:1024px){
.hm-join-grid{grid-template-columns:repeat(2,1fr)}
.hm-process-steps{gap:10px}.hm-process-arrow{display:none}
}
@media(max-width:640px){
.hm-join-grid{grid-template-columns:repeat(2,1fr);gap:12px}
.hm-join-card{padding:24px 16px}
.hm-form-row{flex-direction:column}
}

/* ========== CONTACT PAGE ========== */
.hm-contact-info{padding:60px 0}.hm-contact-grid{display:flex;gap:50px;align-items:flex-start}
.hm-ct-left{flex:1;min-width:0}
.hm-ct-company{font-size:24px;color:#6C3419;margin-bottom:4px}
.hm-ct-en{font-size:14px;color:#999;margin-bottom:30px}
.hm-ct-list{display:flex;flex-direction:column;gap:0}
.hm-ct-item{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid #f0f0f0}
.hm-ct-item:last-child{border-bottom:0}
.hm-ct-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f8f8f8;border-radius:50%}
.hm-ct-text strong{display:block;font-size:15px;color:#6C3419;margin-bottom:2px}
.hm-ct-text p{font-size:14px;color:#666;line-height:1.5}
.hm-ct-map-wrap{flex:1;min-width:300px}.hm-ct-map{display:block;border-radius:6px;overflow:hidden;cursor:pointer}.hm-ct-map-link{display:block}.hm-ct-map img,.hm-ct-map-link img{width:100%;display:block}
@media(max-width:768px){.hm-contact-grid{flex-direction:column}.hm-ct-map{min-width:0}}
.hm-msg-section{padding:40px 0 80px;background:#f8f8f8}

@media(max-width:640px){
}

/* ========== HOMEPAGE RESPONSIVE ========== */
@media(max-width:1024px){
.hm-about-grid{flex-direction:column;gap:40px}
.hm-about-img{width:100%}.hm-prod-name{font-size:15px}.hm-prod-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hm-banner-zh{font-size:32px}
.hm-banner-txt{bottom:80px}
}
@media(max-width:640px){
.hm-wrap{padding:0 20px}
.hm-sec-title{font-size:26px}
.hm-about{padding:60px 0}
.hm-about-stats{flex-wrap:wrap;gap:20px}
.hm-stat-item{width:45%}
.hm-stat-num{font-size:36px}
.hm-products{padding:60px 0}
.hm-prod-tab{padding:10px 5px;font-size:13px}.hm-prod-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hm-prod-name{font-size:14px;height:20px}
.hm-prod-img{height:200px;aspect-ratio: unset;}
.hm-prod-info{padding:12px}
.hm-cases{padding:60px 0}.hm-honors{padding:60px 0}
/* .hm-honor-img{height:206px} */
.hm-cases-grid{grid-template-columns:repeat(2,1fr);gap:8px}
.hm-news{padding:60px 0}
.hm-news-head{flex-direction:column;gap:16px}
.hm-banner-zh{font-size:24px}
.hm-banner-txt{left:5%;bottom:60px;right:5%}
.hm-banner-en{font-size:12px;letter-spacing:3px}
.hm-banner-desc{font-size:13px}
.hm-banner-link{padding:10px 24px;font-size:14px}
}