@charset"utf-8";
@import url(../layui/css/layui.css);
li{list-style:none}legend{color:#5A5A5A}fieldset,img{border:0}i,em{font-style:normal}ul{margin:0;padding:0}strong{font-weight:bold}caption,th{text-align:left}q:before,q:after{content:''}sup{vertical-align:super}sub{vertical-align:sub}del,ins{text-decoration:none}small{font-size:12px;display:block}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select{font-size:100%}input.hidefocus::-moz-focus-inner{border:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}table{border-collapse:collapse;border-spacing:0;empty-cells:show}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;outline:none}*{padding:0;margin:0;}a{text-decoration:none!important;-webkit-tap-highlight-color:transparent;outline:none}strong{font-weight:bold}ul{list-style:none}*html.clearfix{zoom:1}*+html.clearfix{zoom:1}.clearfix{zoom:1}*+html .clearfix{zoom:1}.clearfix:after{height:0;visibility:hidden;content:".";display:block;clear:both}
@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display: swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display: swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display: swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face {font-family: "iconfont";src: url('../css/iconfont.ttf?t=1716011658597') format('truetype');}
.iconfont {font-family: "iconfont" !important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.iconfont.linkedin::before {content: "\e787";}.iconfont.facebook::before {content: "\e735";}.iconfont.pinterest::before {content: "\e514";}.iconfont.instagram::before {content: "\e88f";}
a,html,ody,p,span{font-family:'Roboto',Arial,Helvetica,sans-serif!important}.aligncenter{margin:0 auto;display:block}.contentfix{max-width:1400px;margin:0 auto;padding:0 3%}
html{font-size:62.5%; /* 10÷16=62.5% */}body{font-size:16px;font-size:1.6rem ; line-height:2;font-family:'Roboto', sans-serif;color:#333;background:#fff;}a:hover{color:#0065ad}
img{max-width: 100%!important;height: auto!important;}.st-logo img{width: auto;}.bold{font-weight: bold;}.paddingbottom30{padding-bottom:30px}iframe{max-width: 100%;}h3{font-size: 1.6rem;}.marginbottom30{margin-bottom:30px}p.marginbottom40,.railing_systems p.marginbottom40{margin-bottom:40px}.public_p p{margin-bottom:15px}.public_p h2{margin-bottom:10px}
.bg_hui{background:rgba(244,242,243,0.8);}.bg_hui .padding{padding:40px}
.highco_mbx{font-size:14px;color:#969797;position: relative;z-index: 1;}.highco_mbx a,.content_blog .highco_mbx a{color:#969797}.highco_mbx a:hover{color:#00479d}.highco_mbx a::after{content:' >';}.highco_mbx a.a_no::after{content:'';}.highco_mbx a:hover{color:#00479d}.highco_mbx i{font-size:14px;margin-right:10px}
.layui-nav{background:0 0;padding:0}
.layui-nav-bar{display:none}
.layui-main{width:100%}
#header{height:auto}
.layui-carousel>[carousel-item]>*{background-color:#fff}
.swiper-button-prev{background-image:url(../images/arrow-l.png)!important;background-size:40%!important;position:static!important;float:left;height:19px!important;margin:0!important}
.swiper-button-next{background-image:url(../images/arrow-r.png)!important;background-size:40%!important;margin:0!important;position:static!important;float:left;height:19px!important}
.screen-reader-response,.wpcf7-validation-errors{display:none}
.layui-footer span.wpcf7-not-valid-tip{color:#999}
.layui-footer .your-captcha .wpcf7-not-valid-tip{top:71px;left:0}

#header .header .layui-top .layui-left .layui-logo a{display:block}
#header .header .layui-top .layui-left .layui-logo a img{max-width:100%}
#header .header .layui-top .layui-right{text-align:right}
#header .header a{margin-right:10px;overflow:hidden;position:relative;white-space:wrap;}
#header .header .layui-bottom ul li:last-of-type::after{display:none}
#header .header .layui-bottom ul li:hover a{position:relative;box-sizing:border-box;}
#header .header .layui-bottom ul li.pointer > a,#header .header .layui-bottom ul li.pointer > a{pointer-events: none;}
.banner-about,.banner-product{width:100%;height:260px;background:url(../images/banner_product.webp) no-repeat center center;}
.banner_news{height:auto;background:none;}
.banner-ad{max-width:1300px;margin:0 auto;display: flex;align-items: center;}.banner-ad .ad-nei{width:100%;}

.banner-ad .ad-nei h1{color:#324a78;font-weight:700;line-height: 1.5;}
.banner-about{background:url(../images/banner_about.webp) no-repeat center center}
.banner_capability{background:url(../images/banner_capability.webp) no-repeat center center}
.banner_squreline{background:url(../images/banner_squreline.webp) no-repeat center center}
.banner_slotted_tube_fittings{background:url(../images/banner_slotted_tube_fittings.webp) no-repeat center center}
.banner_rectangle_fittings{background:url(../images/banner_rectangle_fittings.webp) no-repeat center center}
.banner_base_Cover{background:url(../images/banner_base_Cover.webp) no-repeat center center}
.banner_baluster_brackets{background:url(../images/banner_baluster_brackets.webp) no-repeat center center}
.banner_bar_fittings{background:url(../images/banner_bar_fittings.webp) no-repeat center center}
.banner_handrail_supports{background:url(../images/banner_handrail_supports.webp) no-repeat center center}
.banner_tube_joiners{background:url(../images/banner_tube_joiners.webp) no-repeat center center}
.banner_end_caps{background:url(../images/banner_end_caps.webp) no-repeat center center}
.banner_handrail_brackets{background:url(../images/banner_handrail_brackets.webp) no-repeat center center}
.banner_railing_tube_joiners{background:url(../images/banner_railing_tube_joiners.webp) no-repeat center center}
.banner_railing_end_caps{background:url(../images/banner_railing_end_caps.webp) no-repeat center center}
.banner_railing_base_cover{background:url(../images/banner_railing_base_cover.webp) no-repeat center center}
.banner_handrail_adaptors{background:url(../images/banner_handrail_adaptors.webp) no-repeat center center}
.banner_handrail_bracket{background:url(../images/banner_handrail_bracket.webp) no-repeat center center}
.banner_railing_handrail_supports{background:url(../images/banner_railing_handrail_supports.webp) no-repeat center center}
.banner_railing_sheet_holders{background:url(../images/banner_railing_sheet_holders.webp) no-repeat center center}
.banner_railing_baluster_brackets{background:url(../images/banner_railing_baluster_brackets.webp) no-repeat center center}
.banner_railing_bar_fittings{background:url(../images/banner_railing_bar_fittings.webp) no-repeat center center}
.banner_glass_clamp{background:url(../images/banner_glass_clamp.webp) no-repeat center center}
.banner_glass_holders_and_brackets{background:url(../images/banner_glass_holders_and_brackets.webp) no-repeat center center}
.banner_glass_holders{background:url(../images/banner_glass_holders.webp) no-repeat center center}
.banner_glass_clamps{background:url(../images/banner_glass_clamps.webp) no-repeat center center}
.banner_u-profile_fittings{background:url(../images/banner_u-profile_fittings.webp) no-repeat center center}
.banner_square_tube_fittings{background:url(../images/banner_square_tube_fittings.webp) no-repeat center center}
.banner_glass_fencing_spigots{background:url(../images/banner_glass_fencing_spigots.webp) no-repeat center center}
.banner_glass{background:url(../images/banner_glass.webp) no-repeat center center}
.banner_public .contentfix{color:#324a78;height: 260px;align-items: center;}
.banner_application{background:url(../images/banner-application.webp) no-repeat center center}
.banner_post_glass_railing{background:url(../images/banner-post-glass-railing.webp) no-repeat center center}
.banner_spigot_glass_railing{background:url(../images/banner-spigot-glass-railing.webp) no-repeat center center}
.banner_standoff_glass_railing{background:url(../images/banner-standoff-glass-railing.webp) no-repeat center center}
.banner_stainless_steel_railing{background:url(../images/banner-stainless-steel-railing.webp) no-repeat center center}
.banner_metal_panel_railing{background:url(../images/banner-metal-panel-railing.webp) no-repeat center center}
.banner_cable_railing{background:url(../images/banner-cable-railing.webp) no-repeat center center}

.layui-product{width:100%;padding-bottom:70px}
.layui-product .product-list{max-width:1340px;margin:0 auto}
.layui-product .product-list .category{float:left;width:31.6666666667%;margin-right:2.5%;padding:90px 12px 12px 12px;box-sizing:border-box;margin-bottom:70px}
.layui-product .category_shop{max-width:1300px;padding:20px 0 40px;margin:0 auto}
.layui-product .product-list .category h2,.layui-product .category_shop h2{font-size:36px;color:#324a78;font-weight:600;background:url(../images/title_bg.webp) no-repeat left bottom;padding-bottom:15px}
.layui-product .product-list .category p{font-size:16px;color:#333;background:url(../images/a-bg.png) no-repeat left bottom;padding:15px 0 48px 0}
.layui-product .product-list .category a{display:block;width:150px;height:45px;text-align:center;line-height:45px;background:url(../images/download.png) no-repeat 92% center;background-color:#0065ad;font-size:16px;color:#fff;box-sizing:border-box;padding-right:24px;margin-top:23px}
.layui-product .product-list .product{text-align: center;}.layui-product .product-list .product .img{max-width:86%;padding:12px;background-color:#f2f2f2;border:1px solid #ebebeb;border-radius:8px;position:relative;cursor:pointer;margin:0 auto}.layui-product .product-list .product .img img{width: 100%;}
.layui-product .product-list .product h3{padding:20px 0 0 0;text-align:center;transition-duration:.6s;-moz-transition-duration:.6s;-webkit-transition-duration:.6s;-o-transition-duration:.6s}
.layui-product .product-list .product p{color:#666;line-height:1.5;min-height: 50px;}
.layui-product .product-list .product:hover h3 a{color:#324a78}
.layui-productlist{padding-bottom: 70px;}
.layui-product .product-title{margin-bottom:45px}
.layui-productlist .product-title h2,.layui-product .product-title h2{color:#324a78;font-weight:700;background:url(../images/title_bg.webp) no-repeat left bottom;padding-bottom:10px}
.layui-productlist .product-title p,.layui-product .product-title p{color:#333;padding-bottom:20px;line-height:2;}
.layui-productlist .product-list{max-width:1300px;margin:0 auto}
.layui-productlist .product-list .product-sort{margin-right:5%}
.layui-productlist .product-list .product-sort .title{font-size:20px;color:#fff;width:100%;text-align:center;height:50px;line-height:50px;background:#0065ad}
.layui-productlist .product-list .product-sort .sort-list{background:#f9f9f9;box-sizing:border-box;padding:28px}
.layui-productlist .product-list .product-sort .sort-list #sort a{font-size:18px;color:#333;display:block;background:url(../images/circle_hover.png) no-repeat left center;padding:10px 0 10px 25px}
.layui-productlist .product-list .product-sort .sort-list p a{font-size:18px;color:#333;display:block;background:url(../images/circle.png) no-repeat left center;padding:10px 0 10px 25px}
.layui-productlist .product-list .product-sort .sort-list p:hover a{background:url(../images/circle_hover.png) no-repeat left center}
.layui-productlist .product-list .product-sort .sort-list h2 a{font-size:18px;color:#333;display:block;background:url(../images/circle.png) no-repeat left center;padding:10px 0 10px 25px}
.layui-productlist .product-list .product-sort .sort-list h2:hover a{background:url(../images/circle_hover.png) no-repeat left center}
.layui-productlist .product-list .product-sort .sort-list h2 .current{background:url(../images/circle_hover.png) no-repeat left center}
.layui-productlist .product-list .category{float:left;width:31.6666666667%;margin-right:2.5%;padding:90px 12px 12px 12px;box-sizing:border-box;margin-bottom:70px}
.layui-productlist .product-list .category h2{font-size:40px;color:#324a78;font-weight:700;background:url(../images/title_bg.webp) no-repeat left bottom;padding-bottom:15px}
.layui-productlist .product-list .category p{font-size:16px;color:#333;background:url(../images/a-bg.png) no-repeat left bottom;padding:15px 0 48px 0}
.layui-productlist .product-list .category a{display:block;width:150px;height:45px;text-align:center;line-height:45px;background:url(../images/download.png) no-repeat 92% center;background-color:#0065ad;font-size:16px;color:#fff;box-sizing:border-box;padding-right:24px;margin-top:23px}
.layui-productlist .product-list .product{width:31.6666666667%;float:left;margin-right:2.5%;box-sizing:border-box;padding:12px;background-color:#f2f2f2;border:1px solid #ebebeb;border-radius:8px;position:relative;margin-bottom:70px;cursor:pointer}
.layui-productlist .product-list .product .title h3{padding:38px 0 0 0;text-align:center;font-size:18px;color:#333;transition-duration:.6s;-moz-transition-duration:.6s;-webkit-transition-duration:.6s;-o-transition-duration:.6s}
.layui-productlist .product-list .product .title span{display:block;text-align:center;font-size:16px;color:#666}
.layui-productlist .product-list .product .title .more{display:none;width:100%;height:45px;line-height:45px;text-align:center;font-size:14px;color:#333;background:url(../images/arrow.png) no-repeat 38% center;box-sizing:border-box;padding-left:30px}
.layui-productlist .product-list .product:hover .title{box-sizing:border-box;border-bottom-left-radius:8px;border-bottom-right-radius:8px}
.layui-productlist .product-list .product:hover .title h3{padding:25px 0 0 0;color:#324a78}
.layui-productlist .product-list .product:hover .title .more{display:block}
.layui-productlist .product-list ul{margin-top:40px;}.layui-productlist .product-list ul li{margin-bottom:20px}.layui-productlist .product-list ul li .a{display:block;background-color:#f2f2f2;padding:10px}
.layui-productlist .product-list ul li .a .title{box-sizing:border-box;min-height:90px;padding:12px 0}
.layui-productlist .product-list ul li .a .title h3{color:#333;text-align:center;padding:10px 0 0 0;transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1s;-o-transition-duration:1s}
.layui-productlist .product-list ul li .a .title .more{font-size:14px;display:none;text-align:center;box-sizing:border-box;padding-left:18px;width:100%;background:url(../images/arrow.png) no-repeat 30% 64%;background-size:8%}
.layui-productlist .product-list ul li .a img{width:100%}
.layui-productlist .product-list ul li:hover .title h3{color:#0065ad}
.layui-productlist .product-list ul li:hover .title .more{display:block}
.layui-productcontent .product-title{max-width:1300px;margin:0 auto;}
.layui-productcontent .product-content h2{font-size:3rem;color:#324a78;font-weight:700;background:url(../images/title_bg.webp) no-repeat left bottom;padding-bottom:20px;margin-bottom: 20px;line-height: 1.5;}
.layui-productcontent .product-content p{font-size:16px;color:#333;padding-bottom:12px}
.layui-productcontent .share{max-width:1300px;;margin:0 auto;text-align:right}
.layui-productcontent .product-content #layerDemo{width:210px;height:60px}
.layui-productcontent .product-content #layerDemo #st-1{width:52px;float:right;}
.layui-productcontent .product-content #layerDemo button{float:left;width:150px;background:#001d55;line-height: 50px;height: 50px;font-size:1.6rem;}
.layui-productcontent .product-content{max-width:1300px;;margin:0 auto}
.layui-productcontent .product-content h3{font-size:30px;color:#324a78;font-weight:700;margin-bottom:35px}
.layui-productcontent .product-content .product-img{box-sizing:border-box;border:1px solid #999}
.layui-productcontent .product-content .product-img .sw-img img{width:100%}
.layui-productcontent .product-content .product-img .cs-img img{width:100%}
.layui-productcontent .product-content .product-info{box-sizing:border-box;padding:35px 20px}
.layui-productcontent .product-content .product-info .message p span{display:block}
.layui-productcontent .product-content .product-info .message p span:first-child{font-size:14px;color:#333;padding-bottom:5px}
.layui-productcontent .product-content .product-info .message p span:last-child{font-size:22px;color:#333}
.layui-productcontent .product-data{width:100%;padding:33px 0}
.layui-productcontent .product-data .data{max-width:1300px;;margin:0 auto}
.layui-productcontent .product-data .data .title{padding-top:36px}
.layui-productcontent .product-data .data .title p{font-size:23px;color:#0065ad;font-weight:700;background:url(../images/title_bg.webp) no-repeat left bottom;padding-bottom:10px}
.layui-productcontent .product-data .data .data-form table:first-child{width:100%;border-collapse:separate;border-spacing:2px}
.layui-productcontent .product-data .data .data-form table:first-child tr{width:100%;}
.layui-productcontent .product-data .data .data-form table:first-child tr td{text-align:center;background-color:#abcbcb;color:#324a78;font-size:14px}
.layui-productcontent .product-data .data .data-form table.table_info{margin-top:30px}
.layui-productcontent .product-data .data .data-form table:first-child tr:first-child td{background-color:#7c9ac3;color:#324a78;font-size:14px}
.relative-product{max-width:1300px;;margin:0 auto;padding:57px 0}
.relative-product .relative-title{font-size:26px;color:#324a78;margin-bottom:35px}
.relative-product ul li a{display:block;background-color:#f2f2f2;padding:10px}
.relative-product ul li a .title{box-sizing:border-box;height:90px;padding:12px 0}
.relative-product ul li a .title h3{font-size:16px;color:#333;text-align:center;padding:10px 0;transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1s;-o-transition-duration:1s;line-height: 1.5;}
.relative-product ul li a .title .more{font-size:14px;display:none;text-align:center;box-sizing:border-box;padding-left:18px;width:100%;background:url(../images/arrow.png) no-repeat 33% 64%;background-size:8%}
.relative-product ul li a img{width:100%;height: 202px;}
.relative-product ul li:hover .title h3{padding:12px 0;color:#0065ad}
.relative-product ul li:hover .title .more{display:block}
.product-content .layui-layer-title{background:#78c8fb;font-weight:bold;text-align:center;color:#fff;}
.product-content form{font-size:16px;}.product-content form input,.product-content form textarea{border:none;background:#eaeceb;line-height:32px;text-indent:5px;}
.product-content .form_product{width:95%;margin:0 auto;padding-top:20px;}
.product-content form textarea{height:160px;}.product-content form input#submit{background:#78c8fb;font-weight:bold;color:#fff}

.video .video_bg{background: #f5f5f5;}.video .video_bg div{padding:0 10%}.content .marginnone{margin:0}.video iframe{max-width: 100%;display: block;}.video .video_bg div {padding: 0 10%;}.video .video_bg p{margin-bottom:30px}

/*relative-news*/
.relative-news h2.title{color:#324a78;font-weight: bold;}
.relative-news .relative-wrapper .relative-item{box-sizing:border-box;background-color:#fff;border-radius:10px;overflow:hidden}
.relative-news .relative-wrapper .relative-item h3{padding-bottom:10px;border-bottom:1px solid #e1e4e9;margin-left:15px;padding-top:10px}
.relative-news .relative-wrapper .relative-item h3 a{color:#333;line-height:25px}
.relative-news .relative-wrapper .relative-item h3 a:hover{color:#1657b4}
.relative-news .relative-wrapper .relative-item .desc{overflow:hidden;padding:0px 15px 20px;}
.relative-news .relative-wrapper .relative-item .desc p{font-size:14px;color:#999;line-height:25px}

.content_blog .content h2,.content_blog .content h3{font-weight: bold;margin-bottom: 15px;}
.content_blog .relative-news-products{background:#f9f9f9;border-radius:4px;box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.1);}.content_blog .relative-news-products h2{line-height:1.2;text-align:center;}.content_blog .relative-news-products ul{width:80%;margin:0 auto}.content_blog .relative-news-products ul li{margin-bottom:30px}.content_blog .relative-news-products img{max-width:100%;margin-bottom:20px}.content_blog .relative-news-products ul h3{line-height:1.2;text-align:center}
.content_blog .content{line-height: 2;}.content_blog .content .layui-colla-content{line-height: 2;}.content_blog .content .paddingbottom50{padding-bottom:50px}
.content_blog .content p{line-height:2;margin-bottom:20px}
.duigou li,.circle li{position: relative;padding-left: 30px;margin-bottom:15px}.duigou li::before,.circle li::before{position:absolute;left:0;line-height:1;color: #324a78;top: 8px;}
.duigou li::before{content:'\2714';}
.circle li::before{content:'\2022'}
.shuxian li{position: relative;}
.shuxian li::before{content: '';width:6px;height:6px;background:#00479d;margin-right:10px;display: inline-block;border-radius: 50%;position: relative;top: -3px;}

blockquote{border-left: 5px solid rgba(0,0,0,0.05);padding:0.8em 1.6em;margin: 1.5em auto 2.2em;}blockquote .marginbottom0{margin-bottom: 0;}

.layui-nav-tree,.layui-nav.layui-nav-tree{width: 100%;}.content_blog .layui-nav *{font-size: 1.6rem;}.content_blog .layui-this{background: none;}
.content_blog .layui-nav,.content_blog .layui-nav:hover,.layui-nav-tree .layui-nav-item a:hover{background:#f2f2f2;}.content_blog .h3{font-weight: 600;font-size: 1.6rem;}
.content_blog .layui-nav-itemed > .layui-nav-child{background: #dfdfdf!important;}
.content_blog .layui-nav-itemed > .layui-nav-child{background:#fff;}
.content_blog .layui-nav-tree .layui-nav-child,.content_blog .layui-nav-itemed > a, .content_blog .layui-nav-tree .layui-nav-title a, .content_blog .layui-nav-tree .layui-nav-title a:hover,.content_blog .layui-nav-tree .layui-nav-child a:hover,.content_blog .layui-nav .layui-nav-item a{color: #333!important;white-space: inherit;}
.content_blog .layui-nav .layui-nav-more,.content_blog .layui-nav .layui-nav-mored,.content_blog  .layui-nav-itemed > a .layui-nav-more{border-top-color: #333;border-color: #333 transparent transparent;}.content_blog .layui-nav-tree .layui-nav-bar{background-color:#1657b4}.content_blog .layui-nav-child{white-space: normal;}
.content_blog .layui-nav .layui-nav-item .layui-nav-child a{height:auto;display:inline;padding:0;}
.content_blog .layui-nav .layui-nav-item .layui-nav-child a:hover{background:none!important;}
.content_blog .layui-nav .layui-nav-item .layui-nav-child a.color_none{color:#333!important}

.product-contact{width:100%;height:148px;background:url(../images/contact_bg.webp) no-repeat center center}
.product-contact .contact-link{max-width:1300px;;margin:0 auto;padding-top:50px}
.product-contact .contact-link p{font-size:24px;color:#fff;float:left;padding-top:5px}
.product-contact .contact-link a{color:#fff;}.product-contact .contact-link a:hover{color:#dedede;}
/*about us*/
.public_title h2{margin-bottom: 20px;}
.about-content p{margin-bottom: 15px;}
.aboutus1 li{margin-bottom: 12px;background: #f1f5f9;padding: 15px;}
.aboutus1 img{border-bottom-right-radius: 20px;}
.aboutus2 .img{border-radius: 12px;overflow:hidden;margin-bottom: 30px;margin-top:30px;background:url(../images/about-precision-machinin.webp) no-repeat center center; color: #fff;position: relative;display: flex;align-content: center;}
.aboutus2 .img::before{position: absolute;background:linear-gradient(135deg, rgba(50, 74, 120, 1) 0%, rgba(52, 74, 120, .6) 100%);left: 0;top: 0;width: 100%;height: 100%;content: '';}
.aboutus2 .img .p{position: relative;z-index: 1;padding:0 3%;max-width:980px;margin: 0 auto;display: flex;align-content: center;flex-wrap: wrap;}

.aboutus2 .img{height: 582px;}

.aboutus2 ul li{background:#f1f5f9;padding:30px 1%;border-radius:10px;border-left:5px solid #324a78;position:relative;transition:all .3s ease}
.aboutus2 ul li:hover{background:#eff6ff;border-left-color:#1d4ed8}
.aboutus2 ul li::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#2563eb,#324a78);border-radius:10px 10px 0 0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.aboutus2 ul li:hover::before{transform:scaleX(1)}
.aboutus3 ul li{background:#fff;padding:2rem;border-radius:12px;transition:all .3s ease;border:1px solid #e2e8f0;position:relative;overflow:hidden;margin-bottom: 30px;}
.aboutus3 ul li::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#2563eb,#324a78);transform:scaleX(0);transition:transform .3s ease}
.aboutus3 ul li:hover{box-shadow:0 15px 30px rgba(37,99,235,0.1);border-color:#dbeafe}
.aboutus3 ul li:hover::before{transform:scaleX(1)}
.aboutus3 ul li i{color:#324a78;font-size:4rem;margin-bottom:1.2rem;display:inline-block;transition:transform .3s ease}
.aboutus3 ul li:hover i{transform:scale(1.1) rotate(5deg)}
.aboutus3 ul li h3{color:#324a78;margin-bottom:1rem;}
.aboutus3 ul li.li_bg{background:linear-gradient(135deg,#324a78 0,#3498db 100%);color:#fff;display: flex;  align-items: center;border:0;font-size: 1.8rem;border-top-left-radius:0}
.aboutus4{color: #fff;border-radius:12px;overflow: hidden;}
.aboutus4 .div_h2{background:#324a78;color:white;display: flex;align-items: center;justify-content: center;width:100%;height:120px;}.aboutus4 h2{color: #fff!important;margin-bottom: 0!important;}
.aboutus4 .aboutus4_content{background:#324a78;width:100%}.aboutus4 .aboutus4_content ul li{padding:15px 5%;}
.aboutus4 .aboutus4_content ul li i{color:#f9ca44}

.about-content .h2{font-weight:bold;line-height:1.5;text-align: center;}
.about-content .h22{color: #324a78;line-height:1.5;}
.about-content .about_hui{background:#f2f2f2;padding:60px 0 50px}
.about-content ul.ul1 li{box-shadow:0 0 16px rgba(51,51,51,.2);background:#fdfdfd}
.about-content .product-data .data{max-width:1300px;;margin:0 auto}
.about-content .product-data .data .title h2,.catalog_list .title h2,.public_title h2{color:#324a78;font-weight:700;background:url(../images/title_bg.webp) no-repeat left bottom;padding-bottom:10px;line-height:1.5}
.about-content .product-data .data .title:after,.catalog_list .title::after{content:'';display:block;width:100%;height:32px;margin-top:20px;background:url(../images/a-bg.png) no-repeat left bottom}
.about-content .product-data .data .data-form table{width:100%;border-collapse:separate;border-spacing:2px}
.about-content .product-data .data .data-form table tr{width:100%;height:60px}
.about-content .product-data .data .data-form table tr td{width:160px;height:60px;text-align:center;background-color:#abcbcb;color:#324a78;font-size:14px}
.about-content .product-data .data .data-form table tr td:first-child{width:22%}
.about-content .product-data .data .data-form table tr:first-child td{width:160px;height:40px;text-align:center;background-color:#7c9ac3;color:#324a78;font-size:14px}
/*Why Highco*/
.content_public{max-width:1300px;;margin:0 auto;padding-left: 3%;padding-right:3%}
.content_public h2{font-weight:bold;color: #0065ad;}.content_public h3{font-weight:600}
.content_public h2.h2{background: url(../images/banner_t.jpg) no-repeat left bottom;text-align:left;line-height:40px;color:#324a78}
.capability{line-height:30px;}
/*catalog_list*/
.catalog_list .title{margin-bottom:40px;}.catalog_list .title p{padding-top:10px;}.catalog_list ul li a{border:12px solid #f2f2f2;border-radius:5px;overflow: hidden;}
.catalog_list ul li a{display: block;position: relative;}.catalog_list ul li a h3{color: #fff;background: #0065ad;text-align: center;}.catalog_list ul li a h3::after{content: ' ';width: 28px;height:18px;background: url(../images/download_ico.webp) no-repeat right center;display: inline-block;}.catalog_list ul li img{width: 100%;}
/*application*/
.hignco_metal_application .desc{color:#666}.hignco_metal_application ul li{background: #f2f2f2;padding:12px;border-radius: 8px;text-align: center;}.hignco_metal_application ul li h3{font-weight: bold;}
/*railing systems*/
.railing_systems{margin-bottom:50px}.railing_systems h2{font-weight: bold;margin-bottom:20px;}.railing_systems p{margin-bottom: 20px;}.yingyonglist{max-width:1200px!important;}
.railing_systems ul{margin-bottom:30px}.railing_systems ul li{margin-bottom:5px}
/*bloglist*/
.blog-loadmore li{position: relative;}.blog-loadmore li::before{content:' ';width:80%;left: 0;right: 0;margin: 0 auto;position: absolute;bottom: 0;height: 1px;background: #b5b5b5;}
.blog-loadmore li.date{line-height: 1;}.blog-loadmore h2{line-height: 1.5;}.blog-loadmore li .desc{line-height: 1.8;}
.alm-btn-wrap button {margin: 0 auto;display: block;line-height: 30px;padding: 0 15px;border: 1px solid #dfdfdf;border-radius: 6px;font-size: 14px;}
/*blog*/
.content_blog{font-size:16px;line-height:1.5}.content_blog h1{text-align:center;border-bottom:1px dashed #dfdfdf;}.content_blog a{color: #324a78;}
.content_blog .date{padding-bottom:40px;color:#999;font-size:14px;}img.aligncenter{display:block;margin:0 auto;}
.content_blog .addtoany_shortcode{float:right;width:50px;}
.relative-news{background:#f9f9f9;}.relative-news h2{line-height:30px;}.relative-news li{margin-bottom:20px;}.relative-news .desc{color:#999;font-size:14px;}
.content_blog .date{padding-top:10px;line-height:40px;}.content_blog .date div{float:right;width:40px}
.blog_contact{height: 148px;background: url(../images/contact_bg.webp) no-repeat center center;font-weight:bold;}.blog_contact a{color:#fff;}

.contact-way{width:100%;background:#f2f2f2;}
.contact-way ul{max-width: 1200px;margin:0 auto}.contact-way ul li p{text-align:center;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.15);padding:30px 12% 0;height:235px;border-radius:6px;}
.contact-way ul li p .iconfont{color:#0065ad;font-size:9rem;display: block;margin:0 auto;line-height:0.8;}.contact-way ul li p em{display: block;color: #0065ad;margin-bottom: 5px;}
.contact-way .contact-form-content h2{text-align: left;line-height:1.6;}.contact-way .contact-form-content em{color:#0065ad;}.contact-way .contact-form-content p{margin-bottom: 15px;}

.contact-way .contact-form{box-sizing:border-box;}
.contact-way .contact-form .wpcf7 .wpcf7-form p{width:47%;float:left;font-size:16px;color:#999;margin-bottom:20px}
.contact-way .contact-form .wpcf7 .wpcf7-form p input{width:100%;height:60px;border:none;box-sizing:border-box;padding:0 15px}
.contact-way .contact-form .wpcf7 .wpcf7-form p textarea{border:none;resize:none;width:100%;height:182px;box-sizing:border-box;padding:15px}
.contact-way .contact-form .wpcf7 .wpcf7-form p:nth-last-of-type(2),.contact-way .contact-form .wpcf7 .wpcf7-form p:nth-last-of-type(3),.contact-way .contact-form .wpcf7 .wpcf7-form p:nth-last-of-type(4){width:100%}
.contact-way .contact-form .wpcf7 .wpcf7-form p:last-of-type{width:100%;box-sizing:border-box;padding-left:26.9%}
.contact-way .contact-form .wpcf7 .wpcf7-form p:last-of-type .your-captcha{margin-right:2%;float:left;width:25%;position:relative}
.contact-way .contact-form .wpcf7 .wpcf7-form p:last-of-type .your-captcha input{width:100%;font-size:16px;color:#999}
.contact-way .contact-form .wpcf7 .wpcf7-form p:last-of-type .your-captcha .wpcf7-not-valid-tip{position:absolute;width:211px;left:0;top:62px}
.contact-way .contact-form .wpcf7 .wpcf7-form p:nth-last-of-type(2) span{display:inline-block;margin-right:20px}
.contact-way .contact-form .wpcf7 .wpcf7-form p:nth-last-of-type(2) input.wpcf7-submit{width:200px;float:right}
.contact-way .contact-form .wpcf7 .wpcf7-form p:last-of-type .chac{float:left;width:100px;height:57px}
.contact-way .contact-form .wpcf7 .wpcf7-form p:last-of-type .wpcf7-submit{float:left;width:200px;height:57px;background:#0065ad;text-align:center;line-height:57px;color:#fff;font-size:18px;margin-left:20px;padding-left:0}
.contact-way .contact-form .wpcf7 .wpcf7-form p:nth-of-type(2){padding-left:6%}
.contact-way .contact-form .wpcf7 .wpcf7-form p span{z-index:2}


.layui-footer{width:100%;background:#333}
.layui-footer .footer-nei{max-width:1300px;margin:0 auto}
.layui-footer .footer-nei .footer-top .footer-left{border-right:1px solid #666;padding:60px 0}
.layui-footer .footer-nei .footer-top .footer-left .footer-logo{margin-bottom:30px}
.layui-footer .footer-nei .footer-top .footer-left .footer-info p{font-size:14px;color:#fff;padding:12px 0;}
.layui-footer .footer-nei .footer-top .footer-left .footer-info p:first-child{line-height:24px}
.layui-footer .footer-nei .footer-top .footer-left .footer-info p>a{color:#fff;font-size:14px;}
.layui-footer .footer-nei .footer-top .footer-left .footer-info p.share>a{font-size:3rem;line-height: 1;}
.layui-footer .footer-nei .footer-top .footer-left .footer-info a{display: inline-block;margin-right:15px;}
.layui-footer .footer-nei .footer-top .footer-left .footer-info a.made{width:88px;height: 31px;}
.layui-footer .footer-nei .footer-top .footer-left .footer-info a.highco-metal{width:99px;height: 31px;}
.layui-footer .footer-nei .footer-top .footer-left .footer-info a.highco-alibaba{width:149px;height: 31px;}
.layui-footer .footer-nei .footer-top .footer-right .footer-nav li{line-height:1.5;margin-bottom: 10px;}
.layui-footer .footer-nei .footer-top .footer-right .footer-nav li a{font-weight:lighter;color:#fff}
.layui-footer .footer-nei .footer-top .footer-right .footer-nav li.li{padding:0;color:#ebebeb;margin-bottom:20px;position: relative;font-size:1.8rem;}
.layui-footer .footer-nei .footer-top .footer-right .footer-nav i{width:30px;display:inline-block;background:#999;height:2px;position: absolute;left: 0;top: 32px;}
.layui-footer .footer-nei a:hover{color: #0065ad!important;}
.layui-footer .footer-bottom{width:100%;background:#333;border-top:1px solid #666;padding:25px 0}
.layui-footer .footer-bottom p{max-width:1300px;margin:0 auto;font-size:14px;color:#fff}
.container-404{margin:0 auto;background:#f5f5f5}
.container-404 h1{font-size:32px;font-weight:700;margin:0}
.container-404 p{font-size:24px}
/*jinceshebei*/
.jinceshebei li{margin-bottom:30px;}.jinceshebei li a{display:block;border:1px solid #ebebeb;border-radius:6px;position:relative;overflow:hidden;padding-bottom:8px;-webkit-transition: .3s;-o-transition: .3s;-moz-transition: .3s;transition: .3s;}.jinceshebei li a:hover{box-shadow:0 5px 5px rgba(31,42,101,.2)}
.jinceshebei li a h2{padding:0 6%;height:60px;overflow:hidden;font-weight:normal;text-align:center}.jinceshebei li .img{width:100%;margin:0 auto;overflow:hidden;transition: all 0.6s;display:table}.jinceshebei li .img p{display:table-cell;vertical-align:middle;height:236px;}.jinceshebei li img{display: block;margin: 0 auto;transition: all 0.6s;max-height:90%;max-width:90%;border-bottom: 1px solid #dfdfdf;}
.lightboxOverlay {position: absolute;top: 0;left: 0;z-index: 9999;background-color: black;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity: 0.8;display: none;}
.lightbox {position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:normal;}
.lightbox .lb-image {display:block;height:auto;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.lightbox a img {border: none;}
.lb-outerContainer {position:relative;background-color:white;*zoom:1;width:250px;height:250px;margin:0 auto;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;}
.lb-outerContainer:after {content:"";display:table;clear:both;}
.lb-container {padding: 4px;}
.lb-loader {position:absolute;top:43%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
.lb-cancel {display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif)no-repeat;}
.lb-nav {position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
.lb-container > .nav {left: 0;}
.lb-nav a {outline: none;}
.lb-prev, .lb-next {width:49%;height:100%;cursor:pointer;display:block;}
.lb-prev {left: 0;float: left;}
.lb-prev:hover {background: url(../images/prev.png) left 48% no-repeat;}
.lb-next {right: 0;float: right;}
.lb-next:hover {background: url(../images/next.png) right 48% no-repeat;}
.lb-dataContainer {margin:0 auto;padding-top:5px;*zoom:1;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;}
.lb-dataContainer:after {content:"";display:table;clear:both;}
.lb-data {padding:0 4px;color:#bbbbbb;}
.lb-data .lb-details {width:85%;float:left;text-align:left;line-height:1.1em;}
.lb-data .lb-caption {font-size:13px;font-weight:bold;line-height:1em;}
.lb-data .lb-number {display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999999;}
.lb-data .lb-close {display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7;}
.lb-data .lb-close:hover {cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}
/*quality*/
.quality .left{color:#333}
.quality .left div.ul p:nth-child(2){display:inline-block;color:#333;position:relative;}
.quality .quality-img1,.quality .quality-img2,.quality .quality-img1 .left,.quality .quality-img1 .right{position:relative}
.quality .quality-img1 p,.quality .quality-img2 p{width:100%;text-align:center;font-size:16px;padding-bottom:15px;padding-top:10px;}
.quality1 ul em{border:1px solid #ddd;display:inline-block;border-radius:50%;text-align:center;font-weight:bold;color:#333}
/*404*/
.container-404{text-align: center;}
@media screen and (min-width: 768px) {
.left{float:left}.right{float:right}.flex {display: flex;flex-wrap: wrap;}.flex50 {width: 50%;align-content: center;align-items: center;}.paddingtop50{padding-top:50px}.paddingtop80{padding-top:80px}.paddingbottom80{padding-bottom:80px}
h1{font-size:3.8rem}h2,h2.layui-colla-title{font-size:2.6rem;}h3,h3.layui-colla-title{font-size:1.8rem;}.highco_mbx{padding-bottom:40px}.highco_mbx.paddingbottom_pc0{padding-bottom:0}
.paddingright40{padding-right: 40px;}.paddingleft40{padding-left: 40px;}.flex_between{justify-content: space-between;}
.circle li{padding-left:25px}.circle li::before{font-size:4rem;top:-5px;}
/*daohang*/
.headerfix{position:fixed;-webkit-transition: .3s;-o-transition: .3s;-moz-transition: .3s;transition: .3s;width: 100%;z-index: 2;}
#header .header .layui-top,#header .header .layui-bottom,.header .layui-nav{position:inherit}
#header{background:#fff}
#header .header .layui-top{padding:25px 0 0}
#header .header .layui-bottom ul li{width:14%;float:left;line-height:20px;box-sizing:border-box;text-align:center;background:#fff;display:table}
#header .header .layui-bottom ul li a{display:table-cell;color:#333;font-size:16px;height:60px;box-sizing:border-box;position:relative;vertical-align: middle;padding-bottom:10px}
#header .header .layui-bottom ul a:after{content:'';display:block;width:1px;height:23px;background:#e3e3e3;position:absolute;right:0;top:17px}
#header .header .layui-bottom ul ul a:after{display:none}
#header .header .layui-bottom ul li:last-of-type a:after{display:none!important}
#header .header .layui-bottom ul li.menu_width2{width:16%}#header .header .layui-bottom ul li.menu_width,#header .header .layui-bottom ul li.menu_width26{width:24%}
#header .header .layui-showul ul{display:block;}#header .header .layui-showul ul li ul li{width: 100%;}.header .layui-nav-child{top:85px;}#header .header .layui-bottom ul li ul li::after{display:none;}#header .header .layui-bottom ul li ul li a{padding-bottom: 8px;padding-top: 8px;height: auto;}#header .header .layui-bottom ul li:hover ul li a{background:none;}#header .header .layui-bottom ul li:hover ul li a:hover{color:#0065ad}#header .header .layui-bottom ul li ul a:hover{color:#0065ad}#header .header .layui-bottom ul li.menu_width2 ul li{text-align:left;padding-left: 20px;padding-right: 20px;width: auto;}
#header .header .layui-bottom ul li.menu-item-relative ul a{height:auto;padding-bottom: 8px;padding-top: 8px;white-space: nowrap;}
#header .header .layui-showul.flex_daohang ul{display:flex;justify-content:center;}#header .header .layui-showul.flex_daohang ul ul{display:block;}
#header .header .layui-bottom ul li.menu_width1 ul{padding:10px 20px;left:-18px;}#header .header .layui-bottom ul li.menu_width1 ul li{width: 100%;text-align: center;}
#header .header .layui-bottom ul ul ul.layui-nav-child{border:none;top:0;box-shadow:none}
#header .header .layui-bottom ul ul li.blue{text-align:left;padding-top:20px;padding-bottom:60px;padding-right:3%;text-align: left;}#header .header .layui-bottom ul ul li.blue.blue_right_none{padding-right: 0;}
#header .header .layui-bottom ul ul li.blue>a:first-child{font-size:20px;color: #324a78;background: url(../images/title_bg.webp) no-repeat left bottom;margin-bottom:10px;height: 60px;}
#header .header .layui-bottom ul ul li.flex_a>a{display: flex;align-items: center;}
#header .header .layui-bottom ul ul li a{display:block}
#header .header .layui-bottom ul li.menu-item-relative{position:relative}#header .header .layui-bottom li.menu-item-relative ul{top:60px;padding:20px 0 10px;}
#header .header .layui-bottom ul li.menu_width_k ul ul li a{height:auto;text-align:left;}#header .header .layui-bottom ul li.menu_width_k ul ul li a:hover{color:#324a78}#header .header .layui-bottom .layui-showul ul ul{position:relative}
.product_children_menu{justify-content: space-between;margin-bottom: 30px;margin-top: -20px;}.product_children_menu li{width: 31%;line-height: 1.3;border-right: 1px solid #f2f2f2;position: relative;padding-bottom:10px;}.product_children_menu li::before{background: #f2f2f2;height: 3px;width:100%;position: absolute;left: 0;bottom: 0;content:''}.product_children_menu li.border{border-right: 1px solid #f2f2f2;}.product_children_menu li.gaoliang,.product_children_menu li:hover{background: url(../images/title_bg.webp) no-repeat left bottom;background-size: 100% 3px;}.product_children_menu li.gaoliang::before,.product_children_menu li:hover::before{height: 0;}.product_children_menu li h2{font-size: 2.4rem;background: none!important;}.product_children_menu li h2 a{color: #666;}.product_children_menu li.gaoliang h2 a,.product_children_menu li:hover h2 a:hover,.product_children_menu li:hover h2 a{color: #333;}.product_children_menu li.flex_li{display: flex;align-items: center;}
/*banner*/
.banner-ad{height:262px}.banner-ad .ad-nei h1{width:52%;}
/*product*/
.layui-productlist .product-title h2,.layui-productlist .product-title h3{font-weight: bold;margin-bottom: 15px;}.layui-productlist .product-title p{padding-bottom: 15px;}
.layui-productlist .product-list .product:nth-child(3n){margin-right:0}
.layui-productlist .product-list .product .img{width:354px;height:327px;position:relative;z-index:1;overflow:hidden}
.layui-productlist .product-list .product .img img{max-width:100%}
.layui-productlist .product-list .product .title{position:relative;height:117px;z-index:2;background:#f2f2f2}
.layui-productlist .product-list ul li .a .title_height{min-height: 100px;}
.layui-productlist .product-title .product_desc,.layui-product .product-title .product_desc{padding-top:20px;}
.layui-productcontent .product-data .data .data-form table:first-child tr{height:40px}
.layui-productcontent .product-data .data .data-form table:first-child tr td{width:160px;height:40px;text-align:center;}
.layui-productcontent .product-data .data .data-form table:first-child tr:first-child td{width:160px;height:40px;text-align:center;}
.layui-productcontent .product-data .data .data-form table.table_info td{padding:3px 10px;border:1px solid #ccc;}
.layui-productlist .product-list ul li .a img{max-height:260px;}
.product-content #layui-layer1{width:790px!important;border-radius:8px;overflow:hidden;}
.product-content .layui-layer-title{font-size:24px;}
.product-content form textarea{width:95%;float:right;height: 196px;}
.product-content form input{margin-bottom:28px;width:100%;}.product-content form input#submit{margin-top:9px;margin-bottom:0;width:100px;}
.product-content form input.chac{width:100px;margin-right:5px;}
.video{margin-bottom: 100px;}
/*relative-news*/
.relative-news h2.title{margin-bottom:35px;}
.relative-news .relative-wrapper .relative-item h3{word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;-icab-text-overflow: ellipsis;-khtml-text-overflow: ellipsis;-moz-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;}
.relative-news .relative-wrapper .relative-item:last-of-type{margin-right:0}
.relative-news .relative-wrapper .relative-item:nth-of-type(3n){margin-right:0}
/*public*/
.content_public{padding-bottom:60px}
.content_public h2{font-size:24px;line-height:60px;}.content_public h3{font-size:2rem;padding-bottom:15px;color:#0065ad;}
.content_public h2.h2{font-size:30px;padding-bottom:0;margin-bottom:30px;padding-top:15px}
/*jinceshebei*/
.jinceshebei{margin-bottom:8vh}.jinceshebei li{width:23.75%;margin-right:1.66%}.jinceshebei li:nth-child(4n){margin-right:0}.jinceshebei li h2{line-height:26px;font-size:16px}
/*quality*/
.quality .manufacturing{padding-top:30px}
.quality img{max-width:90%;height:auto;box-shadow:2px 2px 6px rgba(0,0,0,.2);}.quality .quality-img2 img{max-width:100%;}
.quality .quality-img1 img{height:auto;max-width:100%}.quality img.left_right{float:right;}
.quality .quality2.h2{padding-top:60px;}
.quality .quality-img1 .left1{width:35%}.quality .quality-img1 .right1{width:62%}
.quality .quality-img1 .left2{width:50%}.quality .quality-img1 .right2{width:46%}
.quality1 ul{margin-left:20px;padding-top:30px}
.quality1 ul li{margin-bottom:70px;}
.quality1 ul em{width:50px;height:50px;line-height:50px;font-size:20px;margin-right:40px;}
.quality1 img{max-width:80%!important}
/*why-highco*/
.why-highco img{max-width:465px;height:auto;width:93%}.why-highco img.alignright{float:right;margin-bottom:30px}.why-highco p{padding-bottom:30px}
/*Capability*/
.capability{max-width:1000px}
.capability ul.ul1 .left{width:33.3%}.capability ul.ul1 .right{width:33.3%}.capability ul.ul1 p{max-width:240px;line-height:40px;}
/*about us*/
.aboutus1 .flex{align-items: center;}
.aboutus1 ul,.aboutus1 p{margin-right:3.5%;}
.aboutus2 ul li{min-width: 220px;}
.aboutus3 ul li{width:46%;}

.about-content .table{display:table}.about-content .tablecell{display:table-cell;vertical-align:top;float:none}
.about-content .h2{margin-bottom:50px;width: 100%;;}
.about-content .about_hui{padding-bottom:90px;padding-top:90px;margin-top:90px}.about-content ul.ul1{justify-content: space-between;}.about-content ul.ul1 li{width:31%}.about-content ul.ul1 li div p{height:130px;}
.about-content ul.ul1 h3{padding-top:30px}
.about-content .product-data{padding-bottom:90px;padding-top:90px}
/*contact us*/
.contact-way ul{margin-bottom:100px;justify-content: space-between;}.contact-way ul li{width: 31%;}.contact-way .contact-form-content{line-height:2;}.contact-way ul li p em{font-size: 2.4rem;}.contact-way .contact-form-content em{font-size: 2rem;}
.contact-way .contact-form .wpcf7 .wpcf7-form p:nth-last-of-type(2) input.wpcf7-submit{margin-top:16px;}
/*catalog_list*/
.catalog_list{padding:100px 0}.catalog_list .title h2{max-width: 350px;}
.catalog_list ul li a{margin-left:5%}.catalog_list ul li a h3{bottom:-80px;-webkit-transition:all .5s;transition:all .5s;position: absolute;left: 0;width: 100%;}.catalog_list ul li a:hover h3{display: block;line-height:80px;bottom:0}
/*application*/
.hignco_metal_application ul{justify-content: space-between;}.hignco_metal_application ul img{margin-bottom: 20px;}.hignco_metal_application ul li h3{padding-bottom: 15px;}
/*railing systems*/
.railing_systems .flex_img li{width: 33%;}
/*bloglist*/
.bloglist{max-width:1360px}
.blog-loadmore li{padding:50px 0;}.blog-loadmore h2{padding:15px 0 20px;}
.blog-loadmore li .img{width: 32%;float: left;}.blog-loadmore li .right{width:63.75%}.blog-loadmore li .no_img{padding-left:10%}.blog-loadmore li .data{line-height: 1;}
.alm-btn-wrap{padding: 50px 0 100px;}
/*blog*/
.content_blog{padding-bottom:100px;}.content_blog{padding-top:50px}content_blog h1{padding-bottom:20px;}
.content_blog .flex{display:flex;flex-wrap: wrap;}
.content_blog .flex80{margin-top:80px}.content_blog .flexb60{margin-bottom:60px;}.content_blog .paddingleft15{padding-left:15%;}
.content_blog .flex50{width:50%;align-content: center;align-items: center;}.content_blog .order1{order:1}.content_blog .order2{order:2}

.relative-news{padding:80px 0;}.relative-news h2{margin-bottom:30px;}.relative-news h3{width:90%;border-bottom:1px solid #dfdfdf;margin-bottom:20px;height:30px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;}.relative-news .desc{width:90%;}
.content_blog .relative-news-products{float:right;max-width:250px;margin-top:58px}.content_blog .relative-news-products h2{padding:35px 0 20px}.content_blog .relative-news-products h3{color:#58585b}
.blog_contact a{font-size:26px;line-height:148px}
/*404*/
.container-404{padding:150px 0}
/*footer*/
.layui-footer img{margin-left: 0;}
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
    /*daohang*/
    .layui-header .header .layui-right{min-width: 630px}#header .header .layui-bottom ul ul li.blue{padding-right:2%;width: 23%;}.header .layui-nav-child{white-space:wrap}#header .header .layui-bottom ul ul li.blue > a:first-child{height:auto;padding-top:10px;padding-bottom: 10px;font-size: 1.8rem;}
    }
@media screen and (min-width: 992px) {
.flex48 li{width:48.5%}.flex48 li li{width:auto}
.about-content,.bloglist,.content_public,.layui-product,.layui-productlist,.layui-productcontent,.hignco_metal_application{padding-top:100px;}
/*blog*/
.content_blog_news{padding-top:60px}
/*about-content*/
.about-content .h22{padding-bottom:50px;}.about-content .alignright{float:right}.about-content .table{margin-bottom:50px}.about-content .marginbottom0{margin-bottom: 0;}
/*productlist*/
.layui-product .product-list .product{margin-bottom:70px;}
.layui-productlist .product-list ul li{max-width: 32%;margin-right: 1.33%;}
.relative-news .relative-wrapper .relative-item{width: 31%;}.relative-news .relative-wrapper .relative-item:nth-child(1),.relative-news .relative-wrapper .relative-item:nth-child(2){margin-right:3.5%}

.layui-productcontent .product-data{padding-top:50px;}
.product-content .img_desc{padding-left:8%;}
/*application*/
.hignco_metal_application{padding-bottom:70px}.hignco_metal_application ul li{margin-bottom: 30px;}
/*railing systems*/
.railing_systems{padding-top:100px;margin-bottom:90px;}
.relative-product{padding-bottom:100px;}
/*footer*/
.layui-footer .footer-nei .footer-top .footer-right{padding-top:98px;justify-content: space-between;}
.layui-footer .footer-nei .footer-top .footer-left{width:37%;margin-right:2%;}.layui-footer .footer-nei .footer-top .footer-right{justify-content: space-between;max-width: 720px;float: right;}
}
@media screen and (min-width: 767px) and (max-width: 991px) {
.banner-ad{padding-left:3%;}
.bloglist,.about-content,.content_public,.layui-product,.layui-productlist,.layui-productcontent,.hignco_metal_application{padding-top:50px;}
/*productlist*/
.product_children_menu li h2{font-size: 2rem;}
.layui-product .product-list .product{margin-bottom:40px;}
.layui-productlist .product-list ul{justify-content:space-between}.layui-productlist .product-list ul li{max-width:48%;}
/*about us*/
.aboutus1 ul{margin-bottom: 30px;}.aboutus1 ul li{margin-bottom:15px;}
.aboutus3 ul li{width: 43%;}

.about-content .about_hui{margin-top:30px}
.about-content .tablecell{display: block;}.about-content .h22{padding-bottom:30px;}.about-content img{margin:0 auto 30px;display: block;}
.about-content #advantage{padding-left: 3%;padding-right: 3%;}
/*blog*/
.content_blog_news{padding-top:40px}
/*application*/
.hignco_metal_application{padding-bottom:40px}.hignco_metal_application ul li{max-width: 31%;padding: 12px 0 20px;margin-bottom: 20px;}
/*railing systems*/
.railing_systems{padding-top:50px;}
/*contact us*/
.contact-way .contact-form-content{margin-bottom:30px;}.contact-way ul li p{padding: 30px 0 0;}
/*footer*/
.layui-footer .footer-nei .footer-top .footer-left .footer-info p{display: inline-block;margin-right: 20px;}
.layui-footer .footer-nei .footer-top .footer-left{border-right:0;padding:40px 0}
.layui-footer .footer-nei .footer-top .footer-right{justify-content: space-between;display: flex;}
    }
@media screen and (max-width: 991px) {
.railing_systems ul li.yd_marginbottom30{margin-bottom: 30px;}
.relative-news .relative-wrapper .relative-item{margin-bottom: 20px;}
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
/*railing systems*/
.yingyonglist,.yingyonglist img{max-width:720px!important;height:480px!important;}
}
@media screen and (max-width: 767px) {
h1{font-size: 2.6rem;}h2{font-size: 2rem;}.highco_mbx{margin-bottom:20px}.highco_mbx .none,.highco_mbx_product span span:first-child,.highco_mbx_product .breadcrumb_last{display:none}.highco_mbx a.shouji_no::after,.highco_mbx_product span span:nth-last-child(2) a::after{content:''}
.paddingtop50{padding-top:30px}
.contentfix{width:90%}.circle li{padding-left:25px;}.circle li::before{top:0;font-size: 3rem;}h2,h2.layui-colla-title{font-size:2rem;}h3{font-size:1.6rem;}
#header{height: 50px;}
#header .header .layui-top .layui-left .layui-logo a{width:150px}
.header .sj-nav {width: 30px;height: 34px;box-sizing: border-box;position: absolute;right: 1rem;top:8px;z-index: 9;}
.header .sj-nav a {position: absolute;top: calc(50% - 10px);left: calc(50% - 15px);display: block;width: 30px;margin: 0 auto;height: 18px;}
.header .sj-nav a span {float: left;width: 100%;height: 3px;background-color: #000;-webkit-transition: .3s;-o-transition: .3s;-moz-transition: .3s;transition: .3s;display: block;}
.header .sj-nav a span:first-child {position: absolute;top: 0;left: 0;}
.header .sj-nav a span:nth-child(2) {margin-top: 7px;}
.header .sj-nav a span:nth-child(3) {position: absolute;bottom: 0;left: 0;}
.header .sj-nav a.on span:first-child {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 9px;}
.header .sj-nav a.on span:nth-child(2) {opacity: 0;}
.header .sj-nav a.on span:last-child {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 9px;}
.menu {display: none!important;padding: 2rem;}
.menu ul li {width: 100%;box-sizing: border-box;margin-bottom: 1rem;position: relative;}
.menu ul li a {display: block;border-bottom: 1px solid #d7d7d7;margin-bottom: 5px;padding-top: 5px;}
.menu ul li .sub-menu {display: none;}
.menu ul li .sub-menu li {width: 100%;position: relative;margin-bottom:0}
.menu ul li .sub-menu li a {display: block;width:95%;box-sizing: border-box;margin-left:10px;border-bottom:none}
.menu ul li .sub-menu li .sub-menu {display: none;}
.menu ul li .sub-menu li .sub-menu li {width: 100%;position: relative;}
.menu ul li .sub-menu li .sub-menu li a {display: block;box-sizing: border-box;padding: 0.5rem 0 0.5rem 2rem;border-bottom: 1px solid #d7d7d7;}
/*.menu ul li .sub-menu li.menu-item-has-children ul::after {content: ' ';background: url("../images/ico_lx.webp") no-repeat center top;background-position: left -210px;display: block;position: absolute;right: 0;top: 0;width: 40px;box-sizing: border-box;padding: 0.5rem 0;text-align: center;height:30px;z-index: 2;}
.menu ul li .sub-menu.open li.menu-item-has-children ul::after {background-position: left -180px;}*/
#header .header .layui-bottom ul ul li.blue > a:first-child{color: #324a78;background: url(../images/title_bg.webp) no-repeat left bottom;display:block;line-height: 1.5;padding: 10px 0;}
.menu ul li.menu-item-has-children::before {content: '>';display: block;position: absolute;right: 0;bottom:0;width: 40px;text-align: center;z-index: 1;background-size:30px auto;font-weight: bold;color: #666;}
.menu ul li li li.menu-item-has-children:after{display: none;}
.layui-layer .layui-layer-content #menu {display: block!important;}
.layui-nav-child{position:relative;top:0;box-shadow:none;border:none}header .layui-layer{width:90%!important}
.banner-about,.banner-product{width:100%;height:auto;background-size:cover}
.banner_glass{background-position: left center;}
.banner-top{position:fixed;width:100%;box-sizing:border-box;padding:.5rem;background:rgba(0,0,0,.6);z-index:2;top: 0;}
.banner-top .banner-logo{text-align:center}
.banner-top .banner-logo a{width:80%;box-sizing:border-box;padding-left:1rem;display:block;margin:0}
.banner-top .banner-logo a img{width:150px}
.banner-top .menu{width:22px;height:19px;background:url(../images/menu.png) no-repeat center center;position:absolute;right:5%;top:33%;cursor:pointer}
.banner-ad{width:90%!important;margin:0 auto;}
.banner-ad .ad-nei{padding: 0;height:280px;display: flex;flex-wrap: wrap;align-items: center;}
.banner-ad .ad-nei h1{line-height:1.2;width: 85%;}
.banner-about{background:url(../images/banner_about.webp) no-repeat center center;background-size:cover}
.banner_public .contentfix{display: flex;height:220px}
/*about us*/
.aboutus1 ul{padding-left:15px;}.aboutus1 .h2{padding-top: 20px!important;}.aboutus1 ul li{padding-bottom:5px;}
.aboutus2 ul li{margin-bottom:15px;padding: 30px 20px;}
.aboutus4{margin-bottom: 50px;}.aboutus4 .about-content{padding-bottom: 30px;}

.about-content,.content_public,.layui-productcontent,.layui-productlist,.layui-product{padding-top:40px}
.about-content .about_hui{padding-top:10px;}
.about-content .h2{font-size:24px;padding:40px 0 10px;margin-bottom:20px;}.about-content .h22{padding-bottom:30px}.about-content img{max-width:100%;height:auto;margin:20px 0}
.about-content ul.ul1{margin-bottom:50px;}.about-content ul.ul1 li{margin-bottom:30px;}.about-content ul.ul1 li div{padding-bottom:30px;width: 100%;}.about-content ul.ul1 li div a{display:block;}
.about-content .product-data{width:100%;background-color:#f2f2f2;padding-bottom:50px}
.about-content .product-data .data{width:100%;box-sizing:border-box;padding:0 1rem;margin:0 auto}
.about-content .product-data .data .title{margin-bottom:1.5rem}
.about-content .product-data .data .title h2,.catalog_list .title h2{font-size:24px;font-weight:700;background:url(../images/title_bg.webp) no-repeat left bottom;padding-bottom:10px}
.about-content .product-data .data .title:after{content:'';display:block;width:100%;height:32px;margin-top:.5rem;background:url(../images/a-bg.png) no-repeat left bottom;background-size:25%}
.about-content .product-data .data .data-form{overflow-y: scroll;}
.about-content .product-data .data .data-form table{width:100%;border-collapse:separate;border-spacing:2px}
.about-content .product-data .data .data-form table tr{width:100%;height:40px}
.about-content .product-data .data .data-form table tr td{width:auto;height:auto;text-align:center;background-color:#abcbcb;color:#324a78;font-size:14px}
.about-content .product-data .data .data-form table tr:first-child td{width:160px;height:40px;text-align:center;background-color:#7c9ac3;color:#324a78;font-size:14px}

.product_children_menu{display: none;}
.layui-product .product-list{width:100%;margin:0 auto;box-sizing:border-box;padding:0 1rem}
.layui-product .product-list .category{float:left;width:49%;margin-right:2%;padding:0;margin-bottom:2rem}
.layui-product .product-list .category h2{font-size:18px;color:#324a78;font-weight:700;background:url(../images/title_bg.webp) no-repeat left bottom;padding-bottom:15px}
.layui-product .product-list .category p{font-size:12px;color:#333;background:url(../images/a-bg.png) no-repeat left bottom;padding:15px 0 48px 0}
.layui-product .product-list .category a{display:block;width:150px;height:45px;text-align:center;line-height:45px;background:url(../images/download.png) no-repeat 92% center;background-color:#0065ad;font-size:16px;color:#fff;box-sizing:border-box;padding-right:24px;margin-top:23px}
.layui-product .product-list .product{margin-bottom:2rem}
.layui-product .product-list .product .img{padding:1rem .25rem 2rem .25rem;background-color:#f2f2f2;border:1px solid #ebebeb;}
.layui-product .product-list .product h3{padding:1.5rem 0 0 0;height:3rem}
.layui-product .product-list .product:hover .title{padding-top:0;background:#f2f2f2;box-sizing:border-box;border-bottom-left-radius:8px;border-bottom-right-radius:8px}
.layui-product .product-list .product:hover h3{padding:1.5rem 0 0 0;color:#324a78}
.layui-productlist .product-title,.layui-product .product-title{margin-bottom:1rem}
.layui-productlist .product-title h2,.layui-product  .product-title h2{color:#324a78;font-weight:700;background:url(../images/title_bg.webp) no-repeat left bottom;padding-bottom:10px}
.layui-productlist .product-title p,.layui-product .product-title p{font-size:16px;color:#333;padding:12px 0;}
.layui-productlist .product-list .product-sort{margin-right:0;margin-bottom:2rem}
.layui-productlist .product-list{width:100%}
.layui-productlist .product-list ul{margin:0}
.layui-productlist .product-list ul li{margin-bottom:1rem;padding:0}
.layui-productlist .product-list ul li .a{display:block;background-color:#f2f2f2;padding:10px}
.layui-productlist .product-list ul li .a .title{box-sizing:border-box;height:auto;padding:12px 0}
.layui-productlist .product-list ul li .a .title h3{font-size:16px;color:#333;text-align:center;padding:0;transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1s;-o-transition-duration:1s}
.layui-productlist .product-list ul li .a .title .more{font-size:14px;display:none;text-align:center;box-sizing:border-box;padding-left:18px;width:100%;background:url(../images/arrow.png) no-repeat 33% 64%;background-size:8%}
.layui-productlist .product-list ul li .a img{width:100%}
.layui-productlist .product-list ul li:hover .title h3{padding:0;color:#0065ad}
.layui-productlist .product-list ul li:hover .title .more{display:none}
.layui-productlist .product-list .product .title{padding-bottom:20px}
.layui-productcontent .product-title{width:100%;margin:0 auto;box-sizing:border-box;padding:0 1rem;margin-bottom:1rem}
.layui-productcontent .product-content h2{font-size:20px;color:#324a78;font-weight:700;background:url(../images/title_bg.webp) no-repeat left bottom;padding-bottom:10px;padding-top:20px}
.layui-productlist .product-list .category{width:100%;float:none;padding:0;margin-bottom:30px}
.layui-productlist .product-list .category h2{font-size:30px;}
.layui-productlist .product-list .product{float:none;width:100%;display:block;width:330px;margin:0 auto 20px}
.layui-productlist .product-list .product .img img{display:block;width:300px}
.layui-productcontent .product-content p{font-size:16px;color:#333;padding:12px 0}
.layui-productcontent .share{width:100%;box-sizing:border-box;padding:0 1rem;text-align:right}
.layui-productcontent .product-content{width:100%;margin:0 auto;box-sizing:border-box;padding:0 1rem}
.layui-productcontent .product-content h3{font-size:30px;color:#324a78;font-weight:700;margin-bottom:35px}
.layui-productcontent .product-content .product-img{box-sizing:border-box;border:1px solid #999}
.layui-productcontent .product-content .product-img .sw-img{height:auto}
.layui-productcontent .product-content .product-img .sw-img img{width:100%}
.layui-productcontent .product-content .product-img .cs-img{height:auto}
.layui-productcontent .product-content .product-img .cs-img img{width:100%}
.layui-productcontent .product-content .product-info{box-sizing:border-box;padding:35px 20px}
.layui-productcontent .product-content .product-info .message p{width:50%;float:left}
.layui-productcontent .product-content .product-info .message p span{display:block}
.layui-productcontent .product-content .product-info .message p span:first-child{font-size:14px;color:#333;padding-bottom:5px}
.layui-productcontent .product-content .product-info .message p span:last-child{font-size:22px;color:#333}
.layui-productcontent .product-content .product-info .enquiry{padding-top:1rem}
.layui-productcontent .product-data{width:100%;background-color:#f2f2f2;padding:1.5rem 0}
.layui-productcontent .product-data .data{width:100%;margin:0 auto;box-sizing:border-box;padding:0 1rem}
.layui-productcontent .product-data .data .title{padding-top:0;margin-bottom:1rem}
.layui-productcontent .product-data .data .title p{font-size:18px;color:#0065ad;font-weight:700;background:url(../images/title_bg.webp) no-repeat left bottom;padding-bottom:10px}
/*.layui-productcontent .product-data .data .data-form table{width:100%;border-collapse:separate;border-spacing:2px}
.layui-productcontent .product-data .data .data-form table tr{width:100%;height:40px}
.layui-productcontent .product-data .data .data-form table tr td{width:160px;height:40px;text-align:center;background-color:#abcbcb;color:#324a78;font-size:14px}
.layui-productcontent .product-data .data .data-form table tr:first-child td{width:160px;height:40px;text-align:center;background-color:#7c9ac3;color:#324a78;font-size:14px}*/
.relative-product{box-sizing:border-box;}
.relative-product .relative-title{font-size:26px;color:#324a78;margin-bottom:35px}
.relative-product ul{margin:0}
.relative-product ul li{margin-bottom:1rem;padding:0}
.relative-product ul li a{display:block;background-color:#f2f2f2;padding:.5rem .5rem 0 .5rem}
.relative-product ul li a .title{box-sizing:border-box;height:auto;padding:12px 0}
.relative-product ul li a .title h3{font-size:14px;color:#333;text-align:center;padding:0;transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1s;-o-transition-duration:1s}
.relative-product ul li a .title .more{font-size:14px;display:none;text-align:center;box-sizing:border-box;padding-left:18px;width:100%;background:url(../images/arrow.png) no-repeat 33% 64%;background-size:8%}
.relative-product ul li a img{width:100%}
.relative-product ul li:hover .title h3{padding:0;color:#0065ad}
.relative-product ul li:hover .title .more{display:none}

.layui-productcontent .product-data .data .data-form table:first-child tr{width:50%;float:left}.layui-productcontent .product-data .data .data-form table:first-child tr td{display:block;height:30px;border-bottom: 1px solid #fff;border-left: 1px solid #f2f2f2;padding: 10px 0;line-height:1.2}
.layui-productcontent .product-data .data .data-form table.table_none{width:220%}.layui-productcontent .product-data .data .data-form table.table_none tr{width:100%;float:none}.layui-productcontent .product-data .data .data-form table.table_none tr td{display:table-cell;}
.layui-productcontent .product-data .data .data-form table.table3 tr{width:33.3%}.layui-productcontent .product-data .data .data-form table.table3 tr td.td2{width:199.5%}
.layui-productcontent .product-data .data .data-form table.table4 tr{width:25%}.layui-productcontent .product-data .data .data-form table.table4 tr td.td3{width:298.5%}
.layui-productcontent .product-data .data .data-form table.table5{white-space:normal; word-break:keep-all; word-wrap: break-word;}
.layui-productcontent .product-data .data .data-form table.table5 tr{width:20%}.layui-productcontent .product-data .data .data-form table.table5 tr td.td4{width:398.5%}
.layui-productcontent .product-data .data .data-form table.table9 tr{width:11.11%}.layui-productcontent .product-data .data .data-form table.table9 tr td.td8{width:798.5%}
.layui-productcontent .product-data .data .data-form table.table6{width:180%;overflow-x:auto}.layui-productcontent .product-data .data .data-form table.table6 tr{width:16.66%}.layui-productcontent .product-data .data .data-form table.table6 tr td.td5{width:498.5%}
.layui-productcontent .product-data .data .data-form table.table7{width:200%;overflow-x:auto}.layui-productcontent .product-data .data .data-form table.table7 tr{width:14.28%}.layui-productcontent .product-data .data .data-form table.table7 tr td.td6{width:598.5%}
.layui-productcontent .product-data .data .data-form table.table9{width:220%;overflow-x:auto}

.layui-productcontent .product-data .data .data-form table.table10{width:230%;overflow-x:auto}.layui-productcontent .product-data .data .data-form table.table10 tr{width:10%}.layui-productcontent .product-data .data .data-form table.table10 tr td.td9{width:898.5%}

.layui-productcontent .product-data .data .data-form table.table12{width:310%;overflow-x:auto}.layui-productcontent .product-data .data .data-form table.table12 tr{width:7.69%}.layui-productcontent .product-data .data .data-form table.table12 tr td.td12{width:1198.5%}

.layui-productcontent .product-data .data .data-form table.table_no tr{width:100%;float:none}.layui-productcontent .product-data .data .data-form table.table_no tr td{display:table-cell;height:30px;border-bottom: 1px solid #fff;border-left: 1px solid #f2f2f2;padding: 10px 0;}
.layui-productcontent .product-data .data .data-form .auto{overflow-x:auto}

.layui-productcontent .product-data .data .data-form table.table_info{display:block;}.layui-productcontent .product-data .data .data-form table.table_info td{float:left;width:50%!important;padding:0}

.product-content #layui-layer1{width:96%!important;border-radius:6px;overflow:hidden;}
.product-content .layui-layer-title{font-size:18px;}
.product-content form textarea{width:100%;float:right}
.product-content form input{margin-bottom:10px;width:100%;}.product-content form .recaptcha{top:9px;}.product-content form input#submit{margin-bottom:0;width:100px;}
.product-content form input.chac{width:100px;margin-right:5px;}

.video{margin-bottom:50px;}.video .video_bg {padding: 30px 0;}
/*relative-news*/
.relative-news{padding: 2rem 1rem;}
.relative-news h2.title{margin-bottom:35px;padding:0 1rem;}.relative-news .relative-wrapper .relative-item{margin:0 1rem 20px;}

.product-contact{width:100%;height:auto;background:url(../images/contact_bg.webp) no-repeat center center}
.product-contact .contact-link{width:100%;margin:0 auto;box-sizing:border-box;padding:1.25rem 1rem 1.25rem 1rem}
.product-contact .contact-link p{font-size:18px;color:#fff;float:none;padding-top:0;margin-bottom:1rem}
/*Why Highco*/
.content_public{width:93.75%;padding-bottom:40px}
.content_public h2{font-size:20px;line-height:40px;padding-bottom:15px;}.content_public h3{padding-bottom:10px}
/*bloglist*/
.bloglist{padding-top:40px;}
.blog-loadmore li{padding-bottom: 30px;margin-bottom: 30px;}.blog-loadmore li h2{margin-bottom: 15px;}.blog-loadmore li .img{margin-bottom: 25px;}
.alm-btn-wrap{padding: 30px 0 50px;}

/*jinceshebei*/
.jinceshebei{margin-bottom:20px}.jinceshebei li a h2{font-size:20px;line-height:30px}.jinceshebei li .img{height:180px;}
.contact-way{width:100%;background:#f2f2f2;padding:0}
.contact-way ul{margin-bottom:40px;}.contact-way ul li{margin-bottom:20px;}.contact-way ul li p{max-width:100%;}
.contact-way .contact-form{box-sizing:border-box;padding-top:17px}
.contact-way .contact-form .wpcf7 .wpcf7-form p{width:100%;float:none;margin-bottom:15px;font-size:16px;color:#999;padding-left: 0!important;}
.contact-way .contact-form .wpcf7 .wpcf7-form p input{width:100%;height:60px;border:none;box-sizing:border-box;padding-left:15px}
.contact-way .contact-form .wpcf7 .wpcf7-form p textarea{border:none;resize:none;width:100%;height:182px;box-sizing:border-box;padding-left:15px;padding-top:15px}
.contact-way .contact-form .wpcf7 .wpcf7-form p:nth-last-of-type(2){width:100%}
.contact-way .contact-form .wpcf7 .wpcf7-form p:last-of-type{width:100%;box-sizing:border-box;padding-left:0}
.contact-way .contact-form .wpcf7 .wpcf7-form p:last-of-type .your-captcha{margin-right:2%;float:left;width:25%}
.contact-way .contact-form .wpcf7 .wpcf7-form p:last-of-type .your-captcha input{width:100%;font-size:16px;color:#999}
.contact-way .contact-form .wpcf7 .wpcf7-form p:last-of-type .chac{float:left;width:100px;height:57px}
.contact-way .contact-form .wpcf7 .wpcf7-form p:last-of-type .wpcf7-submit{float:left;width:38%;height:57px;background:#0065ad;text-align:center;line-height:57px;color:#fff;font-size:18px;margin-left:20px;padding-left:0}
.contact-way .contact-form .wpcf7 .wpcf7-form p:nth-last-of-type(2) input.wpcf7-submit{width:100px;display: block;float:none}
.contact-way .contact-form .wpcf7 .wpcf7-form p:nth-last-of-type(2) span{width: 100%;margin:0;overflow: hidden;}

.layui-footer{width:100%;background:#333}
.layui-footer .footer-nei .footer-top{box-sizing:border-box;padding:0 1rem}
.layui-footer .footer-nei .footer-top .footer-left{border-right:none;width:100%;margin-right:0;padding:2rem 0 1rem}
.layui-footer .footer-nei .footer-top .footer-left .footer-logo{margin-bottom:1rem}
.layui-footer .footer-nei .footer-top .footer-left .footer-info p{padding:15px 0 0;width:auto}
.layui-footer .footer-nei .footer-top .footer-right .footer-info p img{max-width:100%;height:auto;width:auto}
.layui-footer .footer-nei .footer-top .footer-right{padding-top:30px}
.layui-footer .footer-nei .footer-top .footer-right .footer-nav{text-align:left;margin-bottom:30px}
.layui-footer .footer-nei .footer-top .footer-right .footer-nav li{display:inline-flex;margin-right:4%}
.layui-footer .footer-nei .footer-top .footer-right .footer-nav li:first-child{padding:0;font-size:16px;color:#ebebeb;font-weight:700;display:block}
.layui-footer .footer-nei .footer-top .footer-right .footer-nav li:nth-child(3){margin-top:10px;padding:0;}
.layui-footer .footer-nei .footer-top .footer-right .footer-nav i{display:inline-block;width:30px;height:2px;background-color:#999;left:0}
.layui-footer .footer-nei .footer-top .footer-right .footer-nav:first-child{width:100%}
.layui-footer .footer-nei .footer-top .footer-right .footer-nav:nth-child(2){width:100%}
.layui-footer .footer-nei .footer-top .footer-right .footer-nav:last-child{width:100%}
.layui-footer .footer-bottom{width:calc(100% - 2rem);margin:0 auto;background:#333;box-sizing:border-box;padding:1rem 0}
.layui-footer .footer-bottom p{text-align:center;}
.container-404{width:90%;padding-top:30px;height:auto;padding-bottom:30px}
.container-404 h1{font-size:18px}
.container-404 p{font-size:16px}
/*why-highco*/
.why-highco img{max-width:100%;height:auto;margin-bottom:30px;display:block}.why-highco p{padding-bottom:20px}
/*quality*/
.content_public h2.h2{padding-bottom:5px;margin-bottom:20px;padding-top:20px;}
.quality img{max-width:100%;height:auto;box-shadow:6px 0 16px rgba(0,0,0,.2);display:block;margin:0 auto 15px;}
.quality .manufacturing,.quality .quality-img1{padding-top:20px;}.quality .quality-img1 img,.quality .quality-img2 img{display:block;max-width:100%;margin:0 auto;height:auto}.quality .quality-img1 .left,.quality .quality-img1 .right{margin-bottom:15px;}
.quality1 ul{padding-bottom:20px;}
.quality1 ul li{margin-bottom:20px;}
.quality1 ul em{width:40px;height:40px;line-height:40px;font-size:18px;margin-right:5px;}
/*capability*/
.capability img{max-width:100%;height:auto;display:block;margin:0 auto}
.capability ul.ul1 li{margin-bottom:10px}.capability ul.ul1 li p{line-height:40px;}
/*catalog_list*/
.catalog_list{padding:40px 0}
.catalog_list ul li{margin-bottom: 30px;}.catalog_list ul li a{width: fit-content;margin: 0 auto;}.catalog_list ul li a h3{padding:15px 0;}
/*application*/
.hignco_metal_application{padding-top:40px;padding-bottom:40px;}.hignco_metal_application ul li{margin:0 auto 20px;}.hignco_metal_application ul li h3{padding:15px 0}.hignco_metal_application .desc{margin-bottom:30px;}
/*railing systems*/
.railing_systems{padding-top:40px;}.railing_systems h2{line-height: 1.5;}.railing_systems .flex_img li{margin-bottom:20px;}.yingyonglist{height:300px!important;}.yingyonglist img{height:auto!important;}
.railing_systems ul{margin-bottom: 30px;}
/*blog*/
.content_blog{padding-bottom:50px;padding-top:40px}.content_blog h1{padding-bottom:20px;}.content_blog .date{padding-bottom:20px;}.content_blog img{max-width:100%;height:auto;margin-bottom: 30px;}
.relative-news{padding:40px 0;}.relative-news h2{margin-bottom:20px;}.relative-news h3{border-bottom:1px solid #dfdfdf;padding-bottom:15px;margin-bottom:20px;}
.content_blog .relative-news-products{margin-top:30px;}.content_blog .relative-news-products h2{padding:35px 0 20px;font-weight:bold}.content_blog .relative-news-products h3{color:#58585b}
.contact-side{padding:30px 0}.contact-side .contact-info{margin-bottom:20px}.contact-side a{text-align:center;margin:0 auto}
.blog_contact{height:auto}.blog_contact a{font-size:20px;display:block;padding-top:30px;line-height:1.5;padding-bottom:20px;}
/*404*/
.container-404{padding:40px 0}
}