@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; list-style:none; }
body{ font-family:'微软雅黑'; color:#333; font-size:16px;line-height:22px;width:100%;height:100%;display:block;}
a{ color:#333; text-decoration:none; }
a:hover{ color:#be3339;}

.clear{ clear:both; height:0; line-height:0; font-size:0;}

.header{  font-size:16px; color:#999; position:fixed; top:0; width:100%; border-top:10px solid #be3339; background:#fff; z-index:99; min-width:1024px;clear:both;}
.header dt{margin-top:12px;margin-left:8px; float:left;margin-right:15px;}
.header dd{float:left;margin-left:10px;}
.header a{ color:#333; text-decoration:none; padding:0; line-height: 70px;}
.header dt a{line-height:0;}
.header a:hover{ color:#be3339;}

.leftmenu{ background:#eee; margin-right: 10px; position:fixed;top:70px;bottom:0;right:0;left:0;width:104px; display: block; }
.leftmenu ul{ margin-top:20px; font-size:18px;}
.leftmenu ul li{ text-align:right; margin:0 15%; line-height:40px; border-bottom:1px dashed #ccc; cursor:pointer;}
.leftmenu ul .a{ background:url(../images/ico-fox.png) no-repeat left center; }
.leftmenu ul .a:hover{ background:url(../images/ico-fox-a.png) no-repeat left center;}
.leftmenu ul .b{ background:url(../images/ico-gold.png) no-repeat left center; }
.leftmenu ul .b:hover{ background:url(../images/ico-gold-a.png) no-repeat left center;}
.leftmenu ul .c{ background:url(../images/ico-oil.png) no-repeat left center; }
.leftmenu ul .c:hover{ background:url(../images/ico-oil-a.png) no-repeat left center;}
.leftmenu ul .d{ background:url(../images/ico-stock.png) no-repeat left center; }
.leftmenu ul .d:hover{ background:url(../images/ico-stock-a.png) no-repeat left center;}
.leftmenu dl img{ width: 100%; }

.rightcontent{position:absolute; left:104px;bottom:0;top:0;right:0; display:block;}

.list,.details{position:absolute;top:0;left:0;right:390px; display:block; padding:0 20px;}
.details{min-width: 500px;overflow:auto;}
.list ul{ margin-top:1.5%;}
.list ul li h2,.details h1{ line-height:35px; font-weight:normal;}
.list ul li{ clear:both; margin-bottom:1.6%; padding-bottom:4.0%; border-bottom:solid 1px #ddd;}
.list ul li img{ float:left; margin:7px 1% 0 0; }
.list ul li p,.details p{ line-height:30px; font-size:17px; color:#666;}
.bgspan, .list ul li p span a,.details p span a{ display:inline-block; background:#ddd; padding:0 1%; margin-top:0.6%; font-size:14px; color:#666; margin-right:5px;}
.bgspan:hover, .list ul li p span a:hover,.details p span a:hover{ background:#be3339; color:#fff;}
.list dl,.details dl{ line-height:40px; clear:both;padding-bottom:30px; margin-bottom:13%;}
.list dl a,.details dl a{ display:inline-block; background:#224385; color:#fff; text-align:center; padding:0 1.5%;}
.list dl a:hover,.details dl a:hover,.communicate ul li a:hover{background:#be3339;}
.banner img{margin-top:70px; width: 90%; height: 100%;}

.aboutimage{ clear:both;}
.aboutimage h2{ line-height:50px; clear:both;}
.aboutimage ul li{ float:left; margin-right:1%;}
.aboutimage ul li p{ text-align:center; margin:0; line-height:32px;}
.aboutimage dl a,.aboutimage dl a:hover{ padding:0; background:none; margin:0;}
.aboutimage dl{ text-align:center;}


.rightbox{ position:fixed;width:385px;right:0;top:70px;bottom:0;margin-left: 10px;}
.search{ background:#eee;}
.search h2{ font-size:14px; padding-bottom:3%; font-weight:normal;}
.search h2 .phone{ float:left; display:inline-block; background:url(../images/iphone.png) no-repeat left center; padding-left:5%;}
.search h2 span{ float:right;}
.search { padding:4% 6%;}
.search dl input{ border:1px solid #ccc; height: 30px; line-height:30px; float:left; width:76%; color:#999; padding-left:10px; font-family:'微软雅黑';}
.search dl a{ display:inline-block; background:#be3339; text-align:center; color:#fff; width:15%; line-height:32px; float:left;}

.ranking{ margin:10% 0 0 0;}
.ranking h2{ font-size:16px; font-weight:normal;}
.ranking h2 span{ display:inline-block; background:#224385; text-align:center; width:20%; color:#fff; line-height:38px; margin:0;}
.ranking ul li{ line-height:35px; border-bottom:1px dashed #ddd;}
.ranking ul{ padding:10px 5% 0 0;}
.ranking ul li a{ margin:0 0 0 1%; font-size:16px;}
.ranking ul .first{ background:url(../images/square-a.png) no-repeat left center; color:#fff; font-size:12px; padding-left:1px;}
.ranking ul .four{ background:url(../images/square.png) no-repeat left center; color:#fff; font-size:12px; padding-left:1px;}

 
.footer{ font-size:12px; background:#efeff1; line-height:50px; bottom:0; position:fixed; width:100%; text-align:center; color:#777;}
.footer span{ margin-right:5%;}
.footer a{ color:#777;}
.footer a:hover{ color:#be3339;}