@charset "UTF-8";
/**
 *
 * @authors chan.yisen (you@example.org)
 * @date    2015-11-09 10:16:03
 * @version $Id$
 */
  @media (max-width: 480px){
  	span.inner-tit{font-size: 25px;}
	.inner-banner i{
  		width: 25px;
  		height: 25px;
	}
	  .about-wrap{padding:30px 0;}
	 .main-wrap h1{  font-size: 30px;margin-bottom:30px;}
	 span.tit{font-size:30px; padding-top:0px !important;margin-bottom:20px;}
    .index-vision{padding-bottom:20px !important}
	 .index-vision .vision p {
  font-size: 14px;
  letter-spacing: 4px;
  line-height:30px;
  text-align: justify;
}
.index-vision .vision p strong {
  font-size: 20px;
}
.index-latest-news{padding:30px 0;}
.title a{ font-size:16px;}
.title p{ font-size:12px;line-height:1.5 !important;}
.query_list{ width:100%}
.con_list li span{ width:auto;}
.table-miles a{ font-size:12px;}
	 }
@media (min-width: 480px){
	.year a{
		display: inline-block;
		margin-right: 8px;
	}
	ul.sitemap > li{
		width: 50%;
		float: left;
		margin-top: 0;
	}
	ul.sitemap > li:nth-child(n+3){
		margin-top: 22px;
	}
	/*.m-banner{
		display: none;
	}*/
	.pad-banner{
		display: block;
	}
	.culture-list dl{
		width:50%;
		padding-right:20px;
		float:left;
	}
	.culture-list dl:nth-child(3),
	.culture-list dl:nth-child(4){
		margin-bottom:0;
	}
}
@media (max-width: 640px){
/*ir circular*/
	.latest-news-left > .news-list > li:last-child{
	margin-bottom:30px;
}
.inner-ab li{
	margin-right:60px;
}
	/* .struc-img{
		display:none;
	} */
	.phone-struc{
	display:block;
}
span.inner-tit{font-size: 30px;}
.inner-banner i{
  	width: 30px;
  	height: 30px;
}
.inner-ab li{ width:100%; max-width:inherit;}
}


@media (min-width: 640px){
	.top-nav-wrap{
		display: block;
	}
	/* ir report */
	.report-list li{
		width: 30%;
		margin-right: 5% !important;
	}
	.report-list li:nth-child(3n){
		margin-right: 0 !important;
	}
	ul.sitemap > li{
		width: 33.33333333%;

	}
	ul.sitemap > li:nth-child(3){
		margin-top: 0px;
	}
	.p-left,
	.csr-img{
		display: table-cell;
		vertical-align: top;
	}
	.p-left{
		padding-right: 18px;
	}
	.csr-img{
		padding-left: 18px;
		min-width: 270px;
		max-width: 300px;
	}

}

 @media (max-width: 768px){

	 .index-vision{padding-bottom:60px;}

	 .inner-ab li{
	margin-right:100px;
	margin-bottom:45px;
}
.inner-con .con_list{ width:100%}
.contact iframe{width:100% !important;}
	 .ir-gov-right{
		margin-top:40px;
	}

	 }
