@charset "utf-8";
/* CSS Document */
#crumbs{ color: #fff; text-transform: capitalize; background: url(../images/graph-bg1.png) repeat; padding:1.6% 0;} 
#crumbs h1{font-size: 26px;margin: 0; padding: 0;}
#crumbs a{color: #fff; font-weight:bold;}
#crumbs a:hover{color: #0084cb; text-decoration: none;}
#crumbs .txt-right{font-size: 12px;}
@media (min-width: 992px) {
#crumbs .txt-right{text-align: right; }
#main .col-8{float: left; width: 71%; padding-left: 15px; padding-right: 15px;}
#main .col-4{float: left; width: 29%; padding-left: 15px; padding-right: 15px;}
}
#main{padding: 30px 0;color: #636363; border-bottom: 1px solid #dddada; }


#main .content{border: 1px solid #E1E1E1; padding: 15px;}
#main .content ul{list-style: none; margin: 0; padding:10px 15px;background: #eff0f1; border-radius: 6px; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; margin-bottom: 15px; font-size: 13px;}
#main .content ul li{padding:2px 0 2px 28px;}
#main .content ul li::before {color: #0090db;z-index: 3;padding-right: 5px;content:"\f00c";font-family: "FontAwesome";position: absolute; margin-left: -28px; font-size: 16px;}

