.container1156 { width: 95%;max-width: 1156px; margin: 0 auto; }

/*======================== Box 1 Start ================================*/
.exports-box{width: 100%; height: auto; float: left; display: block; background: #f6f6f6; padding: 80px 0; }
.exports-box1{ width: 100%; height: auto; float: left;  }
.exports-box1 aside{max-width:795px; width: 100%; height: auto;  margin: 0 auto; display: block; padding-bottom: 70px; }
.exports-box1 aside h2{width: 100%; height: auto; float: left; display: block;font-size: 24px; font-weight: 400; color: #131313;  text-align: center; line-height: 36px; font-style: italic;  }










.vision5{ background: #fff; border-left: 3px solid #a1d950; text-align: left; margin: 50px 0 0px 0; box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.3);}
.vision5 p {
    font-size: 16px;
    color: #131313;
    line-height: 25px;
    display: inline-block;
    padding: 35px 35px;
    margin: 0px;
}.vision5 span{ font-size: 24px;font-weight: 600; color: #131313; line-height: 30px; display: inline-block; padding: 35px 50px; position: relative;}
.vision5 span:after{ content: ""; display: inline-block; width: 60px; border-bottom: 1px solid #000; position: absolute; top: 51px; left: 140px;}
/*======================== Box 1 end ================================*/


.exports-box2{width: 100%; height: auto; float: left; display: block; padding: 80px 0; background: url(../images/exporter-box2-bg.jpg) no-repeat center top; background-size: cover;}


.exports-box2a{width: 100%; height: auto; float: left; display: block; overflow: hidden;}
.exports-box2a h2{width: 100%; height: auto; float: left; display: block; padding-bottom: 50px; font-size: 24px; font-weight: bold; color: #fff; line-height: 30px; padding-bottom: 30px;}

.exports-box2a ul{  margin-left: -10px; margin-right: -10px; display: block;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.exports-box2a ul li{width: 25%; height: auto; float: left; padding: 0 10px;}
.exports-box2a ul li section{width: 100%; height: 100%; float: left; display: block; background: #FFFFFF;}

.exports-box2a ul li section aside{ width: 100%; height:160px; float: left; display: block; padding-top: 30px; text-align: center;}
.exports-box2a ul li section aside i{ width: 120px; margin: 0 auto; text-align: center; display: block;}
.exports-box2a ul li section aside i img{ width: 100%;}
.exports-box2a ul li section figure{ width: 100%; height: auto; float: left; display: block; padding: 30px 45px; box-sizing: border-box; font-size: 20px; font-weight: 400; color: #131313; line-height: 30px; text-align: center; border-top: 1px solid #e5e5e5;}



.more6{  width: auto; height: auto; margin: 30px auto 0; display: table;}
.more6 a{ width: auto; height: 42px; border-radius: 21px; background: #FFFFFF; display: block; font-size: 14px; font-weight: 600; color: #131313; line-height: 42px; position: relative; padding: 0 60px 0 20px; }

.more6 a:before { content: ''; display: inline-block; width: 27px; height: 8px;background: url(../images/arrow_n.png) 100% 0;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: absolute;right: 20px;top: 18px; }
.more6 a:hover:before { background: url(../images/arrow_n.png);}



 @media screen and (max-width:1023px){
	 

	
}
 @media screen and (max-width:800px){
	
	 .exports-box2a ul li{width: 50%; margin-bottom: 20px;}
	 .vision5 p {padding: 0px 10px 20px 30px;}
	 .vision5 span { padding: 20px 50px 20px 30px;}
	 .vision5 span:after {top: 31px; left: 123px;}
}

 @media screen and (max-width:500px){
	
	 .exports-box2a ul li{width: 100%; margin-bottom: 20px;}
	 
}