/*
 * Overview: Page Style
 * Site: http://f2e.adee.cn
 */


/* .page */
.page { width: 100%; overflow: hidden; min-width: 1103px; }
.page-flag { width: 100%; height: 110px; overflow: hidden; background-color: #eee; }
.page-flag hgroup { float: left; margin-top: 24px; margin-left: 60px; }
.page-flag h1 { color: #c2ac88; font-size: 24px; display: block; line-height: 44px; }
.page-flag span { display: block; margin-left: 3px; font-size: 14px; color: #d1d1d1; font-family: Arial; text-transform: uppercase; }
.flag-img { width: 148px; float: left; text-align: center; height: 110px; background-position: center; background-repeat: no-repeat; }

.page-menu { margin-top: 55px; }
.page-menu dl { display: block; border-left: 1px solid #ccc; padding-bottom: 125px; min-height: 365px; }
.page-menu dd { height: 72px; line-height: 72px; margin-left: -1px; }
.page-menu dd a { padding-top: 10px; display: block; height: 65px; color: #3b3b3b; font-size: 14px; padding-left: 32px; }
.page-menu dd a:hover { opacity: 1; color: #816739; }
.page-menu .active a { color: #c19f63; border-left: 2px solid #c19f63; padding-left: 30px; }

.content { margin-bottom: 150px; font-size: 14px; color: #3b3b3b; line-height: 30px; }
.page-content { width: 905px; overflow: hidden; margin-top: 93px; font-size: 14px; color: #2f2f2f; }
.page-content p { text-indent: 2em; padding: 10px 0; line-height: 28px; }

/* about */
.about .flag-img { background-image: url(img/about-icon.png); }
.about .about-sldie { float: left; position: relative; width: 310px; height: 530px; overflow: hidden; margin-top: 5px; }
.about-sldie li { position: relative; width: 310px; float: left; }
.about-sldie hgroup { position: absolute; z-index: 200; right: 23px; top: 145px; width: 108px; }
.about-sldie i { display: block; width: 108px; height: 105px; position: absolute; top: 0px; right: 0px; border: 3px solid #c2ac88; }
.about-sldie strong { position: relative; z-index: 300; display: block; text-align: center; margin-top: 85px; font-size: 72px; color: #000; letter-spacing: 2px; font-weight: 600; font-family: Arial; }
.about-sldie h3 { display: block; opacity: 0; margin-top: 32px; margin-left: 62px; line-height: 18px; font-size: 16px; color: #000; font-family: 'HelveticaNeueLTPro-ThEx'; }
.about-sldie li span { display: block; opacity: 0; margin-left: 62px; font-size: 16px; color: #c2ac88; font-family: 'HelveticaNeueLTPro-ThEx'; }

.about-sldie .swiper-slide-active strong { animation: aboutTime 1.2s; }
.about-sldie .swiper-slide-active h3 { animation: aboutText 1s 0.4s ease both; }
.about-sldie .swiper-slide-active span { animation: aboutText 1s 0.6s ease both; }


@keyframes aboutTime {

  0% { transform: translateY(-20px); }
  100% { transform: translateY(0px); }

}

@keyframes aboutText{

	0% { transform: translateX(-20px); opacity: 0.6; }
	100% { transform: translateX(0px); opacity: 1; }
}

.about-sldie img { position: relative; z-index: 100; }
.about .pagination { position: absolute; bottom: 0; left: 0; width: 231px; height: 32px; line-height: 32px; text-align: center; }
.about .pagination span { margin: 0 5px; display: inline-block; *display: inline; *zoom: 1; width: 12px; height: 12px; background-color: #e7e7e7; border-radius: 8px; cursor: pointer; }
.about .pagination .swiper-active-switch { background-color: #c2ac88; }
.about-content { float: right; width: 545px; margin-right: 16px; text-indent: 2em; margin-top: -12px; }
.about-content p { padding: 10px 0; }

/* team */
.team .flag-img { background-image: url(img/team-icon.png); }
.team-list dl { height: 1732px; overflow: hidden; }
.team-list dd { display: block; width: 900px; height: 190px; margin-bottom: 28px; border-bottom: 1px dashed #c7c7c7; }
.team-list dd img { float: left; width: 120px; height: 160px; margin-right: 43px; }
.team-list dd h2 { color: #282827; font-size: 20px; line-height: 26px; margin-bottom: 5px; }
.team-list dd span { font-size: 14px; color: #c19f63; display: block; line-height: 28px; }
.team-list dd p { text-indent: 0; line-height: 30px; padding: 0; margin-top: 5px; display: block; overflow: hidden; height: 85px; font-size: 14px; color: #6c6c6c; }
.team-list dd a { display: block; width: 100%; height: 100%; }
.team-list dd a:hover { opacity: 0.9; }

.team-list-more { display: block; width: 900px; cursor: pointer; }
.team-list-more span { display: block; margin-top: 80px; width: 100%; height: 44px; line-height: 44px; background-color: #f6f6f6; text-align: center; font-size: 14px; color: #c2ac88; }
.team-list-more i { display: block; margin-top: 6px; width: 100%; height: 16px; background: url(img/team-list-icon.png) center no-repeat; }

.team-list-more:hover span { color: #7b5e2e; }
.team-list-more:hover i { transform: rotateX(180deg); transition-duration: 0.8s; }

.team-photo { float: left; }
.team-photo img { width: 231px; height: 330px; margin-right: 40px; margin-bottom: 15px; }

.team-content-title { width: 620px; float: right; }
.team-content-title h2 { display: block; font-size: 20px; color: #282827; margin-bottom: 10px; }
.team-content-title span { display: block; font-size: 14px; font-weight: 700; color: #c19f63; }

.team-content { width: 620px; float: right; margin-top: 8px; }
.team-content p { text-indent: 0; color: #6c6c6c; padding: 5px 0; }

/* news */
.news .flag-img { background-image: url(img/news-icon.png); }
.news .page-content { margin-top: 86px; }
.news-list { width: 910px; }
.news-list dd { display: block; width: 100%; overflow: hidden; margin-bottom: 40px; }
.news-list time { float: left; display: inline-block; *display: inline; *zoom: 1; margin-top: 14px; padding-right: 35px; padding-bottom: 2px; font-family: Arial; text-align: right; border-right: 1px solid #dcdcdc; color: #c7c7c7; font-size: 14px; }
.news-list time strong { display: block; margin-top: 10px; margin-bottom: 7px; font-size: 30px; color: #c8c6c6; font-weight: 900; }
.news-summary { float: left; width: 535px; width: 730px; margin-left: 40px; display: inline-block; *display: inline; *zoom: 1; }
.news-summary h2 { overflow: hidden; white-space:nowrap; margin-top: 2px; font-size: 18px; color: #282827; line-height: 44px; }
.news-summary img { float: right; margin-left: 20px; width: 170px; height: 126px; }
.news-summary p { text-indent: 0; padding: 0; line-height: 28px; font-size: 14px; color: #6c6c6c; }
.news-summary-img { float: right;  }

.news-btn { width: 100%; display: block; overflow: hidden; text-align: center; margin-top: 134px; height: 60px; }
.news-btn a,
.news-btn .active { display: inline-block; *display: inline; *zoom: 1; width: 47px; height: 47px; padding: 1px; border: 1px solid #e6e6e6; line-height: 50px; margin: 0 4px; color: #999; }
.news-btn a img { display: inline-block; *display: inline; *zoom: 1; margin-top: 18px; }
.news-btn .active { padding: 0;border: 2px solid #c2ac88; cursor: pointer; color: #232323; }
.news-btn a:hover { background-color: #f7f7f7; color: #232323; }

.news-title { display: block; margin-bottom: 10px; }
.news-title h1 { font-size: 24px; text-align: center; }
.news-title span { display: block; text-align: right; font-size: 14px; line-height: 32px; margin-top: 5px; padding-right: 20px; color: #ccc; font-family: Arial; }
.news-content p { padding: 6px 0; font-size: 14px; color: #393939; text-indent: 2em; }

/* contact */
.contact { position: relative; overflow: hidden; }
.contact .map { width: 100%; height: 790px; position: relative; overflow: hidden; }
.contact .contact-content { position: absolute; width: 100%; height: 100%; right: 0; top: 0; overflow: hidden; background-color: rgba(0,0,0,0.5); }

.contact-title { width: 100%; margin-top: 70px; overflow: hidden; text-align: center; }
.contact-title h2 { display: block; margin-top: 5px; font-size: 24px; line-height: 32px; color: #f0d8b1; }
.contact-title span { display: block; line-height: 40px; font-size: 14px; color: #fff; font-family: Arial; }
.contact-title i { display: block; height: 45px; width: 100%; margin-top: 3px; background: url(img/contact-title.png) center no-repeat; }

.contact-content table { width: 1024px; display: block; margin: 15px auto; }
.contact-content td { height: 38px; overflow: hidden; color: #fff; font-size: 14px; line-height: 38px; vertical-align: top; }
.contact-content td span { color: #ebd2aa; }
.contact-content td a { display: inline-block; *display: inline; *zoom: 1; font-size: 14px; line-height: 28px; color: #f9ddb0; border-bottom: 1px solid #f9ddb0; }
.contact-content td a:hover { border-width: 2px; }
.contact-content .width { position: relative; }
.content-icon { position: absolute; left: 411px; top: 440px; display: block; cursor: pointer; }

.map-btn { position: absolute; right: -90px; top: 100px; width: 60px; height: 60px; padding: 20px 10px; text-align: center; background-color: rgba(0,0,0,0.5); border-radius: 10px; color: #fff; font-size: 14px; line-height: 26px; cursor: pointer; }

/* .case */
.case {  }
.case .flag-img { background-image: url(img/case-icon.png); }
.case-list { border-top: 1px solid #e6e6e6; }
.case-item { font-size: 14px; color: #6c6c6c; border: 1px solid #e6e6e6; border-bottom: none; margin-top: -1px; }
.case-item h2 { display: block; height: 48px; line-height: 48px; border-bottom: 1px solid #e6e6e6; font-size: 16px; color: #282827; cursor: pointer; overflow: hidden; }
.case-item i { display: inline-block; *display: inline; *zoom: 1; width: 7px; height: 7px; margin-left: 24px; margin-right: 12px; background: url(img/case-slide-icon-2.jpg) center no-repeat; }
.case-item button { float: right; display: inline-block; *display: inline; *zoom: 1; width: 48px; height: 48px; border: none; cursor: pointer; outline: none; background: url(img/case-slide-icon.png) center no-repeat; }

.case-item-content { display: none; overflow: hidden; width: 100%; background-color: #fafafa; padding: 22px 0; }
.case-item table { width: 100%; }
.case-item td { width: 406px; display: inline-block; *display: inline; *zoom: 1; padding-left: 45px; line-height: 34px; }

.case-item ul { width: 100%; }
.case-item li { width: 406px; float: left; display: inline-block; *display: inline; *zoom: 1; padding-left: 45px; line-height: 34px; }
.case-item p { width: 406px; padding: 0; text-indent: 0; float: left; display: inline-block; *display: inline; *zoom: 1; padding-left: 45px; line-height: 34px; }

.case-list .active h2 { color: #c19f63; }

.news .dangtuan { background-image: url(img/dangtuan.png); }
.news .wuqing { background-image: url(img/wuqing.png); }
.yewulingyu { background: url(img/section-4.png) 70px 90px no-repeat; }
.yewulingyu .page-content ul { display: block; margin-top: 10px; margin-left: 30px; }
.yewulingyu .page-content li { display: block; line-height: 26px; padding-left: 15px; margin-bottom: 20px; background: url(img/xing.png) left 8px no-repeat; }

.yewulingyu .page-content { width: 800px; }

.yewulingyu .page-content h2 { font-size: 22px; color: #c2ac88; margin-left: 45px; }
.yewulingyu .page-content h3 { font-size: 12px; color: #ccc; font-family: Arial; margin-left: 45px; display: block; padding-top: 5px; }
.yewulingyu-content { margin-top: 25px; }

.yewulingyu .page-menu { width: 265px; float: left; margin-top: 50px; padding-bottom: 20px; padding-top: 20px; }
.yewulingyu .page-menu dl { margin-left: 10px; padding-top: 20px; border-left: 1px dashed #c7c7c7; }
.yewulingyu .page-menu dd { display: block; height: 38px; line-height: 38px; padding-left: 36px; margin-left: -9px; line-height: 32px; color: #454545; font-size: 14px; cursor: pointer; }
.yewulingyu .page-menu dd a { height: auto; padding: 0; border: none; height: 38px; line-height: 38px; }
.yewulingyu .page-menu .active { background: url(img/business-icon.png) left center no-repeat; color: #a97e22; }