@font-face {
    font-family: 'HaginCapsThin';  /*缁欒嚜瀹氫箟瀛椾綋鍛藉悕*/
    src: url('../fonts/hagincapsthin.eot');
   /* src: url('../fonts/hooray.eot') format('eot'),
         url('../fonts/hooray.woff') format('woff'),
         url('../fonts/hooray.ttf') format('truetype'),
         url('../fonts/hooray.svg#webfontjkg17vre') format('svg'); */
}



body, input, textarea { font-family: FZLTXHJW, "Microsoft Yahei", Arial, sans-serif; }
a { text-decoration: none; color: inherit; }
section a { color: #666; }
strong { font-weight: bold; }

.container { position: relative; width: 1030px; margin: 0 auto; }
section { font-size: 20px; line-height: 1.8; color: #666; overflow: hidden; }
section h2 { font-size: 48px; padding-top: 90px; padding-bottom: 40px; line-height: 1.2; }
section h2 strong { font-size: 48px; /* font-size: 1.2em; padding: 0 0.1em; */ }
section ol li { padding-left: 32px; text-indent: -32px; font-size: 20px;color: #515151;}
.hcolor{color: #e84046}
#section-one { height: 1000px; background: url(../images/sec-bg01.jpg) no-repeat center top; line-height: 1.3; }
#section-one .logo a { display: block; width: 180px; height: 235px; background: urL(../images/bang-logo.png) no-repeat center center #8fc320; text-indent: -100em; overflow: hidden; }
#section-one .intro { float: left; font-size: 48px; color: #fff; margin-top: 120px; }
#section-one .intro a { display: inline-block; width: 258px; height: 60px; border: 1px solid #fff; text-align: center; font-size: 31px; line-height: 59px; margin-top: 35px; color: #fff; }
#section-one .logo-b { float: right; width: 425px; height: 425px; margin-right: 40px; margin-top: 20px; background: url(../images/bang-logo-b.png) no-repeat center center; background-size: 100%; }
#section-one .logo-b img { width: 100%; display: none; }

#section-two { height: 606px; background: url(../images/sec-bg02.jpg) no-repeat center center; }
#section-two h2 { color: #e60012; }
#section-two .building { font-size: 16px; line-height: 1.5; margin-top: 260px; width: 11em; }
#section-two .building a { color: #666; }
#section-two .building span { color: #e60012; }

#section-three { background: #f4f4f4; color: #fff; }
#section-three .nums {width: 116%;overflow: hidden; margin-left: -30px; margin-right: -100px; margin-top: 60px; padding-bottom: 100px; }
#section-three .nums li { float: left; width: 19%; text-align: center; padding-top: 100px; }
#section-three .nums li.industry { background: url(../images/num-bg01.png) no-repeat center top; }
#section-three .nums li.brand { background: url(../images/num-bg02.png) no-repeat center top; }
#section-three .nums li.custom { background: url(../images/num-bg03.png) no-repeat center top; }
#section-three .nums li.employee { background: url(../images/num-bg04.png) no-repeat center top; }
#section-three .nums li.fund { background: url(../images/num-bg05.png) no-repeat center top; width: 24%; }
#section-three .nums .num { font-size: 40px; line-height: 1.5; color: #e84046;}
#section-three .nums .des{color: #515151; }
#section-three .nums .num em { font-style: normal; font-size: 90px; letter-spacing: -2px; }

#section-four { height: 690px; background: url(../images/sec-bg04.jpg) no-repeat center center; }
#section-four h2 { color: #e60012; padding-top: 110px; margin-left: 16%; }
#section-four ol { margin-left: 16%; }

#section-five { height: 898px; background: url(../images/sec-bg05.jpg) no-repeat center center; }
#section-five h2 { color: #e60012; }

#section-six { background: #000; color: #fff; text-align: center; padding-bottom: 100px; }
#section-six p { font-size: 24px; line-height: 44px; }
#section-six .tel { font-size: 37px; color: #e60012; }

#section-seven { height: 444px; background: url(../images/sec-bg07.jpg) no-repeat center center; }
#section-seven h2 { font-size: 24px; color: #e60012; padding-bottom: 30px; }
#section-seven .container { padding-left: 100px; } 

#section-eight { padding: 30px 0 100px; background: url(../images/sec-bg08.jpg) no-repeat center top; }
#section-eight h3 { font-size: 30px; margin: 30px 0 15px; color: #fff; }
#section-eight .bang-view { margin-right: -10px; overflow: hidden;}
#section-eight .bang-view li { float: left; margin-right: 10px; margin-bottom: 10px; }
#section-eight .bang-view li img { display: block; }

#section-pos { padding: 100px 0 100px; background: #f3f3f3; }
#section-pos .row { overflow: hidden; margin-bottom: 15px; }
#section-pos .seachwrap { float: left; width: 769px; height: 38px; padding: 10px 15px; border: 1px solid #a0a0a0; border-right: 0; background: #fff; }
#section-pos .seachwrap input { border: 0; font-size: 18px; width: 100%; color: #666; }
#section-pos .submit-btn { float: left; width: 230px; height: 60px; padding-bottom: 2px; line-height: 60px; background: #e60012; border: 0; border-radius: 0; font-size: 26px; color: #fff; }
#section-pos .filter { padding: 15px 30px; background: #fff; border: 1px solid #a0a0a0; }
#section-pos dl { overflow: hidden; margin: 15px 0; }
#section-pos dt { float: left; line-height: 48px; }
#section-pos dd { margin-left: 6em; line-height: 48px; }
#section-pos dd input { display: none; }
#section-pos dd label { float: left; margin-right: 20px; padding: 0 20px; cursor: pointer; }
#section-pos dd label.active { background: #3ab854; color: #fff; }
#section-pos dd label.first.active { background: #555; color: #fff; }

#section-pos h3 { font-size: 1.1em; line-height: 2.5; color: #333; border-bottom: 1px solid #ccc; margin-top: 40px; }
#section-pos .search-result { margin-top: 20px; }
#section-pos .search-result ul { overflow: hidden; }
#section-pos .search-result ul li { float: left; width: 33%; border-bottom: 1px dashed #aaaaaa; font-size: 16px; line-height: 52px; }
#section-pos .search-result ul li a:hover { color: #e60012 }
#section-pos .search-result ul li .con { display: none; }

html, body { height: 100%; }
.cover { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; /* background: #000; opacity: 0.7; filter: alpha(opacity=70); */ background: url(../images/bgblack07.png); display: none; }
.popup { position: fixed; top: 5%; left: 50%; z-index: 200; width: 520px; margin-left: -287px; height: 90%; background: #fff; display: none; }
.popup .wrap { position: absolute; left: 0; top: 0; height: 100%; width: 100%; padding: 0; overflow: auto; }
.popup .con { font-size: 15px; line-height: 1.6; color: #666; padding: 40px 45px 20px 30px }
.popup h3 { font-size: 1.2em; color: #e60012; }
.popup h4 { font-size: 1.3em; color: #313131; }
.popup h5 { margin-top: 1.3em; margin-bottom: 0.5em; color: #313131; }
.popup .btnwrap { text-align: center; padding-bottom: 20px; } 
.popup .btnwrap .upload-btn { display: inline-block; width: 20em; line-height: 2.6em; color: #fff; font-size: 1.2em; background: #e60012; text-align: center; }
.popup .btnwrap p { margin-bottom: 1.5em; line-height: 1.5; color: #666; }
.popup .btnwrap a { color: #e60012; }
.popup .close-btn { position: absolute; top: 20px; right: 20px; z-index: 100; width: 30px; height: 30px; text-indent: -100em; overflow: hidden; background: urL(../images/closebtn.png) no-repeat center center #fff; }
.popup .qrcode { display: block; width: 6em; margin: 1em auto; }
.popup .qrcode img { display: block; width: 100%; }
.popup .qrcode div { font-size: 12px; color: #333; text-align: center; }

/* footer */
.footer { background: #999999; }
.footer .sitemap { }
.footer .sitemap .footer-nav { padding: 40px 0 10px; border-bottom: 1px solid #8d8d8d; overflow: hidden; }
.ie6 .footer .sitemap .footer-nav { zoom: 1; }
.footer .sitemap .footer-nav dl { float: left; width: 102px; padding-bottom: 20px; }
.footer .sitemap .footer-nav dl.last { width: 99px; }
.footer .sitemap .footer-nav dt { margin-bottom: 10px; }
.footer .sitemap .footer-nav dd { font-size: 12px; line-height: 14px; padding: 5px 0; color: #fff; }
.footer .sitemap .footer-nav dt a { display: block; width: 97px; height: 48px; border: 1px solid #acacac; background: #959595; text-indent: -100em; overflow: hidden; background-repeat: no-repeat; background-position: center center; }
.footer .sitemap .footer-nav .bangbrand dt a { background-image: url(../images/logo-bangbrand-s.png); }
.footer .sitemap .footer-nav .banglogovi dt a { background-image: url(../images/logo-banglogovi-s.png); }
.footer .sitemap .footer-nav .bangint dt a { background-image: url(../images/logo-bangint-s.png); }
.footer .sitemap .footer-nav .bangpackage dt a { background-image: url(../images/logo-bangpackage-s.png); }
.footer .sitemap .footer-nav .bangsign dt a { background-image: url(../images/logo-bangsign-s.png); }
.footer .sitemap .footer-nav .netbang dt a { background-image: url(../images/logo-netbang-s.png); }
.footer .sitemap .footer-nav .bangicom dt a { background-image: url(../images/logo-bangicom-s.png); }
.footer .sitemap .footer-nav .bangemotion dt a { background-image: url(../images/logo-bangemotion-s.png); }
.footer .sitemap .footer-nav .brandworker dt a { background-image: url(../images/logo-brandworker-s.png); }
.footer .sitemap .footer-nav .bangdigit dt a { background-image: url(../images/logo-bangdigit-s.png); }
.footer .sitemap .footer-nav dd a { color: #ffffff; }
.footer .sitemap .footer-nav dd a:hover { text-decoration: underline; }
.footer .contact { padding: 35px 0; font-size: 12px; line-height: 24px; color: #f0efef; overflow: hidden; }
.ie6 .footer .contact { zoom: 1; }
.footer .contact a { color: #f0efef; }
.footer .contact .addr { float: left; width: 370px; margin-right: 100px; }
.footer .contact .addr .tit { float: left; }
.footer .contact .addr .con { float: left; }
.footer .contact .mail { float: left; }
.footer .contact .employ { float: right; text-align: right; }
.footer .contact a:hover { text-decoration: underline; }
.footer .copyright { padding: 16px 0; background: #777777; font-size: 12px; line-height: 24px; color: #bbbbbb; }
.ie7 .footer .copyright { zoom: 1; }
.ie6 .footer .copyright { zoom: 1; }
.footer .copyright .company { float: left; font-size: 14px; line-height: 48px; color: #fff; letter-spacing: 13px; }
.footer .copyright .links, .footer .copyright .copy { text-align: right; }
.footer .copyright .copy span { margin-right: 15px; }
.footer .copyright .links a { color: #ffffff; }
.footer .copyright .links a:hover { text-decoration: underline; }
.footer .copyright .links .sep { margin: 0 4px; }

.col-main { position: relative; width: 1030px; margin: 0 auto; }

.fixed { position: fixed; right: 1px; bottom: 1px; }
.fixed .qrcode { display: block; width:  138px; height: 155px; background: url(../images/fixed.png) no-repeat; }
.fixed .qrcode a{display:block;width:100%;height:100%;text-indent:-999px;overflow: hidden;}
.fixed .email { display: block; width:  138px; height: 138px; background: url(../images/fixed.png) no-repeat 0 -210px; margin-top: 2px; }



/* job */
.pos-detail { font-size: 15px; line-height: 1.6; color: #666; }
.pos-detail .container { margin-bottom: 1.5em; width: 90%; margin: 0px auto;  }
.pos-detail h3 { font-size: 1.2em; color: #e60012; }
.pos-detail h4 { font-size: 1.3em; color: #313131; }
.pos-detail h5 { margin-top: 1.3em; margin-bottom: 0.5em; color: #313131; }
.pos-detail p a { color: #e60012; text-decoration: underline; }

.pos-detail .logo { background: #8fc320; padding: 5px 0; margin-bottom: 20px; }
.pos-detail .logo a { display: block; width: 50px; height: 50px; overflow: hidden; text-align: center; }
.pos-detail .logo a img { width: 90%; margin-top: 5px; }
.pos-detail .con { padding-bottom: 30px; }
.pos-detail .more { margin-top: 2em; border-top: 1px solid #ccc; padding-top: 15px; }



#section-zone {height: auto; width: 100%; position: relative; line-height: 0px;text-align: center;}
#section-zone img{ max-width: 100%;}
.official-website { position: absolute; display: block; top: 65px; left: 252px;}
.official_link { width: 100%; height: 39%; overflow: hidden;  position: absolute; bottom:0px;}
.official_link li a { display: block; float: left;} 
.linkone { width: 547px; height: 355px; margin-right: 16px;}
.linktwo { width: 564px; height: 355px; margin-right: 16px;}
.linkthree { width: 690px; height: 355px; }

.indexurl{ position: absolute; bottom:39%; height: 50px; width: 500px; left: 50%; margin-left: -250px;margin-bottom:4%; cursor: pointer;}



@media screen and (max-width: 1280px) {
	.container { width: 90%; }
	section { font-size: 18px; }
	section h2 { font-size: 40px; }
	section h2 strong { font-size: 40px; }
	#section-three .nums { margin-right: -30px; }
	#section-three .nums .num { font-size: 24px; }
	#section-three .nums .num em { font-size: 60px; }
	section ol li { padding-left: 28px; text-indent: -28px; }
	
	
	/* footer */
	.footer .sitemap .footer-nav dl { width: 11%; }
	.footer .sitemap .footer-nav dl.last { width: 11%; }
	.footer .sitemap .footer-nav dt a { width: 90%; }
	.footer .contact .addr { margin-right: 15px; }
	
	.col-main { width: 90%; }
	#section-three .nums{width: 100%;}
}



@media screen and (max-width: 1150px) {
	#section-eight .bang-view li { width: 50%; margin-right: 0; padding-right: 10px; box-sizing: border-box; }
	#section-eight .bang-view li img { width: 100%; }
	#section-pos .row { position: relative; }
	#section-pos .submit-btn { position: absolute; top: 0; right: 0; }
	
	.popup .con { font-size: 14px; line-height: 1.4; }
}


@media screen and (max-width: 980px) {
	section { font-size: 16px; }
	section h2, section h2 strong { font-size: 32px; }
	section ol li { padding-left: 25px; text-indent: -25px; }
	#section-three .nums .num { font-size: 20px; }
	#section-three .nums .num em { font-size: 40px; }
	#section-one .intro { font-size: 32px; width: 50%; }
	#section-one .logo-b { width: 50%; margin-right: 0; }
	.ie #section-one .logo-b { display: none; }
	#section-one .intro a { font-size: 25px; }
	
	#section-two .building { font-size: 14px; }
	
	#section-pos .filter { padding: 10px 20px; }
	#section-pos dt, #section-pos dd { line-height: 32px; }
	#section-pos .search-result ul li { font-size: 16px; }
	
	#section-pos .submit-btn { font-size: 24px; }
	
	#section-four h2 { margin-left: 0; }
	#section-four ol { margin-left: 0; }
	#section-four { height: auto; padding-bottom: 120px; }
	#section-five { height: auto; padding-bottom: 120px; }
	
	.footer .sitemap .footer-nav dl { width: 14%; }
	.footer .sitemap .footer-nav dt a { width: 90%; }
	.footer .sitemap .footer-nav dl.brandworker { clear: left; }
	.footer .contact .addr { margin-right: 20px; width: auto; }
	.footer .sitemap .footer-nav dl.last { width: 14%; }

}


@media screen and (max-width: 750px) {
	#section-pos .search-result ul li { width: 50%; }
	#section-one .logo a { width: 140px; height: 180px; background-size: 80% auto; }
	.popup { left: 5%; margin: 0; width: 90%; box-sizing: border-box; }
	
	.footer .sitemap { padding: 0 10px; }
	.footer .sitemap .footer-nav { padding: 20px 0px 10px; }
	.footer .sitemap .footer-nav dd { display: none; }
	.footer .sitemap .footer-nav dl { float: left; width: 33.3%; padding-bottom: 0px; }
	.footer .sitemap .footer-nav dl.last { width: 33.3%; }
	.footer .sitemap .footer-nav dl.brandworker { width: 33.3%; clear: none; }
	.footer .sitemap .footer-nav dt a { width: 92%; }
	.footer .contact { padding: 20px 0 30px; }
	.footer .contact .addr,
	.footer .contact .mail,
	.footer .contact .employ { float: none; width: auto; overflow: hidden; text-align: left; }
	.footer .contact .addr { margin-bottom: 20px; margin-right: 0; }
	.footer .copyright { padding: 15px 10px; padding-bottom: 60px; }
	.footer .copyright .company { display: none; }
	.footer .copyright .links, .footer .copyright .copy { text-align: left; }
	.footer .copyright .copy { margin-top: 10px; line-height: 18px; }
	.footer .copyright .copy span { display: block; }
	
	.fixed { display: none; }
}


@media screen and (max-width: 480px) {
	.container { width: 90%; }
	section { font-size: 14px; }
	section h2 { font-size: 24px; padding-top: 50px; padding-bottom: 30px; }
	section h2 strong { font-size: 24px; }
	#section-three .nums { margin-right: -30px; }
	#section-three .nums .num { font-size: 18px; }
	#section-three .nums .num em { font-size: 40px; }
	section ol li { padding-left: 1.5em; text-indent: -1.5em;font-size: 14px; }
	
	#section-one .intro { width: 100%; }
	#section-one .logo-b { width: 100%; display: none; }
	#section-one { height: 500px; }
	#section-one .logo a { width: 100px; height: 140px; background-size: 80% auto; }
	#section-one .intro { margin-top: 60px; }
	
	#section-two { height: 500px; }
	#section-two .building { margin-top: 200px; }
	
	#section-three .nums { margin: 0; } 
	#section-three .nums li { width: 50%; margin-top: 25px; }
	#section-three .nums li.fund { width: 50%; }
	#section-three .nums .num { line-height: 1.1; }
	
	#section-four { height: auto; padding-bottom: 50px; }
	#section-four ol { text-align: left; }
	#section-four h2 { padding-top: 50px; }
	
	#section-five { height: auto; padding-bottom: 50px; }
	
	#section-six { height: auto; padding-bottom: 50px; }
	#section-six p { font-size: 18px; line-height: 36px; }
	#section-six .tel { font-size: 30px; }
	
	#section-seven { height: auto; padding-bottom: 50px; }
	
	#section-eight { padding: 30px 0 50px; background: #333; }
	#section-eight h3 { font-size: 24px; margin: 10px 0; }
	#section-eight .bang-view { margin: 0; }
	#section-eight .bang-view li { float: none; width: auto; padding: 0; }
	
	#section-pos { padding: 50px 0; }
	#section-pos h3 { font-size: 1.2em; margin-top: 30px; }
	#section-pos .submit-btn { font-size: 14px; width: 110px; height: 46px; line-height: 46px; }
	#section-pos .seachwrap { height: 24px; }
	#section-pos .seachwrap input { font-size: 15px; }
	#section-pos dd label { margin-right: 10px; }
	#section-pos .search-result ul li { width: 100%; font-size: 14px; }
	#section-pos .search-result { margin-top: 0px; }
	#section-pos .filter { padding: 5px 15px; }
	#section-pos dl { margin: 10px 0; }
	#section-pos dt, #section-pos dd { line-height: 28px; }
	#section-pos dt { font-weight: bold; margin-bottom: 5px; }
	#section-pos dd { clear: left; margin-left: 0; }
	#section-pos dd label { padding: 0 10px; margin-right: 3px; }
	
	.popup .con { font-size: 14px; padding: 30px 32px 10px 20px; }
	.popup .btnwrap { font-size: 14px; }
	.popup .btnwrap .upload-btn { width: 80%; font-size: 14px; line-height: 35px; }
	.popup .close-btn { right: 5px; top: 5px; background-size: 50% 50%; }
	
	
}

.fixed .qrcode{height:210px;}