.vmc-arrow-right::after:hover{background: red;}
.Brand_story{padding: 80px 10px;}
.Brand_story img{width: 100%;}
h1{font-weight: bold;font-size: 40px;color: #bd4e00;}
.text{color: #666666;font-size: 16px;line-height: 30px;}
.Brand_story_btn{background: #bd4e00;color: #fff;font-size: 14px;font-weight: bold;border: none;width: 120px;height: 40px;border-radius: 5px;}
.Brand_story_btn:hover{color: #fff;background: #054497;}

.Company_news{padding: 80px 10px;}
.Company_news_h1{text-align: center;margin: 30px 0;}
h2{color: #bd4e00;font-size: 20px;font-weight: bold;}
.Company_news img{width: 100%;}
.Company_news_content{border: 1px solid #e0e0e0;padding:  0 10px 20px 10px;}
.Company_news_content p{color: #999999;font-size: 14px; word-wrap: break-word}
.Company_news_content a{color: #bd4e00;font-size: 14px;font-weight: bold;}
.glyphicon{margin-left: 5px;}
.glyphicon-user{margin-right: 5px;}
.glyphicon-time{margin: 0 5px 0 50px;}

.CERTIFICATE{background: url(/template/default/images/beij.png)no-repeat;padding: 60px 10px;position: relative;}
.htmleaf-content{overflow: hidden;height: 580px;}
.vitrine{overflow: hidden;}
#carousel {
    width:800px;
    min-height: 450px;
    display: relative;
    margin: auto;
  }
  #carousel img {
    display: hidden; /* hide images until carousel prepares them */
    cursor: pointer; /* not needed if you wrap carousel items in links */
  }
  .commodity{width: 100%;margin: auto;}

@media (max-width:768px) {
	.commodity{width: 100%;}
}

.vmc-centered{ padding: 10px 0; }
.vmc-centered li{text-align: center;}
.vmc-centered li div{border: 1px solid #e0e0e0;width: 95%;margin: auto;padding:  0;max-height: 300px;max-width: 300px;padding: 0;}
.vmc-centered img { transition: all 0.3s ease;max-width: 300px;}


.Name{background: none;border: 1px solid #cccccc;font-size: 18px;color: #333333;border-radius: 50px;width: 140px;height: 40px;margin-top: 20px;}
.vmc-centered .vmc_active button{background: #bd4e00;color: #fff;}
.communication{text-align: center;padding: 80px 10px;}
.communication input{border: 1px solid #cccccc;width: 380px;height: 45px;border-radius: 50px;padding-left: 30px;}
.communication p{color: #666666;font-size: 18px;}
.send{background: #bd4e00;color: #fff;width: 140px;height: 45px;border: 1px solid #cccccc;border-radius: 0 50px 50px 0;margin-left: -35px;}

@media all and (max-width:1200px){
	.htmleaf-content {
    overflow: hidden;
    height: 400px;
}
}
@media all and (max-width:992px){
	#carousel {
    width:700px;
    height: 400px;
    display: relative;
    margin: auto;
  }
  .Company_news .col-xs-12{margin-top: 30px;}
	h1{font-size: 34px}
	  #carousel img {
	  	width: 244px;
  }
  .htmleaf-content {
    overflow: hidden;
    height: 350px;
}
}
@media all and (max-width:768px){
	.Brand_story img{margin-top: 30px;}
	.Company_news .col-xs-12{margin-top: 30px;}
	h1{font-size: 26px}
	#carousel {
    width:600px;
    height: 400px;
    display: relative;
    margin: auto;
  }
  #carousel img {
	  	width: 200px;
  }
  .navigation form {

    margin: 20px 10px 10px 10px;

}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 130%;
    height: auto;
    margin-left: -20%;
}
.carousel-indicators{bottom: -5%;}
 .htmleaf-content {
    overflow: hidden;
    height: 330px;
}
}

@media all and (max-width:600px){
	#carousel {
    width:500px;
    height: 400px;
    display: relative;
    margin: auto;
  }
  #carousel img {
	  	width: 190px;
  }
}
@media all and (max-width:550px){
	.communication input{
    width: 240px;
    height: 40px;
}
.send{width: 80px;height: 40px;}
}

@media all and (max-width:500px){
	#carousel {
    width: 100%;
    height: 400px;
    display: relative;
    margin: 0px;
    overflow: hidden;
}
  #carousel img {
	  	width: 150px;

  }
  .carousel-inner > .item > a > img {
    display: block;
    max-width: 150%;
    height: auto;
    margin-left: -40%;
}
.carousel-indicators{bottom: -5%;}
}

@media all and (max-width:400px){
	.htmleaf-content {
    overflow: hidden;
    height: 330px;
}
}
