﻿/*
 * Overview: Home Style
 * Site: http://f2e.adee.cn
 */
 

.slide-box { position: relative; width: 100%; height: 577px; overflow: hidden; background-color: #000; }
.slide-box .swiper-container { position: relative; margin: 0 auto; z-index: 100; width: 100%; height: 577px; }
.slide-box .slide-left,
.slide-box .slide-right { width: 45px; height: 123px; display: block; position: absolute; top: 194px; z-index: 200; }
.slide-box .swiper-slide { position: relative; text-align: center; }
.slide-box .swiper-slide .slide-bg { position: absolute; top: 0; left: 50%; z-index: 100; margin-left: -601px; }
.slide-box .swiper-slide .slide-text { position: relative; top: 240px; margin: 0 auto; z-index: 200; }
.slide-box .swiper-slide .slide-text h2 { font-size: 40px; color: #f6cd74; }
.slide-box .swiper-slide .slide-text h3 { line-height: 36px; font-size: 18px; color: #e8c77f; text-transform: uppercase; font-weight: 100; font-family: 'HelveticaNeueLTPro-ThEx'; } 
.slide-box .slide-left { left: 10%; }
.slide-box .slide-right { right: 10%; }
.slide-box .slide-text { display: none; }
.slide-box .swiper-slide-active .slide-text { display: block; }

.pagination { position: absolute; bottom: 34px; width: 100%; text-align: center; z-index: 400; }
.pagination span { display: inline-block; *display: inline; *zoom: 1; margin: 0 4px; height: 2px; width: 56px; background-color: #e0e0e0; opacity: 0.6; }
.pagination .swiper-active-switch { background-color: #fff; opacity: 1; }


.title { display: block; text-align: center; margin-bottom: 22px; }
.title h2 { font-size: 30px; color: #a97e22; padding: 3px 0; }
.title h3 { font-size: 16px; color: #929292; font-family: 'HelveticaNeueLTPro-ThEx'; text-transform: uppercase; }

.section-business { margin-top: 50px; background: url(../images/section-bg.jpg) center no-repeat; overflow: hidden; }

.bus-list ul { display: flex; flex-wrap: wrap; justify-content: center; }
.bus-list ul:after { content: ""; flex: auto; }
.bus-list li { display: inline-block; width: 33%; margin-top: 18px; padding-top: 123px; }
.bus-list h3 { display: block; margin-top: 10px; margin-bottom: 16px; text-align-last: center; font-size: 24px; color: #272727; }
.bus-list span { display: block; width: 80%; margin: 0 auto; font-size: 14px; color: #767676; line-height: 26px; }
.bus-list li:nth-child(1) { background: url(../images/bus-icon-1.png) top center no-repeat; }
.bus-list li:nth-child(2) { background: url(../images/bus-icon-2.png) top center no-repeat; }
.bus-list li:nth-child(3) { background: url(../images/bus-icon-3.png) top center no-repeat; }
.bus-list li:nth-child(4) { margin-left: 0.2%; background: url(../images/bus-icon-4.png) top center no-repeat; }
.bus-list li:nth-child(5) { background: url(../images/bus-icon-5.png) top center no-repeat; }

.about { width: 100%; height: 426px; margin-top: 110px; background: url(../images/about-bg.jpg) center no-repeat; }
.about .width { position: relative; overflow: hidden; height: 426px; }
.about .width .about-icon { position: absolute; right: 0; top: 104px; }
.about-text { position: relative; width: 554px; height: 100px; margin-top: 127px; margin-left: 40px; padding: 44px; background-color: rgba(255,255,255,0.3); }
.about-text p { font-size: 14px; color: #fff; line-height: 26px; text-align: justify; }
.about-text a { position: absolute; right: -118px; top: 108px; width: 135px; height: 44px; line-height: 44px; font-size: 14px; font-family: Arial; color: #000; background-color: #e8c77f; text-align: center; }

.about-title { position: absolute; top: 142px; right: 185px; }
.about-title h2 { font-size: 30px; color: #e8c77f; }
.about-title h3 { font-size: 16px; color: #fff6e2; font-family: 'HelveticaNeueLTPro-ThEx'; }
.line { position: absolute; display: block; width: 220px; height: 1px; right: 326px; top: 163px; background-color: #e9e6e6; }


.news { margin-top: 65px; }
.news-line { position: absolute; left: 0; top: 42px; width: 100%; height: 1px; background-color: #e2e2e2; }
.slide-news-box { height: 247px; margin-top: 36px; overflow: hidden; }

.slide-item-box { width: 330px; margin: 0 auto; overflow: hidden; }
.slide-news-box .swiper-slide time { display: block; margin: 0 auto; text-align: center; }
.slide-news-box h2 { display: block; width: 78px; height: 42px; margin: 0 auto; border-bottom: 2px solid #a97e22; color: #929292; font-size: 24px; font-family: 'HelveticaNeueLTPro-ThEx'; }
.slide-news-box h3 { display: block; margin-top: 30px; color: #272727; font-size: 18px; }
.slide-news-box p { display: block; margin-top: 12px; font-size: 14px; color: #767676; line-height: 30px; }
.slide-news-box a:hover h3 { color: #a97e22; }

.partners { margin-top: 42px; }
.partners-list { margin-top: 46px; overflow: hidden; text-align: center; padding-bottom: 108px; }
.partners-list ul { display: flex; justify-content: space-between; }
.partners-list li {  }


@media only screen and (max-width: 640px) {

	.slide-box .slide-left,
	.slide-box .slide-right { display: none; }

	.slide-box .swiper-slide .slide-bg { display: none; }

	.slide-box { width: 100%; height: 100%; background: url(../images/banner-1.jpg) top center no-repeat; background-size: auto 100%; }

	.slide-box .swiper-container { height: 400px; }

	.slide-box .swiper-slide .slide-text { top: 140px; }
	.slide-box .swiper-slide .slide-text h2 { font-size: 28px; line-height: 50px; width: 80%; margin: 0 auto; }
	.slide-box .swiper-slide .slide-text h3 { margin-top: 10px; font-size: 12px; }

	.bus-list li { width: 100%; }
	.about .width .about-icon { display: none; }
	.about-title { top: 40px; left: 11%; right: 0; }
	.line { width: 7%; right: 0; left: 0; top: 64px; }

	.about { height: 466px; }

	.about-text { width: 70%; margin: 0 auto; margin-top: 127px; padding: 10% 9%; height: auto; }

	.about-text a { width: 75px; font-size: 12px; right: -5%; top: auto; bottom: -16px; height: 32px; line-height: 32px; }

	.section-business { background: none; }

	.partners-list { margin-top: 10px; }
	.partners-list ul { display: block; }
	.partners-list li { width: 40%; margin: 10px 5%; float: left; }
	.partners-list li img { width: 100%; }

}






