/*公用样式*/
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;}
img{border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;vertical-align:middle;}
body{font-size:14px;margin:0 auto; color:#222; font-family: 'microsoft yahei';}
input,select,
button { font-family:Arial,Microsoft YaHei;}
textarea { overflow: hidden; resize: none;}
button { outline: none !important; cursor: pointer;}
.clear{clear: both; height:0px; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
a{text-decoration: none; color:#333;}

.page{ width:1200px;margin:0 auto; height:auto; min-width:1200px;}
.mbxdh{ background:url(https://www.ulsteel.com/wp-content/themes/mokepc/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;}
.bott20{ margin-bottom:20px;}


/*顶部*/
#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:#3399ff;}

/*幻灯片*/
.fullSlide {width:100%; position:relative; height:600px;}
.fullSlide .bd {margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important; height:600px; overflow:hidden; text-align:center; background-position:center top; background-repeat:no-repeat;background-size:auto 100%;}
.fullSlide .bd li a {display:block;height:600px;}
.fullSlide .hd {position:absolute; z-index:7; bottom:0px;  width: 100%; height: 30px;}
.fullSlide .hd ul {text-align:center; position: absolute; left: 18%; bottom:11px;}
.fullSlide .hd ul li{ width:15px; height:15px; border-radius:50%; background:#a1a1a1; float:left; cursor: pointer; display:block; margin-left: 10px;}
.fullSlide .hd ul .on{ width:15px; height:15px; border-radius:50%; background:#016aac;}
.fullSlide .prev,.fullSlide .next {	display:block; position:absolute; z-index:1;top:50%; margin-top:-30px;left:5%; z-index:1; width:40px; height:60px; cursor:pointer; filter:alpha(opacity=50); opacity:0.5; display:none; width:81px; height:80px;}

/*分销*/
#prod{ width:100%; overflow:hidden;}
.prod_bt{ text-align:center;line-height:42px;margin:35px 0; }
.prod_bt a{font-size:42px;font-weight:bold; color:#262d5e;line-height:42px;}
.prod_cp{ display:flex;flex-wrap:wrap;justify-content:space-between;align-content:flex-start; }
.prod_cp_nr{ width:288px; height:288px; border:1px solid #c8c8c8;border-radius:5px;position:relative;margin-bottom:12px;}
.prod_cp_nr_img{ overflow:hidden;}
.prod_cp_nr_img img{border-radius:5px;}
.prod_cp_nr_wz{ position:absolute; bottom:0; font:bold 16px/1.5 Microsoft YaHei; color:#fff; width:100%; height:66px; background:rgba(38,45,94,0.8); box-sizing:border-box; border-radius:5px;transition:0.3s all ease-in-out; }
.prod_cp_nr_wz a{ color:#fff;padding:21px; display:block;}
.prod_cp_nr_wz::after{ content:''; width:22px; height:22px; background:url(https://www.ulsteel.com/wp-content/uploads/2021/07/cpicon.png) no-repeat; position: absolute; right:20px;top:22px;transition:0.3s all ease-in-out;}
.prod_cp_nr:hover .prod_cp_nr_wz{background:rgba(0,127,197,0.8);}
.prod_cp_nr:hover .prod_cp_nr_wz::after{background-position:-26px 0;}
.prod_button{ width:138px; height:36px; line-height:36px; border:2px solid #016aac; border-radius:5px; position:relative; margin-top:20px;}
.prod_button a{ font-size:16px; font-weight:bold;display:block; color:#016aac; padding-left:28px;transition:0.3s all ease-in-out;}
.prod_button a::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:28px; top:12px;transition:0.3s all ease-in-out;}
.prod_button:hover a{ background:#016aac; color:#fff;}
.prod_button:hover a::after{background-position:0 0;}

/*加工*/
#mac{ width:100%; overflow:hidden;}
.mac_cp{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:flex-start; overflow:hidden;}
.mac_cp_nr{ width:288px; height:288px; border:1px solid #c8c8c8;border-radius:5px;position:relative;margin-bottom:12px;}
.mac_cp_nr_img{ overflow:hidden;}
.mac_cp_nr_img img{border-radius:5px;}
.mac_cp_nr_wz{ position:absolute; bottom:0; font:bold 16px/1.5 Microsoft YaHei; color:#fff; width:100%; height:66px; background:rgba(38,45,94,0.8); box-sizing:border-box; border-radius:5px;transition:0.3s all ease-in-out; }
.mac_cp_nr_wz a{ color:#fff;padding:21px; display:block;}
.mac_cp_nr_wz a{ color:#fff;padding:21px; display:block;}
.mac_cp_nr_wz::after{ content:''; width:32px; height:3px; background:#c4c014; position: absolute; left:20px; bottom:12px; transition:0.3s all ease-in-out;}
.mac_cp_nr:hover .mac_cp_nr_wz{background:rgba(0,127,197,0.8);}

/*广告条*/
#strip{ width:100%; overflow:hidden;}
.hsy_ad{ width:100%; overflow:hidden; background:url(https://www.ulsteel.com/wp-content/uploads/2021/07/adba.jpg) no-repeat center top; margin-top:50px; height:175px;}
.hsy_wh{ width:100%; overflow:hidden; height:88px; position:relative;}
.hsy_wh .ic_whatsapp{ width:45px; height:45px; display:block; background:url(https://www.ulsteel.com/wp-content/uploads/2021/07/whatsapp.png) no-repeat center; position:absolute; left:70px; top:22px;}
.hsy_wh span{ display:block; position:absolute; font:bold 24px/1.5 Arial; color:#fff;}
.hsy_wh .sp_a{left:140px; top:28px;}
.hsy_wh .sp_b{left:310px; top:28px;}
.hsy_wh .sp_c{left:526px; top:28px;}
.hsy_wh .sp_d{left:742px; top:28px;}
.hsy_wh .hsy_wh_button{width:138px; height:36px; line-height:36px; border-radius:5px; font-size:20px; background:#fff;display:block; color:#016aac; padding-left:20px;transition:0.3s all ease-in-out;position:absolute; right:88px;top:26px; box-sizing:border-box; }
.hsy_wh .hsy_wh_button::after{ content:''; display:block; width:13px; height:18px; background:url(https://www.ulsteel.com/wp-content/uploads/2021/07/buttonicon.png) no-repeat 0 1px; position:absolute; right:20px; top:10px;transition:0.3s all ease-in-out;}
.hsy_wh .hsy_wh_button:hover{ background:#016aac; color:#fff;}
.hsy_wh .hsy_wh_button:hover::after{background-position:-11px 1px;}
.hsy_nr{ width:100%; overflow:hidden; height:87px; display:flex;flex-wrap:wrap;align-content:flex-start;}
.hsy_nr_a,.hsy_nr_b,.hsy_nr_c,.hsy_nr_d{ width:300px; position:relative; height:87px; box-sizing:border-box;}
.hsy_nr_a i,.hsy_nr_b i,.hsy_nr_c i,.hsy_nr_d i{background:url(https://www.ulsteel.com/wp-content/uploads/2021/07/whicon.png) no-repeat;}
.hsy_nr_a span,.hsy_nr_b span,.hsy_nr_c span,.hsy_nr_d span{ display:block;font:14px/1.5 Arial;}
.hsy_nr_a{ font-size:20px; color:#fff; padding-left:138px; padding-top:21px;background:rgba(255,255,255,0.08);}
.hsy_nr_a i{ display:block; position:absolute; width:46px; height:41px;  left:72px; top:25px; background-position:0;}
.hsy_nr_b{ font-size:20px; color:#fff; padding-left:138px; padding-top:21px; background:rgba(0,127,197,0.8);}
.hsy_nr_b i{ display:block; position:absolute; width:46px; height:41px;  left:72px; top:25px; background-position:-46px 0; }
.hsy_nr_c{ font-size:20px; color:#fff; padding-left:145px; padding-top:21px;background:rgba(0,0,0,0.1);}
.hsy_nr_c i{ display:block; position:absolute; width:56px; height:41px;  left:72px; top:25px; background-position:-92px 0; }
.hsy_nr_d{ font-size:20px; color:#fff; padding-left:107px; padding-top:21px;background:rgba(0,0,0,0.3);}
.hsy_nr_d i{ display:block; position:absolute; width:56px; height:41px;  left:45px; top:25px; background-position:-148px 0; }

/*广告条*/
.hsy_hc{ width:100%; overflow:hidden;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:space-between; margin-top:34px;}
.hsy_hc_a{ width:292px; height:416px;border:1px solid #c8c8c8; position:relative;}
.hsy_hc_a i{overflow:hidden;}
.hsy_hc_a i img{ width:100%;transition:0.35s all ease-in-out;}
.hsy_hc_a i,.hsy_hc_a span,.hsy_hc_a p{ display:block; position:absolute;}
.hsy_hc_a span{ font-size:28px; color:#fff; top:50%;left:50%;transform: translate(-50%,-50%); z-index:3;transition:0.5s all ease-in-out;}
.hsy_hc_a a::after{ content:''; width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; z-index:1; transition:0.35s; }
.hsy_hc_a p{ width:138px; top:50%;left:50%;transform: translate(-50%,-50%); font-size:18px; color:#fff; line-height:35px; padding-left:20px; border-radius:5px; box-sizing:border-box; background:rgba(0,127,197,1);opacity: 0;transition:opacity 0.35s, transform 0.35s;  }
.hsy_hc_a p::after{ content:'';display:block; width:17px; height:12px; background:url(https://www.ulsteel.com/wp-content/uploads/2021/07/morejt.png) no-repeat 0 1px; position:absolute; bottom:12px; right:20px;}
.hsy_hc_a a:hover i img{transform:scale(1.1);}
.hsy_hc_a a:hover p{opacity: 1;}
.hsy_hc_a a:hover::after{background:rgba(0,0,0,0);transition:0.35s;}
.hsy_hc_a a:hover span{ opacity: 0;}

.hsy_hc_b{ width:292px;position:relative;}
.hsy_hc_b span{ font-size:20px; color:#016aac; font-weight:bold; display:block; position:relative; margin-left:27px;}
.hsy_hc_b span a{font-size:20px; color:#016aac;}
.hsy_hc_b span a::after{ content:''; width:12px; height:10px; background:url(https://www.ulsteel.com/wp-content/uploads/2021/08/hcmore.png) no-repeat; position:absolute; top:10px; margin-left:10px;}
.hsy_hc_b i{overflow:hidden; display:block;}
.hsy_hc_b i img{ width:292px; height:416px;pointer-events: none; }
.hsy_hc_b p{ display:block; position:absolute; right:13px; bottom:13px; z-index:1;}

/*案例*/
#case{ width:100%; overflow:hidden; margin-top:70px; background:url(https://www.ulsteel.com/wp-content/uploads/2021/07/casedbj.jpg) no-repeat bottom;}
.case_bt{ text-align:center; font-size:42px; font-weight:bold; color:#262d5e;}
.case_nr{ position:relative; margin:50px 0 40px;}
.case_nr dl{ width:382px; margin-right:26px; float:left;}
.case_nr dt img{ width:382px; border-radius:10px;}
.case_nr dd span{ display:block; padding:25px 0 18px;}
.case_nr dd span a{font-size:20px; font-weight:bold; line-height:25px; color:#016aac;}
.case_nr dd p{ font-size:14px; color:#222; line-height:25px;}
.case_nr .case_more{ display:block; width:136px; border:2px solid #016aac; color:#016aac; border-radius:10px; line-height:35px; margin-top:16px; font-size:16px; padding-left:20px; box-sizing:border-box; position:relative;transition:0.3s all ease-in-out;}
.case_nr .case_more::after{ content:''; width:13px; height:10px; position:absolute; background:url(https://www.ulsteel.com/wp-content/uploads/2021/07/casemore.png) no-repeat -15px 0; right:24px; top:14px;transition:0.3s all ease-in-out;}
.case_nr .case_more:hover{background:#016aac; color:#fff;}
.case_nr .case_more:hover::after{background-position:0 0;}
.case_nr .case_gd{margin:0 auto; width:1200px;}
.case_nr .btnLeft, .case_nr .btnRight{position:absolute;width:14px; height:19px;background:url(https://www.ulsteel.com/wp-content/uploads/2021/07/casejt.png) no-repeat;}
.case_nr .btnLeft{right:40px; top:-40px;}
.case_nr .btnRight{right:0; top:-40px;background-position:-17px 0;}

.comp_bj{ width:1277px;overflow:hidden; margin:0 auto; background:rgba(255,255,255,0.5); height:520px; }
.comp_jj{ width:700px;background:rgba(255,255,255,0.8); border-radius:10px; height:454px; box-sizing:border-box; padding:40px; margin-top:34px;}
.comp_jj_nr{ width:320px;}
.comp_jj_nr span{ display:block; font-size:24px; font-weight:bold; color:#016aac; position:relative; padding-bottom:20px;}
.comp_jj_nr span::after{ content:''; position:absolute; width:32px; height:3px; left:0; top:45px; background:#c4c014;}
.comp_jj_nr p{ display:block; color:#222222; line-height:22px; padding-top:20px;}
.comp_jj_nr .comp_jj_more{ display:block; width:136px; border:2px solid #016aac; color:#016aac; border-radius:10px; line-height:35px; margin-top:35px; font-size:16px; padding-left:20px; box-sizing:border-box; position:relative;transition:0.3s all ease-in-out;}
.comp_jj_nr .comp_jj_more::after{ content:''; width:13px; height:10px; position:absolute; background:url(https://www.ulsteel.com/wp-content/uploads/2021/07/casemore.png) no-repeat -15px 0; right:24px; top:14px;transition:0.3s all ease-in-out;}
.comp_jj_nr .comp_jj_more:hover{background:#016aac; color:#fff;}
.comp_jj_nr .comp_jj_more:hover::after{background-position:0 0;}
.comp_jj_sp{ width:265px; position:relative;}
.company-box > .bd > ul { width: 265px; height: 360px; }
.company-box > .bd > ul > li { display: block; width: 265px; height: 360px; display: block; padding: hidden; }
.company-box > .bd > ul > li > img { display: block; margin: 0 auto; width: 100%; height: auto; }
.company-btn { width: 100%; position: absolute; bottom: 10px;left: 5px; height: 18px;  }
.company-btn .hd{ height: 25px; width: 100%; text-align:center;}
.company-btn .hd ul li { display: inline-block; width: 18px; height: 18px;background: #fff; border-radius:50%; color:#016aac; overflow: hidden; font-size: 14px; transition:0.3s all ease-in-out; cursor: pointer; margin-right: 1px; text-align: center; line-height: 18px; margin-right:10px;}
.company-btn .hd ul li.on{ width: 25px;width: 18px; height: 18px; background: #016aac; color: #fff; line-height: 18px;}




.comp_xw{ width:482px;background:rgba(255,255,255,0.8); border-radius:10px; height:454px; box-sizing:border-box; padding:40px 30px; margin-top:34px;}
.comp_xw_bt{font-size:24px; font-weight:bold; color:#016aac; position:relative; padding-bottom:44px;}
.comp_xw_bt::after{ content:''; position:absolute; width:32px; height:3px; left:0; top:45px; background:#c4c014;}
.comp_xw_nr{ width:100%; overflow:hidden; margin-bottom:10px;}
.comp_xw_img{ width:138px; height:91px; float:left;}
.comp_xw_img img{width:138px; height:91px;}
.comp_xw_jg{ width:274px; float:right;}
.comp_xw_jg span{ font-size:16px; color:#222; font-weight:bold; display:inline-block; padding-bottom:10px;}





/*分享*/
#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:376px;}
.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;}
.copy{ width:715px;}
.copy-right{ margin-right:25px;}
.copy-jj{ width:160px;}
.copy-jj p{display:block; font-size:22px; color:#222;  margin-bottom:16px;border-bottom:1px solid #016aac; padding-bottom: 10px;}
.copy-jj a{ display:block; font-size:16px; color:#222; line-height:30px; position:relative;padding-left:25px;}
.copy-jj a::before{ content:'>'; font:18px/1.5 Arial;position:absolute; left:0;top:4px;color:#016aac;}
.copy-jj a:hover{ color:#222;}
.copy-jja{ width:332px;}
.copy-jja p{display:block; font-size:22px; color:#222;  margin-bottom:16px;border-bottom:1px solid #016aac; padding-bottom: 10px;}
.copy-jja a{  font-size:16px; color:#222; line-height:30px;position:relative;padding-left:25px;}
.copy-jja a:nth-child(even){ margin-right:25px;}
.copy-jja a::before{ content:'>'; font:18px/1.5 Arial;position:absolute; left:0;top:4px;color:#016aac;}
.copy-jja a:hover{ color:#222; }
.ma-top{ margin-top: 40px; }

.copyright{ margin-top:30px; border-top:1px solid #ddd; text-align:center; font-size:16px; color:#222; padding-top:30px;}
.coppy_w a{ display:block; float:left; width:115px;}


/*联系我们*/
.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;}

.const_w{ width:48%;}
.conts_hsy_l{ }
.conts_hsy_bt{ font-size:30px; border-bottom:1px solid #ccc; padding-bottom:18px; margin-bottom:20px; 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%;}

/*留言*/
.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;}
.chongtian{width:15%; height:50px; line-height:50px; text-align:center; background:#333333; color:#fff; font-size:20px;cursor:pointer;}



/*新增*/
.bannner_nya{ width:100%; overflow:hidden; background:url(https://www.ulsteel.com/wp-content/uploads/2021/08/nyzong.jpg) no-repeat center top; height:400px;}
.bannner_ny{ width:100%; overflow:hidden; background:url(https://www.ulsteel.com/wp-content/uploads/2021/08/nyzong.jpg) no-repeat center top; height:400px;}
.cp_left{ width:274px; margin-top:20px;}
.cp_left_fl2{ margin-top:2px;}
.cp_left_fl_bt{ width:274px; height:78px; background:#016aac; box-sizing:border-box;}
.cp_left_fl_bt span{ display:block; padding-left:20px; font-size:24px; color:#fff; line-height:74px; border-bottom:1px solid #fff; box-sizing:border-box;}
.cp_left_fl_bj{ width:274px; height:78px; background:#e31b1b;margin-top:1px; margin-bottom:30px; box-sizing:border-box;transition:1s;}
.cp_left_fl_bj span{ display:block;  font-size:24px; color:#fff; line-height:78px; box-sizing:border-box;}
.cp_left_fl_bj span a{ color:#fff;padding-left:20px; display:block;}
.cp_left_fl_bj:hover{ background:#016aac;transition:1s;}
.cp_left_nr{ overflow:hidden;}
.cp_left_nr dl dt{ height:50px; line-height:50px; background:#016aac; font-size:18px; color:#fff;  margin-bottom:1px; position:relative;}
.cp_left_nr dl dt a{font-size:18px; color:#fff;padding-left:20px; display:block;}
.cp_left_nr dl dt::after{ content:'+'; width:20px; position:absolute; top:0; right:10px; font-size:22px;}
.cp_left_nr dl dd{ height:50px; line-height:50px; background:#ececec;  margin-bottom:1px; position:relative; font-size:16px;}
.cp_left_nr dl dd a{ font-size:16px; color:#666; display:block;padding-left:20px;}
.cp_left_nr dl dd:hover a,.cp_left_nr dl dd:hover::after{ color:#016aac; border-color:#016aac;}
.cp_left_nr dl dd::after{ content:''; position:absolute; width:8px; height:8px; border:2px solid #b8b8b8; border-style:solid solid none none; right:20px; top:20px; transform:rotate(45deg);}

.navList h1{ display:block; height:50px; line-height:50px; background:#016aac; font-size:18px; color:#fff;  margin-bottom:1px; position:relative;}
.navList h1 a{font-size:18px; color:#fff;padding-left:20px; display:block;}
.navList h1::after{ content:'+'; width:20px; position:absolute; top:0; right:10px; font-size:22px;}
.navList .active::after{ content:'-'; width:20px; position:absolute; top:0; right:10px; font-size:30px;line-height:40px;}
.childNav li{ height:50px; line-height:50px; background:#ececec;  margin-bottom:1px; position:relative; font-size:16px;}
.childNav li a{ font-size:16px; color:#666; display:block;padding-left:20px;}
.childNav li:hover a,.childNav li:hover::after{ color:#016aac; border-color:#016aac;}
.childNav li::after{ content:''; position:absolute; width:8px; height:8px; border:2px solid #b8b8b8; border-style:solid solid none none; right:20px; top:20px; transform:rotate(45deg);}
.sideMenu .navList .childNav {height: 0; overflow: hidden;}

.cp_lxfs{ background:#ececec; padding:20px; box-sizing:border-box;}
.cp_left_nr .cp_left_fl2 .zhankai_a{height: 0; overflow: hidden;}
.cp_left_fl2 .active::after{ content:'-'; width:20px; position:absolute; right:10px; font-size:40px; line-height:44px;}
.cp_lx_wa{ height:48px; background:url(http://www.ulsteel.com/wp-content/uploads/2020/12/lianxi_07.png) no-repeat; line-height:48px; font-size:18px; font-weight:bold; padding-left:60px;}
.cp_lx_wc{ height:48px; background:url(http://www.ulsteel.com/wp-content/uploads/2020/12/lianxi_07.png) no-repeat; background-position:0 -61px; line-height:48px; font-size:18px; font-weight:bold; padding-left:60px; margin-top:15px;}
.cp_lx_yx{ height:48px; background:url(http://www.ulsteel.com/wp-content/uploads/2020/12/lianxi_07.png) no-repeat; background-position:0 -122px; line-height:48px; font-size:18px; font-weight:bold; padding-left:60px; margin-top:15px;}

.cp_right{ width:904px; }
.cp_right_tu{ width:425px;}
.cp_right_tu_big{ height:319px;}
.cp_right_tu_big img{ width:425px; height:319px;}
.dis { display:none}
.cp_right_tu_small{ width:425px; margin-top:5px;}
.cp_right_tu_small li{ float:left; width:100px; margin-right:8px;}
.cp_right_tu_small li img{ width:100px;border:1px solid #ccc;}
.cp_right_tu_small li:last-child{ margin-right:0;}
.cp_right_tu_small .on img{border:1px solid #016aac;}
.cp_right_nr{ width:460px;}
.cp_right_nr_bt{ font-size:16px; line-height:30px;}
.cp_right_nr_bt span{font-size:28px; font-weight:bold; display:block; padding-bottom:20px;}
.cp_right_nr_cs{ font-size:16px; line-height:40px; margin-top:15px;}
.cp_right_nr_cs span{ font-weight:bold; font-size:18px;}
.cp_right_nr_yx{ margin-top:30px; border-top:1px solid #c9c9c9;}
.cp_right_nr_yx p{ background:url(http://www.ulsteel.com/wp-content/uploads/2020/12/email.png) no-repeat center left; background-size:20px; padding-left:30px; margin-top:20px; margin-right:20px; font-size:18px; font-weight:bold;}

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

.inside{display: flex; flex-wrap: wrap; box-sizing: border-box;}
.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;}

.dqymdh{ font-family:Microsoft YaHei; font-size:24px; font-weight:bold; color:#000; line-height:25px; margin-bottom:20px;}

.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;}
#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;}

/*移动端导航*/
	.nav_jd #navToggle {
		height: 100%;
		padding: 20px 15px;
		margin-right: -15px;
		display:none;
		float: right;
	}
	.nav_jd #navToggle span {
		position: relative;
		width: 25px;
		height: 2px;
		margin-top: 19px;
	}
	.nav_jd #navToggle span:before,
	.nav_jd #navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 2px;
		left: 0;
	}
	.nav_jd #navToggle span,
	.nav_jd #navToggle span:before,
	.nav_jd #navToggle span:after {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		display: block;
		background: #4f4f4f;
	}
	.nav_jd #navToggle span:before {
		top: 8px;
	}
	.nav_jd #navToggle span:after {
		bottom: 10px;
	}
	.nav_jd #navToggle.open span:before {
		top: 10px;
		-webkit-transform: translateY(-11px) rotate(-45deg);
		-moz-transform: translateY(-11px) rotate(-45deg);
		-ms-transform: translateY(-11px) rotate(-45deg);
		-o-transform: translateY(-11px) rotate(-45deg);
		transform: translateY(-11px) rotate(-45deg);
	}
	.nav_jd #navToggle.open span:after {
		bottom: 12px;
		-webkit-transform: translateY(10px) rotate(45deg);
		-moz-transform: translateY(10px) rotate(45deg);
		-ms-transform: translateY(10px) rotate(45deg);
		-o-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}
	.nav_jd #navToggle.open span {
		background: none;
	}
	.nav_jd #navToggle.open span:before,
	.nav_jd #navToggle.open span:after {
		background: #4f4f4f;
	}
.m_nav{
	position: fixed;
	top: 0px;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 100%;
    height: 100%;
    background: #fff;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
	z-index: 9999999;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    overflow-y: auto;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    top: 0;
    transform: translateX(100%);
}
.m_nav.open{
    transform: translateX(0);
	display:block;
}
.m_nav .top{
	height: 60px;
	padding: 20px;
	box-sizing: border-box;
}
.m_nav .top .closed{
	width: 30px;
	height: 30px;
	vertical-align: middle;
	float:right;
	cursor: pointer;
}
.m_nav .logo{
	width: 100%;
	margin:0 auto;
}
.m_nav .logo img{
	height: 100px;
	display: block;
	margin:30px auto;
}
.m_nav .ul{
	margin-top: 30px;
}
.m_nav .ul li{
	padding: 0 20px;
	border-bottom: 1px solid #f5f5f5;
	transform: translateY(0);
	-webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    opacity: 0;
}
.m_nav.open .ul li{
	opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.m_nav .ul li:nth-child(1) {
    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(2) {
    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(3) {
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(4) {
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(5) {
    -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(6) {
    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(7) {
    -webkit-transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(8) {
    -webkit-transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li a{
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	width: 100%;
}
.m_nav .ul li .dropdown_menu{
	display: none;
}
.m_nav .ul li.dropdown.active .dropdown_menu{
	display: block;
}
.m_nav .ul li .dropdown_menu a{
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #f5f5f5;
}
.m_nav .ul li .dropdown_menu a:last-child{
	border: none;
}

.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; }


/*改版添加*/
.ycyc{ overflow: hidden; }
.p20{ padding-bottom: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_cp .cmore::after{background-position:0 -9px;}
.colum_jj_nr{ overflow:hidden;}
.colum_jj_nr li{ font-size:14px; color:#222; line-height:40px; margin-bottom:1px; background:#f1f1f1; box-sizing:border-box; }
.colum_jj_nr li a{font-size:14px; color:#222; display:block;padding-left:30px;}
.colum_cp{ overflow:hidden;}
.colum_cp_nr li{ font-size:14px; 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:14px; 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;}
.colum_cp_nr .menu-fen li{background:none;padding-left:0;}
.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_jj .fold::after{background-position:0 0;}
.colum_jj .cmore::after{background-position:0 -9px;}
.menu-fen .active a{color: #016aac; font-weight: bold;}
.colum_cp_nr .active a{color:#016aac;font-weight:bold;}

.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;}
.mbxdh_bt{ font-size:28px; color:#222; position:relative; padding-bottom:30px;}
.mbxdh_bt::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:25px; 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;}
.co_img_n{}
.co_img_n i{ display:table; font-style:normal; background:url(https://www.ulsteel.com/wp-content/uploads/2021/10/imgsjx.png) no-repeat left; padding:5px 0 5px 20px;margin:0 auto;}
.xq_a img{ width:904px; height:230px;}
.cont_n p{ padding:10px 0;}
.cont_n strong{ color:#016aac;}
.cont_n table,.co_img table{border-collapse:collapse; border:0;}
.cont_n table td,.co_img table td{border:solid #000 1px; text-align:center; line-height:25px;}
.cont_n span,.co_img 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;box-sizing:border-box;}
.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;}
.cont_lcb{ width:auto; background:url(https://www.ulsteel.com/wp-content/uploads/2021/10/n_nrlcb.png) no-repeat top; height:283px; position:relative;}
.cont_lcb li{ display:block; position:absolute; font-size:18px;}
.cont_lcb .lc_a{ left:64px; top:30px;}
.cont_lcb .lc_b{ left:235px; top:30px;}
.cont_lcb .lc_c{ left:430px; top:30px;}
.cont_lcb .lc_d{ left:642px; top:30px;}
.cont_lcb .lc_e{ left:642px; top:196px;}
.cont_lcb .lc_f{ left:380px; top:196px;}
.cont_lcb .lc_g{ left:186px; top:196px;}
.co_xian{ width:100%; border-top:1px solid #c4c014; margin-top:30px; position:relative;}
.co_xian li{ display:block; width:80px; position:absolute;}
.co_xian li i{ display:block; width:10px; height:10px; border-radius:50%; border:1px solid #c4c014; position:absolute; top:-6px; left:32px; background:#fff;}
.co_xian li span{ display:block; padding-top:20px; text-align:center;}
.co_xian .co_xian_b{left:140px;}
.co_xian .co_xian_c{left:276px;}
.co_xian .co_xian_d{left:412px;}
.co_xian .co_xian_e{left:554px;}
.co_xian .co_xian_f{left:692px;}
.co_xian .co_xian_g{right:0;}
.cont_n  i{ color:#ff2525; font-style:normal;}
.cont_n .tab_gdt{ overflow-x:auto;max-height:870px; margin-bottom:20px;}
.tab_gdt{ padding-right:5px;}
.co_img_n span{font-size:16px; color:#016aac; font-weight:bold; display:block; text-align:center; padding:20px 0 0;}
.co_img_n p{ text-align:center;}
.co_img p{ padding:10px 0; line-height:25px;}
.co_img strong{ color:#016aac;}
.td_p5{ padding:8px 0 8px; }
.tr_p1{ background:#d4d5df;}


@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; display:none;}
	.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{ display: none;}
	
	
	.cont_nr img{ width:100%;}
	.conts_ditu{display: none;}
	.conts_top{ display:none;}
	.content_r{ width:100%;}
	.cont_logo strong{font-size:14px;}
	.co_img{align-items:center;flex-direction:column;}
	.co_img img{ width:100%;}
	.cont_email{ display:none;}
	.cont_logo i{ display:none;}
	.cont_lcb{ background:none;height: 200px;}
	.cont_lcb .lc_a{left:0;}
	.cont_lcb .lc_b{ left: 45%; }
	.cont_lcb .lc_c{ top: 70px; left: 0; }
	.cont_lcb .lc_d{ left: 45%; top: 70px; }
	.cont_lcb .lc_e{ left: 0; top: 110px; }
	.cont_lcb .lc_f{ left: 44%; top: 110px; }
	.cont_lcb .lc_g{ left: 0; top: 150px; }
	.tab_prod_nr .cpzl{width:49%;}
	.ny_r,.dqymdh{display:none;}
	.tab_prod_nr div:nth-child(even){margin-right:0;}
	.relevant .rel_nr ul li{ width:49%; margin-right:5px; margin-bottom:5px;}
	.rel_nr ul li:nth-child(even){margin-right:0;}
	.relevant .rel_nr ul li img{width:100%; height:auto;}
	.relevant .rel_nr ul{flex-wrap:wrap;}
	.cont .biaoge div{font-size:14px !important;}
	#content .zlgl{width:45%;}
	#content .zlgl:nth-child(even){margin-right:0;}
	#content .zlgl-img img{width:100%;height:auto;}
	#content .zlgl .zlgl-bt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
	


	

	
	
	




	
	}


/*------------------
    分页部分的CSS
------------------*/
.fenye{  text-align:center;margin-top:20px;}
.fenye a{display: inline-block;position: relative;height: 46px;line-height: 46px;color: #666;background: #f1f1f1;vertical-align: top;margin:0 2px;font-size: 13px;width:46px;}
.fenye a:hover{background: #f8f8f8;}
.fenye a.extend,.fenye a.last{width: 100px;}
.fenye a.extend span{ padding-left: 10px; }
.fenye a.extend::before{content: '';display: block;position: absolute;width: 1px;height: 14px;background: #555;top: 16px;left: 20px;}
.fenye a.extend::after{content: '';display: block;position: absolute;width: 0;height: 0;border-style:solid;border-width: 6px 8px 6px 0;
border-color:transparent #555 transparent transparent;top: 17px;left: 21px;}
.fenye a.last span{ padding-right: 20px; }
.fenye a.last::before{content: '';display: block;position: absolute;width: 1px;height: 14px;background: #555;top: 16px;right: 20px;}
.fenye a.last::after{content: '';display: block;position: absolute;width: 0;height: 0;border-style:solid;border-width: 6px 0px 6px 8px;
border-color:transparent transparent transparent #555;top: 17px;right: 21px;}
.fenye a.current{    background:#016aac;    color:#fff;}
.fenye .gong{line-height: 46px;display: inline-block;background: #f1f1f1;padding: 0 15px;margin-left: 2px;}
.news_content_below_left{ overflow: hidden; margin: 15px 0; color:#666666;}
.news_content_below_left a{ color:#666666;}


.relevant{ border-top: 1px solid #333333; margin-top: 30px; }
.rel_bt{ font-size: 20px; color: #222; margin: 30px 0;}
.rel_nr ul{ display: flex; flex-wrap:nowrap;justify-content:flex-start;}
.rel_nr ul li{ width: 24%; margin-right: 16px;}
.rel_nr li:last-child{ margin-right: 0; }
.r_title{ background: #eeeeee; text-align: center; line-height: 50px; overflow: hidden;position: relative; }
.r_title a{ color: #333; display: block; position: relative; z-index: 2;}
.r_title::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; }
.related_box:hover .r_title::after{ visibility:visible; opacity: 1;transform:translateY(0); }
.related_box:hover .r_title a{ color: #fff; }


.menu-fen li a{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;}

.lxwm-ly .mail {display:flex;flex-wrap: wrap;justify-content: space-between;}
.lxwm-ly .mail input { border:0;}
.lxwm-ly .mail span{display:block;}
.lxwm-ly .mail .mail-a{ width:49%; }
.lxwm-ly .mail .mail-a input{max-width:100%;width:100%;padding: 0 15px; box-sizing:border-box;}
.lxwm-ly .mail .mail-b{width:100%;max-width:100%;}
.lxwm-ly .mail .mail-b textarea{max-width:100%;}
.lxwm-ly .mail .mail-c{width:100%;max-width:100%;}
.lxwm-ly .tijiao{width: 200px; }
.mail-a .wpcf7-form-control{ background-color: #f1f1f1;line-height: 40px; display:inline-block; }
.mail-b textarea{width: 100%;max-width: 240px; max-height: 130px;padding: 15px;box-sizing:border-box; }
.tijiao .wpcf7-form-control{ width: 100%; max-width: 240px; line-height: 40px; background-color: #016aac; color: #Fff; cursor: pointer;}
.mail-c span{float:left;font-size:14px;}
.mail-c .wpcf7-form-control-wrap{max-width: 170px;}
.mail-b .wpcf7-form-control{background-color: #f1f1f1; border:0;}
.mail i{ color: #c50311; font-style:normal;}
.tijiao{position:relative;}
.conts_hsy_nr .tijiao{margin-bottom:0;}
.tijiao .wpcf7-spinner{ position: absolute!important; right: 20px; top: 7px; }


.cont_email .mail {display:flex;flex-wrap: wrap;justify-content: space-between;}
.cont_email .mail input { border:0;}
.cont_email .mail span{display:block;}
.cont_email .mail .mail-a{ width:49%; }
.cont_email .mail .mail-a input{max-width:100%;width:100%;padding: 0 15px; box-sizing:border-box;}
.cont_email .mail .mail-b{width:100%;max-width:100%;}
.cont_email .mail .mail-b textarea{max-width:100%;}
.cont_email .mail .mail-c{width:100%;max-width:100%;}
.cont_email .tijiao{width: 200px; }
.cont_email .tijiao .wpcf7-spinner{ position: absolute!important; right: 20px; top: 18px; }

/*20250121*/
.padd-50{margin:50px 50px 0;}
.cp-pron{ padding: 50px;overflow:hidden; box-sizing: border-box;background-color: #fff; }
.cp-steel{display:flex;flex-flow: wrap;justify-content:space-between;align-items: stretch;}
.cp-pr-left{width: 21%; background-color: #999; height: 1200px;}
.cp-pr-right{width: 76%;}
.cp-pr-r-nr{display: flex;flex-wrap: wrap;justify-content: space-between;}
.cp-pr-r-nr-a{width: 48%;background-color: #f1f1f1;box-shadow:0 0 12px rgb(0 0 0 / 15%);position: relative;overflow: hidden; margin-bottom: 4%;}
.cp-pr-r-nr-a-img{float: left;width: 100%;height: 100%;max-width: 100px;max-height: 100px;position: relative; z-index: 3;}
.cp-pr-r-nr-a-title{float: left; padding: 28px 30px 10px 30px;box-sizing: border-box; position: relative; z-index: 4;}
.cp-pr-r-nr-a-title span{font-size: 18px;display:block; position: relative;}
.cp-pr-r-nr-a-title span::after{content: ''; height: 1px; background-color: #cccccc; position: absolute; bottom: -16px;left: 0;width: 100%;}
.cp-pr-r-nr-a-title span::before{content: ''; height: 2px; background-color: #043785; position: absolute; bottom: -15px;left: 0;width: 50%;}
.cp-pr-r-nr-a::after{content: ''; width: 90px; height: 90px; background-color:#043785; position: absolute; right: -50px; bottom: -50px; text-align: center; line-height: 50px; font-size: 18px; color: #fff;transform:rotate(45deg);transition:all .75s ease 0s;z-index: 1;}
.cp-pr-r-nr-a a i{display: inline-block;font-style: normal;position:absolute; right: 5px; bottom: 5px; z-index: 2; color: #fff;font-size: 24px;}
.cp-pr-r-nr-a a{display: block;width: 100%;}
.cp-pr-r-nr-a:hover::after{width: 954px;height: 500px;right: 0; bottom: 0;}
.cp-pr-r-nr-a:hover{background-color: #f58426;transition:all 1.5s ease 0s;z-index: 1;}
.cp-pr-r-nr-a:hover .cp-pr-r-nr-a-title a{ color: #fff; }
.cp-pr-r-nr-a:hover .cp-pr-r-nr-a-title span::before{background-color: #fff;}
.cp-pr-r-nr-a-img img{width:100px; height:100px;object-fit:cover;}
#page div.pr-nr:last-child{border:none;}

.demo-gallery {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.demo-gallery a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  display: block;
  
  margin: 0 10px 9px 0;
  width: 24.3%;
  line-height: 0;position:relative;
}
.demo-gallery a img{width: 100%;}
.demo-gallery a:nth-child(4n+0){margin: 0 0 10px 0;}


a.demo-gallery__img--main {
  width: auto;
  height: auto;
}
.demo-gallery__title {
  line-height: 14px;
  font-size: 14px;
  opacity: 0.8;
  margin-top: 5px;
  width: 100%;
  float: left;
}
.demo-gallery figure{opacity:0;margin: 0; position: absolute;bottom: 0;background: rgba(0,0,0,0.8); line-height: 32px; padding: 3%; width: 100%;color: #fff;box-sizing: border-box;transition: opacity 0.8s;}
.demo-gallery a:hover figure{opacity:1;transition: opacity 0.8s;}
.hzhb{margin-bottom:30px;}
.cp-con .cp-right-nr{background:#f1f1f1;padding:20px;box-sizing:border-box;overflow:hidden;}
.fabric-b-top30{ margin-top:30px;}
.navigation121{width: 100%;background: url(https://www.ulsteel.com/wp-content/uploads/2025/01/hsy-midb.jpg);background-size: cover;padding: 20px; box-sizing: border-box;}
.navigation-sj i, .navigation-dd i{background: url(https://www.ulsteel.com/wp-content/uploads/2025/01/121-sj.png)no-repeat; width: 16px; height: 16px; display:inline-block; float: left;padding-right: 10px;}
.navigation-sj i{background-position:-23px 3px;}
.navigation-dd i{background-position:-23px -22px;}
.navigation-sj{margin-top:20px; color:rgba(255, 255, 255, 0.8);}
.navigation-dd{margin-top:10px; color:rgba(255, 255, 255, 0.8);}
.navigation-bt{font-size: 20px; color: #fff; font-weight: bold; line-height: 32px;}
@media screen and (max-width: 600px){
.cp-pron{padding:0 20px 20px 20px; }
.demo-gallery a{width:49%;margin:0 1% 1% 0;}
.demo-gallery a:nth-child(5n+0){margin:0 1% 1% 0;}
.develop-l{width:100%;}
.navigation-bt{font-size: 20px; color: #fff; font-weight: bold; line-height: 32px;}
.navigation121{width: 100%;background: url(https://www.ulsteel.com/wp-content/uploads/2025/01/hsy-midc.jpg);background-size: cover;
}