/*首页导航与版权样式*/
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,dl,dt,dd{margin:0; padding:0;}
dl,dt,dd,ol,ul,li {margin: 0px; padding: 0px; list-style: none;}
* { margin: 0;  padding: 0;  border: none; outline: none; line-height: inherit;}
img{border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;display:inline-block;margin:0;padding:0;vertical-align:middle;}
body{font-size:14px;margin:0 auto; color:#222; font-family:'microsoft yahei';}
.clear{clear: both; height:0px; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
a{text-decoration: none; color:#000;}

.page{ width:1200px; margin:0 auto; height:auto; min-width:1200px;}


/*顶部*/
#top_gd{position: sticky;top: 0px; border-bottom:1px solid #f1f1f1; z-index: 99999;}
#tops{ width:100%; overflow:hidden; background:#016aac; height:38px;}
.top_ab{ font-size:14px; line-height:38px; width:300px; color:#fff;}
.top_lx fl{ width:400px;}
.top_lx_dh{ width:150px;margin-left:150px;}
.top_lx_dh i{ display:inline-block; margin-top:12px;}
.top_lx_dh img{ }
.top_lx_dh{ color:#fff; font-size:14px; font-weight:bold;}
.top_lx_dh span{ display:inline-block; line-height:38px; font-size:15px; font-weight:bold;font-family: 'Microsoft YaHei';}
.top_lx_yx{ width:165px; margin-left:30px;}
.top_lx_yx i{ display:inline-block; margin-top:12px;}
.top_lx_yx img{ }
.top_lx_yx{ color:#fff; font-size:14px; font-weight:bold;}
.top_lx_yx span{ display:inline-block; line-height:38px; font-size:15px; font-weight:bold;font-family: 'Microsoft YaHei';}
.top_qh p{ overflow:hidden; margin:10px 0; }
.top_qh p a{color:#fff;}


#top{ width:100%; height:115px; background:#ffffff;}
.top-logo{ margin-top:10px;}
.top-logo img{ width:90px;}
.top-gg{ font-size:16px; color:#333;  margin-top:25px;}
.top-gg span{ font-size:32px; font-weight:bold;}
.top-lx{ font-size:18px; margin-top:20px; width:25%;}
.top-lx p{ margin:5px 0px;overflow: hidden;  }
.top-lx p a{font-size:12px;}
.top-lx p img{ margin-right: 6px; }
.top-lx .fl{ margin-left: 5px; }
.top_r{ width:130px;}
.top_ift i{ display:block; position:relative;}
.top_ift i::after{ content:''; width:16px; height:16px; position:absolute;transition:0.1s all ease-in-out;}
.top_ift .top_in::after{ background:url(https://www.ulsteel.com/wp-content/uploads/2021/07/ift.png) no-repeat 0 -3px; top:10px;}
.top_ift .top_fb::after{ background:url(https://www.ulsteel.com/wp-content/uploads/2021/07/ift.png) no-repeat -24px -3px; top:10px; left:30px;}
.top_ift .top_tw::after{ background:url(https://www.ulsteel.com/wp-content/uploads/2021/07/ift.png) no-repeat -48px -4px; top:10px; left:60px;}
.top_ift a:hover .top_in::after{background-position:0 -23px;}
.top_ift a:hover .top_fb::after{background-position:-24px -23px;}
.top_ift a:hover .top_tw::after{background-position:-48px -24px;}
.top_cn{ width:26px; height:26px; background:#004988;border-radius:4px; margin-top:5px; }
.top_cn a{ display:block;font-size:14px; font-weight:bold; color:#fff; line-height:26px; text-align:center;transition:0.5s;border-radius:4px; }
.top_cn a:hover{ background:#033d6f;}
.top_ift{ }
.top_ift i{ display:block; position:relative;}
.top_ift i::after{ content:''; width:16px; height:16px; position:absolute;transition:0.1s all ease-in-out;}
.top_ift .top_in::after{ background:url(https://www.ulsteel.com/wp-content/uploads/2021/07/ift.png) no-repeat 0 -3px; top:10px;}
.top_ift .top_fb::after{ background:url(https://www.ulsteel.com/wp-content/uploads/2021/07/ift.png) no-repeat -24px -3px; top:10px; left:30px;}
.top_ift .top_tw::after{ background:url(https://www.ulsteel.com/wp-content/uploads/2021/07/ift.png) no-repeat -48px -4px; top:10px; left:60px;}
.top_ift a:hover .top_in::after{background-position:0 -23px;}
.top_ift a:hover .top_fb::after{background-position:-24px -23px;}
.top_ift a:hover .top_tw::after{background-position:-48px -24px;}
.top_cn{ width:26px; height:26px; background:#004988;border-radius:4px; margin-top:6px; }
.top_cn a{ display:block;font-size:14px; font-weight:bold; color:#fff; line-height:26px; text-align:center;transition:0.5s;border-radius:4px; }
.top_cn a:hover{ background:#033d6f;}

/*导航*/
#nav{ width: 100%;  height: 72px; background:#fff; border-top: 1px solid #ededed; border-bottom:1px solid #ededed; position: sticky;top: 0px; z-index: 99999;}

.nav_jd{ position:relative; }
.nav > ul > li{ float:left; font-size:18px; line-height:115px; width:130px; color:#333;border-right: 1px solid #ededed;}
.nav >ul> li:last-of-type{ border-right: 0px; }
.NavCeshi > li > a { display: block; text-align: center; font-size: 20px; line-height: 115px; color: #333; transition: 0.2s all ease-in-out; height: 115px; position: relative; z-index: 1113; }
/*.NavCeshi > li > a:after,.NavCeshi > li > a::after{ content: ''; width: 0%; height: 3px; background: #3399ff; display: block; position: absolute; left: 0; bottom: -3px; transition:0.3s all ease-in-out; z-index:999;}
.NavCeshi > li.navcurrent > a:after,.NavCeshi > li.navcurrent > a::after,.NavCeshi > li:hover > a:after,.NavCeshi > li:hover > a::after{ width: 100%; }*/
.NavCeshi > li > .mo-jt::after{ content:'';border-top:4px dashed;border-right:5px solid transparent;border-left:5px solid transparent; position: absolute; top: 54px;right: 54px; display:none;  }
.NavCeshi > li.navcurrent > a, .NavCeshi > li:hover > a { font-weight:bold; background:#f9f9f9; color:#016aac; }
.erji_menu {  width: 100%; position: absolute; left: 0; background: rgba(1,106,172,0.8); z-index: 99; top:115px; margin:0 auto; height:390px; display:none;border-top:4px solid #c4c014;}
.nav-ab{ width:100%;overflow:hidden;}
.nav-ab-bt{  width:15%; height:390px;background: rgba(59,91,153,0.8); color:#e31b1b; line-height:30px;}
.nav-ab-bt i{ display:block; width:28px; height:4px; background:#fff; margin-bottom:20px; margin-left: 40px; margin-top: 100px;}
.nav-ab-bt span{display: block;font-size:24px; font-weight:bold; color:#fff; margin-left: 40px; margin-top: 30px;}
.nav-ab-bt a{ display:block; padding:5px; border:1px solid #fff; margin-top:20px; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:30px; width:120px; text-align:center; font-weight:normal; color:#fff;  margin-left: 40px;}
.nav-ab-bt a:hover{ background:#016aac; color:#fff;border:1px solid #016aac;}
.nav-ab-nr{width:85%;}
.nav-ab-nr li{ line-height:30px; float:left; width:200px; background:none; margin-top: 50px; margin-left: 40px;}
.nav-ab-nr li:last-of-type{ margin-right:0px;}
.nav-ab-nr li a{font-size:18px; color:#fff; font-weight: bold;}
.nav-fl-nr{ margin-bottom:10px; margin-top: 20px; margin-left: 12px;}
.nav-fl-nr span{ display:block;  border-bottom:1px dotted #fff; line-height:30px; margin-bottom:5px;}
.nav-fl-nr span a{color:#fff; font-size:15px; font-weight:bold;}
.nav-fl-nr i img{ width:25px; float:left; margin-right:10px;}
.nav-fl-nr li{ color:#fff; font-size:14px; line-height:25px; margin-top:4px;}

.nav-gc{ width:100%; overflow:hidden;}

.nav-fl-b{ width:200px;}
.nav-fl-b p{ float:left; width:160px;}
.nav-fl-nr a{color:#fff; font-size:14px;display:block; padding-right:5px;}
.nav-fl-nr a:hover{ background:#f9f9f9; color:#016aac;}
.right{ margin-right:10px;}
.rights{ margin-right:35px;}
.top30{ margin-top:30px;}
.wid{width:180px;}

.nav_level{display:flex;padding:20px 10px; height:390px; box-sizing:border-box;}
.nav_level_a{ border-right:1px dashed #fff; padding:0 30px;}
.nav_level_bt{ position:relative;line-height:30px;}
.nav_level_bt a::after{ content:''; width:28px; height:3px; background:#c4c014; position:absolute; left:0; top:40px;}
.nav_level_bt a{ font-size:18px; color:#fff; line-height:30px;}
.nav_level_nr{ margin-top:28px;}
.nav_level_nr a{ display:block; line-height:30px; color:#fff; padding:0 10px; font-size:14px;}
.nav_level_nr a:hover{ background:#255c93;}
.nav_level_b{ border-right:1px dashed #fff; padding:0 30px;}
.nav_level_c{ border-right:1px dashed #fff; padding:0 30px;}
.nav_level_d{ border-right:1px dashed #fff; padding:0 30px; width:220px;}
.nav_level_e{  padding:0 30px; }

/*副导航*/
#fu-nav{ width:100%; overflow:hidden; height:auto;border-top: 1px solid #ededed; display:none;}
.fu-nav-nr li{ float:left; width:19.8%; text-align:center; line-height:60px; border-right: 1px solid #ededed; border-bottom:1px solid #ededed; border-left:1px solid #ededed; margin-left:-1px;}
.fu-nav-nr li a{ font-size:16px; display:block;}
.fu-nav-nr li a:hover{font-weight:bold; background:#f9f9f9; color:#016aac;}

/*分享*/
.top30{ margin-top:30px;}
#share{ width:100%; overflow:hidden; background:#016aac; height:46px;}
.share-bt{ font-size:16px; color:#fff; line-height:46px; margin-right:10px;}
.share-nr i{ display:block;position:relative;}
.share-nr i::after{ content:''; width:20px; height:20px;transition:0.1s all ease-in-out; position:absolute;}
.sh-icon1::after{ top:14px;background:url(images/fxicon.png) no-repeat 0px 0px;}
.share-nr a:hover .sh-icon1::after{ background-position:0px -20px;}

.sh-icon2::after{ top:14px;background:url(images/fxicon.png) no-repeat -28px 1px;  }
.share-nr a:hover .sh-icon2::after{ background-position:-28px -20px;}
.sh-icon3::after{ top:14px; left:30px;background:url(images/fxicon.png) no-repeat -59px 0px;  }
.share-nr a:hover .sh-icon3::after{ background-position:-59px -20px;}
.sh-icon4::after{ top:14px; left:58px;background:url(images/fxicon.png) no-repeat -88px 0px;  }
.share-nr a:hover .sh-icon4::after{ background-position:-88px -22px;}
.sh-icon5::after{ top:14px; left:86px;background:url(images/fxicon.png) no-repeat -122px 0px;}
.share-nr a:hover .sh-icon5::after{ background-position:-122px -21px;}

/*底部*/
#footer{ width:100%; overflow:hidden; background:#f1f1f1; padding:45px 0px 30px 0px;}
.footer-lx{ width:370px;}
.footer-lx-bt{ font-size:28px;  color:#222;}
.footer-lx-dz{ font-size:16px; color:#333; line-height:34px; margin-top:15px;}

.footer-lx-dh{  margin-top:45px; }
.footer-lx-dh p{color:#222222; line-height:35px;font-size:16px; display:block; background:url(https://www.ulsteel.com/wp-content/uploads/2021/08/iconpp.png) no-repeat; padding-left:40px;}
.footer-lx-dh .f_tel{background-position:0 9px;}
.footer-lx-dh .f_fax{background-position:0 -26px;}
.footer-lx-dh .f_mail{background-position:0 -60px;}
.footer-lx-dh .f_mp{background-position:0 -95px;}

.footer-lx-lj{ background:url(images/bqdh_24.png) no-repeat left; padding-left:25px; margin-top:10px; line-height:25px; margin-bottom:4px;}
.footer-lx-dt{ background:url(images/bqdh_25.png) no-repeat left; padding-left:25px; line-height:25px;margin-bottom:4px;}
.footer-lx-ys{ background:url(images/bqdh_26.png) no-repeat left; padding-left:25px; line-height:25px;}
.footer-lx-lj a,.footer-lx-dt a,.footer-lx-ys a{ font-size:13px; color:#333;}
.footer-lx-lj a:hover,.footer-lx-dt a:hover,.footer-lx-ys a:hover{ font-size:13px; color:#444; font-weight:bold;}
.footer-lx-ewm{ margin-top:20px; text-align:center; width:131px; line-height:25px;}


/*内页样式开始*/

/*公用*/
.top20{ margin-top:20px;}
.bott20{ margin-bottom:20px;}
#nav{ background:#fff; height:71px; -moz-box-shadow:1px 5px 5px #eaeaea; -webkit-box-shadow:1px 5px 5px #eaeaea; box-shadow:1px 5px 5px #eaeaea;}
#content{ width:1200px;  margin:0 auto;box-sizing:border-box;color:#444;}
.mbxdh{ background:url(images/mbx_ico.png) no-repeat left; font-size:14px; color:#666666; padding-left:22px; line-height:25px; margin:15px 0;}
.mbxdh a{font-size:14px; color:#666666;}
.ma-t{ margin-top:15px;}
.dqymdh-nr{ font-size:16px; color:#666; line-height:30px; }
.dqymdh{ font-family:Microsoft YaHei; font-size:24px; font-weight:bold; color:#000; line-height:25px;}

#content figure{margin:0;}
#content .wp-block-image{ margin-top:20px;}
#content .wp-block-image img{ width:100%;}
#content h2{font-family:Microsoft YaHei; font-size:18px; font-weight:bold; color:#000; padding-top:20px; line-height:25px;}
#content p{font-size:16px; color:#444; line-height:25px; margin-top:10px;}

#content .is-style-wide{width:100%; color:#eaeaea; margin-top:40px; margin-bottom:20px;}



/*公司简介*/
.gcjj-bt{font-family:Microsoft YaHei; font-size:24px; font-weight:bold; color:#000; padding-top:20px; line-height:25px;}
.gcjj-img{ margin-top:20px;}
.gcjj-img img{ width:100%;}
.gcjj-nr{ margin-top:20px; font-size:16px; line-height:25px;}
.gcjj-nr span{ display:block; font-family:Microsoft YaHei; font-size:18px; font-weight:bold; padding-bottom:5px;color:#000;}
.gcjj-zyyw{}

/*钢材分销*/
.ny-cp{width:25%;}
.ny-cpa{ width:49%;}
.ny-cpb{ width:30%;}
.ny-cp-nr-bt{ font-size:18px; margin-top:15px; border-bottom:1px dotted #999; padding-bottom:10px;}
.ny-cp-nr-bt a{font-size:16px;}
.ny-cp-nr-bt a:hover{color:#016aac;text-decoration:underline;}
.ny-cp-lm{ overflow:hidden;}
.ny-cp-nr-nr{ font-size:14px; line-height:40px; padding-left:10px;}
.ny-cp-lm a{ font-size:14px; color:#333;}
.ny-cp-lm a:hover{ color:#016aac;font-size:14px;text-decoration:underline;}
.ny-cpa .ny-cp-lm{ width:50%; float:left;}
.rignt{ margin-right:5px;}

/*管材类*/
.ny-nr-bm-cp{ width:31%; position:relative; margin:1% 1% 3%;}
.ny-nr-bm-cp-img{ border:1px solid #ddd; padding:3px;}
.ny-nr-bm-cp-img img{ width:100%;}
.ny-nr-bm-cp-bt{ width:90%; margin:0 5%;height:36px; line-height:36px; font-size:13px; color:#fff; text-align:center; position:absolute; bottom:-12px; z-index:1; overflow:hidden;}
.ny-nr-bm-cp-bt::after{content: ''; transition: ease-in-out 0.15s all; background: #888; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 2; }
.ny-nr-bm-cp-bt::before{content: ''; transition: ease-in-out 0.4s all; background: #e31b1b;  position: absolute; left: -200%; bottom: 0; width: 200%; height: 200%; z-index: 3; top: -200%; border-radius: 50%; opacity: 0; }
.ny-nr-bm-cp:hover .ny-nr-bm-cp-bt::before,.ny-nr-bm-cp-img:hover .ny-nr-bm-cp-bt::before,.ny-nr-bm-cp-bt:hover .ny-nr-bm-cp-bt::before,.ny-nr-bm-cp-bt a:hover .ny-nr-bm-cp-bt::before{left: -50%; top: -50%; opacity: 1;}
.ny-nr-bm-cp-bt a{ position:relative; z-index:4;text-overflow: ellipsis;white-space: nowrap; color:#fff; overflow:hidden; display:block; font-size:18px;}
.ny-nr-bm-cp:hover .ny-nr-bm-cp-img{ border-color:#e31b1b;}

/*熱成型結構方型鋼管*/
.g_an{height: 570px; overflow: hidden; margin-top: 30px;}
.g_an_xd{position: relative;}
.cp-xtu{ width:14.5%;}
.cp-xtu .hd{position: relative; width: 100%;height: 102px;}
.cp-xtu .hd li{float: left;width: 100%;height: 102px; margin-top:1px;}
.cp-xtu .hd li img{ width:100%; height:102px;}
.cp-xtu .hd li::after{ content:''; width:100%; height:100%; background:rgba(0,0,0,0.55); position:absolute; left:0px; z-index:9;}
.cp-xtu .hd .on::after{ background:rgba(0,0,0,0); }

.g_an .hd li a{font-size:20px; color:#333}
.g_an .hd li a:hover{font-size:20px; color:#1f76e5}
.g_an .hd .line1{position: absolute; background: url() no-repeat;width: 6px;height: 11px;left:336px;top:65px;}
.g_an .hd .line2{position: absolute;background: url() no-repeat;width: 6px;height: 11px;left:336px;top:104px;}

.m_an{ width:85.4%; position:relative;}
.g_an dl{height: 570px;position: relative;}
.g_an dt{float: left;width: 100%;height: 570px;overflow: hidden;}
.g_an dt img{width: 100%;height: 570px;display: block;transition: all 0.3s linear 0s;}
.g_an dt:hover img{transform: scale(1.2);}

.hengfu{ position:absolute; bottom:0px;z-index: 10;width: 100%;height: 80px;background:rgba(0,0,0,0.55);}
.hengfu p{font-size: 14px;color: #fff;line-height: 24px; overflow: hidden; padding:15px 30px;}
.hengfu p a{color: #e60012; font-size: 14px;}
.hengfu p b{color: #000000;}

.g_an .u_ljt,.g_an .u_rjt{ width:47px; height:32px; position: absolute; cursor:pointer;  display:block; z-index: 10;}
.g_an .u_ljt{left:0px; top:520px;}
.g_an .u_rjt{left:47px;top:520px;}
.g_an .u_ljt a{ background: url(images/anniu.jpg) no-repeat; width:47px; height:32px; display:block;}
.g_an .u_rjt a{ background: url(images/anniu1.jpg) no-repeat; width:47px; height:32px; display:block;}
.g_an .u_ljt a:hover,.g_an .u_rjt a:hover{background-position: -47px 0;}

#tablit3 {width:100%; margin:0 auto; height:auto;overflow:hidden; margin-top: 30px;}
#tablit3 dl{ width:100%;margin:0 auto; overflow:hidden; background: #f2f2f2; height: 56px;}
#tablit3 dl dd{ float:left;width:176px; height:56px;font-size:20px;line-height:40px; }
#tablit3 dl dd a{ padding-left:20px; letter-spacing:10px; cursor:pointer;}
#tablit3 .out a{ color:#333; font-size:20px; line-height:56px;}
#tablit3 .on{ background:#016aac;color:#fff; font-size:20px;line-height:56px;}
.tabcon{width:100%; height:auto; border-top:none; clear:both;}
#tablit3 .on a{ color:#fff; font-size:20px;line-height:56px;}
.dis{display:none;}
.tabcon li{ float:left; position:relative; margin-bottom:2px; width:198px; margin-right:2px;}
.cp-ymxx{ font-size: 16px; line-height: 30px;  }
.cp-ymxx p{display: block; border-bottom: 1px solid #eaeaea; padding-bottom: 10px; padding-top: 15px; line-height: 25px; }
.cp-ymxx span{ font-size: 20px; font-weight: bold; }
.cp-ymxx h5{ font-size: 16px; font-weight: normal; line-height: 30px; padding-top: 20px; }
.cpxq-lx{padding:10px 0 30px 0;border-bottom: 1px solid #eaeaea; overflow: hidden;}
.cpxq-lx-dh{ font-size: 18px; color: #555; }
.cpxq-lx-dh span{ display: block; font-family: fantasy; font-size: 36px; color: #3399ff; }
.cpxq-lx-sj{ font-size: 18px; color: #555; line-height: 40px; margin-top: 10px; }
.cpxq-lx-ly{ }
.lxwm-ym .fr{ width: 40%; }
.lxwm-ym .fr p{ width: 49%; font-size: 20px; text-align: center; color: #555; margin-right:1%; }
.lxwm-ym .fr img{ width: 100%; border:1px solid #eaeaea; }

/*留言*/
.cpxq-lxb{ overflow: hidden;}
.cpxq-lx-bt{ font-size: 24px;font-weight: bold; line-height: 30px;   padding-top: 15px; margin-bottom: 20px; }
.cpxq-lx-bt::after{ content: ''; width: 20px; height: 3px; background: #333; display: block; margin-top: 15px;}
.ly-nr{ width:33.3%;}
.ly-bt span{display:block; margin-bottom:10px; font-size:16px; font-weight:bold;}
.ly-nr input{ height:50px; line-height:50px;width:99%;}
.liuyan{ padding:10px; box-sizing:border-box;}
.ly-nr-nr{ margin-top:40px;}
.liuyan-nr{ width:100%;height:180px; padding:10px; box-sizing:border-box;}
.ly-nr-nr span{ display:block; margin-bottom:10px; font-size:16px; font-weight:bold;}
.ly-tj{ margin-top:30px;}
.ly-tj input{ border:none;}
.tijiao{ width:15%; height:50px; line-height:50px; text-align:center; background:#333333; color:#fff; font-size:20px;cursor:pointer}
.chongtian{width:15%; height:50px; line-height:50px; text-align:center; background:#333333; color:#fff; font-size:20px;cursor:pointer;}

/*产品相关*/
.xgcp{ overflow:hidden;padding:10px 0px 10px 0px;border-top: 1px solid #eaeaea; margin-top: 30px;}
.xgcp-bt{ font-size: 24px;font-weight: bold; line-height: 30px;   padding-top: 15px; margin-bottom: 20px; }
.xgcp-nr{ width:100%; overflow:hidden;}
.xgcp-nr li{ width:24%; float:left; margin-right:12px; margin-bottom:20px;}
.xgcp-nr-img{ width:100%;}
.xgcp-nr-img img{ width:100%;}
.xgcp-nr-bt{ font-size:16px; line-height:30px; margin:5px 0px; background:url(images/morea.jpg) no-repeat left; padding-left:15px;}
.xqcp-nr-nr{ font-size:14px; line-height:20px; color:#777;}
.xqcp-nr-gd{ font-size:14px; margin-top:20px; background:url(images/morea.jpg) no-repeat left;padding-left:15px;color:#777;}
.xqcp-nr-gd a{ font-size:14px;color:#777;}

/*質量管理*/
.zlgl{ width:45%; margin-bottom:2%; margin-right:1%; border:1px solid #eaeaea; padding:1.5% 1.6% 2.5% 1.6%; box-shadow:0px 1px 3px #ddd;transition:0.3s;}
.zlgl:hover{box-shadow:0px 1px 10px #ddd; transition:0.3s;}
.zlgl-bt{font-family:Microsoft YaHei; font-size:16px; font-weight:bold; color:#000; margin-top:15px; line-height:25px;}
.zlgl-img{ width:100%; margin-top:20px;}
.zlgl-img img{ max-width:406px;width:100%;}
.zlgl-nr{ font-size:15px; color:#444; line-height:25px; margin-top:10px;}
.zlgl-gd{font-size:14px; margin-top:15px; background:url(images/morea.jpg) no-repeat left;padding-left:15px;color:#444;}

/*原材料檢驗*/
.ycljy-bt{ font-family:Microsoft YaHei; font-size:18px; font-weight:bold; color:#000; padding-top:20px; line-height:25px;}
.ycljy-nr{font-size:16px; color:#444; line-height:25px; margin-top:10px;}
.xian{ width:100%; height:1px; background:#eaeaea; margin-top:40px; margin-bottom:20px;}
.ycljy-img{ width:100%; margin:15px 0px;}
.ycljy-img img{ width:100%;}

/*工程案例-香港*/
.gcxm-img{ margin-top:20px;}
.gcxm-img img{ width:100%;}

/*下载中心*/
.xzzx{ width:20%;margin-top:2%; margin-bottom:1%; margin-right:0.8%; border:1px solid #eaeaea; padding:2%; box-shadow:0px 1px 3px #ddd;transition:0.3s;}
.xzzx:hover{box-shadow:0px 1px 10px #ddd;background:#ffffff; transition:0.3s;}
.xzzx-img{ width:100%; position:relative;transition:all linear 0.5s;}
.xzzx-img::after{ content:'';position: absolute; width:100%; height:100%; top:0; left:0; background:url(images/xzaniu.png) no-repeat center; display:none;}
.xzzx-img::before{content:'';position: absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.5); display:none;}
.xzzx:hover .xzzx-img::after,.xzzx:hover .xzzx-img::before{ display:block;}
.xzzx-img img{ width:100%;}
.xzzx-nr{ font-size:16px; margin-top:10px; line-height:20px;}

/*联系我们*/
.lxwm{overflow: hidden;}
.lxwm-bt{ font-size: 24px;font-weight: bold; line-height: 30px;   padding-top: 20px; margin-bottom: 20px; }
.lxwm-bt::after{ content: ''; width: 20px; height: 3px; background: #333; display: block; margin-top: 15px;}
.lxwm-rx{ font-size: 18px; color: #555; }
.lxwm-rx span{ display: block; font-family: fantasy; font-size: 36px; color: #3399ff; }
.lxwm-nr{ font-size: 18px; color: #555; line-height: 40px; margin-top: 10px; }
.cpxq-lx .fr{ width: 450px; }
.cpxq-lx .fr p{ width: 200px; font-size: 20px; text-align: center; color: #555; }
.cpxq-lx .fr img{ width: 200px; }
.lxwm-ly{ overflow:hidden;}

.conts{ overflow:hidden;}
.conts_hsy{ overflow:hidden; background:#fff; box-shadow:0 0 10px #e1e1e1;-webkit-box-shadow:0 0 10px #e1e1e1; padding:10px; box-sizing:border-box;}
.const_w{ width:48%;}
.conts_hsy_l{ padding:30px; box-sizing:border-box;}
.conts_hsy_bt{ font-size:30px; border-bottom:1px solid #ccc; padding-bottom:18px; margin-bottom:55px; padding-top:10px;}
.conts_hsy_bt img{ position:relative; top:2px; margin-right:15px;}
.conts_hsy_nr p{ font-size:18px; line-height:30px; margin-bottom:20px;}
.conts_hsy_nr p img{ margin-right:15px; vertical-align:middle;}
.conts_ditu{ width:50%; padding:10px;}
.conts_top{ margin-top:20px;}
.const_w2{ width:100%;}
.const_sp{ display:flex;}
.const_sp p{flex:0 0 33%;}

/*新闻*/
.news{ overflow:hidden; margin-bottom:2%; padding:2%; position:relative;box-shadow:0px 0px 5px #ddd;}
.news-img{ width:20%}
.news-img img{ width:100%;}
.news-nr{ width:78%;}
.news-nr-bt{ font-size:18px; }
.news-nr-bt a{ font-size:18px; font-weight:bold;}
.news-nr-bt span{ float:right; font-size:16px;font-weight:bold;color:#999;}
.news-nr-nr{ margin:10px 0px; font-size:14px; line-height:20px;transition:all .3s ease;}
.news:hover .news-nr-nr{ padding-left:2%;}
.news-nr-an{ width:12%; height:30px; background:#333; text-align:center; line-height:30px; position:absolute; bottom:20%;transition:all .5s ease;}
.news-nr-an a{ font-size:14px; color:#fff; display:block;}
#content .news p{margin:0;padding:0;list-style:none;border:0;}
.news:hover .news-nr-an{ background:#016aac;border-radius:10px;}
.news-sj{ font-size:14px; color:#CCC;}
.newshx:after{ top:0px; left:0px;}
.newshx:before{ bottom:0px; right:0px;}
.newssx:after{ top:0px; left:0px;}
.newssx:before{ bottom:0px; right:0px;}
.newshx:after,.newshx:before,.newssx:after,.newssx:before{display:block; content:''; position:absolute; transition:all .5s ease; background:#016aac;}
.newshx:after,.newshx:before{ width:0px; height:3px;}
.newssx:after,.newssx:before{ height:0px; width:3px;}
.news:hover .newshx:after,.news:hover .newshx:before{ width:100%;}
.news:hover .newssx:after,.news:hover .newssx:before{ height:100%;}




.abs{ position:absolute;}
.rel{ position:relative;}

.inside{display: flex; flex-wrap: wrap; box-sizing: border-box; margin:30px 0;}
.inside_nr{flex:0 0 25%;}
.inside_bg{ background: #f2f2f2; }
.inside_nr img{ width: 100%; }
.inside_nr_img a{ display: block; }
.inside_nr_bt{}
.inside_nr_bt a{ display: block;padding: 40px 30px; }
.inside_nr_bt h3{ text-align: center; line-height: 30px; font-size: 26px; color:#016aac; }
.inside_nr_bt span{ display: block; font-size: 18px; text-align: center; margin-top:40px; }
.inside_nr_pdf{ padding: 30px; text-align: center; }
.inside_nr_pdf a{ border-bottom: 1px solid #333; padding-bottom: 4px; }
.inside_r{ border-right: 1px solid #ccc; }
.inside_nr_bt i{ margin-left: 10px; }
.inside_nr_bt i::before{position:absolute;background:url(http://www.ulsteel.com/wp-content/uploads/2020/12/cpzhi.png) no-repeat right top;background-position:0 -17px;transition:0.3s all ease; content: ''; width: 50px; height: 20px; }
.inside_nr:hover{ background:#016aac; }
.inside_nr:hover .inside_nr_bt i::before{background-position:0 5px;}
.inside_nr:hover .inside_nr_bt a h3,.inside_nr:hover .inside_nr_bt span{ color: #fff; }
.inside_nr:hover .inside_nr_img .gray{filter:none;}
.inside_nr:hover .inside_nr_pdf a{ border-color: #fff; color: #fff; }
.gray {     
 -webkit-filter: grayscale(100%);   
  -moz-filter: grayscale(100%);  
   -ms-filter: grayscale(100%);   
  -o-filter: grayscale(100%);     
     filter: grayscale(100%); 	     
filter: gray; }


.bgxqing{ width:100%; overflow:hidden; background:#f2f2f2; height:56px; line-height:56px; margin:5px 0 15px; box-sizing:border-box;}
.bgxqing span{ width:176px; display:block; background:#3399ff; font-size:20px; letter-spacing:10px; padding-left:20px; color:#fff; font-weight:normal;}
.biaoge table{border-collapse:collapse;border:none;}
.biaoge table td{border:solid #999 1px; text-align:center; line-height:50px;}
.biaoge span{ font-size:20px; font-weight:bold;}
.bgxqings{ width:100%; overflow:hidden; background:#f2f2f2; line-height:40px; margin:30px 0 15px; box-sizing:border-box;font-size:20px; padding:20px 0px 20px 20px;}
.xq_nr li{ width:33%; margin-right:3px; margin-top: 15px; float:left; margin-bottom: 10px;}
.xq_nr li img{ width: 299px; height: 224px; }

.m_prod,.m_prod_bt,.m_prod_nr,.m_top20,.m_copy,offer1{ display: none; }
.m_prod{ overflow: hidden; width: 100%; }
.m_prod_bt{ height: 50px; line-height: 50px; background-color:#016aac; font-size: 20px; color: #fff; text-align: center; font-weight: bold; }
.m_prod_nr{ margin-top: 20px;}
.m_prod_nr li{ display: block; float: left; width: 46%; padding: 5px; text-align: center; }
.m_prod_nr li img{border:#dbdbdb 1px solid; padding: 2px;  max-width: 100%; display: block; margin:0 auto;}
.m_top20{ margin-top: 20px; }
.m_copy{ line-height: 30px; background-color:#016aac; font-size: 14px; color: #fff; text-align: center; overflow: hidden;padding: 10px; margin-top: 20px; }


@media screen and (max-width: 600px){
	#prod,#backdrop,#share,#footer{ display: none; }
	
	.page{ width:90%; min-width:90%;}
	.page-bg{ width:100%; min-width:100%; padding-bottom: 15px;}
	#tops{ height:auto;}
	.top_ab{width:100%; text-align: center; }
	.top_lx_yx,.top_r,.top_lx_dh{ display: none; }
	.top_lx_yx{ width:49%; float:right; margin-left: 0;}
	.top_qh{ display:none;}
	.top-logo img{ width:60px;}
	.nav_jd #navToggle { display:inline-block;}
	#top{ height:80px;}
	.top-logo{ margin-top:7px;}
	.nav_r{ display:none;}
	.fullSlide,.fullSlide .bd li,.fullSlide .bd li a{ height:300px;}
	.fullSlide .hd ul{ left:32%;}
	.bd li{ background-position:center center;}
	.pr_n{ margin-top:10px;}
	.prod_bt .fl{ width:100%; font-size:19px; line-height:30px;}
	#tablit .fr{ display:none;}
	.tabcon li{ width:100%;}
	#tablita .fr{ display:none;}
	.tabcon .pr-n-wz{height:60px;}
	.steel-nr p{height:60px;}
	.steel-nr{ width:100%;}
	.offer_bt{ width:100%; margin-top:20px; margin-left:20px; line-height:30px;}
	.offer_bt span{ font-size:22px;}
	.offer_yx{ margin-top: 5px; margin-left: 20px; }
	.offer_yx p{ line-height: 30px;background-size:30px; padding-left: 34px; }
	.offer_gd{ display: none; }
	.album li{ width: 100%; height: 480px; display: block; }
	.album i img{ width: 100%; height: 480px; }
	.company{ width: 100%; }
	.company > .fr{ width: 100% }
	.company > .fr >.fl{ display: none; }
	.company-bt{ font-size: 20px; }
	.company-nr{ font-size: 14px; line-height: 30px; }
	.company-gd{ width: 130px; float: none; margin-right: 0; height: 35px; line-height: 35px; font-size: 14px;  }
	.company-gd i{top: 11px; right: 10px; background-position:0px -19px;background-size:20px;}
	.new{ width: 100%; height: auto;}
	.new-nr .new-nr-img{ display: none; }
	.new-nr-nr{ width: 100%; }
	#footer{padding: 10px 0 30px 0;}
	.footer-lx-bt{ font-size: 20px; }
	.footer-lx-dz,.footer-lx-dh p{ margin-top: 5px; font-size: 14px; }
	.footer-lx-lj,.footer-lx-dt,.footer-lx-ys{ display: none; }
	.copy{ width: 100%;  padding-top: 10px; }
	.copy-jj,.copy-jja{ width: 100%; margin-bottom: 10px;}
	.copy-jj p{border-bottom:1px solid #dbdbdb; font-size: 16px;}
	.copy-jja p{border-bottom:1px solid #dbdbdb; font-size: 16px;}
	.copy-jja a{font-size: 14px;}
	.copy-jj a{ float: left; margin-right: 20px; font-size: 14px; }
	.coppy_w a{width: auto; margin-right: 20px;}
	.ma-top{ margin-top: 0; }
	.copyright{ margin-top: 10px; padding-top: 10px; }
	.bannner_nya{ height: 150px; background-position:center center; }
	.bannner_ny{ height: 150px; background-position:center center; }

	#content{ width:100%;  }
	.mbxdh{ margin-top: 10px; }
	.dqymdh{ margin-top: 10px; font-size: 20px; }
	.inside{ margin-top: 15px; }
	.inside_nr{ flex:0 0 50%;}
	.inside_nr_bt a{ padding: 10px 5px; }
	.inside_nr_bt h3{ font-size: 18px; }
	.inside_nr_bt span{ margin-top: 10px; font-size: 14px; }
	.inside_nr_bt i::before{  background-size:16px; background-position:0px -11px;  }
	.inside_nr_pdf{padding: 5px 30px 30px;}
	.inside_nr_pdf a{ font-size: 13px; }
	.cp_left{ display:none;}
	.cp_right{ width:100%;}
	.wp-block-image img{ width: 100%; height: 100px; }
	.cp_right{ margin-top: 0; }
	.dqymdh-nr{ margin-top: 10px;font-size: 14px; }
	.dqymdh-nr h2{ font-size: 20px; line-height: 40px; }
	.dqymdh-nr strong{ font-size: 16px; }
	.ab-j-img img{ width: 100%; height: 100px; }
	.cp_right_tu{ width: 100%; }
	.cp_right_tu_big img{ width: 100%; height:auto; }
	.cp_right_tu_big{ height:auto; }
	.cp_right_tu_small #showtd3{ display: none; }
	.cp_right_nr{ width: 100%; }
	.cp_right_nr_bt span{font-size: 20px; padding-bottom: 10px;}
	.cp_right_nr_cs{ margin-top: 0; font-size: 14px; line-height: 30px; }
	.cp_right_nr_cs span{ font-size: 16px; }
	.cp_right_nr_bt{ font-size: 14px; }
	.cp_right_nr_yx{ margin-top: 10px; }
	.cp_right_nr_yx p{ font-size: 14px; padding-left: 25px; margin-right: 15px; margin-top: 10px; margin-bottom: 10px; }
	.bgxqing{ height: 40px; line-height: 40px; font-size: 18px; }
	.bgxqing span{ width: 40%;letter-spacing:0; padding-left: 10px; font-size: 18px; }
	.biaoge span{ font-size: 16px; line-height: 30px; }
	.biaoge .biaonr{ font-size: 14px; line-height: 25px; }
	.biaoge .tops20{ margin-top: 10px; }
	.biaoimg img{ width: 100%; height: 100px; }
	#share{ margin-top: 15px; }
	.xq_nr li{ width: 100%; }
	.xq_nr li img{ width: 100%; }
	.news-img{ display: none; }
	.news-nr{ width: 100%; }
	.news-nr-nr{ font-size: 14px; }
	.news-nr-bt a{ font-size: 18px; }
	.news-nr-an{ display: none; }
	.const_w{ width: 100%; }
	.conts_hsy_l{ padding: 10px; }
	.inside_nr_bt span{display:none;}
	.inside_nr_pdf{display:none;}
	.conts_hsy_bt{ font-size: 20px; margin-bottom: 20px; }
	.conts_hsy_bt img{ width: 20px; margin-right: 5px; }
	.conts_hsy_nr p{ font-size: 14px; line-height: 20px; margin-bottom: 10px; }
	.conts_ditu{ width: 100%; box-sizing: border-box; }
	.ly-tj{ margin-top: 20px; }
	.tijiao,.chongtian{ width: 30%; font-size: 16px; height: 40px; line-height: 40px; }
	.ly-nr-nr{ margin-top: 20px; }
	
	.m_prod,.m_prod_bt,.m_prod_nr,.m_top20,.m_copy,.offer1{ display: block; }
	
	/*改版后加*/
	.prod_bt{ line-height:30px; margin:10px 0;}
	.prod_bt a{ font-size:18px;}
	#strip,#huac,#case,#mac{ display:none;}
	.offer1{ display:none;}
	
	/*内页简介*/
	.column{ display: none; }
	.mbxdha{ font-size:22px;}
	.cont_nr img{ width:100%;}
	.wenhua{margin-top:20px;}
	
	




	
	}

/*改版添加*/
.column{ width:260px;}
.colum_jj{ overflow:hidden;}
.colum_jj_bt,.colum_cp_bt,.colum_jg_bt{ font-size:18px; color:#fff; line-height:50px; background:#016aac; box-sizing:border-box; padding-left:20px; position:relative;}
.colum_jj_bt::after,.colum_cp_bt::after,.colum_jg_bt::after{ content:''; position:absolute; background:url(https://www.ulsteel.com/wp-content/uploads/2021/08/topmore.png) no-repeat; width:13px; height:8px; right:23px; top:20px;}

.colum_jj_nr{ overflow:hidden;}
.colum_jj_nr li{ font-size:16px; color:#222; line-height:40px; margin-bottom:1px; background:#f1f1f1; box-sizing:border-box; }
.colum_jj_nr li a{font-size:16px; color:#222; display:block;padding-left:30px;}
.colum_cp{ overflow:hidden;}
.colum_cp_nr li{ font-size:16px; color:#222; line-height:40px; margin-bottom:1px; background:#f1f1f1; box-sizing:border-box; padding-left:30px;}
.colum_cp_nr dl{}
.colum_cp_nr .fold{ position:relative;font-size:16px; color:#222; line-height:40px; margin-bottom:1px; background:#f1f1f1; box-sizing:border-box; padding-left:30px;}
.colum_cp_nr .fold::after{content:''; position:absolute; background:url(https://www.ulsteel.com/wp-content/uploads/2021/08/topmoref.png) no-repeat 0 -6px; width:9px; height:6px; right:23px; top:16px;}

.colum_cp_nr dd{ background:#f9f9f9;  box-sizing:border-box; padding:5px 0; }
.colum_cp_nr dd a{ display:block; position:relative;padding-left:40px;line-height:30px;}
.colum_cp_nr dd a::after{ content:''; position:absolute; background:#016aac; width:5px; height:5px; border-radius:50%; left:30px; top:13px;}
.open{display: none; }
.colum_cp_nr .cmore::after{background-position:0 0;}
.colum_jg .fold::after{background-position:0 -9px;}
.colum_jg .cmore::after{background-position:0 0;}

.colum_lx{ overflow:hidden; margin-top:10px; background:#016aac; border-radius:5px; padding:20px 0;}
.colum_lx_bt{ font-size:20px; font-weight:bold; color:#fff; text-align:center; border-bottom:1px solid #fff; padding-bottom:10px; line-height:30px;}
.colum_lx_nr{ overflow:hidden; padding:20px 0 0;}
.colum_lx_nr p{ display:block; font:16px/2 Arial; color:#fff; position:relative; padding-left:78px;}
.colum_lx_nr p::after{ content:''; width:21px; height:21px; background:url(https://www.ulsteel.com/wp-content/uploads/2021/08/columlx.png) no-repeat; position:absolute; left:47px; top:6px;}
.colum_lx_nr .col_a::after{background-position:0 -28px;}
.colum_lx_nr .col_b::after{background-position:0 -52px;}
.colum_lx_nr .col_b{ margin-bottom:10px;}
.colum_lx_nr i{ display:block; background:#ffffff; width:220px; line-height:40px; text-align:center; border-radius:5px; font-style:normal; font-size:18px; color:#016aac; margin:0 auto;}
.colum_lx_nr i a{ font-size:18px; color:#016aac; display:block; border-radius:5px;transition:0.3s all ease-in-out;}
.colum_lx_nr i a:hover{ background:#06679c; color:#fff;}

.content_r{ width:904px;}
.mbxdha{ font-size:28px; color:#222; position:relative; padding-bottom:30px;}
.mbxdha::after{ content:''; width:32px; height:3px; background:#c4c014; position:absolute; left:0; top:50px;}
.cont_nr p{ font-size:14px; color:#222; line-height:22px; padding:10px 0;}
.wenhua{ overflow:hidden; margin-top:50px;}
.wenhua span{ font-size:20px; display:block; color:#fff; width:100px; background:#016aac; line-height:35px; border-radius:5px; text-align:center; margin-bottom:15px;}
.wenhua p{font-size:14px; color:#222; line-height:22px; padding:10px 0;}
.wenhua strong{ color:#016aac;}
.zhuying{ overflow:hidden;margin-top:50px;}
.zhuying span{ font-size:20px; display:block; color:#fff; width:100px; background:#016aac; line-height:35px; border-radius:5px; text-align:center; margin-bottom:15px;}
.zhuying p{font-size:14px; color:#222; line-height:22px; padding:10px 0;}
.cont_pi{ display:flex;flex-wrap:wrap;justify-content:space-between; margin-top:50px;}
.cont_n{ font-size:14px; color:#222; line-height:22px; margin-bottom:40px;}
.co_bt{ font-size:20px; color:#fff; background:#016aac; line-height:35px; border-radius:5px; text-align:center; padding:0 10px; display:inline-block; margin-bottom:20px;}
.co_img{margin-bottom:40px;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:space-between;}
.xq_a img{ width:904px; height:230px;}
.cont_n p{ padding:10px 0;}
.cont_n strong{ color:#016aac;}
.cont_n table{border-collapse:collapse; border:0;}
.cont_n table td{border:solid #000 1px; text-align:center; line-height:35px;}
.cont_n span{ font-weight:bold; font-size:16px;}
.co_bjbt{ line-height:46px; background:#016aac; font-size:20px; color:#fff; padding-left:15px;}
.cont_logo{ padding-top:30px; overflow:hidden;}
.cont_logo i{ display:block; border-right:1px solid #016aac; padding-right:20px;}
.cont_logo i img{ width:50px;}
.cont_logo strong{ font-size:16px; line-height:28px; display:block; padding-left:20px;}
.cont_email{ margin-top:20px;}
.ly_nr{ width: 49%; margin-bottom: 20px;}
.ly_nr input{ width:100%; height:35px; line-height:35px; padding-left: 10px;}
.ly_cont .ly_cont_n{ width: 100%; height: 120px; box-sizing: border-box; padding: 10px; }
.ly_tj{ width: 120px;float: right;position:relative;margin-top: 20px;}
.ly_tjan{width: 120px;   height: 36px; background: #fff; border:2px solid #016aac; border-radius: 5px; font-size: 16px; color: #016aac; cursor: pointer;transition:0.3s all ease-in-out; text-align: left; padding-left: 35px;}
.ly_tj:hover input{ background: #016aac; color: #fff; }
.ly_tj::after{ content:''; display:block; width:9px; height:12px; background:url(https://www.ulsteel.com/wp-content/uploads/2021/07/moreicon.png) no-repeat -14px 0; position:absolute; right:32px; top:14px;transition:0.3s all ease-in-out;}
.ly_tj:hover::after{background-position:0 0;}

/*钢材分销页面*/
.f_l{ float:left;}
.ny_cp_lm{width: 100%;padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #cccccc; position: relative;}

.ny_l a{ color: #333;  }
.ny_wz{ width: 100%; padding-top: 20px;}
.ny_wz_bt{ width: 100%; display: flex;flex-flow: nowrap;justify-content:space-between;}

.ny_wz .ny_wz_bt .ny_l a{ font-size: 22px;font-weight: bold; line-height: 30px; display: block;}
.ny_wz .ny_wz_nr{ font-size: 14px; line-height: 30px; margin-top: 20px;width: 100%; overflow: hidden;}
.ny_xq{ width: 100%; margin-top: 30px; }
.cpzl{ width: 14%; margin-right:4px; margin-bottom:4px;}
.cpzl img{ width: 100%; height:auto; }
.ny_cp_lm:hover .ny_wz_bt .ny_l a{ color: #172a85; }
.ny_cp_lm:hover .ny_tu img{transform: scale(1.1);transition:0.3s all ease;}
.ny_cp_lm::after{content: ''; width: 0; height: 4px; background-color: #016aac; position: absolute; left: 0; bottom: 0;transition:0.3s all ease;}
.ny_cp_lm:hover::after{ width: 100%; }

.tg_button{ width: 100px; height: 30px; background: #f2c23a; position:relative;transition:0.3s all ease;}
.tg_button a{ font-size: 12px; color: #fff; font-weight: 100; line-height: 30px; display:block; padding-left: 12px; }
.tg_button a::after{ content: ''; background:url(https://www.ulsteel.com/wp-content/uploads/2022/11/icon_jt.png) no-repeat center ; position: absolute; width: 19px; height: 9px; right: 12px; top: 10px; }
.tg_button_b{ width: 100px; height: 30px; background: #016aac; position:relative;transition:0.3s all ease;}
.tg_button_b a{ font-size: 12px; color: #fff; font-weight: 100; line-height: 30px; display:block; padding-left: 12px; }
.tg_button_b a::after{ content: ''; background:url(https://www.ulsteel.com/wp-content/uploads/2022/11/icon_jt.png) no-repeat center ; position: absolute; width: 19px; height: 9px; right: 12px; top: 10px; }
.tg_button:hover,.tg_button_b:hover{box-shadow:0px 4px 10px rgb(0 0 0 / 50%);}
.tab_prod_nr{ display: flex; flex-flow: wrap; justify-content: flex-start; align-items:flex-start;width: 100%; margin-top: 20px; }
.tab_prod_nr div:nth-child(7n+0){margin-right:0;}
.ny_cp{ display: flex;flex-wrap:wrap;}

.cpzl_wz{ background: #eeeeee; text-align: center; line-height: 35px; overflow: hidden;position: relative; }
.cpzl_wz a{ color: #333; display: block; position: relative; z-index: 2;}
.cpzl_wz::after{ content: ''; position: absolute; display: block; left: 0; bottom: 0; width: 100%; height: 100%; background: #016aac; 
visibility: hidden;opacity: 0; transform:translateY(50px);transition: all 0.35s ease; }
.cpzl:hover .cpzl_wz::after{ visibility:visible; opacity: 1;transform:translateY(0); }
.cpzl:hover .cpzl_wz a{ color: #fff; }