@media (max-width: 1024px){#ver-en .inner-ab li {
    margin-right:50px;
}

}
@media (min-width: 768px){
	/* vision */
	.vision{
		padding-bottom: 50px;
		background: url(../images/vision_bg.png) no-repeat left top;
	}
	.vision p{
		padding-left: 295px;
	}
	/*index latest-news*/
	/* .latest-news-left{
		float: left;
		width: 50%;
		padding-right: 38px;
	}
	.latest-news-right{
		float: right;
		width: 50%;
		padding-left: 38px;
	} */
	/* about */
	.bus-oil{
		/*width: 50%;*/
		/*float: left;*/
		display: table-cell;
		padding-left: 0;
		padding-right: 120px;
		background-position: right center;
	}
	.bus-print{
		/*width: 50%;*/
		/*float: right;*/
		background-position: 15px center;
		display: table-cell;
	}
	/* ir overview*/
	/*.stock-report{
		display: table;
		width: 100%;
	}
	.stock,
	.report{
		display: table-cell;
		width: 50%;
		padding: 0 80px;
	}*/
	/*.stock-report{
		max-width: 1000px;
		margin-right: auto;
		margin-left: auto;
		background: url(../images/ir_line.png) no-repeat center;
	}
	.stock{
		width: 450px;
		float: left;
	}
	.report{
		width: 416px;
		float: right;
	}*/
	/*.report{
		margin-top: 0;
	}
	.stock > span,
	.report > span{
		text-align: left;
	}
	.irview-report ul li{
		text-align: left;
	}*/
	/* ir report */
	.report-list li{
		width: 22%;
		margin-right: 4% !important;
	}
	.report-list li:nth-child(3n){
		margin-right: 4% !important;
	}
	.report-list li:nth-child(4n){
		margin-right: 0 !important;
	}
	/*footer*/
	/* .copyright{
		float: left;
	}
	.powerby{
		float: right;
	} */
	.powerby p{
		padding: 30px 0;
	}
	.ir-gov-left,
	.ir-gov-right{
		display: table-cell;
		vertical-align: top;
	}
	.ir-gov-left{
		min-width: 450px;
		max-width: 450px;
		padding-right:50px;
	}
	.culture-list dl{
		width:25%;
		margin-bottom:0;
	}
	ul.news-list li{
		width: 48%;
		float: left;
		margin-right: 4%;
	}
	ul.news-list li:nth-child(even){
		margin-right: 0;
	}
	ul.news-list li:nth-child(2n+1){
		clear: left;
	}

}
 @media (max-width: 920px){

	 .inner-ab li{
	margin-right:120px;
}


	 }
@media (min-width: 920px){
	.stock-report{
		max-width: 1020px;
		margin-right: auto;
		margin-left: auto;
		background: url(../images/ir_line.png) no-repeat center;
	}
	.stock{
		width: 450px;
		float: left;
	}
	.report{
		width: 416px;
		float: right;
	}
	.report{
		margin-top: 0;
	}
	.stock > span,
	.report > span{
		text-align: left;
	}
	.irview-report ul li{
		text-align: left;
	}
	.irview-report ul li:last-child{
		text-align: right;
	}
}
@media (min-width: 992px){
	header{
		height: 96px;
	}
	.head-right{
		display: block;
	}
	.menu{
		display: none;
	}
	#banner{
		display: block;
	}
	.pad-banner{
		display: none;
	}
	.container{
		width: 1216px;
	}/*
	a.logo{
		width: 410px;
		height: 76px;
		margin-bottom: 8px;
	}*/
	/* about */
	.bus-oil,
	.bus-print{
		background-size: 170px;
	}
	.bus-oil{
		padding-right: 204px;
	}
	.bus-print{
		padding-left: 204px;
		background-position: 30px center;
	}
	ul.sitemap{
		display: table;
		width: 100%;
	}
	ul.sitemap > li{
		/*width: auto;*/
		float: none;
		display: table-cell;
		margin-top: 0 !important;
		padding-left: 26px;
		/*padding-right: 8.05025125628141%;*/
		border-left: 1px solid rgba(255,255,255,.35);
	}
	ul.sitemap > li:first-child{
		padding-left: 0;
		border-left: none;
		width: 17%;
	}
	ul.sitemap > li:nth-child(2){
		width: 22%;
	}
	ul.sitemap > li:nth-child(3){
		width: 22%;
	}
	ul.sitemap > li:nth-child(4){
		width: 17%;
	}
	ul.sitemap > li:last-child{

		padding-right: 0;
	}
	.f-wrap{
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
}
@media (min-width: 992px) and (max-width: 1180px){
	/*header{
		padding-bottom: 16px;
	}*/
	a.logo{
		margin-top: 20px;
	}
}
@media (min-width: 1181px){
	a.logo{
		width: 410px;
		height: 76px;
		margin-bottom: 8px;
	}
}
@media (min-width: 1300px){
	.dropdown-wrap{
		width: 200px;
	}
}
@media (max-width: 992px){
	.dropdown-wrap{
		width: 200px;
	}
}