@CHARSET "UTF-8";

*, a {color:#5a5a5a;}
a:hover {color:#6fb85c;}

article img {max-width:100%;}

#navbar11 {background-color:#36aa83; background:url(img/bg_navbar1.jpg) center center; border:none; border-radius:0;}
#navbar1 .navbar-nav a {color:white; background-color:transparent;}
#navbar1 .navbar-brand {padding-top:12px;}
#navbar1 .navbar-brand img {width:100px;}
#navbar1 {margin-bottom:0;}





.carousel-caption h2 { color:#333; font-size:20px; text-shadow:none;}
.carousel-caption {top:40%;}

.bgContain {background-size:contain !important;}

#sector4 {background:url("img/bg_index_products.jpg") center center;}
#sector4 .col-md-4 {padding:0;}
#sector4 h3 {padding-left:15px;}


#gongSiJieShao .shuzi {text-align:center; vertical-align:baseline;}
#gongSiJieShao .shuzi em {display:inline-block; font-size:30px; color:#6bb55c;}
#gongSiJieShao .shuzi_item {text-align:center; padding-bottom:15px;}

.text-muted2 {color:#aaa;}


#sector4 {padding:20px 0 40px 0;}
#sector5 {padding:20px 0 40px 0; background-color:#f6f7f8;}
#sector5 .col-lg-2 {background:url(img/bg_brand.png) center center no-repeat; padding-left:5px; padding-right:5px; padding-top:20px; 
background-size:cover; background-origin:content-box; -filter:grayscale(1); }
#sector5 .container-fluid {max-width:1550px;}

.brandWrap {display:block; height:100%; text-align:center; vertical-align:middle; background-size:; background-origin:content-box; 
padding:0 15px; background-position:center center; background-repeat:no-repeat; background-origin:content-box; background-clip:content-box; }
.brandWrap span {display:none;}

#newsDivHeader {padding-top:30px;}
.navIndexNews {margin-top:25px;}
#newsDivHeader .navIndexNews > li {margin-left:40px;}
#newsDivHeader .navIndexNews a { border-radius:20px; width:96px; color:#666; text-align:center;}
#newsDivHeader .navIndexNews .active a, #newsDivHeader .navIndexNews a:hover {background-color:#22a593; color:#fff;}
#newsDivPanel {margin-bottom:50px; padding-top:10px;}
#newsDivPanel .description {display:none;}

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

.dituWrap iframe {max-width:100%;}


.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;} 





@keyframes fadeOutIn22
{
0% {opacity:1; }
20% {opacity:0.2; }
100% {opacity:1;}
}

@keyframes fadeOutIn
{
from   {filter:grayscale(1);}
	to {filter:grayscale(0);}
}

.hover-fadeOutIn:hover {animation:fadeOutIn 1.5s ; filter:grayscale(0) !important;}
.hover-grayscaleIn:hover {animation:grayscaleIn 1.5s ; filter:grayscale(0);}

@keyframes slideDownUp {
	0%   {transform:translate(0, 100%);}
	100% {transform:translate(0, 0);}
}
@keyframes grayscaleIn {
	0%   {filter:grayscale(1);}
	100% {filter:grayscale(0);}
}

.watchingVisited {}
.watchingVisited1 .animate-slideDownUp, .watchingVisited1.animate-slideDownUp {animation:slideDownUp 0.5s ease-out;}


#newsDivPanel .thumb {padding-bottom:60%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
#newsDivPanel .title{margin-top:8px; font-size:16px; margin-bottom:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#newsDivPanel .pubDate {color:#666; word-break:break-all;}

.header1 {border-bottom:1px solid #e6e6e6; padding-top:80px; margin-bottom:90px;}
.header1 .h2 {margin:0; line-height:2em; border-bottom:2px solid #21A492; display:inline-block;}

footer {padding: 10px; background-color:#22a593; -background-image:linear-gradient(to right, #24a591, #31a888, #52b171, #66b564); 
background:url(img/bg_navbar1.jpg) center center repeat-y; }
#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 * {color:#fff;}
.footerInfo .row > div {padding:10px 0;}
.footerInfo em {font-style:normal;}
#flinkDiv {}
#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; position:sticky; top:0; background-color:#fff; z-index:10;}
.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;}

.header2 {border-bottom:1px solid #e6e6e6;}
.header2 .header2 {border-bottom:2px solid #21A492; margin:0; padding:10px 0; display:inline-block;}
.bgCover {background-size:cover;}
.cateList .cateItem {padding:0;}
.cateList .cateItem a {display:block;}

.cateNameWrap {position:absolute; top:0; bottom:0; left:0; right:0;  background-color:rgba(0, 0, 0, 0.3);}
.cateNameWrap:hover, .cateNameWrap.active {background-image:linear-gradient(180deg, #19a399a0, #71b85ba0);}
.cateNameWrap .cateName {padding-top:64%; text-align:center; color:white; font-size:24px; letter-spacing:1px;}

.dituDiv {padding-top:80px;}

#shengChanJiDi .intro {text-align:center; color:#838383; line-height:40px; font-size:16px; padding-top:20px;}

.contactsInfo {font-size:18px; line-height:2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#595959;}
#contactsDiv {padding:40px 0 100px 0;}

#shzrDiv {padding-top:80px;}
#shzrDiv .row1 {padding-top:100px;}
.shzrList td.date1 {white-space:nowrap; border-right:2px solid #5a5a5a;}
#shzrDiv .shzrList td {border-top:0 ; padding:10px 10px;}

.shzrDatu .wrap {padding-top:60%; background-size:cover; position:relative;}
.shzrDatu .wrap h4 {position:absolute; bottom:0; margin:0; padding:15px; letter-spacing:1px; color:white; background-color:rgba(0, 0, 0, 0.3);}

.newsHeaderRow {}

#newsDivPanel.productsDivPanel {margin-top:50px;}
#newsDivPanel.productsDivPanel .item {padding:0 5px;}
#newsDivPanel.productsDivPanel .thumb {padding-bottom:100%;}
#newsDivPanel.productsDivPanel .title, #newsDivPanel.productsDivPanel .pubDate {text-align:center;}

.carousel-caption  h2  {color:#666; font-weight:400;}

@media (max-width:768px) {
	.carousel-caption {padding:0;}
	.carousel-caption  h2 {margin:0;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:12px;}
#sector5 .col-lg-2 {filter:grayscale(0) !important;}
}

@media (min-width:769px) {
	#navbar1 .navbar-nav > li > a {padding:35px 25px; font-size:1.2em; font-weight:500;}
	#navbar1 .navbar-brand {height:70px;}
#navbar1 .navbar-brand img {width:140px;}
#navbar1 .navbar-brand {padding-top:25px;}
.carousel-caption h2 {letter-spacing:1.5em; font-size:26px; color:#5a5a5a;}
#gongSiJieShao {  background:url('img/bg_company_lg.jpg') center top no-repeat;}
	.companyIntro {height:620px; padding-right:50px; padding-top:90px; line-height:2em;}
	.companyIntroBg {height:620px;}
#gongSiJieShao .shuzi em { font-size:60px; color:#6bb55c;}
	#sector4 {padding:60px 0;}
#sector5 {padding:60px 0;}
#newsDivHeader .navIndexNews > li {margin-right:40px;}
	.founderIntro {padding-left:100px;}
	
	#shengChanJiDi {padding-top:60px;}
	.header1 {border-bottom:1px solid #e6e6e6; padding-top:20px; margin-bottom:20px;}
	#shzrDiv {padding-top:20px;}
	#shzrDiv .row1 {padding-top:20px;}
	.dituDiv {padding-top:20px;}
}

.articleDiv a {color:#6fb85c;}

#flinkDiv * {color:white;}
#flinkUl {padding-left:0; display:inline;}

#flinkUl li {display:inline-block; padding-right:1em;}