/*
 * Overview: Page Style
 * Site: http://lb-show.cn
 */


/* page */
.icon-box { width: 120px; }
.section-content { width: 1025px; margin-top: 74px; }
.section-content .title h2 { display: block; line-height: 50px; font-size: 30px; color: #f6d693; }
.section-content .title span { font-size: 16px; color: #fff; font-family: 'HelveticaNeueLTPro-ThEx'; text-transform: uppercase; }
.section-content .title i { display: block; margin-top: 15px; width: 48px; height: 2px; background-color: #f6d693; }
.section-content img { max-width: 100%; }

/* .about */
.about { height: 895px; width: 100%; background: #000 url(../images/page-about-bg.jpg) center bottom no-repeat; }
.about .icon-box { height: 895px; background: url(../images/page-about-icon.jpg) left 145px no-repeat; }
.title-bus { margin-top: 66px; }
.section-content .title-bus h2 { font-size: 24px; font-weight: 400; font-family: 'HelveticaNeueLTPro-ThEx'; }

.bus-list { display: block; overflow: hidden; display: flex; justify-content: space-between; }
.bus-list li { display: inline-block; text-align: center; }
.bus-list li span { display: block; width: 100%; height: 70px; line-height: 70px; font-size: 18px; color: #fff; }
.bus-list li:hover span { color: #f6d693; }

.content { display: block; margin-top: 30px; font-size: 14px; color: #f2f2f2; line-height: 26px; }
.content p { text-indent: 2em; padding: 15px 0; }


/* .news */
.news .icon-box { height: 965px; background: url(../images/page-news-icon.jpg) left 199px no-repeat; }

.news .section-content .title h2 { margin-top: 5px; display: block; line-height: 50px; font-size: 30px; color: #1a1a1a; }
.news .section-content .title span { font-size: 16px; color: #9b9b9b; font-family: 'HelveticaNeueLTPro-ThEx'; }
.news .section-content .title i { display: block; margin-top: 15px; width: 48px; height: 2px; background-color: #a97e22; }

.news-list { overflow: hidden; padding-top: 10px; padding-bottom: 120px; /* height: 626px; */ }

.news-item { width: 100%; height: 114px; overflow: hidden; margin-bottom: 18px; }
.news-item a:hover .new-time { padding-left: 0; border-left: 3px solid #a97e22; }
.news-item a:hover .news-synopsis h2 { color: #a97e22; }
.new-time { width: 120px; height: 92px; padding-left: 3px; padding-right: 28px; font-family: 'HelveticaNeueLTPro-ThEx'; text-align: right; }
.new-time h3 { display: block; margin-top: 3px; line-height: 50px; font-size: 36px; color: #929292; }
.new-time span { font-size: 18px; color: #cfcdcd; }

.news-synopsis { width: 874px; overflow: hidden; border-bottom: 1px dotted #ccc; padding-bottom: 18px; }
.news-synopsis h2 { display: block; margin-top: 5px; line-height: 20px; font-size: 18px; color: #20201f; }
.news-synopsis p { text-indent: 0; display: block; margin-top: 9px; line-height: 30px; padding: 0; color: #767676; }

.news-btn { width: 100%; margin-top: 45px; text-align: center; display: flex; justify-content: center; }
.news-btn a { width: 10px; height: 10px; border-radius: 6px; background-color: #9b9b9b; margin: 10px; }
.news-btn a:hover { background-color: #a97e22; }


/* .business */
.business { background-color: #000; }
.business .icon-box { height: 888px; background: url(../images/page-business-icon.jpg) left 199px no-repeat; }
 
.business .section-content { width: 1059px; }

.bus-page-btn { width: 1058px; height: 683px; margin-top: 40px; background: url(../images/page-bus-bg.jpg) bottom right no-repeat; overflow: hidden; }
.bus-page-btn .bus-list { width: 1058px; overflow: hidden; }
.bus-page-btn li { display: flex; width: 212px; height: 683px; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.8); }
.bus-page-btn li:hover { background:none; }
.bus-page-btn li:nth-child(1) { width: 210px; }
.bus-page-btn .bus-list li .more { opacity: 0; width: 137px; height: 46px; margin: 0 auto; margin-top: 60px; margin-bottom: 10px; background-color: #e8c77f; font-size: 14px; color: #000; font-family: Arial; line-height: 46px; }
.bus-page-btn .bus-list li:hover .more { opacity: 1; }
.bus-page-btn li:hover span { color: #fff; display: block; }
.bus-page-btn li span { height: 64px; line-height: 64px; }

.business-content { margin-top: 90px; padding-bottom: 120px; }
.business-item { margin-bottom: 20px; width: 100%; overflow: hidden; }
.business-content .section-content { margin-top: 0; width: 1045px; }
.business-item .icon-box {  }
.business-item .icon-box img { margin-left: 33px; }

.business-item .title { margin-top: 8px; }
.business-item .title h2 { margin-top: 0px; display: block; line-height: 50px; font-size: 30px; color: #1a1a1a; }
.business-item .title span { font-size: 16px; color: #9b9b9b; font-family: 'HelveticaNeueLTPro-ThEx'; }
.business-item .title i { display: block; margin-top: 15px; width: 48px; height: 2px; background-color: #a97e22; }
.business-item dl { }
.business-item dl dt { margin-top: 34px; margin-bottom: 20px; }
.business-item dl dd { display: block; width: 100%; margin-top: 10px; padding-bottom: 20px; margin-bottom: 10px; border-bottom: 1px dotted #ccc; }
.business-item dl dd h2 { margin-bottom: 5px; font-size: 18px; color: #20201f; display: block; line-height: 38px; }
.business-item dl dd p { font-size: 14px; color: #767676; display: block; line-height: 32px; }

.business-content {  }


.case {  }
.case .icon-box { height: 888px; background: url(../images/page-case-icon.jpg) left 199px no-repeat; }
 


.contact { height: 895px; } 

.contact { background: url(../images/page-contact-bg.jpg) center no-repeat; }
.contact .icon-box { height: 888px; background: url(../images/page-contact-icon.jpg) left 70px no-repeat; }
 
.contact .content {  }

.contact .footer-item-2,
.contact .footer-item-3,
.contact .footer-item-1 { padding: 0; margin-top: 0; float: left; width: 300px; }
.contact .footer-item-2 { margin-top: 28px; }
.contact .footer-item-2 h2 { margin-bottom: 20px; }
.contact .footer-item-3 { margin-top: 15px; }



@media only screen and (max-width: 640px) {

	.about { height: auto; background: #000; }

	.about .icon-box,
	.business .icon-box { height: auto; }

	.section-content,
	.business .section-content,
	.bus-page-btn .bus-list,

	.bus-page-btn { width: 100%; }


	.title-bus { margin-top: 30px; }
	
	.bus-list { flex-wrap: wrap; margin-bottom: 30px; }

	.bus-list li { display: block; width: 50%; }


	.news .icon-box { display: none; }
	.news-item { width: 100%; height: auto; position: relative; padding-bottom: 20px; border-bottom: 1px dotted #ccc; }

	.new-time { float: none; position: absolute; right: 0; bottom: 0; text-align: right; height: auto; width: auto; padding: 0; padding-right: 10px; }
	.news-synopsis { width: 100%; float: left; border: none; }
	.news-synopsis h2 { line-height: 26px; }
	.news-synopsis p { line-height: 24px; text-align: justify; }

	.new-time h3 { font-size: 20px; display: inline-block; line-height: 42px; float: right; }
	.new-time span { display: none; }

	.bus-page-btn { background: none; height: auto; }
	.bus-page-btn li { height: auto; margin-bottom: 20px; }
	.bus-page-btn li:nth-child(1) { width: 50%; }
	.bus-page-btn .bus-list li .more { display: none; }


	.business-content { margin-top: 30px; }
	.business-content .section-content { width: auto; }
	.business-item .icon-box img { margin: 0; }
	.business-item { padding-top: 60px; margin-bottom: 0; }
	.icon-box { display: none; }

	.contact .footer-item-2, .contact .footer-item-3, .contact .footer-item-1 { width: 100%; }

}