@CHARSET "UTF-8";

body {color:#5a5a5a; }
a, a:hover {color:#5a5a5a; text-decoration:none;}
a.lighter {color:}

.header1 {}
.header1 h2 {color:#898989;}
.header1 h5 {color:#9b9b9b; margin-top:15px; margin-bottom:30px;}
.header1 p {color:#8a8a8a; font-size:16px; line-height:2em;}


#navbar1 {background-color:#fff; border:none; margin-bottom:0;}

#navbar1 .navbar-brand {}
#navbar1 .navbar-brand img {max-width:100%; max-height:100%;}

#navbar1 .navbar-nav > li > a { line-height:20px; color:#5a5a5a;}

#indexS1 .wrap {position:relative;}
#indexS1 .info {position:absolute; top:30%; right:0; bottom:0; left:0; }

#indexS1 .info h1 {color:#fff; font-size:56px; }
#indexS1 .info h3 {color:white; display:inline-block; font-size:24px; line-height:2.5em; padding:0 2em; background-color:#EC614C; border-radius:1.25em;}

#indexS2 {margin-top:70px;}
#indexS2 .indexS2-c {padding-top:55px; color:#919191;}
#indexS2 .indexS2-c h1 {font-size:45px;  margin:0.3em 0;}
#indexS2 .indexS2-c h5 {font-size:16px;  margin:48px 0;}
#indexS2 .indexS2-c p {font-size:18px; line-height:1.2; margin-bottom:40px;}
#indexS2 .indexS2-a {margin-bottom:20px;}

#indexS3 {background-color:#f8f8f8; margin-top:100px; padding-top:110px;}
#indexS3 .row > div {padding:0; height:340px;}
#indexS3 .row .indexS3-info { padding:50px 0 0 80px; color:#A5A5A5;}
#indexS3 .row .indexS3-info-2 {background-color:#F7BA8B;}
#indexS3 .indexS3-info h2 {}
#indexS3 .indexS3-info h4 {font-size:16px; color:#bababa;}
#indexS3 .indexS3-info p {font-size:16px;}
#indexS3 .indexS3-info-2 * {color:#fff !important;}
#indexS3 .row3 {transform:translate(0, -50px);}
#indexS3 .indexS3-info-3 {background-color:#f8f8f8;}


#indexS4 {background:url(images/bg_S4_1.jpg) ; background-size:cover; margin-top:150px;}

#hezuohuobanDiv {padding:60px 0 140px 0; background-color:#f8f8f8; text-align:center;}
#hezuohuobanDiv > .container {border:1px solid #5a5a5a; padding-bottom:45px;}
#hezuohuobanDiv h2 { font-weight:800; margin:30px 0; color:#898989;}
#hezuohuobanDiv img {max-width:100%; }
#hezuohuobanDiv .logoWrap > div {height:70px;}




#footer { border-top:1em solid #ec614c; background-color:#8f8f8f; padding:10px 0 50px 0;}
#footer .footerNav a {color:white; padding:30px; font-size:1.2em; background:transparent;}
.footerNav ul {border-bottom:1px solid #fff;}

.footerInfo {padding-top:30px;  color:#fff;}
.footerInfo .row > div {padding:10px 15px;}
.footerInfo em {font-style:normal;}
#flinkDiv {text-align:center; width:200px; margin-left:auto; margin-right:auto; margin-top:20px;}
#flinkDiv .flinkBtn {width:100%; }

#footerQRCode {padding:20px 0; text-align:center;}
#footerQRCode .QRCode img {max-width:180px;}
#footerQRCode .QRCodeInfo {color:#fff; margin-top:10px;}

.abountNav {text-align:center; margin-top:10px;}
.abountNav ul {border-bottom:1px solid #e6e6e6;}
.abountNav li {list-style:none; display:inline-block; padding:0 20px; margin-left:15px; border-bottom:2px solid #fff;}
.abountNav li:hover, .abountNav li.active {border-bottom:2px solid #21A492;}
.abountNav li a {font-size:20px; line-height:60px; color:#5a5a5a; text-decoration:none;}
.abountNav li h2 {font-size:20px; line-height:60px; color:#5a5a5a; margin:0;}


#founderJianJie {padding-top:160px; background-color:#f6f6f6;}
.founderTouXian {padding-left:0;}
.founderTouXian li {font-size:16px; line-height:32px; list-style:none; }


#aboutImage {padding-top:100px; background-color:#f8f8f8;}
#aboutImage .row > div {padding:10px;}
#aboutImage > .container {max-width:1140px;}

.contactsBanner {position:relative; min-height:300px; background-size:cover; background-image:url(images/contactsBanner1.jpg);}
.contactsBanner .caption {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); white-space:nowrap;}
.contactsBanner .caption h1 {text-align:justify;}
.contactsBanner .caption h1 em {color:#ea614e; font-style:normal;}
.contactsBanner .caption h5 {text-align:justify; color:#999;}

.contactsDiv2 {max-width:900px; padding:50px 15px 100px 15px; color:#828282; font-size:16px;}
.contactsDiv2 h4 {color:#5a5a5a;}

.newsDiv2 {background-color:#f8f8f8; padding-top:10px;}
.newsDiv2 .newsList {list-style:none; padding-left:0;}
.newsDiv2 .newsList .item {padding:20px 0px; border-top:1px solid #ccc;}
.newsDiv2 .newsList .item > a {display:block;}
.newsDiv2 .newsList .title {margin-top:0;}
.newsDiv2 .newsList .thumb {width:150px; height:90px; float:left; background-size:cover;}
.newsDiv2 .newsList .info {margin-left:160px;}
.newsDiv2 .pubDateSpan {float:right; font-size:13px; color:#999;}
.newsDiv2 .newsList .excerpt {color:#a9a9a9;}


.newsListHeader {margin:0; padding:40px 0; font-size:20px;}
.headerGt {margin:0 0.5em;}

.productsNav {padding:30px; background-color:#fff;}
.productsNav .label1 {float:left; color:#9a9a9a; line-height:46px; font-size:18px;}
.productsNav a {font-size:18px; border-radius:20px !important; padding:10px 30px !important;}
.productsNav ul {margin-left:120px;}

.productsList {list-style:none; padding:80px 0 ; text-align:center;}
.productsList li {margin-bottom:16px; padding:0 8px;}
.productsList .wrap {background-color:#fff; padding:20px 15px;}
.productsList .thumb {padding-top:100%; background-size:contain;}

.articleDiv > .container {max-width:800px; margin:30px auto;}
.articleDiv .title {text-align:center;} 
.articleDiv .pubDate {text-align:center; padding-bottom:1em; margin-bottom:1em; border-bottom:1px solid #ccc;} 
.articleDiv img {max-width:100%;}

/*小屏样式开始*/
@media (max-width:768px) {
	
.navbar-brand {padding:0 15px;}
#indexS1 .info h1 {font-size:24px; }
#indexS1 .info h3 {font-size:14px; margin-top:0;}
#indexS2 {margin-top:0;}
#indexS2 .indexS2-c h1 {font-size:36px;}
#indexS2 .indexS2-c h5 {font-size:16px;  margin:24px 0;}
#indexS2 .indexS2-c p {margin-bottom:20px;}
#indexS3 {margin-top:30px; padding-top:30px;}
	#indexS3 .row > div {height:auto;}
	#indexS3 .row .indexS3-info {padding:30px 15px;}
	#indexS3 .row3 {transform:none;}
#indexS3 .row3 div:first-child{text-align:center; padding-top:20px;}
	
	#indexS4 {margin-top:30px;}
	
	.header1 h5 {margin:10px 0;}
	
	#hezuohuobanDiv {padding-bottom:0px;}
	#hezuohuobanDiv > .container {border:none;}
	
	#founderJianJie {padding-top:30px;}
	#aboutImage {padding-top:30px;}
	
	.contactsBanner {min-height:150px;}
	.contactsDiv2 {padding:20px 15px;}
	.newsDiv2 .newsList .excerpt {display:none;}
	.newsDiv2 .pubDateSpan {display:block; float:none; margin-top:5px;}
	.newsListHeader {padding:20px 0;}
	#hezuohuobanDiv {padding-top:20px;}
	.newsDiv2 .newsList .title {font-size:16px;}
	.productsNav .label1 {display:none;}
	.productsNav ul {margin-left:0;}
	.productsNav a {font-size:16px; padding:10px 15px !important}
	.productsList {padding:30px 0;}
}
/*小屏样式结束*/


/*大屏样式开始*/
@media (min-width:769px) {
	
#navbar1 .navbar-brand {padding:22px 0 0 0; height:115px;}


#navbar1 .navbar-nav > li > a {padding:60px 20px; font-size:18px; }





}
/*大屏样式结束*/