/*** about css **/
.banner h1{
position:absolute;left:1%;top:80%;display:block;font-size:1.5em;color:#FFF;letter-spacing:1px;
padding: 25px;
background-color: rgba(0,0,0,0.3);
border-radius:5px;
}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
.banner h1{
    background-color:#000000;
    filter:Alpha(opacity=30);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
.banner h1{
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }  
}

.banner_pc{display:inline}
.banner_ph{display:none}
@media (max-width:1680px){
.banner_pc{display:none;}
.banner{height:300px;background-image:url("../images/about.jpg");background-position:center 100%;background-size:auto 100%;}
.banner h1{font-size:1.2em;padding: 20px;}
}
@media (max-width:767px){
.banner_pc{display:none}
.banner_ph{display:inline}
.banner{height:auto;background:none;}
.banner h1{font-size:1em;padding: 15px;}
}
@media (max-width:660px){
.banner span{margin-left:-125px;top:50%;width:250px;margin-top: -20px;}
.banner h1{font-size:0.875em;padding: 10px;}
}





.Content{line-height:30px;}



/*内容页的表格格式开始*/
.table_1 {border-collapse:collapse; border-spacing:0; border:0;width:100%;}
.table_1 td {border:1px solid #999; padding:.5em 1em;}
.table_1 th{border:1px solid #999; padding:.5em 1em;background:#dedede;}
.table_1 td:nth-child(1){font-weight:bold;text-align:right;}
/*加背景色则左侧背景色代替下一行的背景色*/
.table_1 tr:nth-of-type(even){background:#f4f4f4}
/*奇数行可以用2n+1或odd，偶数行则可以用2n+0或even*/



/*很多列表格向右拖动使用开始*/
.table2 {border-collapse:collapse; border-spacing:0; border:0;width:100%;}
.table2 tr td th{border:1px solid #999; padding:.5em 1em; white-space:nowrap;}
.table-first tr th, .table-first tr td{background:#F4F4F4; font-weight:bold;}
.table-container th{border:0; border-bottom:1px solid #999; border-right:1px solid #999; text-align:center;}
.table-container table{border:1px solid #999; border-left:0;}
.table-two{position:relative;}
/*左边内容是表头名的宽度，根据实际情况而定,你也可以使用百分比*/
.table-first{position:absolute; left:0; top:0; width:25%;}
/*距离左边表头的内容宽度*/
.table-second{padding-left:25%;}
/*超出部分出现滚动条*/
.table-container{width:100%; overflow-y:auto; _overflow:auto; margin:0 0 1em;}
/*IOS滚动条*/
.table-container::-webkit-scrollbar
{
-webkit-appearance: none;
width: 14px;
height: 14px;
}
.table-container::-webkit-scrollbar-thumb
{
border-radius: 8px;
border: 3px solid #fff;
background-color: rgba(0, 0, 0, .3);
}
/*很多列表格向右拖动使用结束*/
/*内容页表格样式结束*/

/*fieldset 样式开始*/

.fieldset_1 {border:none;border-top: dashed 1px #999;display:block;}
.fieldset_1 legend{background-color:#DDD;padding:.5em 1em;border-radius:5px;margin:0px auto;}
/*主题样式，查看原油期货介绍第一个应用样式*/

.fieldset_2 {border: dashed 1px #999;border-top: dashed 1px #999;display:block;padding:0.5em 1em;}
.fieldset_2 legend{top:-3px; position:position;background-color:#DDD;padding:.5em 1em;border-radius:5px;margin:0px auto;}
.fieldset_2 p{text-align:justify; text-indent:2em;}
/*主题样式，查看原油期货介绍第二个应用样式*/

.fieldset_3 {border: dashed 1px #999;border-top: dashed 1px #999;display:block;padding:0.5em 1em;}
.fieldset_3 legend{top:-3px; position:position;background-color:#DDD;padding:.5em 1em;border-radius:5px;margin-left:20px;}
.fieldset_3 {
	display:inline-block;
	margin:0 20px 20px 0
}
.fieldset_3:first-child {
	margin-left:0
}

.fieldset_3 a {
transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
	border-radius:3px;
	color:#535353;
	display:inline-block;
	font-size:0.875em;
	background:#f6f6f6;
	padding:3px 13px;
	margin-top:10px;
}
.fieldset_3 span:hover a {
	color:#fff;
	background:#e75c1e
}

.fieldset_3 span.this a {
	color:#fff;
	background:#e75c1e
}




.fieldset_FAQ {border: dashed 1px #999;border-top: dashed 1px #999;display:block;padding:2px 0.5em;}
.fieldset_FAQ legend{top:-3px; position:position;background-color:#DDD;padding:.5em 1em;border-radius:5px;margin-left:20px;}
.fieldset_FAQ {
	display:inline-block;
	margin:0 20px 20px 0
}
.fieldset_FAQ:first-child {
	margin-left:0
}

.fieldset_FAQ a {
transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
	border-radius:3px;
	color:#535353;
	display:inline-block;
	font-size:0.875em;
	background:#f6f6f6;
	padding:3px 13px;
	margin-top:10px;
}
.fieldset_FAQ span:hover a {
	color:#fff;
	background:#e75c1e
}

.fieldset_FAQ span.this a {
	color:#fff;
	background:#e75c1e
}


/*主题样式，查看原油期货介绍第二个应用样式*/
/*fieldset 样式结束*/





/*期货交易*/
.ContactUs .h2{position:relative;text-align:center;font-size:1.5em;margin-bottom:20px;color:#e75c1e}

.ContactUsh1 img{width:100%;}
.ContactUsInfo{position:relative;margin-bottom:50px;}

.ImgBox{border:1px solid #d5d5d5;padding:13px;text-align:center;float:left;}
.ImgBox img{max-width:100%}

.ContactUsText{float:left;width:100%;color:#252525;}
.ContactUsText p{line-height:40px;font-size:1em;text-align:left;}



