/* CSS Document */

/* CSS Document */
* { margin: 0; padding: 0; }
.clear{ clear:both; height:0; line-height:0; width:100%; font-size:0;}
img{ border:0; vertical-align:middle;}
.gc_nav{width:100%; background:#eee; /*background:url(/images/f_navbg.png) repeat-x;*/margin-top: -10px;}
.gc_nav .content{ position:relative; z-index:100; width:1200px;height:29px; margin:0 auto; display:block; /*overflow:hidden;*/}
.gc_nav .content ul.gc_navm { width:811px; margin:0; padding:0; height:19px; padding:5px 0; display:inline-block; overflow:hidden; margin-left:220px;}
.gc_navm li{ margin:0; padding:0; height:19px; line-height:19px; float:left; text-align:center; width:90px; /*margin-top:6px;*/}
.gc_nav .content ul.gc_navm a{ margin:0; padding:0; color:#666; width:90px; text-align:center; font-size:14px; height:19px; line-height:19px; vertical-align:middle; display:inline-block; overflow:hidden; border-right:#cecece dotted 1px;}
.gc_nav .content ul.gc_navm a:hover{ color:#1963c1;}
.gc_nav .content ul.gc_navm a.on{ color:#1963c1;}
.gc_nav .content .subnav{ position:absolute; top:0; left:0;width:205px; height:476px;background:#3c4251;}
.gc_nav .content .subnav ul{ position:relative;width:205px; height:476px; display:block;}
.gc_nav .content .subnav ul li{ width:205px; vertical-align:middle;  }
.gc_nav .content .subnav ul li .fl_01{  padding:4px 10px; cursor:pointer; border-bottom:#2e3443 solid 1px; background:url(/images/subnav_hover_bg.png) no-repeat right center;}
.gc_nav .content .subnav ul li.hover .fl_01{ background:#212634 url(/images/subnav_hover_bg.png) no-repeat right center;}
.gc_nav .content .subnav ul li .fl_01 h2{ color:#fff; font-size:14px; line-height:27px; height:27px;}
.gc_nav .content .subnav ul li .fl_01 .fl_n{ line-height:26px; height:26px; overflow:hidden; margin-bottom:6px;}
.gc_nav .content .subnav ul li .fl_01 .fl_n a{ color:#d1d1d1; margin-right:10px; white-space: nowrap; font-size:14px;}
.gc_nav .content .subnav ul li .fl_01 .fl_n a:hover{ text-decoration:underline;}
.gc_nav .content .subnav ul li .fl_rm{ display:none;position:absolute; left:205px; top:0;width:205px; height:476px; padding:0 20px 0 0px;  background: url(/images/subnav_fl_rm_bg.png) repeat 0 0;}
.gc_nav .content .subnav ul li .fl_rm .fl_rt{ font-size:18px; color:#333; font-weight:bold; line-height:38px; border-bottom:#333 solid 1px;}
.gc_nav .content .subnav ul li .fl_rm .fl_rn a{margin-right:14px; white-space: nowrap; color:#444; font-size:14px; line-height:32px;}
.gc_nav .content .subnav ul li .fl_rm .fl_rn a:hover{ text-decoration:underline;}
.fl_01{ position: relative;}
a.xj_tou{position: absolute;right:10px;top:23px;}

/*首屏*/
.prime{ position:relative; width:100%; /*height:446px;*/  }
/*焦点图*/
.v_show{width:100%; height:320px;position: relative;}
.v_content{width:100%;height:320px;}
.v_content ul{width:100%;height:320px; overflow: hidden;}
.v_content ul li{width:100%; position: relative; height:320px;display: none;} 
.v_content ul li .scrollimg_bg{ position:relative; z-index:9; top:0; width:100%; height:320px;}
.v_content ul li .scrollimg{  position: absolute; z-index:10; top:10px; width:615px; height:426px; padding:10px 0; left:50%; margin-left:-295px; overflow:hidden;}
.v_content ul li img{width:615px; height:426px;position: absolute; left:-615px; top:0;}
.v_content ul li.blo{display: block;}

.v_caption{position: absolute; z-index:11; bottom: 10px; left:50%;width:250px; margin-left:-80px;
}
.v_caption:hover{
-o-transform: scale(1.4);	
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
transform: scale(1.4);}
.v_caption ul{overflow: hidden;}
.v_caption ul li{ float: left;display: inline-block;width: 8px;height: 8px; margin-right:10px;border: 2px solid #f0f0f0; background:#f0f0f0; 
-webkit-border-radius:8px;
-ms-border-radius:8px;
-moz-border-radius:8px;
-o-border-radius:8px;
border-radius: 8px;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease; text-indent:-9999px; cursor:pointer;}
.v_caption ul li.active{background:none;}

.zdjm{ width:1200px; margin:0 auto; position:relative;z-index:15; }
.zdj{ position:absolute; top:10px; right:0; width:220px; float:right; height:426px; display:inline-block; background:#fff; z-index:4; overflow:hidden;}
.zdj_t{ position:relative; width:220px; height:40px; background:#194f93; color:#fff;}
.zdj_tit{ line-height:40px; font-size:18px; margin-left:14px;}
.zdj_rl{ width:40px; height:40px; padding-top:6px; text-align:center; line-height:16px; background:url(/images/rili_week_bg.png) no-repeat;_background:url(/images/rili_bg.gif) no-repeat; display:inline-block; overflow:hidden; color:#194f93; position:absolute; right:10px; top:-1px;}
.zdj_list{ width:220px; height:386px;}
.zdj_list ul.zdj_listm{ width:220px; height:326px; _height:330px; overflow:hidden;}
.zdj_list ul.zdj_listm li{ cursor:pointer; vertical-align:middle;}
.zdj_list ul.zdj_listm li.show .full{ display:block;}
.full{ display:none; position:relative; width:220px; height:150px; background:url(/images/steel/zdj_bg.png) repeat-x center;}
.icon_arrow{position: absolute;left: 150px;top: 60px;width: 35px;height: 64px;overflow: hidden;}
.up{ width:20px; height:57px; background:url(/images/gc_allbg.png) no-repeat; _background:url(/images/gc_allbg.gif) no-repeat; background-position:0 10px; }
.middel{ width:36px; height:10px; top:76px; background:url(/images/gc_allbg.png) no-repeat; _background:url(/images/gc_allbg.gif) no-repeat; background-position:-64px 0; display:inline-block; overflow:hidden;}
.down{width:20px; height:57px; background:url(/images/gc_allbg.png) no-repeat; _background:url(/images/gc_allbg.gif) no-repeat; background-position:-32px 10px;}
.full h5{ margin-left:14px; height: 20px;line-height: 20px; padding-top:4px; color: #8a8a8a;font-weight: normal;font-size: 12px;}
.full h2{ height: 40px;line-height: 40px;font-size: 30px;color: #005bac;font-weight: normal;text-align: center;}
.full h4{ width:120px; text-align:right; height: 36px;padding: 0 50px 0 12px;line-height: 36px;font-size:32px;font-weight: normal;text-overflow: ellipsis; overflow:hidden;}
.full p{height: 28px;line-height: 24px;padding: 0 0 0 45px;font-size: 16px;}
.full span{ width:180px; height:24px; text-align:center; display:inline-block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; line-height: 18px;padding: 0 20px;font-size: 14px;color: #444; position:absolute; bottom:2px;}
.part{ width: 220px;height: 35px;line-height: 35px;border-bottom: 1px solid #ddd;text-align: center;}
.part span{ float:left; color:#555;position: relative; font-size:14px; display: inline-block;width: 52px; height: 35px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; }
.i_down,.i_up,.i_mid{ width:9px; height:12px; background:url(/images/gc_allbg.png) no-repeat; _background:url(/images/gc_allbg.gif) no-repeat; display:inline-block; margin-top:12px;}
.i_up{  background-position:0 -49px;}
.i_mid{  background-position:-84px -16px; margin-top:14px;}
.i_down{ background-position:-14px -49px;}
span.g_nm{ width:60px; height:35px; line-height:35px; margin-left:14px; display:inline-block; overflow:hidden; white-space: nowrap;
text-overflow: ellipsis;}
.list_btn ul{ position: absolute;left:84px; bottom:28px; width:120px;padding-top: 10px;text-align: center;}
.list_btn li,.list_btn li.on{ float:left; display: inline-block; width: 12px; height: 12px; margin-right:8px; display:inline-block; overflow:hidden; cursor:pointer; background:url(/images/gc_allbg.png) no-repeat; background-position:-18px -67px;  overflow:hidden;text-indent:-999px;}
.list_btn li.on{  background:url(/images/gc_allbg.png) no-repeat;  background-position:0px -67px;}

span.t_r{ text-align:right; margin-right:10px; width:40px;}
span.red,.red{ color:#ff4400;}
span.green,.green{ color:#39a126;}
span.blue,.blue{ color:#06c;}
span.tb{ width:32px;}
.zdj_list ul.zdj_listm li.show .full{ display:block;}
.zdj_list ul.zdj_listm li.show .part{ display:none;}
/*中钢网推荐*/
.zgtj{ width:1200px; margin:10px auto; overflow:hidden;}
.tj_t{ width:1200px; height:40px; line-height:40px; background:#f7f7f7; border-bottom:#f40 solid 2px; overflow:hidden;}
.tj_t h2{ float:left; font-size:18px; width:106px; height:24px; line-height:24px; margin:9px 0 0 14px; border-left:#f40 solid 5px; text-align:right; font-weight:normal;}
/*.tab_list{position:relative; float:left; margin-left:120px;}
.tab_list li{ position:relative; z-index:1;  float:left; width:80px; text-align:center; height:40px; overflow:hidden;}
.tab_list .bg{  position:absolute; left:0px; top:0px; z-index:0; width:80px; height:40px;background:#f40; border:none;}
.tab_list li a{ width:80px; line-height:40px; font-size:14px; color:#333; display:inline-block; overflow:hidden;}
.tab_list li.selected a{ color:#fff;}*/
/*.tab_list li.selected .bg{ left:0;}*/
.allm{ float:right; margin-right:16px; color:#777;}
.all{ color:#777;  font-size:14px;}
.all:hover{ text-decoration:underline;}
.tabbed_content{width:1200px; position:relative; }
.tabbed_content .tabs{position: absolute; top:-40px; left:270px; width:600px; height:40px;}
.tabbed_content .tabs .moving_bg{position:absolute; left:0px; top:0px; z-index:0; width:80px; height:40px;background:#f40;}
.tabbed_content .tabs .tab_item{position:relative;cursor:pointer;display:inline-block;width:80px; text-align:center; height:40px; overflow:hidden;}
.tabbed_content .tabs .tab_item a{width:80px; line-height:40px; font-size:14px; color:#f40; font-weight:bold; display:inline-block; overflow:hidden;}
.tabbed_content .tabs .selected a{ color:#fff;}
.tabbed_content  .slide_content{position:relative;width:1200px;overflow:hidden;}
.tabbed_content .tabslider{width:7200px;}
.tabbed_content .tabslider .box{float:left;width:1200px;}
.tabbed_content .tabslider .box .left{ float:left; width:109px; color:#fff;}
.tabbed_content .tabslider .box .right{ float:left; width:1091px; color:#fff;}
.tj_m{}
.tj_i{ float:left; width:270px;  display:inline; overflow:hidden;}/*修改5.19*/
.tj_i img{ width:270px;height:174px;}
.tj_list{ float:right; width:930px; border-right:none; display:inline;}
.tj_list ul{ margin:0; padding:0; overflow:hidden;}
.tj_list li{ float:left; width:231px; height:86px; text-align:center;  display:inline; border-right:#ddd solid 1px; border-bottom:#ddd solid 1px; background:#ddd;}/*修改5.19*/
.tj_list li img{ width:100%; height:100%;}
/*.tj_list li img.sizechange{ width:203px; height:76px; padding:5px solid #ddd;}*/
.tj_list li img.sizechange{ width:221px; height:83px; padding:5px solid #ddd;}
.tj_m .hide{ display:none;}
/*钢厂行情*/
.gchq{ clear:both; width:1200px; margin:10px auto; margin-bottom:0; overflow:hidden;}
.gchq_t{ width:1200px; height:42px;border-bottom:#ddd solid 4px; position:relative; z-index:1;/* display:inline-block;*/}/*修改5.19*/
.gchq_t h2{ font-size:18px; text-align:center; font-weight:normal; width:100px; line-height:42px; border-bottom:#f40 solid 4px; position:absolute; left:0; top:0; z-index:3;}
.gchq_m{ width:1198px; border:#f2f2f2 solid 1px; border-top:none; overflow:hidden;}
.hq_m1{ float:left; width:370px; margin:6px 13px; display:inline; }
.hq_m3{ margin-right:0; }
.hq_mt{ width:370px; overflow:hidden; line-height:42px; }
.hq_mt h3{ font-size:16px; font-weight:normal; float:left;}
.hq_mt a{ float:right; font-size:14px; color:#777;}
.hq_mt a:hover{ color:#ff4400;}
.hq_list{ width:366px; overflow:hidden; height:204px;}
.hq_list li{ width:366px; height:32px; line-height:32px; clear:both; float:left; display:inline-block; overflow:hidden; }
span.gs_nm1{ width:256px; float:left; display:inline-block; overflow:hidden;}
.hq_list li a{ float:left; background:url(/images/li_bg2.png) no-repeat left center; width:236px ; 
 height:32px; line-height:32px; text-overflow: ellipsis;white-space: nowrap; overflow: hidden; padding-left:12px; color:#666; font-size:14px;}
.hq_list li a:hover{ color:#06c; text-decoration:underline;}
span.riqi{ float:right; width:40px; line-height:32px; color:#777; font-size:14px; display:inline-block; overflow:hidden;}
.gg{ width:366px; height:116px; display:inline-block; margin-left:2px; cursor:pointer; overflow:hidden; clear:both; position:relative; z-index:0;}
.gg img{ position:relative; z-index:0;width:100%;height:100%}
.gg .t_bg{ position:absolute; bottom:0; left:0; height:30px; width:100%; display:inline-block; overflow:hidden; background:#000; opacity:0.5; filter: alpha(opacity=50); z-index:1;}
a.gg_nm{ position:absolute; bottom:0; left:0; width:100%; height:30px; line-height:30px; color:#fff; font-size:14px; padding-left:8px; text-overflow: ellipsis;white-space: nowrap; overflow: hidden; z-index:5;box-sizing:border-box}
.gg a.gg_nm:hover{ text-decoration:underline;}
.hq_line{ float:left; width:1px; background:#f2f2f2; height:386px; display:inline-block; overflow:hidden;}

/*搜索条*/
.zgx{ width:1200px; height:100px; margin:0 auto; background:url(/images/zgx_bg.png) no-repeat;background-size:100% 100%; display:block;}
.zgxm{ width:774px; margin-left:270px; padding-top:36px;}
.cx{ float:left; margin-right:16px;}
.cx input{ font-size:12px; cursor:pointer; color:#666; border:0; outline:none;}
.cx_tit{ width:auto; float:left; font-size:14px; margin-right:8px; color:#0066cc; line-height:28px;}
.gc_inp,.lm_inp,.rq_inp{ float:left; width:100px; height:28px;}
.gc_inp{ position:relative; z-index:8;}
.srgc_inp,.riqi_inp{ margin:5px 0 0 10px; height:16px; width:110px; border:1px solid #eee; outline:none;}
.srgc_inp2{ width:67px;}
.lm_inp{ width:90px; position:relative; z-index:8;}
.srgc_inp2{ width:64px;}
/*.gc_list,.lm_list{ width:90px; height:130px;min-height: 130px;max-height: 160px;height: 130px; background:#fff; position:absolute; left:0; top:26px; z-index:9; overflow:hidden;overflow-y: scroll;
overflow-x: hidden;}
.gc_list{ width:140px;}
.lm_list li,.gc_list li{ height:24px; line-height:24px; padding-left:10px; color:#777; width:110px; cursor:pointer; display:inline-block; overflow:hidden;}
.lm_list li{ width:70px;}
.lm_list li:hover,.gc_list li:hover{ color:#06c;}
.gc_inp .lm_list{ width:140px;}*/
.cx_sle{ position:relative;}
.cx_sle .inp_sel{width:80px; height:28px; padding:0 10px 0 10px; overflow:hidden; line-height:28px; background:#fff url(/images/gc_sel_bg.png) no-repeat right center;font-size: 12px;border:1px solid #eee;
cursor: pointer;
color: #666;}

.cx_sle .showbox{ display:none;}
.cx_sle .lm_list{ display:block;width:100px; height:100px;/*min-height: 130px;max-height: 160px;height: 130px;*/ background:#fff; position:absolute; left:0; top:26px; z-index:9; overflow:hidden;overflow-y: scroll;
overflow-x: hidden;border:1px solid #eee; border-top:0;}
.cx_sle .lm_list li{ height:24px; line-height:24px; padding-left:10px; color:#777; font-size:12px; width:90px; cursor:pointer; display:inline-block; overflow:hidden;}

.cx_sle .lm_list li:hover{ background:#eee;}

.rq_inp{ width:100px; background:#fff url(/images/rili_s.png) no-repeat right center;}
.riqi_inp{ width:72px; height:20px; margin:5px 0 0 6px; border:none;}
.dx{ float:left; color:#b6b6b6; margin:4px 6px;}
input.sous{ float:left; width:70px; height:28px; background:#f40; display:inline-block; border-radius:4px; border:none; color:#fff; cursor:pointer;}
input.sous:hover{ background:#f54201;}

.inp_gc {
    width:100px; height:28px; line-height:28px; margin:5px 0 0 6px; border:none;margin:0px; padding-left:10px; outline:none;
    box-sizing:border-box;
}
.gcul {width:100px !important;}
.mainbody {margin: 0 auto !important;margin-bottom: 0; margin-top: 9px !important;}
.hq_mt h3 a.active {
    color: #ff4400;
}

.hq_mt h3.ml20 {
    margin-left: 20px;
}

.gcbk {
    width: 80px;
    height: 38px;
    line-height: 38px;
    background-color: #FFFFFF;
    text-align: center;
    font-size: 14px;
    color: #F64302;
    display: block;
    /*positon: absolute;
        right: 216px;*/
}