#main .product_item{background: #0084CB; color: #fff;}
#main .product_item img{border: 10px solid #036EA7;}
#main .product_item h3{text-transform: capitalize;}
#main .product_item p{padding-right: 15px;}
#main .product_item ul{list-style: none; margin: 20px 10px; padding: 0; background: none; border: none;}
#main .product_item ul li{ padding-left: 10px; padding-right: 10px; margin-bottom: 10px; text-align: center; text-transform: capitalize;}
#main .product_item ul li a{display: block; background: #036EA7; color: #fff; padding:3px 0;}
#main .product_item ul li a:hover{background: #2c2c2c; text-decoration: none;}
#main .product_item ul li::before {content: "";}
@media (max-width: 991px) {
#main .product_item h3,#main .product_item p{padding-left: 15px; padding-right: 15px;}
#main .product_item img{margin-left: auto; margin-right: auto; display: block;}
}
@media (min-width: 992px) {
  #main .product_item ul li{float: left; width: 50%;}
}
/*.product-tit,.sidetit{border-radius: 5px; background: #00924c; color: #fff; font-size: 18px;  text-align: center; display: block; line-height: 20px; padding: 12px 0 ; font-weight: bold; text-transform: uppercase; }
a:hover.product-tit{ color: #fff;text-decoration: none; background: #484848;  }*/
.sidebar .sidetit,.sidebar .sidetit2 {background-color: #0084CB;border-bottom: 3px solid #036EA7;color: #fff;text-align: Center;font-size: 26px;text-shadow: #03602b 0 1px 0; padding: 13px 0;}
a:hover.sidetit{ text-decoration: none;  }
.sidebar .sidetit2{font-size: 22px;}
/*.sidebar .catelist{list-style: none; margin: 0; padding: 0; background: #EEEEEE;}
.sidebar .catelist li{border-bottom:1px solid #DDDDDD; padding: 10px; text-transform: capitalize;}*/
.sidebar .panel-group {background: #EEEEEE;}
#main .sidebar .panel-group .panel{background: none;box-shadow:none; border: none;}
#main .sidebar .panel-group .panel + .panel{ margin-top: 0; }
#main .sidebar .panel-group .panel-heading{  border-bottom:1px solid #DDDDDD;text-transform: capitalize;}
#main .sidebar .panel-heading a{ display:block; position:relative; font-size: 16px; padding-left:25px; color: #5a6162; width: 100%; height: 100%; outline: none;text-decoration: none; line-height: 18px;}
#main .sidebar .panel-heading a:after{ position:absolute;font-family: FontAwesome;transform:translate(0, 0); line-height:30px;left:0; top:-5px; font-size:18px;}

#main .sidebar .panel-group .panel-body{ border: none !important; padding: 0;  }
#main .sidebar ul.catelist{ margin: 0; padding: 0; list-style: none; }
#main .sidebar ul.catelist li{ line-height: 18px; border-bottom:1px solid #DDDDDD;text-transform: capitalize;}
#main .sidebar ul.catelist li a{ color: #5c6060; display: block; padding:6px 10px 6px 40px;  font-size: 12px; font-weight: normal; }
#main .sidebar ul.catelist li a:hover{background:#0084CB; color: #fff;}
#main .sidebar ul.catelist ul{list-style: none; margin: 0; padding: 0;}
#main .sidebar .panel-group a:hover{ color: #0084CB; text-decoration: none; }
#main .sidebar .rpbox{ display: block; text-decoration: none; margin-bottom: 15px;}
#main .sidebar .rpbox img{display: block; border:12px solid #EEEEEE}
#main .sidebar .rpbox span{display: block; text-align: center; background: #EEEEEE; margin-top: 8px; padding:5px 0 8px; color: #474747; text-transform: capitalize; }
#main .sidebar a:hover.rpbox img{border-color: #0084CB; }
#main .sidebar a:hover.rpbox span{color: #fff; background: #0084CB; }
/*ul.catelist{ margin: 0 0 0 20px; padding: 0; list-style: none; }
ul.catelist li{ line-height: 18px; padding: 4px 0; }
ul.catelist li a{ color: #5e5d5d;  }
ul.catelist li i{ padding-right: 5px; }*/
ul.catelist .selected{ color: #f94545; }

#main .listbox{display: block; background: #EEEEEE; border: 2px solid #EEEEEE; text-align: center; color: #666; text-decoration: none; margin-bottom: 30px;}
#main .listbox span{display: table-cell; vertical-align: middle; padding: 5px 10px; text-transform: capitalize; line-height: 18px; height: 46px;width: 100%;}
#main a:hover.listbox{background: #0084CB; border-color: #0084CB; color: #fff;}
/*#main .plistimg{ display: block;  overflow: hidden;position: relative; }
#main .plistimg::before{ z-index: 2; width: 100%; height:100%; left: 0; top: 0; position: absolute; content: "";  background: rgba(0,0,0,.5);transition:all 0.3s ease;opacity:0;}
#main .plistimg::after{z-index: 3;transform: scale(0);content:"\f0c1"; font-family: FontAwesome; color: #fff; font-size: 32px; top: 50%; left: 50%; position: absolute; margin-left: -10px; margin-top: -10px; transition:all 0.3s ease;opacity: 0;}
#main .plist{text-decoration: none; margin-bottom: 30px; display: block;}
#main .plist:hover .plistimg::before,#main a:hover .plistimg::before{ opacity: 1; }
#main .plist:hover .plistimg::after,#main a:hover .plistimg::after{transform: scale(1);opacity: 1;}
#main .plistimg img{transition:all 0.3s ease; z-index: 1;}
#main .plist:hover .plistimg img{ transform: scale(1.2); }
#main .plist .flag-text,#main .arclist .flag-text{transition:all 0.3s ease; font-size: 16px; line-height: 20px; color: #fff; background:#00924c; padding: 5% 0; display: block; text-decoration: none; text-align: center; }
#main .plist:hover .flag-text{    }
@media (min-width: 1200px){
  #main .plist{height: 316px;}
}
@media (min-width: 768px) and (max-width: 991px) {
  #main .plist{height: 209px;}
}
@media (min-width:992px) and (max-width: 1199px) {
  #main .plist{height: 265px;}
}*/
.page{  padding:3.6% 0px; text-align: center;}
.page a{ padding:6px 12px; background-color:#eeeeee; color:#666; text-decoration:none; margin-right:5px; border:1px solid #ddd; }
.page a:hover,.page a.crrent{  background-color:#0090db; color: #fff;}
/*#main .content h1{border-bottom: 1px solid #dde1e3; font-size: 26px; font-weight: bold; color: #00924c; margin: 0 0 10px; padding: 0 0 15px; text-transform: capitalize; }
*/
#main .content h2{font-size: 16px;font-weight: bold; margin-bottom: 13px; }

#main .content h3{ padding-bottom:8px; color: #fff; padding-left: 22px; font-weight: bold; font-size: 16px;}
#main .content h3::before{font-family: FontAwesome; margin-left: -22px; font-weight: normal;}
#main .content h4,#main .content h5{font-size: 14px; font-weight: bold;}
#main .content p a{color: #596267;}
#main .content p a:hover{color: #0084cb;text-decoration: none; } 
#main .nlist{border-bottom: 1px solid #eeeef0; padding: 4.6% 0;}
#main .nlist:first-child{padding-top: 0;}
#main .nlist:last-child{border-bottom: none;}
#main .nlist .title{color: #596267; font-weight: bold; font-size: 24px; font-family: Candara; line-height: 15px;}
#main .nlist p{color: #596267; margin-top:2px;}
#main .nlist a:hover.title{ color: #0084cb; text-decoration: none; }

@media (max-width:991px) {
	#main .nlist .title{ margin-top: 8px; display: block; }
}
@media (min-width:1200px) {
#main .nlist .title{font-size: 13px;line-height: 15px;}
}
@media (max-width: 767px) {
	#main .nlist img{display: block; margin-left: auto; margin-right: auto;}
}
@media (min-width:768px) and (max-width: 1199px){
#main .sidebar .sublist li a{padding-left: 20px; padding-right: 20px;}
}
/*article_article*/
#main .mailtit {border-top-left-radius: 6px; border-top-right-radius: 6px; margin-top: 30px; display: block; color: #fff; font-size: 24px; height: 49px; line-height: 49px; background: #0084CB; text-align: Center; text-shadow: #03602b 0 1px 0; }
#main .mailbody{background:#EFEEEE; padding: 25px 25px 10px;}
#main .mailbody .form-control{background:#fff; color: #9e9e9e;  border:1px solid #dadee4; font-size: 14px;}
#main .mailbody  input.form-control{   height:40px;}
#main .mailbody  .mailbtn { border: none; cursor: pointer; margin-left: 190px; border-radius: 3px; background-color: #0084CB; display: block; padding: 8px 20px; width: 250px; font-size: 14px; text-align: Center; margin: 0 auto; color: #fff; text-decoration: none; border-bottom: 3px solid #036EA7 }
#main .mailbody  .notice { line-height: 20px; color: #999; font-size: 12px;}
#main .mailbody  .mailbtn:hover { background-color: #036599; }

#main .content table{border-collapse: collapse; text-align: center; border-color: #dcdbd5; width: 100%;}
#main .content table th{background: #0090db; color: #fff;border-color: #dcdbd5; padding-top: 7px; padding-bottom: 7px; text-align: center;vertical-align: middle;}
#main .content table td{border-color: #dcdbd5; padding-top: 3px; padding-bottom: 3px; vertical-align: middle;}
/*#main .content table tr:nth-child(even){background: #e6e5de;}*/


/*contact.htm*/
address p{ padding-left: 28px; position: relative; margin-bottom:10px; color: #4b4948; font-size: 12px;}
address p.tel::after,address p.add::after,address p.email::after,address p.fax::after{font-family: FontAwesome; position: absolute; left: 0; top: 0; font-size: 16px; color: #0090db;}
address p.add::after{content:"\f041";}
address p.tel::after{content:"\f095";}
address p.email::after{content:"\f003";}
address p.fax::after{content:"\f02f";}
address p.email a{ color: #0090db; }
.comtit{font-size: 18px; font-weight:bold; margin-bottom: 25px; color: #0084CB;}
.address1{font-size: 12px; line-height: 22px; margin: 20px 0;}

 /*404*/
.error .choose{border-top:1px solid #cfd4d8; border-bottom: 1px solid #cfd4d8; font-size: 18px; color: #424242; padding: 8px 0; font-style: italic; }
.error .title{ font-size: 24px; font-weight: bold; text-decoration: none;}
.error .biomass .title,.error .biomass .icon i{color: #46b059; }
.error ul{list-style: none; margin:15px 0 0; padding: 0;}
.error ul li a{color: #3e3e3e; text-decoration: none;}
.error ul li a i,.error ul li a:hover{color: #0095df;}
.error .icon{font-size: 28px;margin-bottom: 20px;}
.error .col-sm-4{ border-right: 1px solid #cfd4d8;}
.error .col-sm-4:last-child{border: none;}
.error .oil .title,.error .oil .icon i{color: #b58738; }
.error .flour .title,.error .flour .icon i{color: #0095df; }
.error .biomass,.error .oil,.error .flour{padding-top: 40px;}
.error .top404{background: url(../images/bg-404.png) left center no-repeat;  padding: 4.8% 0 4.8% 170px; margin-left: auto; margin-right: auto;}
.error .top404 .tit404{font-size: 63px; font-weight: bold; color: #3e3e3e; text-transform: uppercase; margin-bottom: 15px; line-height: 50px;}
.error .top404 .tit2{font-size: 24px; color: #424242; margin-bottom: 10px;}
@media (min-width:1200px) {
.error .top404{width: 77%; }	
.error .col-sm-4{padding-left:5.3%; padding-right:5.3%; }
}
@media (max-width: 610px){
.error .top404{ background-position: top center; padding-top: 147px; padding-left: 0; }
.error .top404 .tit404{font-size: 44px;}
}
@media (min-width: 768px) {
.error .icon{ text-align: center; }
}
#main .content .sendbtn{display:inline-block; width: 240px; height: 50px; background: #0090db; color: #fff; text-align: center; line-height: 50px;font-size: 18px; font-weight:bold; border-radius: 5px; text-decoration: none;box-shadow: 2px 2px 2px #91cfef; margin-bottom: 8px;}
#main .content a:hover.sendbtn{background: #0068b7;}