@charset "utf-8";


html {box-sizing:border-box;-ms-overflow-style:scrollbar;}
*::before, *::after {box-sizing:inherit;}
* { margin:0px;  padding:0px;box-sizing:border-box; font-family: 'SourceHanSans';}
html { -webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
ul li{ list-style:none;}
li{ list-style:none;}
img { border:none; display: block }
a { text-decoration:none;blr:expression(this.onFocus=this.blur())}
a:link { text-decoration:none}
.fl { display:block; float:left;}
.fr { display:block; float:right;}
.clear {clear:both;} 
.blank { height:58px;}
@media(min-width:992px) {
.blank { height:148px;}
}
/*head old*/
.site-headera {position:fixed;left:0;top:0;z-index:8000;width:100%;box-sizing:border-box; }
.site-headera.site-headera-bg { background:#000} 
.site-headera.site-headera-bga { background:#000} 
body.nav-active { overflow:hidden}
body.nav-active .site-headera { background:#000} 
.top { width: 100%;display: flex;align-items: center;}
.top .space {flex: 1;display: flex; display:none }
.top .logo   {flex: 1;display: flex;justify-content: center; text-align:center;}
.top .logo img { height:58px;  }
.top  .lang { flex: 1;display: flex;justify-content: center;font-size: 1rem;z-index: 1; text-decoration:underline; }
.menu-icon { visibility:visible}
.nav {visibility:hidden;position:fixed;z-index:7001;font-size:15px; }
.nav__content {position:fixed;top:58px; left:0;width:100%;height:100%;cursor:pointer; background:#000}
.nav__list {list-style:none;margin:0;padding:0;height:100%;}
.menu-itema { color:#eee; border-bottom:1px #ddd solid;position:relative;margin-left: 20px;line-height:5rem;font-size:1rem;transition-delay:.8s;opacity:0;transition:opacity .2s ease, transform .3s ease;}
.menu-itema a {color:#fff; display:block}
.top .space .search,.top .lang,.top .lang a { font-size:14px; color:#FFF; /*line-height:36px;*/}
.top .space img,.top .lang img { display:inline-block; margin-right:5px; vertical-align:middle}
.top .lang { padding-right:30px;}
.top .lang .lang-a { display: none; margin-right:20px}


@media(min-width:768px) {
.top .space { display:inherit; padding-left:30px;}
.top .lang {justify-content:right;padding-right:60px;}
}
@media(min-width:1024px) {
.search-box  { padding:8rem 0 0}
.site-headera { height:108px; border-bottom:solid 1px #F4F3F1; padding:12px 0 0px;}
.top .space {padding-left:66px;}
.top .logo   {flex: 1;}
.top  .lang { flex: 1;}
.top .lang { padding-right:60px;}
.top .lang .lang-a { display:block; margin-right:20px}
.top .logo img { height:50px;text-align:center; }
.menu-icon { visibility:hidden}
.site-headera .navw { text-align: center;    }
.nav {visibility: visible; padding:0; position:inherit;width: 100%;display: flex;justify-content: center;}
.nav__content { position:inherit; width:auto; height:auto; padding:0; background:none}
.nav:after { visibility:hidden}
.nav:before { visibility:hidden}
.menu-itema {border-bottom:none;position:relative;display: inline-block; margin:6px 14px 0 14px; height:40px; line-height:22px; transition-delay:.8s;opacity:1;transition:opacity .2s ease, transform .3s ease;}
.menu-itema a {font-size:14px; padding:0; margin:0; color:#FFF;font-weight:500; }
.menu-itema::after {content: ''; display:block; width:0;border-bottom:solid 3px #F4F3F1;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out; transition:All 0.6s ease-in-out; position:absolute; bottom:0 }
.menu-itema.current-menu-itema::after,.menu-itema:hover::after { width:100%}
.menu-itema:nth-child(2) { display:none}
}

form#searchform  { }
form#searchform input { border:none;font-size:14px; color:#fff; }
form#searchform  input#s{ background:none; border-bottom:solid 1px #fff ;outline: none; width:100px;}
form#searchform  input#searchsubmit{  background:url(../img/search.png) no-repeat; padding-left:20px; cursor:pointer}

@media(min-width:1280px) {
.search-box  { padding:138px 0 0}
.site-headera { height:118px;padding:14px 0 0px; }
.top .space {padding-left:70px;}
.top .lang { padding-right:65px;}
.top .lang .lang-a {margin-right:25px}
.top .logo img { height:55px;}
.menu-itema {margin:7px 15px 0 15px; height:42px; line-height:24px;  }
}
@media(min-width:1366px) {
.search-box  { padding:148px 0 0}
.site-headera { height:128px;padding:16px 0 0px; }
.top .space {padding-left:76px;}
.top .lang { padding-right:70px;}
.top .lang .lang-a {margin-right:30px}
.top .logo img { height:60px;}
.menu-itema {margin:8px 15px 0 15px; height:44px; line-height:26px;  }
.menu-itema a {font-size:15px; }
}
@media(min-width:1440px) {
.search-box  { padding:158px 0 0}
.site-headera { height:138px;padding:18px 0 0px; }
.top .space {padding-left:80px;}
.top .lang { padding-right:85px;}
.top .lang .lang-a {margin-right:35px}
.top .logo img { height:65px;}
.menu-itema {margin:9px 16px 0 16px; height:46px; line-height:28px;  }
.menu-itema a {font-size:16px; }
}
@media(min-width:1680px) {
.search-box  { padding:168px 0 0}
.site-headera { height:148px;padding:20px 0 0px; }
.top .space {padding-left:86px;}
.top .lang { padding-right:90px;}
.top .lang .lang-a {margin-right:40px}
.top .logo img { height:70px;}
.menu-itema {margin:10px 17px 0 17px; height:48px; line-height:30px;  }
.menu-itema a {font-size:18px; }
}

.menu-icon {box-sizing:border-box;padding:14px 0 0;height:30px;width:30px;position:fixed;z-index:9000;right:1rem;top:.4rem;cursor:pointer;}
.menu-icon__line {height:2px;width:30px;display:block;background-color:#FFFFFF;margin-bottom:5px;transition:transform .2s ease, background-color .5s ease;}
.menu-icon__line-left {width:30px;}
.menu-icon__line-right {width:30px;float:right;}

@media(min-width:768px) {
.menu-icon {padding:8px 0 0;height:30px;width:30px;right:1rem;top:1rem; }
}
body.nav-active .menu-icon__line {background-color:#FFF;transform:translateX(0) rotate(-45deg);display:none;}
body.nav-active .menu-icon__line-left {transform:translateY(7px) rotate(45deg);display:block;}
body.nav-active .menu-icon__line-right {transform:translateX(0) rotate(-45deg);display:block;}
body.nav-active .nav {visibility:visible;}
body.nav-active .nav:before, body.nav-active .nav:after {transform:translateX(0%) translateY(0%);}
body.nav-active .nav:after {transition-delay:.1s;}
body.nav-active .nav:before {transition-delay:0s;}
body.nav-active .menu-itema {opacity:1;transform:translateX(0%);transition:opacity .3s ease, transform .3s ease, color .3s ease;}
body.nav-active .menu-itema:nth-child(0) {
transition-delay:.5s;}
body.nav-active .menu-itema:nth-child(1) {
transition-delay:.6s;}
body.nav-active .menu-itema:nth-child(2) {
transition-delay:.7s;}
body.nav-active .menu-itema:nth-child(3) {
transition-delay:.8s;}
body.nav-active .menu-itema:nth-child(4) {
transition-delay:.9s;}
body.nav-active .menu-itema:nth-child(5) {
transition-delay:1s;}
body.nav-active .menu-itema:nth-child(6) {
transition-delay:1.2s;}
body.nav-active .menu-itema:nth-child(7) {
transition-delay:1.4s;}
/*首页banner图 add*/
.banner-index{height:100vh;padding:200px 20px 0; text-align:center; color:#FFF}
.banner-index .pic { width:100%; margin:0 auto}
.banner-index .pic img{ width:80%; max-width:1010px; }
.banner-index p { font-size:18px; line-height:36px;} 
.banner-index a { display:block; width:138px; height:22px; line-height:22px; background:#fff; font-size:12px; color:#383838; margin:80px auto 0  } 
@media(min-width:768px) {
.banner-index{ padding:220px 20px 0;}
.banner-index .pic img{ width:50%; max-width:1010px; }
.banner-index p { font-size:20px; line-height:40px;} 
.banner-index a {width:142px; height:24px; line-height:24px;font-size:13px;margin:100px auto 0  }
}
@media(min-width:1024px) {
.banner-index{padding:240px 20px 0;}
.banner-index p { font-size:24px; line-height:44px;} 
.banner-index a {width:148px; height:26px; line-height:26px;font-size:14px;margin:120px auto 0  }
}
@media(min-width:1280px) {
.banner-index{padding:260px 20px 0;}
.banner-index p { font-size:28px; line-height:48px;} 
.banner-index a {width:154px; height:28px; line-height:28px;margin:140px auto 0  }
}
@media(min-width:1366px) {
.banner-index{padding:280px 20px 0;}
.banner-index p { font-size:32px; line-height:52px;} 
.banner-index a {width:160px; height:30px; line-height:30px;font-size:15px;margin:160px auto 0  }
}
@media(min-width:1440px) {
.banner-index{padding:300px 20px 0;}
.banner-index p { font-size:36px; line-height:56px;} 
.banner-index a {width:166px; height:32px; line-height:32px;margin:180px auto 0  }
}
@media(min-width:1680px) {
.banner-index{padding:400px 20px 0;}
.banner-index p { font-size:40px; line-height:60px;} 
.banner-index a {width:172px; height:34px; line-height:34px;font-size:16px;margin:240px auto 0  }
}
/*图文部分 old*/
.black-text,.white-text,.white-bg,.grey-bg,.x-future{ padding:6rem 0;background-size:cover; }
.black-text { color:#000; }
.grey-bg { background:#D8D8D8}
.white-text { color:#FFF}
.imgtext { text-align:center; width:96%; margin:0 auto}
.imgtext .tit{ font-size:1.8rem; line-height:2rem }
.imgtext .text { font-size:.8rem; line-height:1.6rem; margin:2rem 0 ;letter-spacing: .0178571429em; text-align:center;}
.more {width:9.14rem; height:2rem; line-height:1.8rem; margin:0 auto; }
.more a{ display:block; font-size:1rem; border: solid 1px; border-radius:17px; font-weight:bolder; letter-spacing: .03125em;}
.black-text .more a { color:#000}
.white-text .more a { color:#FFF}
.content { background:#EEEBDE; padding:0rem 0 0rem;}
.content-tit { font-size:1.8rem; line-height:3.6rem; text-align:center; padding-top:2rem; } 
@media(min-width:768px) {
.black-text,.white-text,.white-bg,.grey-bg{ padding:5rem 0}
.imgtext { width:86%}
.imgtext .tit{ font-size:2.125rem;}
.imgtext .text { font-size:.875rem; line-height:1.25rem;letter-spacing: .0178571429em; text-align:center;}
.content-tit { font-size:2.125rem; line-height:5rem; padding-top:2rem;}
}
@media(min-width:992px) {
.black-text,.white-text,.white-bg,.grey-bg{ padding:12rem 0}
.x-future-diaopai{ padding:6rem 0}
.imgtext { width:60%}
}

/*关于我们封面页 add*/
.index-about { height:100vh; position:relative;}
.index-about .box { position:absolute; left:5%; top:120px; width:90%;  }
.index-about .about-tit {color:#FFF; font-weight:bold }
.index-about .about-tit .about-tit-en{font-size:36px; }
.index-about .about-tit .about-tit-cn{ font-size:18px; }
.index-about .about-info { width:100%;font-size: 13px;line-height: 26px;color:#FFF; padding-right:0; position:relative }
.index-about .about-tit:after {content: "";display: block;height: 2px;width:35px;background:#F4F3F1; margin:30px 0 }
/*.index-about .about-info:after {content: "";display: block;height: 1px;width:72px;background:#F4F3F1; position:absolute; right:0; bottom:0}*/
@media(min-width:768px) {
.index-about .box { position:absolute; left:30px; top:140px; width:80%;  }
.index-about .about-tit .about-tit-en{font-size:38px; }
.index-about .about-tit .about-tit-cn{ font-size:19px; }
.index-about .about-info.about-info-en { width:100%;}
.index-about .about-info { width:597px;font-size: 14px;line-height: 28px;padding-right:36px; position:relative }.
}
@media(min-width:1024px) {
.index-about .box { left:66px; top:160px; }
.index-about .about-tit .about-tit-en{font-size:40px; }
.index-about .about-tit .about-tit-cn{ font-size:20px; }
}
@media(min-width:1280px) {
.index-about .box { left:66px; top:180px; }
.index-about .about-tit .about-tit-en{font-size:42px; }
.index-about .about-tit .about-tit-cn{ font-size:21px; }
}
@media(min-width:1366px) {
.index-about .box { left:76px; top:200px;}
.index-about .about-tit .about-tit-en{font-size:44px; }
.index-about .about-tit .about-tit-cn{ font-size:22px; }
.index-about .about-info {font-size: 15px; line-height: 30px;}
}
@media(min-width:1440px) {
.index-about .box { left:80px; top:220px;  }
.index-about .about-tit .about-tit-en{font-size:46px; }
.index-about .about-tit .about-tit-cn{ font-size:23px; }
}
@media(min-width:1680px) {
.index-about .about-tit .about-tit-en{font-size:48px; }
.index-about .about-tit .about-tit-cn{ font-size:24px; }
.index-about .box { left:89px; top:240px;  }
.index-about .about-info {font-size: 16px;line-height: 32px; }
}

/*icon font==============================*/
@font-face {
  font-family: 'iconfont';  /* project id 1295426 */
  src: url('//at.alicdn.com/t/font_1295426_cbl8imvboxs.eot');
  src: url('//at.alicdn.com/t/font_1295426_cbl8imvboxs.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1295426_cbl8imvboxs.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1295426_cbl8imvboxs.woff') format('woff'),
  url('//at.alicdn.com/t/font_1295426_cbl8imvboxs.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1295426_cbl8imvboxs.svg#iconfont') format('svg');
}
@font-face {
  font-family: 'iconfont';  /* Project id 2889831 */
  src: url('//at.alicdn.com/t/font_2889831_75qzp6yfoos.woff2?t=1635127860908') format('woff2'),
       url('//at.alicdn.com/t/font_2889831_75qzp6yfoos.woff?t=1635127860908') format('woff'),
       url('//at.alicdn.com/t/font_2889831_75qzp6yfoos.ttf?t=1635127860908') format('truetype');
}
@font-face {
  font-family: 'iconfont';  /* Project id 2889651 */
  src: url('//at.alicdn.com/t/font_2889651_41smwquud6u.woff2?t=1635125490903') format('woff2'),
       url('//at.alicdn.com/t/font_2889651_41smwquud6u.woff?t=1635125490903') format('woff'),
       url('//at.alicdn.com/t/font_2889651_41smwquud6u.ttf?t=1635125490903') format('truetype');
}
@font-face {
  font-family: 'iconfont';  /* Project id 2889677 */
  src: url('//at.alicdn.com/t/font_2889677_xk67zxfu9mm.woff2?t=1635125847030') format('woff2'),
       url('//at.alicdn.com/t/font_2889677_xk67zxfu9mm.woff?t=1635125847030') format('woff'),
       url('//at.alicdn.com/t/font_2889677_xk67zxfu9mm.ttf?t=1635125847030') format('truetype');
}
.iconfont{
    display:inline-block;
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
/*slide 通用==============================*/
.owl-dots{position:relative;z-index:2;display:inline-block;padding-top:1rem;left:50%;text-align:center;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.owl-dots button.owl-dot{display:inline-block;width:0.5rem;height:0.5rem;border-radius:50%;margin:0 0.3rem;background:rgba(0,0,0,.2);cursor:pointer;transition:all 500ms ease;-webkit-transition:all 500ms ease}
.owl-dots button.owl-dot.active{background:#0C157C}

.owl-nav{position:absolute;z-index:1;top:calc(85% - 3rem);width:100%;color:#fff;text-align:center;cursor:pointer}
.owl-nav button{width:6rem;height:6rem;line-height:6rem;position:absolute;margin:0;transition:all 500ms ease;-webkit-transition:all 500ms ease; text-align:center}
.owl-nav button i{font-size:4rem}
.owl-nav button.owl-prev{left:1rem;text-align:left}
.owl-nav button.owl-next{left:2rem;text-align:left}
.owl-nav button:hover{opacity:0.5}
.owl-nav button.disabled{opacity:0.1}
 /*slide*/
.slide-intro{position:relative;height:100vh;}
.slide-intro .item{position:relative;height:100vh;}
.slide-intro.slide-intro-hyyxl .item{position:relative;height:auto;}
.slide-intro .item .scaleBg{position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}
.slide-intro .item .scaleBg:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3)}
.slide-intro .active .item .scaleBg{visibility:visible;-webkit-animation:scale-bg 6s linear forwards;animation:scale-bg 6s linear forwards}
.slide-intro-dots{position:absolute;z-index:2;bottom:45px;left:0rem;font-size:1.2rem; width:100%; text-align:center}
.slide-intro-dots .owl-dot{display:inline-block;background:rgba(255,255,255,0.5);margin:0 0.4rem;cursor:pointer; width:52px; height:3px; position:relative;transition:all 500ms ease;-webkit-transition:all 500ms ease}
.slide-intro-dots .owl-dot.active{ background:#fff;}
.slide-intro-dots .owl-dot i { display:none}
.slide-intro .owl-nav{top:initial;right:2rem;bottom:4rem;width:initial; visibility:hidden}
.slide-intro .owl-nav button{position:relative;width:5rem;height:5rem;line-height:5rem}
.slide-intro .owl-nav button i{font-size:3.2rem}
.slide-intro .owl-nav button.owl-prev{left:initial;float:left;text-align:left}
.slide-intro .owl-nav button.owl-next{right:initial;float:right;text-align:right}

.swiper-slide img { width:100%}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { border-radius:0;
  display:inline-block;background:rgba(255,255,255);margin:0 0.4rem;cursor:pointer; width:52px; height:3px; position:relative;transition:all 500ms ease;-webkit-transition:all 500ms ease
}
.swiper-pagination-bullet-active {
 background:#fff;
}

.inner { position:absolute; left:40px; top:40px; z-index:65; padding-right:40px;}
.inner .inner-tit{ border:solid 1px #FFF; width:200px; height:36px; font-size:18px; color:#FFF; line-height:36px; text-align:center }
.inner .inner-tit span{ font-size:12px; margin-left:5px;}
.inner .inner-pic { margin-top:56px; }
.inner .inner-pic img{ width:80%; max-width:1010px; }
.inner p{ font-size:16px; line-height:32px; color:#FFF; margin-top:42px; text-shadow:0px 2px 4px rgba(0,0,0,0.5)}
@media(min-width:768px) {
.inner { left:60px; top:45px; padding-right:60px }
.inner .inner-tit { width:211px; height:40px; font-size:20px;line-height:40px;  }
.inner .inner-tit span{ font-size:13px; }
.inner .inner-pic { margin-top:76px; }
.inner .inner-pic img{ width:50%!important; max-width:1010px; }
.inner p{ font-size:18px; line-height:36px; margin-top:48px;}
}
@media(min-width:1024px) {
.inner { left:120px; top:50px;padding-right:120px }
.inner .inner-tit { width:222px; height:44px; font-size:22px;line-height:44px;  }
.inner .inner-pic { margin-top:96px; }
}
@media(min-width:1280px) {
.inner { left:150px; top:55px;padding-right:150px}
.inner .inner-tit { width:233px; height:48px; font-size:24px;line-height:48px;  }
.inner .inner-tit span{ font-size:14px; }
.inner .inner-pic { margin-top:116px; }
.inner p{ font-size:20px; line-height:40px; margin-top:54px;}
}
@media(min-width:1366px) {
.inner { left:180px; top:60px;padding-right:180px }
.inner .inner-tit { width:244px; height:52px; font-size:26px;line-height:52px;  }
.inner .inner-pic { margin-top:136px; }
}
@media(min-width:1440px) {
.inner { left:210px; top:65px;padding-right:210px}
.inner .inner-tit { width:266px; height:56px; font-size:28px;line-height:56px;  }
.inner .inner-tit span{ font-size:15px; }
.inner .inner-pic { margin-top:156px; }
.inner p{ font-size:22px; line-height:44px; margin-top:60px;}
}
@media(min-width:1680px) {
.inner { left:240px; top:70px;;padding-right:240px}
.inner .inner-tit { width:288px; height:60px; font-size:30px;line-height:60px;  }
.inner .inner-tit span{ font-size:16px; }
.inner .inner-pic { margin-top:176px; }
.inner p{ font-size:24px; line-height:48px; margin-top:66px;}
}
/*关于我们详情页 old*/
.about { background:#fcfcfc; padding:2rem 0 }
.about .about-subnav {padding:0rem 1rem  }
.about .about-subnav ul li { float:left;width: calc((100% - 40px) ); margin-left:10px; height:1rem; margin-bottom:1rem; line-height:5rem;}
.about .about-subnav ul li a { display:block; font-size:1rem; color:#FFF; text-align:center; line-height:2rem; background:#bdbdbd }
.about .about-subnav ul li.on a { background:#000 }
.about .about-tit { font-size:1.8rem; margin:2rem 0; text-align:center; }
.about .about-pic { padding:0rem 3rem  }
.about .about-pic ul li { float:left;width: calc((100% - 60px) /1); margin-left:20px;margin-top:20px; }
.about .about-pic ul li img{ width:100%;  }
.about .about-info { padding:0rem 2rem ;font-size:.875rem; line-height:1.25rem; margin:2rem 0 }
.about .about-pic.about-pic3 { }
.about .about-pic.about-pic3 ul li:nth-child(1),.about .about-pic.about-pic3 ul li:nth-child(2){width:100%; margin-left:1% }
.about .about-pic.about-pic3 ul li:nth-child(3){ width:100%;margin-left:1% }
.yarn .yarn-box .yarn-text {font-size:1rem; line-height:1.25rem; font-weight:400; margin:1rem  }
@media(min-width:992px) {
.about { background:#fcfcfc; padding:2rem 0}
.about .about-subnav {padding:0rem 4rem  }
.about .about-subnav ul li { float:left;width: calc((100% - 40px) /3); margin-left:10px; height:1rem;  background:#d5cfbc  }
.about .about-pic ul li { float:left;width: calc((100% - 100px) /4); }

.about .about-pic.about-pic3 { }
.about .about-pic.about-pic3 ul li:nth-child(1),.about .about-pic.about-pic3 ul li:nth-child(2){width:39%; margin-left:1% }
.about .about-pic.about-pic3 ul li:nth-child(3){ width:19%;margin-left:1% }
.about .about-subnav ul li a { display:block; font-size:1rem; color:#FFF; text-align:center; line-height:2rem;  }
.about .about-tit { font-size:2.125rem; margin:2.5rem 0 2.5rem}
.about .about-subnav ul li a {font-size:1rem;line-height:1.25rem; padding:.5rem 0; }
/*.about .about-subnav ul li.on a { background:#a1997f }*/
}
/*纱线超市封面页 add*/
.yarn .yarn-boxw {  width:100%; color:#FFF;  height:100vh; position:relative}
.yarn .yarn-boxw a { display: block; width:100%; height:100%; color:#FFF}
.yarn .yarn-box { width:320px; height:140px; position:absolute; left:50%; top:50%; margin-left:-160px; margin-top:-100px; background:rgba(255,255,255,0.55); padding:9px 8px;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out; transition:All 0.6s ease-in-out; }
.yarn .yarn-box .yarn-box-line { border:solid 2px #747474; width:304px; height:122px; padding:34px 0 42px; text-align:center;}
.yarn .yarn-box .yarn-tit {font-size:24px;color:#383838;line-height:36px; }
.yarn  .more  { width:130px; height:24px; font-size:12px; color:#383838; line-height:24px; text-align:center; background:#b0a06a; margin:10px auto 0 }
.yarn .yarn-text {width:360px; height:266px;position:absolute; left:50%; top:50%; margin-left:-180px; margin-top:-133px;font-size:12px; line-height:22px;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out; transition:All 0.6s ease-in-out; opacity:0}

.yarn .yarn-text p { /*height:222px;*/ padding:16px 24px;background:rgba(171,167,167,0.81); text-shadow:0px 2px 4px rgba(0,0,0,0.5)}
.yarn .yarn-boxw a:hover .yarn-text {opacity:1 }
.yarn .yarn-boxw a:hover .yarn-box {opacity:0}

.yarn.yarn-en .yarn-box{ height:180px;}
.yarn.yarn-en .yarn-box .yarn-box-line { height:162px; }
.yarn.yarn-en .yarn-text{}
@media(min-width:768px) {
.yarn .yarn-box { width:400px; height:200px; margin-left:-200px; margin-top:-100px;}
.yarn .yarn-box .yarn-box-line{width:384px; height:182px;padding:40px 0 48px;}
.yarn .yarn-box .yarn-tit {font-size:26px;line-height:52px; }
.yarn  .more  { width:140px; height:26px; font-size:13px;line-height:26px;}
.yarn .yarn-text {width:546px; height:266px;margin-left:-273px; margin-top:-133px;font-size:13px;  }

.yarn.yarn-en .yarn-box{height:228px; }
.yarn.yarn-en .yarn-box .yarn-box-line { height:210px; }
.yarn.yarn-en .yarn-text{}
}
@media(min-width:1024px) {
.yarn .yarn-boxw {  width:50%;}
.yarn .yarn-box .yarn-tit {font-size:28px;line-height:52px; }
.yarn .yarn-text {width:466px; height:186px;margin-left:-233px; margin-top:-93px;}
}
@media(min-width:1280px) {
.yarn .yarn-box { width:360px; height:160px; margin-left:-180px; margin-top:-80px;}
.yarn .yarn-box .yarn-box-line{width:344px; height:142px;padding:36px 0 44px;}
.yarn .yarn-box .yarn-tit {font-size:30px;line-height:52px; }
.yarn  .more  { width:160px; height:28px; font-size:14px;line-height:28px;}
.yarn .yarn-text {width:506px; height:226px;margin-left:-253px; margin-top:-113px;font-size:14px;  }

.yarn.yarn-en .yarn-box{  }
.yarn.yarn-en .yarn-box .yarn-box-line {   }
.yarn.yarn-en .yarn-text{ }
}
@media(min-width:1366px) {
.yarn .yarn-box .yarn-tit {font-size:32px;line-height:52px; }
}
@media(min-width:1440px) {
.yarn .yarn-box { width:380px; height:180px; margin-left:-190px; margin-top:-90px;}.yarn.yarn-en .yarn-box{}
.yarn .yarn-box .yarn-box-line{width:364px; height:162px;padding:38px 0 46px;}
.yarn .yarn-box .yarn-tit {font-size:34px;line-height:52px; }
.yarn  .more  { width:166px; height:30px; font-size:15px;line-height:30px;}
.yarn .yarn-text {width:526px; height:246px;margin-left:-263px; margin-top:-123px;font-size:15px;  }.yarn.yarn-en .yarn-text{}
}
@media(min-width:1680px) {
.yarn .yarn-box { width:400px; height:200px; margin-left:-200px; margin-top:-100px;}.yarn.yarn-en .yarn-box{}
.yarn .yarn-box .yarn-box-line{width:384px; height:182px;padding:40px 0 48px;}
.yarn .yarn-box .yarn-tit {font-size:36px;line-height:52px; }
.yarn  .more  { width:172px; height:32px; font-size:16px;line-height:32px;}
.yarn .yarn-text {width:546px; height:266px;margin-left:-273px; margin-top:-133px;font-size:16px;  }.yarn.yarn-en .yarn-text{}
}
/*纱线超市色卡列表页 old*/
.yarn-2023 { padding:5rem 2rem;text-align:center; background:url(../img/bg-yarn-color.jpg)  }
.yarn-2023 .yarn-2023-tit{ font-size:1.8rem; line-height:2rem  }
.yarn-2023 .yarn-2023-info{font-size:.8rem; line-height:1.6rem; margin:1rem 0   }
.yarn-2023 ul{ padding:2rem 1rem;}
.yarn-2023 ul li { display: block; float:left;width: calc((100% - 30px) /2); margin-left:10px;}
.yarn-2023 ul li div img { width:100% }
.yarn-2023 ul li a p { font-size:.8rem; line-height:1.2rem; padding:1rem 0; color:#000}
@media(min-width:768px) {
.yarn-2023 { padding:2rem 3rem;}
.yarn-2023 .yarn-2023-tit{ font-size:2rem; line-height:5rem  }
.yarn-2023 .yarn-2023-info{font-size:1rem; line-height:1.25rem; margin:1rem 0; letter-spacing: .0333333333em; padding:0 10rem;}
.yarn-2023 ul li{width: calc((100% - 80px) /3); margin-left:20px; }
.yarn-2023 ul li a p { font-size:1rem; line-height:1.25rem;}
}
@media(min-width:992px) {
.yarn-2023 ul li{width: calc((100% - 140px) /6); margin-left:20px; }
}
/*可持续发展 add*/
.development {height:100vh; color:#FFF; position:relative}
.development .development-l{ float:left}
.development .development-r{ float:right}
.development .development-box.development-boxa{width:80%; position:absolute;top:250px; right:10%; }
.development .development-box.development-boxb,.development .development-box.development-boxc { width:80%; position:absolute;top:250px; left:10%; } 
.development .development-en { font-size:48px; color:#FFF }
.development .development-cn { width:120px; height:36px; font-size:18px; line-height:36px; border:solid 1px #FFF; text-align:center; margin:18px 0 }
.development .development-info { font-size:14px; line-height:22px; text-shadow:0px 2px 4px rgba(0,0,0,0.5); text-align:justify}
.development .development-more a { display:block; width:88px; height:21px; background:#FFF; font-size:12px; color:#383838; line-height:21px; text-align: center; margin-top:15px;}
@media(min-width:768px) {
.development .development-box.development-boxa {top:150px; }
.development .development-box.development-boxb,.development .development-box.development-boxc { top:150px; } 
.development .development-en { font-size:52px;}
.development .development-cn { width:130px; height:38px; font-size:19px; line-height:38px;}
}
@media(min-width:1024px) {
.development .development-box.development-boxa { width:450px; position:absolute;top:388px; right:80px; } 
.development .development-box.development-boxb { width:400px; position:absolute;top:250px; left:160px; } 
.development .development-box.development-boxc { width:534px; position:absolute;top:210px; left:160px; } 
.development .development-en { font-size:56px;}
.development .development-cn { width:140px; height:40px; font-size:20px; line-height:40px;}
.development.development-en .development-boxb .development-cn { width:500px;}
.development.development-en .development-boxa .development-cn { width:300px;}
}
@media(min-width:1280px) {
.development .development-box.development-boxa {width:500px; top:288px; right:100px;}
.development .development-box.development-boxb {width:450px; top:210px; left:200px;}
.development .development-box.development-boxc {width:584px; top:170px; left:200px;}
.development .development-en { font-size:60px;}
.development .development-cn { width:150px; height:42px; font-size:21px; line-height:42px;}
}
@media(min-width:1366px) {
.development .development-box.development-boxa {width:550px; top:250px; right:120px;}
.development .development-box.development-boxb {width:500px; top:250px; left:240px;}
.development .development-box.development-boxc {width:634px; top:210px; left:240px;}
.development .development-en { font-size:64px;}
.development .development-cn { width:160px; height:44px; font-size:22px; line-height:44px;}
.development .development-info { font-size:15px; line-height:24px;}
.development .development-more a {width:108px; margin-top:25px;}
}
@media(min-width:1440px) {
.development .development-box.development-boxa {width:600px; top:388px; right:140px;}
.development .development-box.development-boxb {width:650px; top:290px; left:280px;}
.development .development-box.development-boxc {width:684px; top:250px; left:280px;}
.development .development-en { font-size:68px;}
.development .development-cn { width:170px; height:46px; font-size:23px; line-height:46px;}
}
@media(min-width:1680px) {
.development .development-box.development-boxa {width:650px; top:588px;right:160px;}
.development .development-box.development-boxb { width:700px; top:330px; left:320px;}
.development .development-box.development-boxc { width:734px; top:290px; left:320px;}
.development .development-en { font-size:72px;}
.development .development-cn { width:180px; height:48px; font-size:24px; line-height:48px;}
.development .development-info { font-size:16px; line-height:24px;}
.development .development-more a {width:108px; margin-top:25px;}
}
/*x-future封面页 add*/
.banner-x-future { height:100vh;color:#FFF;text-align:right; position:relative} 
.banner-x-future .banner-x-future-con { position:absolute; top:160px; right:40px; }
.banner-x-future .banner-x-future-en { font-size:40px; color:#FFF; height:60px; line-height:60px; }
.banner-x-future .banner-x-future-info { font-size:14px; line-height:28px; text-shadow:0px 2px 4px rgba(0,0,0,0.5)}
@media(min-width:768px) {
.banner-x-future .banner-x-future-con {top:200px; right:120px; }
.banner-x-future .banner-x-future-en { font-size:50px;height:70px; line-height:70px; }
.banner-x-future .banner-x-future-info {font-size:15px; line-height:30px;}
}
@media(min-width:1024px) {
.banner-x-future .banner-x-future-con {top:280px; right:140px; }
.banner-x-future .banner-x-future-en { font-size:60px;height:80px; line-height:80px; }
.banner-x-future .banner-x-future-info {font-size:16px; line-height:32px;}
}
@media(min-width:1280px) {
.banner-x-future .banner-x-future-con {top:280px; right:160px; }
.banner-x-future .banner-x-future-en { font-size:70px;height:90px; line-height:90px; }
.banner-x-future .banner-x-future-info {font-size:17px; line-height:34px;}
}
@media(min-width:1366px) {
.banner-x-future .banner-x-future-con {top:280px; right:180px; }
.banner-x-future .banner-x-future-en { font-size:80px;height:100px; line-height:100px; }
.banner-x-future .banner-x-future-info {font-size:18px; line-height:36px;}
}
@media(min-width:1440px) {
.banner-x-future .banner-x-future-con { top:300px; right:200px;}
.banner-x-future .banner-x-future-en { font-size:90px;height:110px; line-height:110px; }
.banner-x-future .banner-x-future-info { font-size:19px; line-height:38px; }

}
@media(min-width:1680px) {
.banner-x-future .banner-x-future-con {top:340px;  right:220px;}
.banner-x-future .banner-x-future-en { font-size:100px;height:120px; line-height:120px; }
.banner-x-future .banner-x-future-info { font-size:20px;line-height:40px;  }
}

.x-future a { display:block;height:100vh;color:#FFF; position:relative}
.x-future .x-future-box.x-future-boxa,.x-future .x-future-box.x-future-boxc { position:absolute; top:150px; left:40px; padding-right:40px; }
.x-future .x-future-box.x-future-boxb { position:absolute; top:150px; right:40px;padding-left:40px;}
.x-future-r { text-align:right}
.x-future-en { font-size:34px; line-height:40px; }
/*.x-future-box.x-future-boxc .x-future-en{ color:#b0a06a;}*/
.x-future .x-future-cn,.x-future .x-future-info {font-size:14px; line-height:36px; text-shadow:0px 2px 4px rgba(0,0,0,0.5) }
.x-future .x-future-more { margin-top:38px;}
.x-future .x-future-more img { display:inline-block; width:48px}

.x-future-diaopai{ padding:50px 40px; text-align:center}
.x-future-diaopai .x-future-diaopai-tit { font-size:16px; color:#c1b688; line-height:48px;}
.x-future-diaopai .x-future-diaopai-text {font-size:12px; line-height:24px; margin:10px 0 32px;}
.x-future-diaopai ul { margin-top:8px;}
.x-future-diaopai ul li { float:left; width: calc((100% - 24px) /2); margin-top:8px; margin-right:8px;display:inline-block;}
.x-future-diaopai ul li img { float:left; width:100%}
@media(min-width:768px) {
.x-future .x-future-box.x-future-boxa {top:168px; left:100px;padding-right:0px;}
.x-future .x-future-box.x-future-boxb {top:258px; right:120px;padding-right:0px;}
.x-future .x-future-box.x-future-boxc {top:168px; left:100px;padding-right:0px;}
.x-future-en { font-size:40px; line-height:50px; }
.x-future .x-future-cn,.x-future .x-future-info {font-size:15px; line-height:38px;}
.x-future .x-future-more { margin-top:42px;}
.x-future .x-future-more img { width:52px;}
.x-future-diaopai{ padding:50px 50px;}
.x-future-diaopai .x-future-diaopai-tit { font-size:17px;line-height:51px;}
.x-future-diaopai .x-future-diaopai-text {font-size:13px; line-height:26px; }
}
@media(min-width:1024px) {
.x-future .x-future-box.x-future-boxa {top:208px; left:120px;}
.x-future .x-future-box.x-future-boxb {top:258px; right:140px;}
.x-future .x-future-box.x-future-boxc {top:208px; left:120px;}
.x-future-en { font-size:46px; line-height:60px; }
.x-future .x-future-cn,.x-future .x-future-info {font-size:16px; line-height:40px;}
.x-future .x-future-more { margin-top:44px;}
.x-future .x-future-more img { width:56px;}
.x-future-diaopai{ padding:60px 70px;}
.x-future-diaopai .x-future-diaopai-tit { font-size:18px;line-height:54px;}
.x-future-diaopai ul li {width: calc((100% - 40px) /4); }
}
@media(min-width:1280px) {
.x-future .x-future-box.x-future-boxa {top:188px; left:140px;}
.x-future .x-future-box.x-future-boxb {top:258px; right:160px;}
.x-future .x-future-box.x-future-boxc {top:188px; left:140px;}
.x-future-en { font-size:52px; line-height:70px; }
.x-future .x-future-cn,.x-future .x-future-info {font-size:17px; line-height:42px;}
.x-future .x-future-more { margin-top:48px;}
.x-future .x-future-more img { width:60px;}
.x-future-diaopai{ padding:70px 90px;}
.x-future-diaopai .x-future-diaopai-tit { font-size:19px;line-height:57px;}
.x-future-diaopai .x-future-diaopai-text {font-size:14px; line-height:28px; }
}
@media(min-width:1366px) {
.x-future .x-future-box.x-future-boxa {top:208px; left:160px;}
.x-future .x-future-box.x-future-boxb {top:258px; right:180px;}
.x-future .x-future-box.x-future-boxc {top:208px; left:160px;}
.x-future-en { font-size:60px; line-height:80px; }
.x-future .x-future-cn,.x-future .x-future-info {font-size:18px; line-height:45px;}
.x-future .x-future-more { margin-top:52px;}
.x-future .x-future-more img { width:64px;}

.x-future-diaopai{ padding:80px 110px;}
.x-future-diaopai .x-future-diaopai-tit { font-size:20px;line-height:60px;}
}
@media(min-width:1440px) {
.x-future .x-future-box.x-future-boxa {top:258px;left:180px; }
.x-future .x-future-box.x-future-boxb {top:308px; right:200px;}
.x-future .x-future-box.x-future-boxc {top:258px;left:180px; }
.x-future-en { font-size:66px; line-height:90px; }
.x-future .x-future-cn,.x-future .x-future-info {font-size:19px; line-height:46px;}
.x-future .x-future-more { margin-top:56px;}
.x-future .x-future-more img { width:68px;}
.x-future-diaopai{ padding:90px 130px;}
.x-future-diaopai .x-future-diaopai-tit { font-size:22px;line-height:66px;}
.x-future-diaopai .x-future-diaopai-text {font-size:15px; line-height:30px; }
}
@media(min-width:1680px) {
.x-future .x-future-box.x-future-boxa {top:308px;left:200px; }
.x-future .x-future-box.x-future-boxb {top:358px; right:220px;}
.x-future .x-future-box.x-future-boxc {top:308px;left:200px; }
.x-future-en { font-size:72px; line-height:100px; }
.x-future .x-future-cn,.x-future .x-future-info {font-size:20px; line-height:50px;}
.x-future .x-future-more { margin-top:60px;}
.x-future .x-future-more img { width:72px;}
.x-future-diaopai{ padding:100px 150px;}
.x-future-diaopai .x-future-diaopai-tit { font-size:24px;line-height:72px;}
.x-future-diaopai .x-future-diaopai-text {font-size:16px; line-height:32px; }
}
/*x-future内容页 old*/
.x-future-wool { padding:0rem 1rem }
.x-future-wool .wool-tit{ font-size:2.125rem; text-align:center; line-height:5rem; padding-top:2rem;}
.x-future-wool .wool-advantage{ padding:1rem 0.5rem 2rem }
.x-future-wool .wool-advantage ul li { float:left;width: calc((100% - 30px) /2); margin-left:10px; margin-top:1rem; font-size:.725rem; line-height:1.25rem; list-style-type: disc; }
.x-future-wool .wool-pic { }
.x-future-wool .wool-pic .wool-pic-l { width:30%; }
.x-future-wool .wool-pic .wool-pic-m { width:30%; margin-left:5% }
.x-future-wool .wool-pic .wool-pic-r { width:30%; }
.x-future-wool .wool-pic img { width:100%; margin-top:0.8rem }
.x-future-wool .wool-text {font-size:.785rem; line-height:1.25rem; margin:2rem 0}
.x-future-tbox{ text-align:center}
.x-future-tbox .text { padding:0 1rem; margin-top:2rem}
.x-future-tbox ul { margin-top:30px;}
.x-future-tbox ul li { float:left; width: calc((100% - 40px) /2); margin-left:20px; margin-top:20px; display:inline-block;}
.x-future-tbox ul li img { float:left; width:100%}
@media(min-width:992px) {
.x-future-wool { padding:0rem 4rem }
.x-future-wool .wool-advantage{ padding:1rem 6rem 2rem }
.x-future-wool .wool-advantage ul li { float:left;width: calc((100% - 40px) /3);}
.x-future-tbox ul li { float:left;width: calc((100% - 100px) /4);}
.x-future-tbox ul li img { width:100%}
}

/*证书列表页和详情页 old*/
.certificate { background:#FFF; margin:2rem 1rem; padding-bottom:2rem }
.cf-box { padding:3rem 3rem }
.cf-box .pic{ width:100%}
.cf-box .pic img { width:100%}
.cf-box .info {  width:100% }
.cf-box .info p.p-a { font-size:14px; line-height:1.25rem; font-weight:bold;}
.cf-box .info p.p-b { font-size:14px; line-height:18px;}
.cf-box .info p.p-c {  text-align:right;  }
.cf-box .info p.p-c a { display: inline-block;width:3.5rem; height:1.8rem;background:#eaeaea; font-size:.875rem; color:#000; text-align:center; line-height:2rem;border: solid #eaeaea 1px; border-radius:25px; letter-spacing:.02rem; margin-top:1rem }
.cf-box.cf-box487 .info p.p-c,.cf-box.cf-box489 .info p.p-c,.cf-box.cf-box491 .info p.p-c{ display:none }
.certificatea { background:#FFF; margin:2rem auto 0; padding-bottom:2rem; width:80%; max-width:900px }
.cf-art-box {padding:2rem 2rem }
.cf-art-box .cf-art-box-pic{ text-align:center}
.cf-art-box .cf-art-box-pic img{ display:inline-block; width:100%; max-width:800px;}
.cf-art-box .cf-art-box-info { font-size:1rem; margin-top:2rem}
.cf-art-box .cf-art-box-info  p{ padding: 10px 0px;text-align: left;color: #000;font-size: 14px;}
@media(min-width:768px) {
.certificate {  margin:40px auto 0; width:80%; max-width:790px;}
.cf-box .pic{ float:left; width:25%}
.cf-box .info { float:right; width:75% }
.certificatea {   padding-bottom:0rem }
}
@media(min-width:992px) {
.cf-box .pic { width:16% }
.cf-box .info { width:84% }
.cf-box .info p.p-c a { display: inline-block;width:2.5rem; height:1.2rem;background:#eaeaea; font-size:.5rem; color:#000; text-align:center; line-height:1.2rem;border: solid #eaeaea 1px; border-radius:25px; letter-spacing:.02rem; margin-top:1rem }
.certificatea {  }
.cf-art-box .cf-art-box-info { margin-top:3rem; padding:0 1rem;}
}

/*展会与活动 old*/
.activity-box { color:#FFF; text-align:center; padding:8rem 1rem;margin:2rem 0;} 
.activity-box h2{ font-size:1.8rem; line-height:2.8rem } 
.activity-box p { font-size:1rem; margin:2rem 0} 
.activity-box .more a{ color:#FFF} 
.activity-box.search-box,.activity-box.search-box .more a{ color:#000} 
@media(min-width:768px) {
.activity-box {}
.activity-box h2{ font-size:2.125rem; line-height:2.5rem;letter-spacing: .0073529412em; font-weight:400; padding:0 15rem;} 
.activity-box p { font-size:1.5rem; line-height:2rem; margin:2rem 0} 

}
@media(min-width:992px) {
.activity-box { }
.activity-box h2{ font-size:2.125rem; line-height:2.5rem;letter-spacing: .0073529412em; font-weight:400; padding:0 15rem;} 
.activity-box p { font-size:1.5rem; line-height:2rem; margin:2rem 0} 
}

.art-img { color:#FFF; text-align:center; padding:8rem 1rem;} 
.art-img h2{ font-size:1.8rem; line-height:2.8rem } 
.entry-contentw {width: 90%;margin: 0 auto;text-align: left;color: #000; padding:1rem 0}
.entry-contentw h2 { margin:1rem 0;font-size:1rem;font-weight:bold }
.entry-contentw p.time {font-size:1rem;  }
.entry-contentw .entry-content {font-size: 1rem;line-height: 1.5rem;font-weight: 400;letter-spacing: .03125em;text-decoration: inherit;text-transform: inherit;}
.entry-contentw .entry-content img { display:inline-block; max-width:100%; height:auto}
@media(min-width:768px) {
.art-img {  padding:12rem 5rem;}
.art-img h2{ font-size:2.125rem; line-height:2.5rem; font-weight:400; letter-spacing: .0073529412em; } 
.entry-contentw {width: 70%;padding:2rem 0 }
.entry-contentw h2 {margin:1rem 0 2rem;font-size:2rem; }
.entry-contentw p.time {font-size:1rem;  }
.entry-contentw .entry-content {font-size:1rem;  }
}
@media(min-width:992px) {
.entry-contentw h2 {font-size:1rem; font-weight:bolder;}
.entry-contentw .entry-content {font-size:1rem; line-height:1.5rem; font-weight:400; }
}

/*全景展厅 add*/
.hall-box {background:url(../img/bg-hall.jpg)  center center; background-size:cover;padding-top:58px }
.hall-box .hall-boxl{ width:100%; padding:40px 30px; }
.hall-box .hall-boxr { width:100%;  }

.hall-box .hall-boxl .hall-boxl-en{ font-size:32px; color:#FFF;line-height:64px; }
.hall-box .hall-boxl .hall-boxl-line{ height:67px; border-left:solid 1px #FFF; margin:15px 0 12px }
.hall-box .hall-boxl .hall-boxl-cn{ font-size:18px; color:#FFF;line-height:36px;}
.hall-box .hall-boxl .hall-boxl-info{ font-size:14px; color:#FFF; line-height:28px; margin-top:16px; }

 /*slide*/
.slide-project{position:relative}
.slide-project .item{position:relative;height: calc(100vh - 58px) ;}
.slide-project .item .scaleBg{position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}
.slide-project .item .scaleBg:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3)}
.slide-project .active .item .scaleBg{visibility:visible;-webkit-animation:scale-bg 6s linear forwards;animation:scale-bg 6s linear forwards}
.slide-project-dots{position:absolute;z-index:2;bottom:45px;left:0rem;font-size:1.2rem; width:100%; text-align:center}
.slide-project-dots .owl-dot{display:inline-block;background:rgba(255,255,255,0.5);margin:0 0.4rem;cursor:pointer; width:52px; height:3px; position:relative;transition:all 500ms ease;-webkit-transition:all 500ms ease}
.slide-project-dots .owl-dot.active{ background:#fff;}
.slide-project-dots .owl-dot i { display:none}

.slide-project .owl-nav{top:initial;left:0rem;bottom:4rem;width:initial;}
.slide-project .owl-nav button{position:relative;width:auto;height:auto;line-height:auto}
.slide-project .owl-nav button.owl-prev{left:initial;float:left;text-align:left; display:none}
.slide-project .owl-nav button.owl-next{right:initial;float:left; }

@media(min-width:768px) {
.hall-box {height:100vh;}
.hall-box .hall-boxl{ width:40%; float:left; padding:46px 10px 0 30px;}
.hall-box .hall-boxr { width:60%; float:left;}
.hall-box .hall-boxl .hall-boxl-en{ font-size:34px;line-height:68px; }
.hall-box .hall-boxl .hall-boxl-line{ height:87px;margin:25px 0 22px }
.hall-box .hall-boxl .hall-boxl-cn{ font-size:20px;line-height:40px;}
.hall-box .hall-boxl .hall-boxl-info{ font-size:15px;line-height:30px; margin-top:18px; }
.slide-project .item{ height: calc(100vh - 58px) }
}
@media(min-width:1024px) {
.hall-box {padding-top:108px}
.hall-box .hall-boxl {padding:56px 10px 0 40px;}
.slide-project .item{ height: calc(100vh - 108px) }
}
@media(min-width:1280px) {
.hall-box {padding-top:118px}
.hall-box .hall-boxl {padding:66px 0 0 50px;}
.slide-project .item{ height: calc(100vh - 118px) }
.hall-box .hall-boxl .hall-boxl-en{ font-size:36px;line-height:72px; }
.hall-box .hall-boxl .hall-boxl-line{ height:107px;margin:25px 0 22px }
.hall-box .hall-boxl .hall-boxl-cn{ font-size:22px;line-height:44px;}
.hall-box .hall-boxl .hall-boxl-info{ font-size:16px;line-height:32px; margin-top:20px; }
}
@media(min-width:1366px) {
.hall-box {padding-top:128px}
.hall-box .hall-boxl {padding:76px 0 0 60px;}
.slide-project .item{ height: calc(100vh - 128px) }

}
@media(min-width:1440px) {
.hall-box {padding-top:138px}
.hall-box .hall-boxl {padding:86px 0 0 70px;}
.slide-project .item{ height: calc(100vh - 138px) }
.hall-box .hall-boxl .hall-boxl-en{ font-size:38px;line-height:76px; }
.hall-box .hall-boxl .hall-boxl-line{ height:127px;margin:25px 0 22px }
.hall-box .hall-boxl .hall-boxl-cn{ font-size:24px;line-height:48px;}
.hall-box .hall-boxl .hall-boxl-info{ font-size:17px;line-height:34px; margin-top:22px; }
}
@media(min-width:1680px) {
.hall-box {padding-top:148px}
.hall-box .hall-boxl {padding:96px 0 0 182px;}
.slide-project .item{ height: calc(100vh - 148px) }
.hall-box .hall-boxl .hall-boxl-en{ font-size:40px;line-height:80px; }
.hall-box .hall-boxl .hall-boxl-line{ height:147px;margin:25px 0 22px }
.hall-box .hall-boxl .hall-boxl-cn{ font-size:26px;line-height:52px;}
.hall-box .hall-boxl .hall-boxl-info{ font-size:18px;line-height:36px; margin-top:24px; }
}

/*pos*/
.posw { border-top:solid 1px #fff}
.pos { background:#000; font-size:.8rem; color:#FFF; padding:0.5rem 5%;  }
.pos a { color:#FFF  }
@media(min-width:768px) {
.pos { font-size:.8rem; color:#FFF; padding:0.5rem 10%;  }
}
@media(min-width:992px) {
.pos { font-size:.8rem; color:#FFF; padding:0.5rem 10%;  }
.pos a { color:#FFF  }
}
/*加入我们 - joinus*/
.accordion {width: 100%;max-width: 360px;margin: 5rem auto;}
.accordion .link {cursor: pointer;display: block;padding:0;color: #4D4D4D;font-size: 1.2rem; line-height:4rem;border-bottom: 1px solid #CCC;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion li:last-child .link {border-bottom: 0;}
.accordion li i {position: absolute;top:1.5rem ;left: 12px;font-size: 18px;color: #595959;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;
}
.accordion li i.fa-chevron-down {right: 12px;left: auto;font-size: 16px;}
.accordion li.open .link {color: #B3A36B;}
.accordion li.open i {color: #B3A36B;}
.accordion li.open i.fa-chevron-down {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);
}
.submenu {display: none; border-bottom:dashed 1px #B3A36B;font-size: .875rem; padding:1rem; line-height:2 }
@media(min-width:768px) {
.accordion {max-width: 720px;}
}
@media(min-width:992px) {
.accordion {max-width: 1000px;}
}
/*footer add*/
.footer { background:#fff; color:#5b5656; padding:40px 20px;}
.footer a {color:#5b5656}
.footer-lb { float:left; }
.footer-lb.footer-lba{ width:50%}
.footer-lb.footer-lbb{ width:50%}
.footer-lb.footer-lbc,.footer-lb.footer-lbd{ width:100%; margin-top:20px;}

.footer-lb dl dt { font-size:22px; font-weight:bold; margin-bottom:20px;}
.footer-lb.footer-lba dl dd,.footer-lb.footer-lbb dl dd { padding:10px 0 }
.footer-lb.footer-lbb dl dd { float:left; width:100%; }
.footer-lb.footer-lba dl dd a,.footer-lb.footer-lbb dl dd a{ display:block; font-size:14px; color:#202029; line-height:24px;  }
.footer-lb.footer-lba dl dd#zgs a{ display:inline-block; }
.footer-lb.footer-lbc dl dd{ text-align:center }
.footer-lb.footer-lbc dl dd { float:left; width:50%;}
.footer-lb.footer-lbc img { display:inline-block; width:80%; max-width:240px  }
.footer-lb.footer-lbc dl dd p,.footer-lb.footer-lbd dl  p {font-size:16px; color:#202029; line-height:36px;  }
.footer-logo {text-align:center}
.footer-logo img {display: inline-block;height:60px;}
.copyright { font-size:14px; color:#5b5656;text-align:center; line-height:26px; padding-bottom:50px;} 
.copyright a { color:#5b5656;}
.copyright.copyright-pc { display:none }  
@media(min-width:768px) {
.footer-lb { padding:0 10px;}
.footer-lb.footer-lbb dl dd { width:50%; }
.footer-lb.footer-lbc,.footer-lb.footer-lbd{ width:50%; margin-top:20px;}
.footer-lb dl dt {margin-bottom:40px;}
.footer-lb.footer-lba dl dd,.footer-lb.footer-lbb dl dd { }
.footer-lb.footer-lba dl dd a,.footer-lb.footer-lbb dl dd a {font-size:16px; line-height:36px;}
.footer-lb.footer-lbc dl dd {  width:50%;}
.footer-logo img {height:72px;}
.copyright { font-size:14px;line-height:32px;}
.copyright.copyright-pc { display:block }  
.copyright.copyright-m { display:none }  
}
@media(min-width:1024px) {
.footer { padding:60px; display:flex}	
.footer-lb { float:left; width:25%; border-right:1px solid #e2e2e2; }
.footer-lb.footer-lba{ width:20%}
.footer-lb.footer-lbb{ width:30%}
.footer-lb.footer-lbc,.footer-lb.footer-lbd{ width:25%; margin-top:0px;}
.footer-lb.footer-lbd{ border:none; margin-top:0  }

.footer-logo img {height:95px;}
.copyright { font-size:14px;line-height:36px;}
}
@media(min-width:1680px) {
.footer { padding:80px;}	
.footer-lb { padding:0 20px;}


.copyright { font-size:16px;line-height:36px;}
}

.message { width:90%; max-width:640px;margin:60px auto;}
.forminator-field{ display: flex}
.forminator-response-message { display:none}
.forminator-field input,.forminator-field textarea,.forminator-field select{ width:92%; display:block;  margin:10px 0; border-radius: 5px;
background-color: #F1F1F1;
border: 1px solid #F3F3F3; outline:none; height:52px; line-height:36px; padding:8px 15px; font-size:14px; color:#a4a4a4 }
.forminator-field textarea{resize: none; }
.forminator-field button { display:block; margin:50px auto 0; width:80%; max-width:260px;border-radius: 40px;
background-color: #a0956f;
border: 1px solid #a0956f; cursor:pointer; height:52px; font-size:16px; color:#fff; line-height:50px;}
.forminator-field span{ display: block; line-height:68px; color:#F00;padding: 0 0 0 10px;}
@media(min-width:768px) {
.message { margin:70px auto;}
.forminator-field input,.forminator-field textarea,.forminator-field select { width:96%; font-size: 18px;}
}
@media(min-width:1024px) {
.message { margin:80px auto;}
}
@media(min-width:1280px) {
.message { margin:90px auto;}
}
@media(min-width:1366px) {
.message { margin:100px auto;}
}
@media(min-width:1440px) {
.message { margin:110px auto;}
}
@media(min-width:1680px) {
.message { margin:120px auto;}
}