@charset "UTF-8";
/* CSS Document */
html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
 body{ font-family: 'Microsoft YaHei','PingFang SC','Lantinghei SC','HanHei SC','Helvetica Neue','Open Sans',Arial,'Hiragino Sans GB','微软雅黑',STHeiti,'WenQuanYi Micro Hei',SimSun,sans-serif; line-height: 1.5;margin: 0; padding: 0; background: #fff;-webkit-font-smoothing:antialiased; font-size: 14px;}
a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
.info-article-wrap a{ text-decoration: underline}
a {text-decoration: none;-webkit-tap-highlight-color: transparent;}
a:hover,a:focus { text-decoration: none;}
a:focus {outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
img {max-width: 100%; vertical-align: middle;border: 0;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clearfix:after,.about-home-list>li:after{display:block; content:" "; clear: both;height: 0; visibility: hidden;font-size: 0;line-height: 0;}
dl, dt, dd, ol, ul, li {list-style:none;margin:0;padding:0; }
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
hr {height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
hr {margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #ececec;}
hr.light{ border-top-color:rgba(255,255,255,.25)}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {margin-bottom: 20px;font-weight: 400; line-height: 1.3; margin-top: 0;padding: 0;}
h1,.h1,.big-title {font-size: 32px;}
h2,.h2,.title {font-size: 28px;}
h3,.h3,.title-a {font-size: 24px;}
h4,.h4,.lead{font-size: 18px;}
h5,.h5 {font-size: 16px;}
h6,.h6 { font-size:14px;}
p {margin: 0 0 10px;}
.background-image-holder { position: absolute; top: 0; left: 0;width: 100%;height: 100%; background-size: cover !important; z-index: 0; opacity: 0;    transition: opacity 0.5s ease;}
.fadeIn{ opacity: 1 !important}
.h1-x{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.h2-x{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;}
.font-s{ font-size: 12px;}
.primary-color,a:hover,.footer-wrap,.part-title-wrap .title,.info-article-wrap a{ color: #897862;}
.light-color{ color: #e8cba5}
.secondary-color{color: #9e8d75}
.black-color,body,a{color: #222;}
.gray-color{color: #585858;}
.bg-primary,.info-article-wrap:before,.case-article-desc:before{ background-color:#897862 }
.bg-gray{ background: #f2f2f2}
.bg-black{background-color: #222}
.container,.container-fluid,.div-center{ margin-left: auto; margin-right: auto;}
.container{ width: 1240px;}
.container-fluid{width: 100%; min-width: 1240px;}
.f-left,.layout>div,.layout>li{ float: left}
.f-right{ float: right;}
.p-relative{ position: relative}
ul.listlineblock{ margin-right: -5px;}
ul.listlineblock>li{ display: inline-block; vertical-align: top; padding-right: 5px}
.portfolio{ margin-right: -30px}
.portfolio>.portfolio-item{padding-right: 30px; padding-bottom: 30px}
.portfolio.md{ margin-right: -20px}
.portfolio.md>.portfolio-item{padding-right: 20px; padding-bottom: 20px;}
.portfolio.sm{ margin-right: -10px}
.portfolio.sm>.portfolio-item{padding-right: 10px; padding-bottom: 10px;}
.main-content-wrap{ margin-bottom: 240px; position: relative; z-index: 2; background: #fff; min-height: calc(100vh - 240px)}
.more-btn{ padding: 10px 20px; border: 1px solid #222; color: #222; transition: background .3s ease-in-out, color .3s ease-in-out; background: #fff;}
.more-btn:after{ font-family: iconfont; content:"\e618"; margin-left: 3px}
.more-btn:hover{ color: #fff; background: #222;}
.text-center{ text-align: center;}
/*nav*/
.nav-header{ background: #fff; padding-left: 15px; padding-right: 15px; position: relative}
.nav-header .logo{ float: left; width: 160px; line-height: 80px;}
.nav-header .nav-wrap{ float: right;}
.main-nav>li{ position: relative}
.main-nav>li>a{ display: block; line-height: 80px; padding: 0 20px;}
.main-nav>li>a:hover{background:#f4f4f4}
.main-nav>li.active>a{color: #897862;}
.main-nav>li .dropdown-menu{ position: absolute; top:100%; background: #fff; width:100%; visibility:hidden; opacity: 0; transition:opacity .3s ease-in-out; z-index: 2}
.main-nav>li .dropdown-menu>li>a{ line-height: 40px; padding: 0 10px; display: block}
.dropdown:hover .dropdown-menu{ visibility: visible; opacity: 1}
.nav-header .mobile-menu{ display: none;}
/*footer*/
.footer-wrap{ height: 240px; position: fixed; left: 0; right: 0; bottom: 0;}
.footer-container{ text-align: center; padding-top: 40px}
.logo-light{ margin-bottom: 30px;}
.logo-light img{ height: 40px;}

.ml-5{ margin-left: 5px;}
.mr-5{ margin-right: 5px;}
.mb-10{ margin-bottom: 10px;}
.mb-big{ margin-bottom: 40px;}
.pt-big,.py-big{ padding-top: 40px}
.pb-big,.py-big{ padding-bottom: 40px;}
.page-title-wrap{ background-color: #897862; padding: 80px 0}
.page-title-wrap.info{ background-color: #555555}
.page-title-wrap .title{ font-size: 60px; color: #fff; margin-bottom: 0; line-height: 1}
.page-title-wrap .meta{ font-size:40px; margin-top: 15px; margin-bottom: 0; color: rgba(255,255,255,.6); line-height: 1}
.page-title-wrap.ptw-2{ padding: 160px 0 40px}
.part-wrap-t,.part-wrap{ padding-top: 40px;}
.part-wrap-b,.part-wrap{ padding-bottom: 40px;}
.part-title-wrap{ margin-bottom: 20px;}
.part-title-wrap .title{ font-size: 32px; line-height: 1; margin-bottom: 0}
.part-title-wrap .meta{ font-size: 22px; line-height: 1; margin-top: 10px;}
.classname{ margin-bottom:40px;}
.classname .title{ font-size: 18px;}
.classname .meta{ color: #666; font-size: 14px;}
.classname>li{ border-right: 1px solid #ececec; padding: 15px 10px; border-bottom: 1px solid #ececec}
.classname>li:last-child{ border-right: none;}
.info-item>.image{ position: relative;}
.info-item>.image img{ width: 100%;}
.info-item .info-class{ position: absolute; left: 0; top:0; background-color: rgba(0,0,0,.8); color: #fff; padding: 10px 20px}
.info-item .info-title{position: absolute; left: 0; right: 0; bottom: 0; }
.info-item .info-title .title{ font-size: 18px; margin-bottom: 0;}
.info-item .info-title a{ display: block; background-color:rgba(0, 0, 0,.5); padding: 15px; transition: all .3s ease-in-out; color: #fff;}
.info-item .info-title a:hover{ background-color:rgba(137, 120, 98,.8); color: #fff;}
.info-title-wrap{ background-color: #222; padding: 80px 0; position: relative}
.info-title-wrap .container{ position: relative; z-index: 2}
.info-title-wrap .overlay{ position: absolute; left: 0; right: 0; top:0; bottom: 0; background-color: rgba(0,0,0,.6); z-index: 1}
.info-title-wrap .title{ color: #fff; margin-bottom: 0; font-size: 32px}
.info-title-wrap .meta{ font-size: 16px; margin-top: 15px; color: #f4f4f4}
.info-article-wrap{ margin-top: 40px; font-size: 18px; line-height:1.8; text-align: justify; width: 800px; position: relative;}
.info-article-wrap:before{ position: absolute; content: ""; top:-20px; right: -40px; height: 40%; width:4px;}

.main-page-wrap{}
.main-page-wrap .mpw-l{ width: 240px; margin-right: 40px;}
.main-page-wrap .mpw-r{ width: 960px;}
.filter-selctor>li{ border-bottom:1px solid #e2ddd6}
.filter-selctor>li.active>a{ background-color: #e2ddd6; color:#897862;}
.filter-selctor>li>a{ display: block; font-size: 18px; line-height: 40px; padding: 0 10px}

.case-article-desc{ font-size: 18px; line-height:1.8; text-align: justify; width: 800px; padding:20px 0 40px; position: relative}
.case-article-desc:before{ position: absolute; content: ""; bottom:-20px; right: -40px; height: 80%; width:4px;}
.case-article-wrap{padding: 40px; background: #f4f4f4;font-size: 18px;text-align: justify; width: 880px}
.case-article-wrap img{ display: block; margin: 0 auto;}
.case-parameter{ border-bottom: 1px solid #ececec; padding: 20px 0}
.case-parameter>li>span{font-weight: 700}
.about-home-list>li{background: #fff; transition:background .3s ease-in-out,color .3s ease-in-out;}
.about-home-list>li:hover{ background: #222}
.about-home-list>li:hover .info .title{ color: #fff;}
.about-home-list>li>div{ width: 50%; float: left; position: relative; height: 400px}
.about-home-list>li .info{ }
.about-home-list>li .info .title{ font-size: 40px;}
.about-home-list>li .info .meta{ font-size: 16px; color: #666}
.about-home-list>li .info a{ display: block; height: 100%;padding: 30px;}
.about-article-wrap,.join-article-wrap,.team-detail-wrap{ margin-top: 40px; font-size: 18px; line-height:1.8; text-align: justify; width: 800px; position: relative;}

.team-item{ border: 1px solid #ded2c3}
.team-item .image{ padding: 5px;}
.team-item .info,.team-img .info{ padding: 10px 0; text-align: center;}
.team-item .info .title{ font-size: 22px; margin-bottom: 10px; }
.team-img .title{ font-size: 28px; margin-bottom: 10px;}
.team-info-pc{ margin-bottom: 20px; position: relative;}
.team-info-pc:before{ position: absolute; left: 0; width: 120px; height: 4px; background: #897862; bottom:-10px; content: ""}
.team-info-pc .title{ font-size: 28px; margin-bottom: 0}
.partner-article-wrap{ padding: 40px 0; width: 800px;}
.partner-list{}
.partner-list>li{ text-align:center; padding:10px 15px;border-right: 1px solid #ececec; border-bottom: 1px solid #ececec;}
.partner-list>li>.title{ font-size:16px; padding-top:10px;}
.join-img{ width: 360px; margin-right: 40px; margin-top: 20px;}

.ptitle-wrap{ margin-bottom: 20px; text-align: center}
.ptitle-wrap .title{ font-size: 32px; margin-bottom: 0; line-height: 1.2; display: inline-block; vertical-align: top; position: relative}
.ptitle-wrap .title:before,.ptitle-wrap .title:after{content: ""; position: absolute; top:20px; width: 60px; height: 1px; background: #897862}
.ptitle-wrap .title:before{ left: -70px;}
.ptitle-wrap .title:after{right: -70px;}
.ptitle-wrap .meta{ padding-top: 10px; margin-bottom: 0}
/*
---------------分--割--线---------------------
--------------以下是PC端专用-----------------
*/
@media only screen and (min-width: 768px) {
.hidden-lg,.visible-xs-inline-block,.visible-xs-block{ display:none !important;}
.layout:after,.clearfix-lg:after,.portfolio>.portfolio-item:after{display:block;content:" "; clear:both;height:0; visibility:hidden;font-size:0;line-height:0;}
.h1-x-lg,.info-item .info-title .title {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.col-lg-10,.ed-lg-1>div,.ed-lg-1>li{ width: 100%}
.col-lg-3-4{ width: 75%}
.col-lg-1-2,.ed-lg-2>div,.ed-lg-2>li{ width: 50%}
.col-lg-2-5{ width: 40%}
.col-lg-1-3,.ed-lg-3>div,.ed-lg-3>li{ width: 33.3333%}
.col-lg-2-3{ width: 66.66666%}
.col-lg-1-4,.ed-lg-4>div,.ed-lg-4>li{ width: 25%}
.col-lg-1-5,.ed-lg-5>div,.ed-lg-5>li{ width: 20%}
.col-lg-1-6,.ed-lg-6>div,.ed-lg-6>li{width:16.6666%}
.mb-lg-0{ margin-bottom: 0}	
.mb-lg-10{ margin-bottom: 10px;}
.mb-lg-15{ margin-bottom: 15px}
	.mt-lg-15{ margin-top: 15px;}
.mb-lg-20{ margin-bottom: 20px}
.mb-lg-30{ margin-bottom: 30px;}
.mb-lg-40{ margin-bottom: 40px;}
.py-lg-30{ padding-top: 30px; padding-bottom: 30px;}
.about-home-list>li:nth-child(even){ background: #f4f4f4}
.about-home-list>li:nth-child(even):hover{ background: #222}
.about-home-list>li:nth-child(even) .image{ left: 50% }
.about-home-list>li:nth-child(even) .info{right:50%;}
.about-img{ position: absolute; right: 0; top:-160px; width: 400px; border: 10px solid #fff}
.team-img{ float: left; width: 380px; margin-right: 20px; background: #fff; margin-top: -40px; padding: 10px;}
.team-img .info{ display: none}
.team-detail-wrap{ float: left}
.partner-list>li:nth-child(6n){ border-right: none;}
.ysj-swiper{ background: #000;}
.ysj-swiper .swiper-slide{ width: 1200px; opacity: .6;}
.ysj-swiper .swiper-slide.swiper-slide-active{ opacity: 1}
}

/*
---------------分--割--线---------------------
--------------以下是750移动端-----------------
*/
@media only screen and (max-width: 767px) {
body,h6,.h6{ font-size: .28rem}
.font-s{ font-size: .24rem}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {margin-bottom: .3rem;}
h1,.h1,.big-title,.about-home-list>li .info .title,.info-title-wrap .title{font-size: .46rem;}
h2,.h2,.title {font-size: .42rem; font-weight: 700}
h3,.h3,.title-a {font-size: .36rem;font-weight: 700}
h4,.h4,.info-item .info-title .title{font-size: .34rem;}
h5,.h5 {font-size: .3rem;}
.font-xs-bold,.big-title{ font-weight: 700}
.hidden-xs{ display: none !important}
.visible-xs-inline-block{ display: inline-block !important}
.visible-xs-block{ display: block !important}
.container,.container-fluid{ width: 100%; min-width:auto; padding-left: .2rem;  padding-right: .2rem;}	
.layout,.flex{display: -webkit-box !important; display:-ms-flexbox !important; display:flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.layout>li,.layout>div{ float: none !important;}
.flex-child {-webkit-box-flex: 1 0 0;-ms-flex: 1 0 0;flex: 1 0 0; }
.justify-content-between,.column-nav>ul {-webkit-box-pack: justify !important;-ms-flex-pack: justify !important;justify-content: space-between !important;}
.align-self-center {-ms-flex-item-align: center !important; align-self: center !important;}
.col-xs-10,.ed-xs-1>div,.ed-xs-1>li{ width: 100%}
.col-xs-3-4{ width: 75%}
.col-xs-1-2,.ed-xs-2>div,.ed-xs-2>li{ width: 50%}
.col-xs-1-3,.ed-xs-3>div,.ed-xs-3>li{ width: 33.3333%}
.col-xs-2-3{ width: 66.6666%}
.col-xs-1-4,.ed-xs-4>div,.ed-xs-4>li{ width: 25%}
.col-xs-1-5,.ed-xs-5>div,.ed-xs-5>li{ width: 20%}
.col-xs-1-6,.ed-xs-6>div,.ed-xs-6>li{width:16.6666%}
.text-xs-center{ text-align: center;}
.text-xs-right{ text-align: right;}
.portfolio,.portfolio.md{ margin-right: -.2rem}
.portfolio>.portfolio-item,.portfolio.md>.portfolio-item{padding-right: .2rem; padding-bottom: .2rem}
.portfolio.sm{ margin-right: -.1rem}
.portfolio.sm>.portfolio-item{padding-right: .1rem; padding-bottom: .1rem}
.pt-big,.py-big{ padding-top: .6rem}
.pb-big,.py-big{padding-bottom: .6rem}
.mb-xs-0{ margin-bottom: 0}
.mb-xs-1{ margin-bottom: .1rem}
.mb-xs-2{ margin-bottom: .2rem}
.mb-xs-3{ margin-bottom: .3rem}
	.mt-xs-3{ margin-top: .3rem}
.mb-xs-4{ margin-bottom: .4rem}
.minus-xs{ margin-left: -.2rem; margin-right: -.2rem}	
.main-content-wrap{ margin-bottom: 0; min-height:60vh}
.footer-wrap{ height: auto; position:static}
.footer-container{ padding-top: .4rem; padding-bottom: .4rem}

/*nav*/
.nav-header{ padding-left: .2rem; padding-right: .2rem; height: 50px;}
.nav-header .logo{ width: 100px; line-height:50px;}
.nav-header .nav-wrap{ float:none; position: absolute; left: 0; top:100%; opacity: 0; visibility: hidden; background-color: #fff; z-index: 9; transition:opacity .3s ease-in-out}
.nav-header .nav-wrap.open{ opacity: 1; visibility: visible;}
.main-nav>li{ width: 100%; border-bottom: 1px solid #ececec;}
.main-nav>li>a{ line-height: 1.2rem; padding: 0 20px; font-size: .38rem; font-weight: 700}
.main-nav>li .dropdown-menu{ display: none}
.nav-header .mobile-menu{ display: block; float: right; line-height: 50px; width: 50px; text-align: center}	
.nav-header .mobile-menu i{ font-size: .4rem}
	
.part-title-wrap{ margin-bottom: .4rem;}
.part-title-wrap .title{ font-size: 32px; line-height: 1; margin-bottom: 0}
.part-title-wrap .meta{ font-size: 22px; line-height: 1; margin-top: 10px;}	
	
.page-title-wrap{padding:1.2rem 0}
.page-title-wrap .title{ font-size:.8rem; }	
.page-title-wrap .meta{ font-size:.48rem; margin-top: .3rem;line-height: 1}	
.page-title-wrap.ptw-2{ padding: 1.6rem 0 .8rem}
.part-wrap-t,.part-wrap{ padding-top:.8rem;}
.part-wrap-b,.part-wrap{ padding-bottom:.8rem;}

.info-item .info-title a{ padding: .2rem}
.info-article-wrap{ margin-top: 40px; font-size: .32rem; width: 100%; }
.info-article-wrap:before,.case-article-desc:before{display: none;}

.main-page-wrap .mpw-l{ width: 100%; margin-right:0; margin-bottom:.4rem; position:relative;}
.main-page-wrap .mpw-r{ width: 100%;}
.fileter-m-item>span{ display: block; line-height:.8rem;border: 1px solid #ececec; padding:0 .2rem; font-size:.32rem;font-weight:700;position: relative}
.fileter-m-item>span:before{content:"\e624"; position: absolute;right:.2rem; font-family: iconfont; color: #666; line-height: .8rem;}	
.filter-selctor{ position: absolute; left: 0; top:100%; z-index: 2; background: #fff; width: 100%; display: none}
.filter-selctor>li.active>a{ background-color: #897862; color: #fff;}
.filter-selctor>li>a{ font-size: .32rem; line-height: .8rem; padding: 0 .2rem}
	
.case-article-desc{ font-size: .32rem; width: 100%;}
.case-article-wrap{padding:.4rem .2rem; width:100%}
.case-parameter>li{ padding:0 .2rem .2rem 0}

.about-home-list>li>div{ width: 100%; float:none; height: auto}
.about-home-list>li .info .meta{ font-size: .32rem;}
.about-home-list>li .info a{ padding:.4rem;}
.about-article-wrap,.join-article-wrap,.team-detail-wrap{ width: 100%; margin-top: .6rem}
.about-img{ margin-bottom: .4rem}
	
.team-item .info .title{ font-size: .4rem; margin-bottom: .1rem }
.team-img .image{ width: 4rem; padding: .1rem; background: #fff; margin-top: -.6rem}
.team-img .title{ font-size:.6rem; margin-bottom: .1rem; padding: .2rem 0 0 .2rem; }
.team-img .info{border-bottom: 4px solid #897862}
	
.partner-list>li:nth-child(2n){ border-right: none;}
	.join-img{ width: 100%; margin-right: 0;}
}