@charset "utf-8";
/**
 * 不锈钢页面样式
 * 关联页面：卷板,管材,带材,型材,列表页，文章详细页
 * @author wangsy
*/
/*Reset样式 公共样式*/
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, textarea, th, ul { margin: 0; padding: 0 }
body, button, input, select, textarea { font: 14px Microsoft Yahei, arial; outline: none; }
body { margin: 0; font: 14px/22px Microsoft Yahei, arial; color: #333; background: #fff; word-wrap: break-word;word-break: break-all; outline: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
em, i{ font-style: normal }
small { font-size: 12px }
ol, ul { list-style: none }
a { color: #333; text-decoration: none; star:expression(this.onFocus=this.blur()); }
a:hover { color: #1d61b6; text-decoration: underline; }
a:link, a:visited, a:hover, a:active { outline: none; }
a:fous {outline:0;}
legend { color: #000 }
fieldset, img { border: 0 }
button, input, select, textarea { font-size: 100% }
img { -ms-interpolation-mode: bicubic }
textarea { resize: vertical }
button, label { cursor: pointer }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both }
.clearfix { zoom: 1 }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; width: 1px; visibility: hidden; overflow: hidden }
.red, a.red  { color: #e92737; }
a.red:hover { color: #e92737; text-decoration: underline; }
.green { color: #469b28; }
.blue { color: #1c60b7; font-size: 14px; }
.fl { float: left; }
.fr { float: right; }
.font12{ font-size:12px;}
.top14{ margin-top:14px;}
.btm14{margin-bottom:14px !important;}
.xiu{ font-family:\5B8B\4F53;}
.mr25{ margin-right:25px;}
.noM { margin: 0 !important; }
.noMtop{ margin-top:0 !important;}
.noBor { border: none !important; }
.hide{display: none;}
.show{display: block;}

/*------------头部--------------*/
.top-wrap { background: url(../images/topBg.png) repeat-x left top; width: 100%; min-width: 1190px; margin: 0 auto;border-bottom:1px solid #d0d0d0; }
.top { width: 1180px; color: #5E5E5E; height: 27px; margin: 0px auto; line-height: 27px; padding-left: 10px; clear: both; }
.top a { color: #656565; text-decoration: none; }
.top a.red { color: #ff0103; }
.top a:hover { color: #1d61b6; text-decoration: underline; }
.top span { float: right; padding-right: 10px; }
.top .phone { display: inline-block; position: relative; background: url(../images/phone_icon.png) no-repeat left 4px; padding-left: 16px; z-index: 999; }
.top .phone i.big-wx { display: block; position: absolute; width: 122px; height: 166px; background: url(//a.mysteelcdn.com/bxg/5.0/images/phone_wx.png?v=201703201923) no-repeat left top; z-index: 9999 !important; overflow: hidden; left: -25px; top: 27px; }
.top .phone i.big-wx { display: none; }
.top form { margin-top: 0!important; margin-top: 2px; }
.top .hotline { float: right; }
.top form input { color: #333; vertical-align: middle; }
.top form a img { vertical-align: middle; }
.top .hotline font { font-family: Verdana; }
.header { width: 1190px; margin: 0 auto 13px; overflow: hidden; _zoom: 1; }
.header .logoBox { width: 240px; padding-top:15px; float: left; overflow:hidden;_zoom:1;}
.header .logoBox .logoIco { display: block; background: url(../images/logo.jpg?v=01) no-repeat 0 0; height: 61px; width: 105px; float:left; overflow: hidden; }
.header .logoBox .logoName{ width:125px; display:block; padding-top:28px; height:33px; overflow:hidden; font-size:24px; color:#222; float:right;}
.header .logoBox .logoName:hover{ text-decoration:none;}
.header .rightNav{ width:944px; float:right; padding-top:15px;}
.header .rightNav dt{ height:24px; line-height:24px; overflow:hidden; display: none;}
.header .rightNav dt a{ color:#666;}
.header .rightNav dt a:hover { color: #1d61b6; }
.header .rightNav dt .line{ margin:0 8.4px; color: #d3d3d3; }
.header .rightNav dd{ height:60px; overflow:hidden; zoom:1;}
.header .rightNav dd .adv{ height: 60px; overflow: hidden; float: left; margin-right: 2px;}

/*------------主体导航--------------*/
.mNav a.btn,.mNav a.btn:hover,.slideListItems a,.btnon,.title,.middle .newsList li,.rightBar .newsCon li,.rightBar .newsCon1 li,.rightBar1 .newsCon1 li,.leftBar .newsCon1 li,.articleList li,.hot-article h5 i,.relatedBox .related-infor li,.hotNav a i{ background: url(../images/common_icon.png?v=20160801) no-repeat 0 0; _background: url(../images/common_icon.gif?v=20160801) no-repeat 0 0; }
.mNav { width: 1170px; padding-left:20px; margin: 0 auto; z-index:99; left:50%; margin-left:-595px; background: #2c6ec2; position: relative; overflow: hidden; _zoom: 1; height: 40px; }
.mNav a { display: block; float: left; width: 80px; height: 40px; line-height: 40px; margin-right:8px; overflow: hidden; color: #fff; text-align: center; font-size: 16px; }
.mNav a:hover { background:#1758ab; color: #fff; text-decoration: none; }
.mNav .line{ float:left; margin:12px 8px 0 0; width:1px; height:17px; color:#9dbee8; background:#9dbee8;overflow:hidden; }
.mNav a.btn { background:#ff8e2a; position: absolute; right: 10px; top: 6px; font-size:14px; width:125px; height: 28px; line-height: 28px; border: none; border-radius:3px; }
.mNav a.btn:hover { background:#fd9941; text-decoration: none; }
.subMenu{ width:1188px; margin:0 auto; border:1px solid #c0d2e9; background:#f5f9fe; height:32px; line-height:32px;color: #d3d3d3;}
.subMenu a{ margin:0 12px;}
.m-adv{ width: 1190px; margin: 14px auto 0; overflow: hidden;_zoom:1;}
.m-adv li{ display:block; float: left; margin-right:2px; background:#f5f9fe;max-height:70px; overflow: hidden;}
.location{width: 1180px; padding:0 5px; margin:0 auto; height:38px; line-height:38px; overflow:hidden; color:#666;}
.location a{ color:#666;}
.location a:hover{ color:#1d61b6;}
.location span{ color:#e92737;}

/*--------主体内容样式 ---------*/
.wrap{ width:1190px; margin:14px auto 0; overflow:hidden;_zoom:1;}
/*--------左侧栏目样式 ---------*/
.leftBar{ width:260px; float:left; margin-right:15px;}
.leftBar.leftBor{ width:258px; border:1px solid #dadada;}
.leftBar .lAdvBox li,.leftBar .lAdvBox div { height: 75px; overflow: hidden; margin-bottom: 10px;background:#f5f9fe;}

/* 左侧焦点图片 */
.focusImg{width: 260px;height: 245px;overflow: hidden;position: relative; z-index: 1;}
.focusImg .slidePic li{position: relative;z-index: 1;}
.focusImg .slidePic li img{display: block; width: 260px; height: 245px;}
.focusImg .slidePic li .bg{background:#000;filter:alpha(opacity=50);opacity:.5;position: absolute;width: 100%;height: 26px;z-index: 2;bottom: 24px;}
.focusImg .slidePic li p{position: absolute; width: 100%;height: 26px;line-height: 26px;text-align: center;z-index: 3;bottom: 24px; color: #fff;font-size: 12px;overflow: hidden;}
.focusImg .hd{overflow:hidden;zoom:1;position:absolute;bottom:0;right:0;z-index:3;background: #000;width: 100%;text-align: center;height: 24px;}
.focusImg .hd li{display: inline-block;text-align:center;width:8px;height:8px;border-radius: 50%;cursor:pointer;overflow:hidden;background:#85878c;margin-right:8px;}
.focusImg .hd li.on{background: #4879cc;}

/*--------中间栏目样式 ---------*/
.middle{ width:638px; float:left; border:1px solid #dadada; position: relative; z-index: 5;}
.btnon{background-position: -5px -380px; color:#0751b0; font-weight:bold;}
.middle h3,.rightBar h3,.middle h4,.rightBar h4,.rightBar1 h4,.leftBar h4{ height:39px;border-bottom:2px solid #d1d1d1; background:#f2f2f2; position:relative;}
.middle h3 a,.middle h4 a,.rightBar h3 a{ display:block; width:86px; height:39px; line-height:39px; font-size:104%; overflow:hidden; position:relative; bottom:-2px;text-align:center;float:left;}
.middle h3 a:hover,.rightBar h3 a:hover{ background-position: -5px -380px; text-decoration:none;}
.middle h4 .title,.rightBar h4 .title,.rightBar1 h4 .title,.leftBar h4 .title{background-position: 9px -343px; height:39px; line-height:39px;display:block; padding-left:22px; font-size:16px; font-weight:bold; float:left; }
.middle h4 .title a,.rightBar h4 .title a,.leftBar h4 .title a{width:auto; position:static; font-size:100%;}
.middle h4 .title a:hover{ text-decoration:underline;}
.middle h4 a{ text-decoration:none;}
.middle h4 .cityName{ display:block; float:right;}
.middle h4 .cityName.f-l{float: left;}
.middle h4 .cityName a{ display:block; width:48px; height:39px; line-height:39px; text-align:center; position:relative; bottom:-2px; float:left;}
.middle h4 .cityName .btnon{background-position: -23px -380px;}
.middle .inforBox,.middle .newsBox{overflow:hidden;_zoom:1;display: none;}
.middle .inforBox{ padding:6px 15px; height:240px;}
.middle .inforBox.show,.middle .newsBox.show{display: block;}
.middle .newsBox{padding:8px 15px; height:271px;}
.middle .newsList{ width:290px;}
.middle .newsList li,.rightBar .newsCon li,.rightBar .newsCon1 li,.rightBar1 .newsCon1 li,.leftBar .newsCon1 li,.articleList li,.relatedBox .related-infor li{ height:30px; line-height:30px;background-position: 0 -120px; padding-left: 10px; overflow:hidden;}
.middle .newsList li span,.rightBar .newsCon li span,.rightBar .newsCon1 li span,.rightBar1 .newsCon1 li span,.leftBar .newsCon1 li span,.articleList li span,.relatedBox .related-infor li span{ float:right; color:#666;}

/*--------右侧栏目样式 ---------*/
.rightBar{ width:258px; border:1px solid #dadada; float:right;background:#fff; }
.rightBar .newsCon{ padding:6px 12px; height:240px; overflow:hidden; display: none;}
.rightBar .newsCon.show{display: block;}
.rightBar .newsCon1,.rightBar1 .newsCon1,.leftBar .newsCon1{padding:8px 12px; height:271px;overflow:hidden;}
.rightBar.noBor{ border:none; width:260px;}
.rightBar .rAdvBox div,.rightBar1 .rAdvBox div{ height: 75px; overflow: hidden; margin-bottom: 10px;background:#f5f9fe;}


/*--------列表页样式 ---------*/
.header .listLogo{width: 136px; float: left;}
.header .listLogo .bxgLogo{display: block; background: url(../images/logo1.jpg) no-repeat 0 0; height: 80px; width: 130px; margin-top: 10px; overflow: hidden;}
.header .rightNav.w1025{ width:1025px;}
.header .rightNav.w1025 dt .line{ margin:0 10.5px;}
.leftCon,.rightCon{ border:1px solid #dadada; margin-top:14px;}
.rightBar .scroll-fixed{ position:relative; background:#fff; z-index:97; width:260px;}
.rightBar .scroll-fixed.fixed{ position:fixed; top:27px;}
.rightCon .breedList{ padding:0 10px; width:238px;}
.rightCon .breedList dl{ border-bottom:1px dashed #dadada; padding:8px 0 10px;}
.rightCon .breedList dl dt,.rightCon .breedList dl dt a{ color:#1d61b6;}
.rightCon .breedList dd{ font-size:12px;}
.rightCon .breedList dd a{margin-right:6px;margin-right:4px \9;}
.articleList{ padding:15px 18px;}
.articleList li.dashed{border-bottom:1px dashed #dadada; background:none; height:1px; margin:12px 0; font-size:0;overflow:hidden;}

/*--------文章详细页样式---------*/
.main{ width:828px;  float:left; }
.articleBox{background:url(//a.mysteelcdn.com/watermark/mark_mysteel.png) 0 0 #fff;  padding:30px 22px 12px; border:1px solid #dadada;}
.shareBox{padding:20px 0 20px 130px;}
.artile-title{ font-size:24px; padding:0 15px; line-height:30px; text-align:center;}
.infor{ text-align:center; color:#666; padding:18px 0 12px; font-size:12px; border-bottom:1px dashed #dadada;}
.infor .red{ margin-left:10px;}
.content{ font-size:16px; line-height:30px; padding-top:20px;}
.summary{ border:1px solid #dadada; padding:15px; font-size:14px; color:#666;}
.content table{width: 100%!important; border-collapse: collapse; border:0;}
.content table th,.content table td{ margin: 0; padding: 0; border:1px solid #ccc;height:26px; line-height:26px; font-size:14px; text-align: center;}
.content .market-table th{ background:#F5F5F5;}
.content .market-table tbody td
.content .market-table tbody td span{ display:block;height:26px;}
.content .market-table tbody tr:hover{ background:#FFFDD7;}
.content .noteInfor{ font-size:14px; margin-top:15px; text-indent:0;}
.content p{ margin-bottom:20px; text-indent:2em;}
.articleBox .editorBox{margin: 10px 0; text-indent: 0;}
.articleBox .copyright{font-size: 12px; color: #666; text-indent: 0;}
.statement{ margin:50px 0; line-height:24px;}
.statement img{ margin-top:10px;}
.printBtn{ text-align:right; margin-bottom:15px;}
.hot-article{ border-top:1px dashed #dadada; padding:15px 0 5px;}
.hot-article h5{ position:relative; color:#ec3434; font-size:16px; height:20px; line-height:18px; overflow:hidden;}
.hot-article h5 i{ display:inline-block; float:left; position:relative;  margin-right:5px; background-position:-78px -452px; width:17px; height:18px;}
.hot-article ul{ padding-top:10px;}
.hot-article ul li{ height:28px; line-height:28px; overflow:hidden;}
.relatedBox .tit,.relatedBox h5{ position:relative; font-size:16px; color:#0751b0; border-bottom:2px solid #dadada;}
.relatedBox .tit span,.relatedBox h5 span{ display:block; position:relative; border-bottom:2px solid #0751b0; height:42px; line-height:42px; overflow:hidden;}
.relatedBox .tit .titleLine,.relatedBox h5 .titleLine{ width:80px; text-align:center; bottom:-2px;}
.relatedBox .tit .titleLine1,.relatedBox h5 .titleLine1{ width:160px; text-align:center; bottom:-2px;}
.relatedBox .related-infor{ padding:12px 17px; border:1px solid #dadada; border-top:none;}
.relatedBox .resource-search{ padding:20px 17px 10px;}
.relatedBox .resource-search,.relatedBox .hotBreed,.relatedBox .hotCity{ border-left:1px solid #dadada;border-right:1px solid #dadada;}
.relatedBox .resource-search .inputBor{ border:1px solid #dadada; padding:0 10px; height:32px; line-height:32px; width:385px; color:#999;vertical-align:middle;}
.relatedBox .resource-search .res-searchBtn{ cursor:pointer; border:1px solid #dadada; background:url(../images/search_btnBg.jpg) repeat-x 0 0; color:#333; width:148px; height:32px; line-height:32px; text-align:center; vertical-align:middle; overflow:hidden;}
.relatedBox .resource-search .red{ margin-top:8px; color:#fb2d2d;}
.relatedBox .hotBreed,.relatedBox .hotCity{ padding:0 17px;}
.relatedBox .hotBreed dt,.relatedBox .hotCity dt{ color:#0751b0; font-weight:bold; height:30px; line-height:30px; border-bottom:1px dashed #dadada;}
.relatedBox .hotBreed dd,.relatedBox .hotCity dd{ overflow:hidden;_zoom:1; padding:5px 0;}
.relatedBox .hotBreed dd a,.relatedBox .hotCity dd a{ display:block; float:left; height:28px; line-height:28px; overflow:hidden; }
.relatedBox .hotBreed dd a{width:80px; margin-right:19px;}
.relatedBox .hotCity{ border-bottom:1px solid #dadada; padding-bottom:8px;}
.relatedBox .hotCity a{ position:relative; margin-right:16px;}
.rightBar1{ width:348px; float:right;}
.rightBar1 .rightCon .breedList{ padding:0 10px; width:326px;}
.rightBar1 .rightCon.hotNav-fixed{ background:#fff; width:346px; z-index: 999;}
.hotNav{ padding:15px 5px 5px 15px; font-size:12px; position:relative;}
.hotNav li{ position:relative; height:32px; margin-bottom:10px; overflow:hidden; }
.hotNav a{ position:relative; display:block; float:left; vertical-align:middle;height:30px; line-height:30px; overflow:hidden; padding:0 8px; margin-right:10px;background:#f4f8fd; border:1px solid #bfccdd;transition:all .3s; }
.hotNav a i{ display:inline-block; float:left; position:relative; top:13px;width:5px; height:5px; margin-right:3px; background-position:-90px -476px; overflow:hidden;}
.hotNav a:hover{ color:#fff; background:#2c6ec2;border:1px solid #2c6ec2; transition:all .3s; text-decoration:none;}
.hotNav a:hover i{background-position:-90px -483px;}
.leftBar .hotNav{padding:13px 5px 5px 13px;}
.leftBar .hotNav a{ margin-right:5px;}
.summaryLeft{width:348px; float:left;}
.summaryRight{width:828px; float:right;}
/*--------详细页广告位---------*/
.location .naverAd{ float:right; height:34px; padding:2px 0 2px 30px; overflow:hidden;}
.articleBox .article-ad{ float:left; margin-right:5px;}
.articleBox .related-ad{ margin-top:10px;}
.articleBox .related-ad .adv{ max-height: 70px; overflow: hidden; float: left; margin-right: 2px;}


/*----筛选框----*/
.select_box{ width:70px;font-size:12px;font-family:Arial, Helvetica, sans-serif; margin-bottom:1px; position:relative; background-color:#FFF; text-align:left;}
.open_select_box{color:#444;border:solid 1px #CCC; display:block;width:60px; padding-left:10px; height:20px;line-height:22px; overflow:hidden; cursor:pointer;background:url(../images/select_down_icon.png?v=01) no-repeat 54px center;}
.select_list{padding:0;border:solid 1px #CCC;float:left;width:80px;margin:0;border-top:none;display:none;box-shadow:0 0 4px rgba(0, 0, 0, 0.1); background:#FFF; position:absolute;}
.select_list li{ height:26px;line-height:26px;cursor:pointer;list-style-type:none; padding:0 4px; margin:0; overflow:hidden;}
.select_list li input{ vertical-align:middle; margin:4px 2px 3px 0;}
.s_bg{background:#f7f7f7;}


/*--------列表页码样式 ---------*/
.page { padding-bottom:25px;text-align:center; font-size:13px;}
.page a,.page span.disabled{ border:1px solid #b0cef6; padding:3px 8px;color: #0751b0; margin-right: 6px;}
.page a:hover {	color: #fff; background:#3474c7;text-decoration:none}
.page span.current { border:1px solid #3474c7; padding: 3px 8px; color:#fff; margin-right: 6px;  background: #3474c7;}

/*-----------尾部搜索------------*/
.searchBar, .searchBar .searchMenu li.curon, .searchBar #searchInput .sText, .searchBar #searchInput .submit { background: url(../images/searchbar.png?v=01) no-repeat 0 0; }
.searchBar { background-position: 0 0; width: 870px; margin: 0 auto 30px; padding: 10px 0 11px 320px; height: 63px; overflow: hidden; _zoom: 1; }
.searchBar .searchMenu { overflow: hidden; _zoom: 1; margin-bottom: 3px; }
.searchBar .searchMenu li { width: 40px; height: 18px; line-height: 18px; font-size:12px; padding-bottom: 4px; *padding:2px 0 4px 2px;*width:38px;*height:16px;*line-height:16px;overflow: hidden; text-align: center; float: left; margin-right: 5px; color: #fff; cursor: pointer; }
.searchBar .searchMenu li.curon { background-position: -413px -103px; color: #2a62b5; }
.searchBar #searchInput { width: 500px; overflow: hidden; _zoom: 1; }
.searchBar #searchInput .sText { background-position: 0 -87px; width: 387px; border: none; padding: 8px; height: 22px; overflow: hidden; color: #6690c6; font-size: 14px; float: left; }
.searchBar #searchInput .submit { background-position: -464px -87px; border: none; width: 90px; height: 38px; cursor: pointer; overflow: hidden; float: right; }
.searchBar #searchInput .submit:hover { background-position: -555px -87px; }

/*-----------页面尾部------------*/
.footLine{border-bottom:1px solid #C4DFE8;width:1190px;margin:0 auto;margin-top:10px;}
.footLine1{border-top:2px solid #dadada;}
.btmBox{ width:1190px; margin:0 auto; margin-top:28px;}
.footer {width: 1190px; margin: 0 auto; font-size:12px; background: #fff; text-align: center; color: #555; padding: 15px 0; border-top: 2px solid #dadada; }
.footer a { color: #555; }
.footer a:hover { color: #1d61b6; }

/*-----------右侧在线浮动------------*/
.float-r { position: fixed; z-index: 99 ;right: 0; bottom: 200px }
.float-r ul { height: 163px }
.float-r li { width: 40px; height: 30px; cursor: pointer; position: relative; background: #949494; z-index: 9; overflow: hidden; border-top: 1px solid #fff; padding-top: 10px }
.float-r li:hover { background: #494949; overflow: inherit }
.float-r li span { display: block; width: 20px; height: 20px; margin: 0 auto;background: url(../images/float_r_icon.png) no-repeat 0 0;}
.float-r li .icon1 { background-position:0 0;}
.float-r li .icon2 { background-position:-24px 0;}
.float-r li .icon3 { background-position:-48px 0;}
.float-r li .animat, .float-r li .icon1ct{ position: absolute; top: 0; z-index: 10; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; -moz-transition: all ease-in .3s; -ms-transition: all ease-in .3s; transition: all ease-in .3s }
.float-r li .animat { left: -110px }
.float-r li .icon1ct{*zoom:1; left: -170px;  border:1px solid #dedede;}
.float-r .icon1ct .icon1ct-z{ background: #fff; width: 140px; float: left; display: inline; padding-bottom: 15px }
.float-r li:hover .animat { opacity: 1; left: -79px }
.float-r li:hover .icon1ct { opacity: 1; left: -142px }
.float-r li b { display: block; float: left; display: inline; background: #2c6ec2; min-width: 79px; width: auto; height: 40px; font-weight: normal; color: #fff; font-size: 12px; line-height: 40px; text-align: center }
.float-r li strong { display: block; float: left; display: inline; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; margin-top: 13px; position:absolute;}
.float-r li .borderys1 { border-left: 5px solid #fff }
.float-r li .borderys2 { border-left: 5px solid #2c6ec2 }
.float-r li.li3 { display: none; }
.float-r img { display: block; margin: 15px auto 3px }
.float-r p { text-align: center; font-size: 12px; color: #007de4; line-height:20px;}
/*导航*/
.nav-box {
    width:1190px;
    margin:0 auto;
    background:#2c6ec2;
    height:40px;
    position:relative;
    z-index:15;
}
.nav-box li {
    font-size:16px;
    float:left;
    width: 112px;
    box-sizing: border-box;
    padding:0 13px;
    padding-right: 0;
    height:40px;
    line-height:40px;
    position:relative;
    z-index:1;
    text-align:center
}
.nav-box li:hover,.nav-box li.cur{
    background:#1758ab
}
.nav-box li a {
    display:inline-block;
    margin-right: 13px;
    color:#fff;
    position:relative;
    z-index:1
}
.nav-box li .line_white {
    float: right;
    margin: 12px 0 0 0;
    width: 1px;
    height: 17px;
    color: #9dbee8;
    background: #9dbee8;
    overflow: hidden;
}
.nav-box li a:hover {
    text-decoration:none
}
.nav-box li i {
    display:inline-block;
    width:8px;
    height:5px;
    padding-left:5px;
    position:relative;
    z-index:2;
    top:-2px;
    *top:-7px;
    overflow:hidden;
    background:url(//a.mysteelcdn.com/common/tks/images/icon.png) no-repeat 5px 0;
    transition:all .3s
}
.nav-box li i:hover,.nav-box li i.arrow-up {
    background-position:5px -8px;
    transform:rotate(360deg);
    transition:all .3s
}
.nav-box li .two-sub {
    width:99%;
    *width:98%;
    position:absolute;
    z-index:3;
    background:#fff;
    border:1px solid #1758ac;
    font-size:14px;
    left:0;
    top:39px;
    display:none
}
.nav-box li .two-sub a {
    height:34px;
    line-height:34px;
    color:#333;
    position:relative;
    z-index:1;
    display:block;
    margin-right: 0;
}
.nav-box li .two-sub a:hover {
    background:#eaf2ff;
    color:#1c60b3
}
.nav-box li .two-sub li {
    background:none;
    font-size:14px;
    float:none;
    padding:0
}
.nav-box li .two-sub li:hover {
    background:#eaf2ff;
    color:#1c60b3
}
.nav-box li .two-sub li .three-sub {
    background:#fff;
    border:1px solid #1758ac;
    position:absolute;
    width:110px;
    left:117px;
    top:-1px;
    display:none
}
.nav-box li.sub-nav-first {
    /*width:112px;*/
    /*padding:0*/
}
.nav-box.navFixed {
    position:fixed;
    z-index:999;
    top:0;
    left:50%;
    margin-left:-595px
}

 /* 底部相关品种和栏目介绍 ---刘龙龙 */
 .wrap{
    width: 1190px;
    margin:  auto;
    margin-top: 14px;
}
.pBtm60{padding-bottom: 60px;}
.wrap .column-intro{
    width: auto;
    margin: 0 auto;
    border: 1px solid #f2f2f2;
    padding: 8px 0;
    overflow: hidden;
    zoom: 1;
}
.wrap .column-intro-item {
    padding: 0 10px;
}
.wrap .column-intro-item p {
    margin: 5px 0;
}
.wrap .column-intro-item-title {
    color: #666;
    font-size: 16px;
}
.wrap .column-intro .column-intro-text {
    color: #999;
    font-size: 14px;
}
.wrap .column-intro-item.border {
    margin-top: 10px;
    padding-top: 5px;
    border-top: 1px solid #f2f2f2;
}
.wrap .column-intro p a {
    border-right: 1px solid #c9cfdd;
    display: inline-block;
    font-size: 14px;
    line-height: 13px;
    padding-right: 10px;
    margin: 10px 5px 0 0;
    color: #999;
    outline: none;
}
.wrap .column-intro p a.no-border{border: none;}
.wrap .column-intro p span{
    font-size: 14px;
    color: #999;
}