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


.slide{margin:10px 0; }
.slide .box {width: 100%;height: 100%;}
.slide img{width:100%; height: 100%;}
.mainbanner { overflow:hidden; margin-bottom:30px;}
.mainbanner .panelbox:last-child{margin-right:0;}
.mainbanner .panelbox{width:365px; background:#373737; color:#FFF; height:75px; border-radius:5px; line-height:75px; font-size:18px; font-weight:bold; position:relative; float:left;margin-right:20px;}
.mainbanner .panelbtn1{width:90px; height:66px; line-height:66px;  border-radius:5px; text-align:center; font-size:16px; font-weight:bold; color:#FFF; position:absolute; top:4px; right:4px; z-index:2; background-color:#c62222; cursor:pointer;}
.mainbanner .panelbtn2{width:90px; height:66px; line-height:66px;  border-radius:5px; text-align:center; font-size:16px; font-weight:bold; color:#FFF; position:absolute; top:4px; right:4px; z-index:2; background-color:#4d8332; cursor:pointer;}
.mainbanner .panelbtn3{width:90px; height:66px; line-height:66px;  border-radius:5px; text-align:center; font-size:16px; font-weight:bold; color:#FFF; position:absolute; top:4px; right:4px; z-index:2; background-color:#323d8f; cursor:pointer;}
.mainbanner .panneltxt{padding-left:60px;}


.sidebar{width:190px; float:left;    border-right: 1px solid #dfdfdf;     border-left:1px solid #dfdfdf; margin-right:25px;}
.sidebar .sidebarnanner{background:#17a09e url(../images/sidebarnannerbg.jpg); width:100%; height:125px; padding:20px 10px; box-sizing:border-box; text-align:center; }
.sidebar .sidebarnanner h3{color:#FFF; font-size:20px; margin-bottom:4px;}
.sidebar #bottom_gnb {display:table; float:left; }
.sidebar #bottom_gnb > div {  display: table-cell;   position: relative;  }
.sidebar #bottom_gnb > div > a {display: block; height: 25px; line-height: 25px; text-align: center; color:#FFF; font-size:0.85em; padding:0 4px;}
.sidebar #bottom_gnb > div > a::before {display: block; position: absolute;  top: 8px; left: -1px; width: 1px; height: 10px;border-left: 1px solid #FFF;
 content: ''; }
.sidebar #bottom_gnb > div:first-child > a::before{border:none;}



#topnav #topnavwrap{width:1045px; margin:0 auto;  overflow:hidden; }
#topnav{  background-color:#464646}
#topnav #bottom_gnb { float:right; padding-top:0px; }
#topnav #bottom_gnb ul li  { float:left }
#topnav #bottom_gnb ul li.t1{background-color:#373737;  letter-spacing:-1px; line-height:34px;}
#topnav #bottom_gnb ul li.t1 a{color:rgba(255,255,255,1); font-size:13px; display:block; padding:0 20px;}
#topnav #bottom_gnb ul li.t1 a:hover{text-decoration:none;}
#topnav #bottom_gnb ul li.t2{background-color:#403f3f;letter-spacing:-1px;  line-height:34px;}
#topnav #bottom_gnb ul li.t2 a{color:rgba(255,255,255,1); font-size:13px;  display:block; padding:0 20px;}
#topnav #bottom_gnb ul li.t2 a:hover{text-decoration:none;}
.nav-sidebar > li{ border-bottom:1px solid #f3f3f3;}
.nav-sidebar > li > a { 
    color:#000; font-weight:bold; font-size:14px;
	display:block; 
	padding:8px 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
    color: #3c7bb7;
}

.nav-sidebar a i{
	width:20px; height:20px;    
	background-color:#F93; display:inline-block; position:relative; top:5px;
}

.nav-sidebar .glyphicon-list{background:url(../images/glyphicon-list.jpg) no-repeat;}
.nav-sidebar .shopping-cart{background:url(../images/shopping-cart.jpg) no-repeat;}
.nav-sidebar .glyphicon-wallet{background:url(../images/glyphicon-wallet.jpg) no-repeat;}
.nav-sidebar .glyphicon-log-in{background:url(../images/glyphicon-log-in.jpg) no-repeat;}
.nav-sidebar .glyphicon-log-custom{background:url(../images/glyphicon-log-custom.jpg) no-repeat;}


.nav-sidebar > .active > a > i,
.nav-sidebar > .active > a > i:hover,
.nav-sidebar > .active > a > i:focus {
    color: #3c7bb7;
}


.nav-sidebar-sub {
    list-style: none;
    background: #f9f9f9;
    line-height: 30px;
    padding:10px 5px 15px 5px;
    border-top:1px solid #f3f3f3;
    margin: 0;
}
.nav-sidebar-sub2 {
    list-style: none;
    background: #ffffff;
    line-height: 30px;
    padding:10px 5px 15px 5px;
    border-top:1px solid #f3f3f3;
    margin: 0;
}
.nav-sidebar-sub > li{
    padding: 0 15px;
    color:#888888 ;
    font-weight: 100;
    height: 25px;
  
}

.nav-sidebar-sub.deps2 {
    list-style: none;
    background: #fff;
    margin: 0;
}

.nav-sidebar-sub.deps2 > li{
    padding: 0 5px 0 20px;
    font-size: 13px;
	color:#000;
}
.nav-sidebar-sub.deps2 > li > i{
    color:#b1b1b1;
    font-size: 12px;
}
.nav-sidebar-sub.deps2 > li a,
.nav-sidebar-sub.deps2 > li a:hover,
.nav-sidebar-sub.deps2 > li a:focus{
    color:#000;
    font-weight: 300;
    height: 25px;
}

.nav-sidebar-sub > hr{
    padding:0px;
    margin: 20px 0 10px 0 !important;
}
.nav-sidebar-sub > .active > a,
.nav-sidebar-sub > .active > a:hover,
.nav-sidebar-sub > .active > a:focus {
    color: #3c7bb7;
}
.nav-sidebar-sub .balance{
    position: absolute;right:20px;
    font-size: 13px;
    font-family: tahoma,AppleGothic,Sans-serif;
}
.nav-sidebar-sub .balance .mark{
    font-size: 11px;
    background: none;
    color:#ccc;
}

.nav-sidebar-sub .label.label-default{
    background-color:  #bbbcbf;
}


#sliderbg{background:#FAFAFA; width:100%; margin:0 auto;  position:relative; overflow:hidden}

#mmbanner ul{ position:absolute; z-index:1000; top:210px; left:50%; margin-left:-200px;}
#mmbanner li{ margin-right:5px; cursor:pointer; margin-bottom:4px; }
#mmbanner li a{display:block; text-decoration:none;}
#mmbanner li.aa{ font-size:20px; color:#fff ; margin-bottom:10px; }
#mmbanner li.bb span{ font-weight:500}
#mmbanner li.bb{font-size:43px; color:#fff ; font-weight:300 }


.mainright{float:right; overflow:hidden; width:920px;}
.mainrow{overflow:hidden;}
.col-md-6{float:left; width:453px; margin-right:10px; border:1px solid #CCC; margin-bottom:40px; height:400px; position:relative;}
.col-md-6:last-child{margin-right:0;}
.col-md-6 h3{background:#f0f0f0; font-size:16px; color:#000; padding:10px 20px; box-sizing:border-box;}
.col-md-6 table{width:95%; text-align:center}
.col-md-6 table th{font-size:14px; font-weight:bold; color:#000; height:60px;}
.col-md-6 table td{height:28px;}
.col-md-6 .time{position:absolute; top:5px; right:3px;}
.col-md-6 .btn-default{background:url(../images/timebg.png) no-repeat; width:46px; height:30px;} 
.col-md-6 .active{background:url(../images/timebgon.png) no-repeat; width:46px; height:30px;} 
.col-md-6 .market{position:absolute; top:10px; right:3px; overflow:hidden; width:130px; }
.col-md-6 .market li{float:left;width:60px;}
.col-md-6 .market .bid{background:url(../images/bid.png) no-repeat; width:7px; height:21px; padding-left:10px;}
.col-md-6 .market .ask{background:url(../images/ask.png) no-repeat; width:7px; height:21px; padding-left:10px;}



#rightadd{position:fixed; right:-30px; top:175px; border-radius:20px; background-color:#373737; color:#FFF; width:180px; padding:20px 40px 20px 20px; box-sizing:border-box; font-size:12px; z-index:10}
#rightadd h2{font-size:12px; margin:5px 0}
#rightadd ul{border-bottom:1px solid #5f5f5f}
#rightadd .btn{position:absolute; top:130px; right:180px;}
#rightadd li{ position:relative; margin-bottom:5px;}
#rightadd .blueico{background:url(../images/b1.png) no-repeat; width:105px; height:26px; line-height:26px; padding-left:5px;}
#rightadd .yellowico{background:url(../images/b2.png) no-repeat; width:105px; height:26px; line-height:26px; padding-left:5px;}
#rightadd .skyico1{background:url(../images/b3.png) no-repeat; width:105px; height:26px; line-height:26px; padding-left:5px;}
#rightadd .skyico2{background:url(../images/b4.png) no-repeat; width:105px; height:26px; line-height:26px; padding-left:5px;}
#rightadd .blueico span{position:absolute; right:0; top:0;}
#rightadd .yellowico span{position:absolute; right:0; top:0;}
#rightadd .skyico1 span{position:absolute; right:0; top:0;}
#rightadd .skyico2 span{position:absolute; right:0; top:0;}

#rightadd  .phone{font-size:18px; font-weight:bold;}
#rightadd .t1{padding-top:7px;}
#rightadd .t2{padding-bottom:7px; letter-spacing:-0.04em}

.m_menu{display:none;}
.mphone{display:none;}