.propaganda_row{ margin:20px 0;}
/*公共标题*/
.common_title{padding:15px 20px; line-height:24px;}
.common_title .title{font-size:18px; font-weight:bolder; margin-left:7px;}
.common_title .fa{font-size:24px; float:left}
.common_title a.more{ float:right; font-size:14px; margin-left:20px; padding:0 3px; border-bottom:2px solid #FFF;}

/*首页大图banner*/
.swiper-container .swiper-slide{background-repeat: no-repeat;background-position:center 0;}
.swiper-container .swiper-slide a{position: absolute;display: block;width: 100%;height: 100%;}
.swiper-container .swiper-pagination-bullet{background: rgba(221,221,221,0.5);width: 10px;height: 10px;border: 1px solid #333;}
.swiper-container .swiper-pagination-bullet-active{background: rgba(255,255,255,1);width: 10px;height: 10px;}
.swiper-container .swiper-button-next:hover b{opacity: 0.2;}
.swiper-container .swiper-button-prev:hover b{opacity: 0.2;}
.swiper-container .swiper-button-next{width: 50px;height:80px;margin-top: -40px;background: none;opacity: 0;transition: opacity 0.5s;}
.swiper-container .swiper-button-prev{width: 50px;height:80px;margin-top: -40px;background: none;opacity: 0;transition: opacity 0.5s;}
.swiper-container .swiper-button-next b{position: absolute;   display: block;  width: 50px;  height: 75px;  overflow: hidden;  background: #000;  opacity: 0.3;  filter: alpha(opacity=30);  cursor: pointer;}
.swiper-container .swiper-button-prev b{position: absolute;   display: block;  width: 50px;  height: 75px;  overflow: hidden;  background: #000;  opacity: 0.3;  filter: alpha(opacity=30);  cursor: pointer;}
.swiper-container .swiper-button-next span{left: 16px; background:  url('/Public/pc2/images/r.png') 0 0 no-repeat;display: block;position: relative;z-index: 2;width: 22px;height: 33px;top: 21px;cursor: pointer;}
.swiper-container .swiper-button-prev span{left: 16px; background:  url('/Public/pc2/images/l.png') 0 0 no-repeat;display: block;position: relative;z-index: 2;width: 22px;height: 33px;top: 21px;cursor: pointer;}

.banner_main{width: 100%;height: 450px;overflow:hidden;position:relative;min-width: 1200px;}
.banner_main:hover .hoverOpacity{opacity: 1}
.banner_main .wraps{position: absolute;z-index: 1;top: 0;left: 50%;width: 1200px;margin-left: -600px;background: red}
.banner_main .wraps .banner_right{position: absolute;right: 0;height: 100%;width: 248px;z-index: 5;top: 0;}
.banner_main .wraps .banner_right .my_login{height: 110px;overflow: hidden}
.banner_main .wraps .banner_right .my_login .login_left{width: 75px;float: left;text-align: center;padding-top: 25px;}
.banner_main .wraps .banner_right .my_login .login_left img{width: 60px;height: 60px;border-radius: 50%;border: 1px solid #ccc;}
.banner_main .wraps .banner_right .my_login .login_right{float: left;width: 173px;height: 100%;padding-top: 18px;}
.banner_main .wraps .banner_right .my_login .login_right .right_btn div{width: auto;display: inline-block;padding: 2px 20px;}
.banner_main .wraps .banner_right .my_login .my_login_right{padding-top: 10px;}
.banner_main .wraps .banner_right .my_core{height: 130px;overflow: hidden;padding:0 2.5px;}
.banner_main .wraps .banner_right .my_core .divbtn{float: left;width: 80px;background: #fff;border-right: 1px dotted #ccc;border-bottom: 1px dotted #ccc;height: 56px;cursor: pointer;text-align: center}
.banner_main .wraps .banner_right .my_core .divbtn .text{display: block;}
.banner_main .wraps .banner_right .my_core .divbtn a{width: 100%;height: 100%;display: inline-block;}
.banner_main .wraps .banner_right .my_core .divbtn:nth-of-type(3){border-right:none}
.banner_main .wraps .banner_right .my_core .divbtn:nth-of-type(6){border-right: none}

.banner_main .wraps .banner_right .new_Notice{height: 170px;overflow: hidden;}
.banner_main .wraps .banner_right .new_Notice .notice_title{height: 35px;width:248px;}
.banner_main .wraps .banner_right .new_Notice .notice_title .divt{float: left;position: relative}
.banner_main .wraps .banner_right .new_Notice .notice_title .divt li ul.notice_centent{position: absolute;display: none; width: 246px;height: 134px;left: -35px;padding: 0}
.banner_main .wraps .banner_right .new_Notice .notice_title .divt li ul.notice_centent li.noli{float: left;height: 26px;padding-top: 5px; width: 230px;}
.banner_main .wraps .banner_right .new_Notice .notice_title .divt li ul.notice_centent li.noli .title{text-align: left; float: left;width: 170px;overflow: hidden; padding-left: 10px;white-space: nowrap;text-overflow: ellipsis;}
.banner_main .wraps .banner_right .new_Notice .notice_title .divt li ul.notice_centent li.noli .time{float: right;width: 50px;}
.banner_main .wraps .banner_right .new_Notice .notice_title .title_left{width: 36px;height: 30px;padding-top: 10px}
.banner_main .wraps .banner_right .new_Notice .notice_title .title_left .icon_Quotation{width: 30px;height: 30px;background: url("/Public/pc2/images/index/icon_Quotation.jpg" ) 0 0 no-repeat;display: block;margin: 0 auto}
.banner_main .wraps .banner_right .new_Notice .notice_title .title_right{width: 212px;}
.banner_main .wraps .banner_right .new_Notice .notice_title .title_right .li{float: left;line-height: 35px;width: 70px;cursor: pointer; text-align: center;height: 33px;}





/*现货商城*/
.resources_main{padding-top: 20px;}
.resources_main .common_title{border-bottom: 1px solid #ddd;}
.resources_main .resources_centent{padding: 10px; height:314px; overflow:hidden;background:#ffffff}
.resources_main .resources_centent .steel_title{ border-bottom:1px solid #ddd; margin-bottom:15px;}
.resources_main .resources_centent .centent_list{ float:left; width:880px; height:280px;overflow: hidden;}
.resources_main .resources_centent .centent_list li{height: 128px;border: 1px solid #e6e6e6; background: #fff;width: 210px;float: left;margin: 0 10px 10px 0px;}
.resources_main .resources_centent .centent_list li:nth-of-type(4){margin-right: 0;}
.resources_main .resources_centent .centent_list li:nth-of-type(8){margin-right: 0}
.resources_main .resources_centent .centent_list li:hover{box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1);}
.resources_main .resources_centent .centent_list li .list_top{height: 98px;overflow: hidden;}
.resources_main .resources_centent .centent_list li .list_top div{line-height: 24px;}
.resources_main .resources_centent .centent_list li .list_top .align_top{height: 24px;}
.resources_main .resources_centent .centent_list li .list_top .align_top .product{width: 80px;display: block;float: left;}
.resources_main .resources_centent .centent_list li .list_top .align_top .price{width: 110px;display: block;float: right;text-align: right;padding-right: 10px;}
.resources_main .resources_centent .centent_list li .list_top .align_top{padding-left: 10px;padding-top: 15px}
.resources_main .resources_centent .centent_list li .list_top .align_center{padding-left: 10px;}
.resources_main .resources_centent .centent_list li .list_top .align_center span{margin-right: 10px;}
.resources_main .resources_centent .centent_list li .list_top .align_bottom{padding-left: 10px}
.resources_main .resources_centent .centent_list li .list_top .align_bottom span:first-child{display: block;float: left;}
.resources_main .resources_centent .centent_list li .list_top .align_bottom span:last-child{display: block;float: right; width: 72px;text-align: center}
.resources_main .resources_centent .centent_list li .list_bottom{background: #eff8ff;text-align: center;overflow: hidden;line-height: 30px;}
.resources_main .resources_centent .centent_list li .list_bottom span{padding: 8px 0}
.resources_main .resources_centent .steel_right{ float:right; width:310px;height:auto; background:#fff;}
.resources_main .resources_centent .steel_right .right_list{height: 203px;padding-top: 10px;padding-left: 20px;}

.resources_main .resources_centent .index_resource_col ul li{ float:left; width:80px; padding:0 2px; text-align:center; background:#edf9ff; line-height:32px; font-weight:bolder; height:32px;}
.resources_main .resources_centent .index_resource_col ul li:last-child{width:195px;}
.resources_main .resources_centent .index_resource_list{ height:277px; overflow:hidden}
.resources_main .resources_centent .index_resource_list .swiper-slide:nth-child(even) li{background:#f1f1f1;font-weight:normal}
.resources_main .resources_centent .index_resource_list .swiper-slide:nth-child(odd) li{background:#fff;font-weight:normal}

/*店铺推荐*/
.shopRecommend_main{background: url("/Public/pc2/images/index/shopRecommend.jpg") 0 0 no-repeat;height: 94px;}
.shopRecommend_main li a{width: 100%;height: 100%;display: inline-block;}
.shopRecommend_main li{float: left;margin: 12px 0px; background: #fff;margin-right: 5px;height: 70px;width: 207px}
.shopRecommend_main li:first-child{margin-left: 110px;}
.shopRecommend_main li:hover{box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1);cursor: pointer;}
.shopRecommend_main li .Rdleft{width: 40px;padding: 13px 5px;float: left;}
.shopRecommend_main li .Rdleft img{width: 38px;height: 38px;border-radius: 50px;border: 1px solid #ccc;}
.shopRecommend_main li .Rdright{float: left;height: 70px;padding-top: 10px;width: 157px;}
/*行情走势*/
.quotation_main{height: auto;/*margin-top: 20px;*/}
.quotation_main .common_title{border-bottom: 1px solid #ddd;}
.quotation_main .quotation_centent{width: 100%;height: 267px;display: flex;justify-content: space-between;flex-wrap: wrap}
.quotation_main .no_data{line-height: 200px;font-size: 20px;text-align: center;color: #ccc;}
.quotation_centent li.jishu{width: 297px;height: 116px;background: #fff; background-position: top right;background-repeat: no-repeat;padding-top: 10px;border: 1px solid #e6e6e6;position: relative;}
.quotation_centent li.oushu{width: 446px;height: 74px;background: #fff; background-position: top right;background-repeat: no-repeat;padding-top: 10px;border: 1px solid #e6e6e6;position: relative;border-top:none }
.quotation_centent li.jishu:nth-of-type(n+2){border-left:none}
.quotation_centent li.jishu:nth-of-type(4){border: 1px solid #e6e6e6;}
.quotation_centent li.oushu:nth-of-type(n+2){border-left:none}
.quotation_centent li.oushu:nth-of-type(odd){border: 1px solid #e6e6e6;border-top:none }
/*.quotation_centent li:nth-of-type(4){margin-right: 0}*/
/*.quotation_centent li:nth-of-type(8){margin-right: 0}*/
.quotation_centent li.allow:hover{box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1);cursor: pointer;}
.quotation_centent li.allow:hover .quo_details{display: block;}
.quotation_centent li .box_title{width:290px;height: auto;line-height: 30px;overflow: hidden}
.quotation_centent li .box_title .fl{width: 160px;}
.quotation_centent li .box_title .fr{width: 100px;}
.quotation_centent li .box_describe{width: 260px;}
.quotation_centent li .box_describe span{margin-right: 10px;}
.quotation_centent li .box_price .price_left{width: 80px;padding-left: 30px;}
.quotation_centent li .box_price .price_left .t_c{width: 100%;height: auto;overflow: hidden;}
.quotation_centent li .box_price .price_center{width: 96px;}
.quotation_centent li .box_price .price_center .t_c{width: 100%;display: block;}
.quotation_centent li .box_price .price_right{width: 82px;}

/*弹出详情数据图*/
.quotation_centent li .quo_details{display: none;position: absolute;width: 288px;height: 200px;background: #fff;border: 1px solid #1f89d3;z-index: 1;border-radius: 5px;left:273px;top:-5px;}
.quotation_centent li .quo_details::after{content: '';position: absolute;left: -8px;top: 20px;border-bottom: 8px solid transparent;border-top: 8px solid transparent;border-left: 0 none;border-right: 8px solid #1f89d3}
.quotation_centent li .quo_details::before{content: '';position: absolute;left: -6px;top: 20px;border-bottom: 8px solid transparent;border-top: 8px solid transparent;border-left: 0 none;border-right: 8px solid #fff;z-index: 1;}
.quotation_centent li .quo_details .details_Name{width: 286px;height: 30px;line-height: 30px;}
.quotation_centent li .quo_details .details_Name .name_left{width: 200px;float:left;}
.quotation_centent li .quo_details .details_Name .name_left span{margin-left: 10px;}
.quotation_centent li .quo_details .details_Name .name_right{width: 86px;float: left;text-align: center}
.quotation_centent li .quo_details .details_Chart{width: 287px;height: 165px;}
.quotation_centent li .quo_details .details_Chart div{margin: 0 auto;padding-top: 2.5%}

.quotation_centent li:nth-of-type(4) .quo_details{left: -270px;}
.quotation_centent li:nth-of-type(4) .quo_details::after{left: initial; right: -8px;border-right: 0 none;border-left: 8px solid #1f89d3}
.quotation_centent li:nth-of-type(4) .quo_details::before{left: initial; right: -6px;border-right: 0 none;border-left: 8px solid #fff}
.quotation_centent li:nth-of-type(8) .quo_details{left: -270px;}
.quotation_centent li:nth-of-type(8) .quo_details::after{left: initial; right: -8px;border-right: 0 none;border-left: 8px solid #1f89d3}
.quotation_centent li:nth-of-type(8) .quo_details::before{left: initial; right: -6px;border-right: 0 none;border-left: 8px solid #fff}

/*统计数据表*/
.chart_main{height: 270px;margin-top: 10px;}
.chart_main .common_title{border-bottom: 1px solid #ddd;}
.chart_main .chart_left{width: 455px;height: 100%; float: left;background: #fff;}
.chart_main .chart_left .chart_list{padding-left:20px;height: 200px;padding-top: 10px;}
.chart_main .chart_right{width: 715px;height: 100%; float: right;padding-left: 15px;position: relative;background: #fff;}
.chart_main .chart_right .chart_list{padding-left: 20px;padding-top: 10px;position: absolute;top: 0;width: 694px;height: 257px; }
.chart_main .chart_right .chart_list .noqh_chart{font-size: 28px;text-align: center;font-weight: bold;color: #c1c1c1; display: flex;justify-content:center;text-align: center;align-items: center;height: 100%;width: 100%;}

/*钢厂频道*/
.steel_main{background: #fff;padding-bottom: 10px}
.steel_main .steel_title{ border-bottom:1px solid #ddd; margin-bottom:15px;}
.steel_main .steel_left{ float:left; width:880px; height:300px; }
.steel_main .steel_right{ float:right; width:310px;height:297px; background:#fff;}
.steel_main .steel_right .right_list{height: 220px;}
.steel_main .steel_left .steel_list li{ float:left; width:198px;border:1px solid #e6e6e6;background: #fff; margin:0 10px; height:95px; text-align:center; padding:5px 0; margin-bottom:10px; position:relative}
.steel_main .steel_left .steel_list .total_weight{padding-top:5px; letter-spacing:3px;}
.steel_main .steel_left .steel_list li:hover{box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1); cursor:pointer}
.steel_main .steel_left .steel_list li span.hot{background:url('../images/icon.png') -332px -0px;display:inline-block;width:38px;height:34px; position:absolute; left:10px; top:0;}
.steel_main .steel_left .steel_list li span.recommend{background:url('../images/icon.png') -370px -0px;display:inline-block;width:38px;height:34px; position:absolute; left:10px; top:0;}
.steel_main .steel_left .steel_list li div.fontSize14{height: 23px;line-height: 23px;overflow: hidden;text-overflow: ellipsis;}


/*工程招标*/
.engineering_main .steel_title{ border-bottom:1px solid #ddd; margin-bottom:15px;}
.engineering_main .engineering_left{ float:left; width:880px; height:330px; background:#fff;}
.engineering_main .engineering_left .engineering_list li{border: 1px solid #ddd; float:left; width:240px; margin:0 10px; height:67px;padding:0px 0 5px 30px ;padding-top: 3px; margin-bottom:8px; position:relative;}
.engineering_main .engineering_left .engineering_list li:hover{box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1);}
.engineering_main .engineering_left .engineering_list li .box_company{ font-size:14px;}
.engineering_main .engineering_left .engineering_list li .company{color:#333;}
.engineering_main .engineering_left .engineering_list li .time{color:#aaa; margin-left:10px;}
.engineering_main .engineering_left .engineering_list li .box_contact span{margin-right:10px;}
.engineering_main .engineering_right{ float:right; width:310px;height:330px; background:#fff;}
.engineering_main .engineering_right .shop_content{ padding:0 20px; overflow:hidden; height:267px}
.engineering_main .engineering_right .shop_content img{width:270px; margin-bottom:10px;}

/*全产业链一站式服务*/
.whole_main{ margin-top:20px;}
.whole_main .whole_content li.wholeOne{ width:292px; float:left; height:380px;position: relative;cursor: pointer;overflow: hidden;margin-right: 10px}
.whole_main .whole_content li.wholeOne:last-child{margin-right: 0px;}
.whole_main .whole_content li.wholeOne:hover .whole_description{left: 0;}
.whole_main .whole_content li.wholeOne:hover .whole_title{left: 300px;}

.whole_main .whole_title{height: 180px;padding:200px 20px 0 0;text-align:right;position: absolute;width: 270px;left:0px;transition: left 1s;}
.whole_main .whole_title1{ font-size:40px; color:#fff; line-height:50px;}
.whole_main .whole_title2{ font-size:24px; color:#1f89d3; line-height:24px; padding-right:10px; border-right:5px solid #fff; margin-top:15px;text-shadow:1px 2px 5px #000 }
.whole_main .whole_title3{ font-size:16px; color:#fff; line-height:16px; padding:15px 10px 0 0; border-right:5px solid #fff;}
.whole_main .whole_arrow{ font-size:22px; color:#fff; float:right; width:30px; height:30px; border:2px solid #fff; border-radius:17px; text-align:center; line-height:28px; margin-top:10px}

.whole_main .whole_box1{background:url(../images/index/whole1.jpg) center no-repeat;}
.whole_main .whole_box2{background:url(../images/index/whole2.jpg) center no-repeat;}
.whole_main .whole_box3{background:url(../images/index/whole3.jpg) center no-repeat;}
.whole_main .whole_box4{background:url(../images/index/whole4.jpg) center no-repeat;}

.whole_main .whole_description{transition: left 1s;width: 252px; position: absolute;top: 0;left: -340px;background: rgba(0, 0, 0,0.5);height: 340px;cursor: pointer;color: #fff;padding: 20px}
.whole_main .whole_description .title{border-bottom: 2px solid #fff;width: auto;display: inline-block;padding: 10px 0px 10px 0;}
.whole_main .whole_description .content{line-height: 22px;padding-top: 10px;}
.whole_main .whole_description .btn_box{text-align: center;}
.whole_main .whole_description .btn_box div{display: inline-block;border-radius: 5px;padding: 3px 10px;}
.whole_main .whole_description .btn_box div:hover{background: #0477d2}

/*合作伙伴*/
.cooperation_main{background:#fff; margin-top:20px;margin-bottom: 50px}
.cooperation_main .coop_title{ border-bottom:1px solid #ddd;}
.cooperation_main .coop_content li{ float:left; width:198px;border: 1px solid #ddd;border-top: 1px solid #fff;border-right: 1px solid #FFF}
.cooperation_main .coop_content li:nth-of-type(6){border-right: 1px solid #ddd}
.cooperation_main .coop_content li:nth-of-type(12){border-right: 1px solid #ddd}
.cooperation_main .coop_content li img{ float:left; width:198px; height:85px}