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

.load-wrap { position: fixed; width: 100%; height: 100%; z-index: 9999; background-color: #fff; }
.load-wrap div { position: fixed; width: 100%; top: 10%; text-align: center; height: 1px; opacity: 0; }
.load-wrap div img { vertical-align: middle; margin: 0 auto; width: 25%; }
.load-wrap .load-wrap-logo { display: none; top: 0; opacity: 1; height: 100%; background: url(img/loadimg-logo.png) center no-repeat; }


/* .slide-box [切换大图] */
.slide-box { position: relative; width: 100%; height: 406px; overflow: hidden; min-width: 1103px; }
.slide-box a:hover { opacity: 1; }
.slide-box li { position: relative; width: 100%; height: 406px; overflow: hidden; }
.slide-box img { position: absolute; left: 50%; margin-left: -1000px; height: 100%; z-index: 100; }
.pagination { position: absolute; bottom: 0; width: 100%; height: 28px; text-align: center; }
.pagination span { display: inline-block; *display: inline; *zoom: 1; margin: 0 4px; width: 9px; height: 9px; border-radius: 5px; background: none; border: 1px solid #fff; cursor: pointer; }
.pagination .swiper-active-switch { border: 1px solid #a97e22; background-color: #a97e22; }

.slide-box .swiper-slide-active h2 { animation: animateBanner 1s 0.5s ease both; }
.slide-box .swiper-slide-active i { animation: animateBanner 1s 0.6s ease both; }
.slide-box .swiper-slide-active span { animation: animateBanner 1s 0.7s ease both; }
.slide-box .swiper-slide-active p { animation: animateBanner 1.6s 0.8s ease both; }
.slide-box .swiper-slide-active a { animation: animateBanner 1.4s 1.2s ease both; }

@keyframes animateBanner {

  0% { transform: translateX(0px); opacity: 0; }
  100% { transform: translateX(40px); opacity: 1; }

}


.text-box { position: relative; z-index: 200; margin-top: 88px; }
.text-box h2 { display: block; color: #f1d38b; font-size: 32px; line-height: 36px; }
.text-box i { display: block; width: 62px; height: 3px; background-color: #585a63; margin-top: 21px; }
.text-box span { display: block; margin-top: 14px; margin-bottom: 1px; font-family: Arial; color: #ffe8b7; font-size: 14px; text-transform: uppercase; }
.text-box p { display: block; line-height: 30px; color: #ffe8b7; font-size: 16px; }
.text-box a { display: block; width: 142px; height: 43px; margin-top: 29px; line-height: 40px; text-align: center; border: 1px solid #ffe8b7; font-size: 16px; color: #ffe8b7; }
.text-box a:hover { opacity: 0.7; }

/* .section-2 [新闻列表] */
.section-2 { width: 100%; height: 350px; overflow: hidden; margin-top: 76px; }

.news-slide { float: left; width: 358px; height: 300px; position: relative; overflow: hidden; /* border: 1px solid #ccc; */ /* box-shadow: 0 0 6px #000; */ }
.news-slide img { width: 358px; height: 225px; }
.news-slide ul { z-index: 100; }
.news-slide li { width: 360px; height: 300px; text-align: center; background-color: #c29f65; }
.news-slide time { float: left; display: inline-block; *display: inline; *zoom: 1; margin-left: 8px; margin-right: 12px; color: #fff; font-size: 14px; font-family: 'HelveticaNeueLTPro-ThEx'; text-align: right; }
.news-slide time span { display: block; font-size: 20px; }
.news-slide p { display: block; width: 290px; height: 48px; overflow: hidden; text-align: left; margin-top: 16px; line-height: 24px; font-size: 14px; font-family: '微软雅黑'; color: #fff; }

#J-slide-young p { margin: 0 auto; margin-top: 16px; }
#J-slide-young time { margin-left: 0; }

.news-slide-btn { position: absolute; right: 8px; top: 250px; z-index: 200; width: 54px; height: 31px; }
.news-slide-btn a { display: block; width: 26px; height: 30px; transition-duration: 0.5s; }
.news-slide-btn a:hover { opacity: 1; }
.news-slide-prev { float: left; background: url(img/home-prev.png) no-repeat center left; }
.news-slide-prev:hover { background: url(img/home-prev-hover.png) no-repeat center left; }
.news-slide-next { float: right; background: url(img/home-next.png) no-repeat center right; }
.news-slide-next:hover { background: url(img/home-next-hover.png) no-repeat center right; }

.news-title { margin-left: 3px; padding-left: 18px; margin-top: -5px; padding-bottom: 10px; border-bottom: 1px dashed #c7c7c7; background: url(img/news-icon.jpg) left 5px no-repeat; font-size: 18px; color: #282828; }

.news-title a:hover { color: #a97e22; }

.news-list-1 { float: left; margin-left: 60px; width: 430px; height: 100%; overflow: hidden; }
.news-list-1 dl { margin-top: 14px; background: url(img/news-icon-1.jpg) left 9px no-repeat; }
.news-list-1 dd { display: block; line-height: 24px; padding-bottom: 10px; height: 40px; }
.news-list-1 dd a { display: block; color: #606060; font-size: 14px; margin-left: 1px; padding-left: 22px; transition-duration: 0.3s; background: url(img/news-icon-2.png) no-repeat left 10px; }
.news-list-1 dd a:hover { opacity: 1; color: #c19f63;  }
.news-list-1 dd time { font-size: 12px; display: block; line-height: 24px; color: #b8b8b8; }

.news-list-1 .top a { color: #a97e22; }

.news-list-2 { width: 300px; float: right; }
.news-list-2 dl { margin-top: 10px; }
.news-list-2 dd a { display: block; padding-left: 13px; white-space: nowrap; overflow: hidden; height: 36px; margin-bottom: 1px; line-height: 36px; font-size: 14px; color: #606060; background: url(img/news-icon-3.jpg) left 17px no-repeat; }
.news-list-2 dd a:hover { opacity: 1; color: #a97e22; }

/* .section-3 [招聘] */
.section-title { position: relative; text-align: center; margin-top: 33px; }
.section-title h1 { margin-bottom: 20px; line-height: 32px; display: block; font-size: 24px; color: #313131; }
.section-title h1 a:hover { color: #a97e22; }
.section-title i { display: block; width: 601.5px; height: 1px; margin-top: 21px; background-color: #c19f63; }

.section-3 { width: 100%; height: 453px; overflow: hidden; background: url(img/section-3.jpg) center no-repeat; }
.section-video { margin-top: 36px; }
.hr-list { width: 840px; margin-top: 22px; }
.hr-list li { width: 370px; height: 48px; line-height: 52px; border-bottom: 1px solid #e2e2e2; margin-left: 50px; float: left; }
.hr-list li a { display: block; padding-left: 26px; background: url(img/section-3-icon.png) left center no-repeat; font-size: 14px; color: #606060; }
.hr-list li a:hover { color: #a97e22; }

/* .section-4 [业务范围] */
.section-4 { background-color: #fff; }
.business { margin-top: 31px; background: #f9f9f9 url(img/section-4.png) center top no-repeat; overflow: hidden; }
.business-slide-box { overflow: hidden; padding-bottom: 40px; }
.business-btn { width: 265px; float: left; margin-top: 35px; padding-bottom: 20px; }
.business-btn dl { margin-left: 10px; padding-top: 20px; padding-bottom: 20px; border-left: 1px dashed #c7c7c7; }
.business-btn dd { display: block; height: 32px; padding-left: 36px; margin-left: -9px; line-height: 32px; color: #454545; font-size: 14px; cursor: pointer; }
.business-btn .active { background: url(img/business-icon.png) left center no-repeat; color: #a97e22; }

.business-slide { width: 830px; overflow: hidden; height: 670px; }
.business-slide-item { display: none; color: #464646; font-size: 14px; line-height: 24px; animation: animateBuis 1.2s 0.2s ease both; }
.business-slide-item ul { overflow: hidden; margin-left: 88px; margin-top: 83px; max-height: 500px; padding-bottom: 20px; overflow: hidden; }
.business-slide-item li { line-height: 34px; padding-left: 16px; background: url(img/xing.png) left 12px no-repeat; }
.business-slide-item a { margin-left: 106px; display: block; width: 135px; height: 40px; margin-top: 10px; border: 1px solid #cfcfcf; background: url(img/bus-more.png) center no-repeat; transition-duration: 0.5s; }
.business-slide-item a:hover { border: 1px solid #a97e22; background: url(img/bus-more-hover.png) 30px center no-repeat; }

@keyframes animateBuis {

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

}