﻿/* css header  头部 */
 body{ background-image: url(../img/bg.jpg); width:100%; font-family: 微软雅黑;sans-serif;}
.header{ height: 184px;overflow: hidden; position: relative;}
.header_left{float: left;  clear: left; margin-top: 50px; transition:all 2s;z-index: 10;-o-transition:all 2s;-webkit-transition:all 2s;-moz-transition:all 2s; -ms-transition:all 2s;}
.header_main{ position: absolute; left: 22%;}
.header_right{float:right;clear: right; overflow: hidden;transition:all 2s;z-index: 10;-o-transition:all 2s;-webkit-transition:all 2s;-moz-transition:all 2s; -ms-transition:all 2s;}
.header_main_top{background:url(../img/header2.png) no-repeat;width:260px; height: 30px; margin-left: 92px; padding-top: 4px;}
.logo{margin-top: 14px;}
.header_main_top div{ margin: 0 auto; width: 160px;color: #45595a; }
.header_main_top a{padding: 0 8px;text-decoration: none; color: #45595a; font-size: 14px; line-height: 14px;}
.header_main_top_a{border-left: solid 1px #45595a;}
.header_main_top a:hover{ color: #c23a1e; cursor: pointer;}
/* 搜索框与电话号码 */
.search{position: absolute; left: 64%; width: 230px; height: 82px; margin-top: 26px; z-index: 100;}
.header_phone span{display: block; font-size: 26px;color:#c23a1e; float: right; margin-left: 4px; padding-top: 6px; line-height: 26px;}
.header_phone img{ float:left;transition:all 0.4s ease-in-out}
.header_phone img:hover{ transform:rotate(360deg);    -webkit-transform:rotate(360deg);    -moz-transform:rotate(360deg);    -o-transform:rotate(360deg);    -ms-transform:rotate(360deg);}
.header_phone{overflow: hidden;}
.search input{ width:180px; height: 32px; border-bottom-left-radius:6px; border-top-left-radius: 6px; background: #eee; border:solid 1px #a0a0a0;float: left;outline:medium;text-indent: 8px;}
.header_input_search{width: 46px; height: 32px; background: #5684a7; border-bottom-right-radius:6px; border-top-right-radius: 6px;border:solid 1px #a0a0a0; float: left; border-left: none; line-height: 28px;text-decoration: none; list-style: none;}
.header_input_search span{ margin-left: 8px; text-decoration: none; list-style: none; color: #fff; font-size: 14px;}
.header_search{overflow: hidden; margin-top: 14px; }
.search input:focus{ background: #fff; }
.header_input_search:hover{background: #436681;}
.header:hover .header_left{margin-left: -40px;}  
.header:hover .header_right{margin-right: -40px;}  
.list_right_main li{padding-left:40px;padding-right:40px;}
/* 屋檐 */
.header_eaves{ background: url(../img/eaves.png) no-repeat; width: 1920px; height: 90px; z-index: 100; position: absolute; top: 96px; z-index: 10;}

/* css nva 导航*/
.nva{height: 63px; position: relative; z-index: 1000;}
.menu{background:url(../img/nva_bg.jpg) no-repeat; width:100%; height: 63px; padding-top: 14px;}
.menu_box{ width: 1080px;height:41px; margin: 0 auto; }
.menu_left{width: 78px; height: 40px; no-repeat; float: left;}
.menu_main{width: 924px;  float: left;}
.menu_right{width: 78px;height: 40px; no-repeat; float: left;}
.menu_main_wrap{width: 102px; height: 48px; float: left}
.nva_a{ display: block;float: left; margin-left: 17px; margin-top:10px;color: #464646; cursor: pointer;  line-height: 16px;font-weight: 800; z-index: 99999}
.menu_main_wrap img{ display: block; float: right;}
.menu_main_wrap a:hover{color: #436681;cursor: pointer;}
.sub_nva{ width: 102px;  background: #fff; position: absolute; top:62.6px; z-index: 99999; display: none; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; box-shadow: 0 0 2px #999; list-style: none; margin: 0; padding: 0;}
.sub_nva li{ width: 102px;height: 46px; border-bottom:solid 1px #999; line-height: 14px; font-size: 14px;  z-index: 9999 ; position: relative; display: block;}
.sub_a{ margin: 0 auto; display: block;text-align: center; z-index: 9999;color: #464646; cursor: pointer; padding-top: 14px;}
.sub_nva li:hover{ background: #56768e; color: #fff;}
.sub_nva li:hover a{color: #fff;}



/* css big_banner 大轮播图*/
.slide-main{height:352px;position:relative;z-index:10;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:150px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:320px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;}
.slide-box{position: relative;height: 352px;z-index: 1;overflow: hidden;}
.slide{display:none;height:352px;position:relative;width: 100%;}
.slide a{display:block;width:100%;cursor:pointer;}
.slide-box img{height: 352px;width: 1920px;position: absolute;margin-left:-960px;left:50% ;top: 0;}

/* css big_btn 四个大按钮*/
.big_btn{ width: 1080px; height: 60px; margin: 26px auto; overflow: hidden;}
.btn_wrap{background:url(../img/btn/big_btn.jpg) no-repeat;}
.btn_wrap1{width:250px; height:60px; margin-right: 22px; display: block; float: left;cursor: pointer; background-position: 0px 0px;}
.btn_wrap2{width:250px; height:60px; margin-right: 22px; display: block; float: left;cursor: pointer;background-position: -250px 0px;}
.btn_wrap3{width:250px; height:60px; margin-right: 22px; display: block;float: left;cursor: pointer;background-position: -500px 0px;}
.btn_wrap4{width:250px; height:60px; display: block;float: left;cursor: pointer;background-position: -750px 0px;} 

.btn_wrap1:hover{box-shadow: 0 1px #666; cursor: pointer;background-position: 0px -60px;}
.btn_wrap2:hover{cursor: pointer;background-position: -250px -60px;}
.btn_wrap3:hover{cursor: pointer;background-position: -500px -60px;}
.btn_wrap4:hover{cursor: pointer;background-position: -750px -60px;}


.search1{ width: 1080px; margin: 0 auto; height: 600px;}
.search1_left{ width: 814px; overflow: hidden; float: left;}

/* css news_img 新闻图片轮播图*/
.focus{ position:relative; width:388px; height:266px; background-color: #000; float: left; margin: 0  ! important; border:solid 4px #83a0b5;}
.focus img{ width: 380px; height: 258px;border: none;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:40px; line-height: 40px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:12px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:25px; right:20px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:21px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#1788c3;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../img/news/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;} 

/* css big_news 三条大新闻*/
.big_news{width: 380px;list-style: none; float: left; margin-left: 26px;}
.big_news h2{ font-size: 18px; color: #446c8a; text-decoration: none; list-style: none; line-height:0; display: block; margin-bottom: 22px;}
.big_news p{ display: block; font-size: 13px; color: #666; line-height: 21px;}
.big_news a{font-size: 13px; color: #446c8a;  font-weight: 1200; margin-left: 6px;}
.big_news_2,.big_news_3{ margin-top: 30px;}
.big_news a:hover{ cursor: pointer;color: #c23a1e;text-decoration: none; list-style: none;}
.big_news h2 a{ font-size: 18px; color: #446c8a; text-decoration: none; list-style: none; line-height:0; display: inline-block; margin: 0; padding: 0;}

/* css news_box  新闻列表外框*/
.news_box{ width: 790px; height: 290px; border-radius: 8px; background: #fff; float: left; clear: left; margin-top: 20px; border: solid 1px #6099c5;}


/* CSS 新闻列表样式*/
#tab { width:374px; height:280px; position:relative; margin-top: 8px; margin-left: 10px;float: left;}
/*设置容器高宽等*/
html > body #tab { width:374px;}
/*兼容IE6:IE6下宽度不够*/
#tab div { position:absolute; top:30px; left:0; width:374px; height:280px;}
/*设置容器高宽等*/
#tab div { display:none;}
/*设置容器默认隐藏:不用ID是因为下面将利用class来控制容器显示,而class优先级低于id选择器*/
#tab .block { display:block;}
/*选中的容器*/
#tab h3 { float:left; width:76px; height:28px; line-height:30px; margin:0 0 0 0; font-size:12px; cursor:pointer; background:url(../img/btn/news.png) no-repeat; text-align:center; color:#5a5a5a; font-family:Microsoft YaHei;font-weight:normal;}
/*默认标题样式*/
#tab .up { background:url(../img/btn/news_hover.png) no-repeat;color:#fff; }
/*选中的标题样式*/
/*修饰列表内容*/
#tab ul { list-style:none; padding:0; height:186px; margin-top:0px; line-height:12px; }
#tab li {border-bottom:1px dotted #c6c6c6; height:24px; padding-top:6px; overflow:hidden; font-size:12px;}
#tab li a { display:inline; font-size:12px; text-decoration:none; text-indent:10px; margin-right:4px;}
#tab li span{ display:block; float:right; margin-right:4px; color: #bdacb3;}
.tab_title{color:#464646;}
.tab_title:hover { color:#852f30; text-decoration:none;}
.tab_menu{ font-weight: 600;}
a.menu_title, a.menu_title:visited, a.menu_title:link{color:#fff}
a.tab_menu:link { color:#932828; text-decoration:none;}
a.tab_menu:visited { color:#932828; text-decoration:none;}
a.tab_menu:hover { color:#932828; text-decoration:underline;}
.news_lint{ width: : 390px; height:1px; background: #375f7e; display: block; position: relative; top:28px;}
.news_more{ display: block; background:url(../img/btn/news_more.png) no-repeat; width: 35px; height: 11px;  position: relative; top:8px; left: 340px;}


/* css side_btn 二级按钮样式*/
.side_btn{ width:250px ; height: 590px; background: url(../img/btn/side_btn_bg.png) no-repeat; float: left;}
.side_btn_box{ width: 188px; height: 500px; margin: 0 auto;margin-top: 48px; overflow: hidden;}
.side_btn_wrap{ width: 280px; height:72px; padding-top: 18px;overflow: hidden; background:url(../img/btn_line.png) no-repeat; }
.side_btn_img{float: left;margin-left: 14px;transition:all 0.6s;-o-transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s; -ms-transition:all 0.6s; }
.side_btn_text{float: left; margin-top: 2px;margin-left:8px; width: 126px;transition:all 0.6s;-o-transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s; -ms-transition:all 0.6s;}
.side_btn_text h2{ font-size: 18px; line-height: 18px; margin: 0; color: #25445c;}
.side_btn_text span{ font-size: 11px; line-height: 11px; color: #7ca2bf;}
.side_btn_go{float: left; margin-left: 36px; transition:all 0.6s;-o-transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s; -ms-transition:all 0.6s;}
.side_btn_wrap:hover .side_btn_go{ margin-left:3px;}
.side_btn_wrap:hover .side_btn_img{ margin-left:-50px;}
.side_btn_wrap:hover .side_btn_text{ margin-left:14px;}

/* css search2 内容模块样式（广告图）*/
.search2{ width: 1080px; height:160px; margin: 0 auto; overflow: hidden; margin-top:20px;}
.index_ad{width: 790px; height: 160px;  float: left; border-radius: 8px; overflow: hidden;}
.index_notice{ background: url(../img/notice_bg.png) no-repeat; width: 246px; height: 160px; float: left; margin-left: 24px; }
.index_notice span{ display: block; font-size:18px; font-weight: 600; line-height: 18px; margin:0 auto; color:#25445c;margin-top: 20px; width: 80px; text-align: center;margin-bottom: 16px;}
.index_notice_title{font-size:12px;line-height: 12px; margin: 0 auto;margin-top: 12px; width: 240px; text-align: center; display: block; text-decoration: none; color: #464646;}
.index_notice_title:hover{ color: #c23a1e; }                    

/* css market_quotations 交易数据*/
.market_quotations{ width: 1080px; height: 296px; border: solid 1px #6099c5; background: #fff; margin: 0 auto; border-radius: 8px;margin-top: 32px; overflow: hidden;}
.market_top{ height: 40px; width: 1080px; background: url(../img/tab_bg.jpg); border-bottom: solid 1px #6099c5;}
.market_top p{display: block;margin: 0; width: 80px;float: left; margin-top: 10px; line-height: 18px; font-size: 18px; color: #2a4c65; margin-left: 6px; font-weight: 500; text-shadow: 1px 1px 0 #fff;}
.icon7{ background: url(../img/icon/icon7.png) no-repeat; float: left; margin-top: 3px; margin-left: 14px;}
.icon7_1{ background-position:0px 0px; width: 36px; height: 32px; display: block;}
.market_quotations iframe { margin-left: 12px; margin-top: 12px;}

/* css show 藏品展示*/
.show{ width: 1080px; height: 318px; border: solid 1px #6099c5; background: #fff; margin: 0 auto; border-radius: 8px;margin-top: 32px; overflow: hidden;}
.show_top{ height: 40px; width: 1080px; background: url(../img/tab_bg.jpg); border-bottom: solid 1px #6099c5;}
.show_top p{display: block;margin: 0; width: 80px;float: left; margin-top: 10px; line-height: 18px; font-size: 18px; color: #2a4c65; margin-left: 6px; font-weight: 500; text-shadow: 1px 1px 0 #fff;}
.icon7_2{ background-position: -36px 0px; width: 36px; height: 32px; display: block;}
#demo,#link { 
background: #FFF; overflow:hidden; width: 1060px;padding: 10px 0; margin: 0 auto;margin-top: 2px;} 
#demo img { width: 200px; height: 180px;} 
#demo p { font-size: 12px; text-align: center; display: block; margin-top: 6px; list-style: none;color: #666;cursor:text;} 
#demo span{ font-size: 14px; text-align: center; display: block; margin-top: 12px; list-style: none;color: #363636; cursor:text;} 
#indemo ,#inlink{ float: left; width: 800%; } 
#demo1 ,#link1 { float: left; } 
#demo2 ,#link2 { float: left; } 
.little_box{float: left; background: #f8f8f8; box-shadow: 0 0 4px #999; height: 250px; width: 200px; margin-left:14px; }

/* css link  友情链接*/
.link{ width: 1080px; height: 126px; border: solid 1px #6099c5; background: #fff; margin: 0 auto; border-radius: 8px;margin-top: 32px; overflow: hidden; z-index: 99; position: relative;}
.link_top{ height: 40px; width: 1080px; background: url(../img/tab_bg.jpg); border-bottom: solid 1px #6099c5;}
.link_top p{display: block;margin: 0; width: 80px;float: left; margin-top: 10px; line-height: 18px; font-size: 18px; color: #2a4c65; margin-left: 6px; font-weight: 500; text-shadow: 1px 1px 0 #fff;}
.icon7_3{ background-position:-72px 0px; width: 36px; height: 32px; display: block;}


.little_link{ width: 202px; height:60px; display: block; float: left; margin-left: 11px; margin-top: 11px;}

.link1{ background-position: 0px 0px;width: 202px; height:60px; margin-left: 11px;}
.link2{ background-position: -202px 0px;width: 202px; height:60px;}
.link3{ background-position: -404px 0px;width: 202px; height:60px;}
.link4{ background-position: -606px 0px;width: 202px; height:60px;}
.link5{ background-position: -808px 0px;width: 202px; height:60px; margin-right: 0px;}
.link1:hover{ background-position: -0px -60px;width: 202px; height:60px;}
.link2:hover{ background-position: -202px -60px;width: 202px; height:60px;}
.link3:hover{ background-position: -404px -60px;width: 202px; height:60px;}
.link4:hover{ background-position: -606px -60px;width: 202px; height:60px;}
.link5:hover{ background-position: -808px -60px;width: 202px; height:60px;}

/* css 尾部 */
.footer{ width:100%; height: 232px; background: url(../img/footer.jpg) no-repeat; overflow: hidden; margin-top: 60px; position: relative;}
.footer p{ margin: 0 auto; text-align:center; margin-top: 140px; line-height: 24px;}


/* 侧边联系区域样式 */


#moquu_top,#moquu_wxin,#moquu_wshare,#moquu_wmaps {z-index:999999999;width:50px;height:50px;right:10px;position:fixed;cursor:pointer;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))}
#moquu_wxin {top:360px;_margin-top:360px;}
.qq_a {background:url(../img/images/sbtn.png) 0 -0px;right:0;float:left;width:50px;height:50px;}
.qq_a:hover {background:url(../img/images/sbtn.png) -50px -0px;}
#moquu_wshare {top:412px;_margin-top:412px;}
#moquu_wshare a {background:url(../img/images/sbtn.png) 0 -50px;width:50px;height:50px;right:0;float:left;}
#moquu_wshare a:hover {background:url(../img/images/sbtn.png) -50px -50px;}
#moquu_wmaps {top:464px;_margin-top:464px;}
#moquu_wmaps a {background:url(../img/images/sbtn.png) 0 -150px;width:50px;height:50px;right:0;float:left;}
#moquu_wmaps a:hover {background:url(../img/images/sbtn.png) -50px -150px;}
#moquu_top {top:516px;_margin-top:516px;background:url(../img/images/sbtn.png) 0 -101px;width:50px;height:50px;}
#moquu_top:hover {background:url(../img/images/sbtn.png) -50px -101px;}
.moquu_wxin,.moquu_wshare {position:relative;z-index:2;}
.qq_a:hover .moquu_wxinh,.moquu_wshare a:hover .moquu_wshareh ,.moquu_wmaps:hover .moquu_wmapss{display:block;}
.moquu_wxin .moquu_wxinh {position:absolute;left:-210px;top:-150px;width:200px;background:url(../img/images/qq.png)  no-repeat;filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; -moz-background-size:100% 100%;background-size:100% 100%;}
.moquu_wshare .moquu_wshareh {position:absolute;display:none;left:-210px;top:-150px;width:200px;height:300px;background:url(../img/images/moquu_wshare.png) no-repeat;}
.moquu_wmaps .moquu_wmapss{position:absolute;display:none;left:-210px;top:-150px;width:200px;height:300px;background:url(../img/images/weixin.png)  no-repeat;}
.qq_customer{padding-left:60px; padding-top:13px;background:url(../img/images/qq_custom.png)  no-repeat; height:40px; font-size:13px}
.qq_customer >a:visited{ color:#45595a; text-decoration:none;}
.qq_customer >a:link { color:#45595a; text-decoration:none;}
.qq_btn{}

/* css 两边及底部的背景 */
.bg_left{width: 190px; height: 287px; background:url(../img/bg-left.png) no-repeat; position: absolute; left:0; top:780px; }
.bg_right{ width: 207px; height: 258px; background:url(../img/bg-riget.png) no-repeat;position: absolute; right:0; top:1680px; }
.bg_bottom{ width:100%; height: 163px;background:url(../img/bg-bottom.jpg)no-repeat; position: relative; top:-444px;z-index: 1;}


/* css 媒体查询 */
@media (max-width: 1530px) {
.bg_left{ display: none;}	
.bg_right{display: none;}	
.header_main{ position: absolute; left: 16%;}	
.search{position: absolute; left: 66%;}	
.header_right{margin-right: -80px;}
}

@media (max-width: 1200px) {

.header_main{ position: absolute; left: 12%;}	
.search{position: absolute; left: 70%;}
.header_right{margin-right: -140px;}
}




