@charset"utf-8";
@import url(../layui/css/layui.css);
@import url(./iconfont/iconfont.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{display:inline-block;font-size:10px}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:0}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:0}a{text-decoration:none!important;-webkit-tap-highlight-color:transparent;outline:0}strong{font-weight:bold}ul{list-style:none}
*{padding:0;margin:0}
*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: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:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fBBc4.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+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:'Raleway';font-style:normal;font-weight:300;font-display:fallback;src:url(https://fonts.gstatic.com/s/raleway/v34/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVsEpbCIPrE.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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Raleway';font-style:normal;font-weight:700;font-display:fallback;src:url(https://fonts.gstatic.com/s/raleway/v34/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVs9pbCIPrE.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+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.circle_icon{border-radius: 50%;font-size:1em;background:#e0ebf7;color:#1a79a7;line-height: 1;padding:10px 0;width: 36px;text-align: center;margin-right: 12px;}
.iconfont.fangan::before {content: "\e601";}.iconfont.zhiliang::before {content: "\eb46";}.iconfont.jishu::before {content: "\e7c4";}.iconfont.huanbao::before {content: "\e62d";}
.iconfont.jiantou1::before {content: "\eb0b";}
.iconfont.shuichuli::before {content: "\e61b";}.iconfont.dianli::before {content: "\eab5";}.iconfont.qiyou::before {content: "\e61d";}.iconfont.shipin::before {content: "\e62c";}.iconfont.pijiu::before {content: "\e616";}.iconfont.nongye::before {content: "\e98f";}.iconfont.biaozhun::before {content: "\e710";}.iconfont.duandian::before {content: "\e720";}.iconfont.guti::before {content: "\e65a";}.iconfont.yeti::before {content: "\e555";}

h1,h2,h3{font-weight: 700;font-family: 'Raleway',sans-serif;}h3.h3_size{position: relative;padding-bottom:20px;}h3.h3_size::before{position: absolute;left: 0;bottom: 0;width:80px;height: 3px;background: #1a79a7;content: '';}h3.h3_size.auto::before{margin:0 auto;right:0}h3.h3_size.bai::before{background: #fff;}
a,html,ody,p,span{font-family:'Roboto',sans-serif;!important}a:hover{color:#1657b4}
.section_p p{margin-bottom: 15px;}.section_p p.p_none{margin-bottom:0;}.h2_desc{max-width:950px;margin:0 auto;color:#4b5563;text-align: center;font-size: 1.8rem;}.h2_desc1{max-width:950px;color:#4b5563;font-size: 1.8rem;}
.borderradius{border-radius: 12px;}
.aligncenter{margin:0 auto;display:block}.contentfix{max-width:1300px;margin:0 auto;width:86%;}
html{font-size:62.5%}body{font-size:16px;font-size:1.6rem;line-height:2;font-family:'Roboto',sans-serif;color:#333;background:#ecf0f2}
.bold{font-family:'Roboto',sans-serif;font-weight:bold}.public_h h2,.public_h h3{font-weight:bold;}.public_h h2{line-height: 1.5;}
.public_content h2,.public_content h3{margin-bottom:15px;}.public_content p{margin-bottom:25px;}.public_content img{width:100%}
h1.bold,h2.bold,h3.bold{font-weight: 700;font-family: 'Raleway',sans-serif;}

.marginbottom20{margin-bottom: 20px;}.paddingtop20{padding-top:20px}

.lighter{font-weight:lighter}
.fontsize14{font-size:1.4rem}
.fontsize18{font-size:1.8rem}
img{max-width:100%;height:auto;display:block}.flex{display:flex;flex-wrap:wrap;align-content:center}.flex_between{justify-content: space-between;}.flex_align_center{align-items: center;}.flex_align_end{align-items: baseline;}
.hyenviro_mbx{font-size:14px;color:#969797;}
.hyenviro_mbx a,.content_blog .hyenviro_mbx a{color:#969797}
.hyenviro_mbx a:hover{color:#00479d}
.hyenviro_mbx a::after{content:' >'}
.hyenviro_mbx a.a_no::after{content:''}
.hyenviro_mbx a:hover{color:#00479d}
.hyenviro_mbx i{font-size:14px;margin-right:10px}
.layui-nav *{font-size:1.6rem}
.layui-nav{background:0;padding:0}
.layui-nav-bar{display:none}
.layui-main{width:100%}
#header .header .sub-menu{display: none;}
#header .header{max-width:1300px;margin:0 auto}
#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 .layui-top .layui-right a{margin-right:10px;overflow:hidden;position:relative}
#header .header .layui-bottom ul li:last-of-type::after{display:none}
#header .header .layui-bottom ul li:hover a,#header .header .layui-bottom ul li.current-menu-ancestor>a{position:relative;box-sizing:border-box}
#header .header .layui-bottom ul li a{padding:0 1em;transition:0}
#header .header .layui-bottom ul ul li a{display:block;text-align:left;position:relative;padding-left:0}
#header .header .layui-bottom ul ul li.a>a{margin-bottom:10px}
#header .header .layui-bottom ul li ul li a{line-height:30px}
#header .header #nav ul ul ul li a{font-size:1.4rem}
#header .header .layui-bottom ul li.pointer>a{pointer-events:none}
.banner{position:relative;overflow:hidden;background-size: cover;}.banner a{color:#fff}
.banner::before{content:'';position:absolute;width:100%;height:100%;background:rgba(22,104,167,0.6);top:0;z-index:0}
.banner .contentfix{position:relative;z-index:0;color:#fff}
.banner h1{line-height:1.5;margin-bottom:30px}
.banner p{line-height:1.5em;background:url(./index.css) no-repeat}
.banner_plist h1{padding-left:65px;margin-bottom:25px;line-height:1}
.banner_plist .bp-right .naclo{padding-left:65px;margin-bottom:15px}
.banner_plist .bp-right .concentration{padding-left:65px;margin-bottom:10px}
.banner_plist ul{padding-left:65px;display:flex;justify-content:space-between}
.banner_plist ul li{display:flex;align-items:center}
.banner_plist ul li:nth-child(1){flex:1.3}
.banner_plist ul li:nth-child(n+2){flex:1}
.banner_plist ul li .p1{display:inline}
.banner_plist ol{padding-left:65px;display:flex;justify-content:space-between}
.banner_plist ol li:nth-child(1){flex:1.3}
.banner_plist ol li:nth-child(n+2){flex:1}
.banner_plist ol li p{font-size:24px;color:#333}
.banner_plist ol li:nth-child(3) p{padding-left:11px}
.banner_plist ol li:nth-child(2) p{padding-left:3px}
.banner_plist .bp-right .mb40{padding-left:65px;margin-bottom:35px}
.description{max-width:1300px;margin:0 auto;margin-top:25px}
.description h2{font-size:25px;color:#333;font-weight:bold;margin-bottom:13px}

/*products_list*/
.products_list .heightnone{height:0;}
.products_list li{background:#fff;}.products_list li .img_desc{padding:20px 5% 30px}.products_list li img{width:100%;height:auto;}
.products_list li h2{padding-top:20px;padding-bottom: 10px;font-weight:bold;}.products_list li h3{font-size: 1.8rem;padding-bottom:5px;}
/* product-href */
.product-href{width:100%;display:flex;position:relative;max-width:1300px;margin:0 auto;margin-top:90px}
.product-href ul li p{margin:0;max-width:650px}
.product-href .product-content{max-width:1300px;width:100%;margin:0 auto}
.product-href .product-contentimg{position:absolute;top:-79px;right:0}
.product-href .product-contentimg img{width:100%}
.product-href ul{flex:1;display:flex;flex-direction:column;justify-content:space-around;height:100%;max-width:880px}
.product-href ul li{font-size:16px;display:flex;margin-bottom:10px}
.product-href ul li span{display:inline-block;width:13px!important;height:13px!important;border-radius:50%;background-color:#333;margin-top:8px;margin-right:10px}
.product-href ul li a{color:#55b4e2;font-size:22px}
.product-href ul li a:hover{color:#17485f}
.banner_plist ul li p:nth-child(3){display:none}
/*yangshi*/
.yangshi4 li{border-radius: 15px;overflow: hidden;position: relative;margin-bottom: 40px;}.yangshi4 li a{color: #fff;}
.yangshi4 li .div{position: absolute;padding-left:10%;padding-right:10%;margin:0 auto;color:#fff;}.yangshi4 li .div h3{margin-bottom:15px;}.yangshi4 li .div p{margin-bottom: 0;}
.yangshi4 li .tubiao{position: absolute;right:10%;top:25px;padding: 12.5px;background: #fff;border-radius: 50%;line-height: 1;transition:.3s;}.yangshi4 li .tubiao i{font-size: 2.5rem;color: #13227a;font-weight: lighter;}
.yangshi4 li:hover .tubiao{top:20px;}
@media screen and (min-width:1400px){
.yangshi4 li .div{top:56%}
}
@media screen and (max-width:1401px) {
.yangshi4 li .div{top:20%}
    }
/*footer*/
footer{background:url(../images/footer_bg.webp) no-repeat;background-size: cover;color:#fff}footer a{color:#fff}footer a:hover{color:#ccc}
footer .footerlogo{display: block;margin:0 auto;position: relative;top:-33px}
footer .footer1{max-width: 240px;}footer .footer3 li{margin-bottom:20px;}
footer h3{font-size: 2rem;width:auto;border-bottom:1px solid #fff;display: inline-block;padding-right: 5px;}
footer .footer_copyright{border-top:1px solid #5f98b5}
@media screen and (min-width:993px) and (max-width:1740px) {
    .product-href .product-contentimg{width:50%}
}

/* note */
.note{max-width:1300px;margin:0 auto;margin-top:75px;margin-bottom:90px}
.note h2{font-size:25px;color:#333;font-weight:bold}
.note ul{display:flex}
.note ul li p:nth-child(1){font-size:22px;margin-bottom:15px}
.note ul li p:nth-child(2){padding-right:67px;max-width:350px}
.note ul li:nth-child(3) p:nth-child(2){padding-right:0;max-width:364px}

/* application */
.applications{max-width:1300px;margin:0 auto;}
.applications h2{font-size:25px;color:#333;font-weight:bold}


.hazards{margin-top:20px;margin-bottom:36px}
/* table */
.datatable{max-width:1300px;width:100%;margin:0 auto;margin-bottom:90px}
.datatable .layui-table{background:#ecf0f2}
.datatable .layui-table tr{height:67px}
.layui-table th,.layui-table td{border:1px solid;text-align:center;font-size:16px}
.layui-table .tdnote{text-align:left;padding-left:130px}
.banner_plist .note{background:#d02e2e;text-align:center;line-height:36px;width:76px;border-radius:6px;color:#fff}
.banner_plist .paddingtop36{margin-top:36px;margin-bottom:18px}
.banner_plist .liwidth{max-width:350px}
.solid-sodium-Informations{display:flex;justify-content:space-between}
.banner_plist p.maxwidthp{max-width:350px;line-height:1.7}
.banner_about{background:url(../images/banner_about.webp) no-repeat center top}
.banner_industties{background:url(../images/industries-banner.webp) no-repeat center top}
.banner_plist h2{margin-bottom:5px}
.productlist .img img{width:100%}
.productlist .desc{font-weight:300}
.productlist li p{margin-bottom:10px}
.productlist1 h2{margin-bottom:26px;line-height:1}
.productlist1 ul li .img{background:#fff;margin-bottom:30px;max-height:380px;overflow:hidden}
.productlist1 ul li .img img{width:100%}
.productlist1 h3{margin-bottom:10px;line-height:1;font-size:2.2rem}
.product_content .excerpt{padding:30px 0 40px}
.product_content .excerpt p:nth-child(1){margin-bottom:10px}
.banner_plist .excerpt{padding:30px 0 40px}
.product_content .excerpt table tr{border-bottom:1px solid #bdbdbd}
.banner_plist .excerpt table tr{border-bottom:1px solid #bdbdbd}
.product_content .excerpt table tr td{padding:5px 0 5px 10px}
.banner_plist .excerpt table tr td{padding:5px 0 5px 10px}
.border_right{border-right:1px solid #bdbdbd}
.product_content #layerDemo{padding:0 0 40px}
.banner_plist #layerDemo{padding-left:65px}
.product_content #layerDemo .layui-btn-normal{background-color:#1a79a7;border-radius:10px;font-size:1.8rem;height:50px}
.banner_plist #layerDemo .layui-btn-normal{background-color:#1a79a7;border-radius:10px;font-size:1.8rem;height:50px}
.product_post_content{font-weight:300}
.product_post_content p{padding-bottom:5px}
.product_post_content .paddingbottom30{padding-bottom:30px}
ul.circle li{padding-left:20px;position:relative;margin-bottom:5px}
ul.circle li::before{position:absolute;content:'';width:10px;height:10px;background-color:#62bc35;border-radius:50%;left:0;top:10px}
ul.circle_black li::before{background-color:#333;}
.product_post_content h3{margin-bottom:1em}
.product_post_content blockquote{border-left:5px solid rgba(0,0,0,0.05);padding:.8em 20px;margin:0 auto 2.2em}
.product_post_content blockquote .marginbottom0{margin-bottom:0}
.product_post_content .warn{background:url(../images/warn.webp) #fff no-repeat 5px 16px;padding:60px 10px 30px 45px;margin-bottom:40px}
.product_content .layui-layer{padding-bottom:30px}
.product_content .layui-layer-title{background:#1a79a7;font-weight:bold;text-align:center;color:#fff}
.product_content form{font-size:16px}
.product_content form input,.product_content form textarea{border:0;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:#1a79a7;font-weight:bold;color:#fff}

.banner_plist .layui-layer{padding-bottom:30px}
.banner_plist .layui-layer-title{background:#1a79a7;font-weight:bold;text-align:center;color:#fff}
.banner_plist form{font-size:16px}
.banner_plist form input,.banner_plist form textarea{border:0;background:#eaeceb;line-height:32px;text-indent:5px}
.banner_plist .form_product{width:95%;margin:0 auto;padding-top:20px}
.banner_plist form textarea{height:160px}
.banner_plist form input#submit{background:#1a79a7;font-weight:bold;color:#fff}

.application{background:rgba(255,255,255,1)}

.relative-product_bg{margin-bottom:0!important}
.relative-product ul,.application ul{max-width:1330px;margin:0 auto}
.relative-product img{width:100%}
.relative-product ul li h3{text-align:center;font-size:1.6rem;padding-top:15px}

.about_content .about_title h2{text-align:center}
.about_content ul.standard{padding-top:22px}
.about_content ul.duigou li::before{top:5px;left:0}
.about_content ul.standard li p{padding-left:16px}

.about_us3{background:url(../images/about_us1.webp) no-repeat center center;background-size:cover;color:#fff;position:relative;background-attachment:fixed;}
.about_us3::before{content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:0;left:0;top:0}
.about_us3 .h2_desc{color: #fff;}.about_us3 h3{font-weight: normal;}
.about_us3 h2,.about_us3 p{position: relative;z-index: 1;}.about_us3 ul{position: relative;z-index: 1;max-width:900px;margin:0 auto;background: rgba(255,255,255,0.2);text-align: center;}.about_us3 ul li .iconfont{font-size: 5rem;display: block;line-height: 1;margin:0 auto 15px;color:#fff}.about_us3 ul li h3{font-size:1.8rem}
.about_us2 ul li{border-radius:16px;text-align: center;background: #fff;border:1px solid #e0ebf7;padding:2em 0}.about_us2 ul li i.iconfont.circle_icon{line-height: 44px;width: 64px;display: block;margin: 0 auto 20px;font-size:2rem;}.about_us2 ul li h3{margin-bottom:5px;}.about_us2 ul li p{color:#4b5563}
.about_us4 img{border-radius: 16px;box-shadow:0 5px 5px #e0ebf7}
.about_us5{text-align: center;}.about_us5 p{max-width:850px;margin:0 auto;}.about_us5 a{color:#fff;font-size:2.2rem;color: #fff;display: block;margin:0 auto;width:220px;line-height: 70px;background:#1a79a7;border-radius: 6px;}


.yangshi1 ul li{background:rgba(255,255,255,0.6);}
.yangshi2 img{border-radius: 16px;box-shadow:0 5px 5px #e0ebf7}

.duigou li{position:relative}
.duigou li::before{content:'\2714';position:absolute;left:0;line-height:1;color:#62bc35}
.jiantou{display:inline-block;width:20px;height:1px;box-shadow:0 0 0 25px #1657b4 inset;background-color:#1657b4;top:16px;position:relative;left:10px}
.jiantou::after{content:"";display:inline-block;position:relative;left:10px;width:8px;height:8px;background-color:transparent;border-color:#1657b4;border-style:solid;border-width:1px 1px 0 0;transform:rotate(45deg);top:-16px}
.triangle_more{display:block;margin-top:30px}
.triangle_more i{width:0;height:0;border:7px solid transparent;border-left-color:transparent;border-left-color:#1657b4;display:inline-block;position:relative;top:2px}
/*why us*/
.whyus1{background: url(../images/whyus1.webp) no-repeat center top;}
.whyus1 h2,.whyus1 .desc{color: #fff;}
.whyus1 ul li{background:#fff;padding:22px 0}.whyus1 ul li .product-img,.whyus1 ul li .img_desc{padding:0 18px;display: block;}.whyus1 ul li h3{margin-bottom: 0;padding-top:20px;padding-bottom:10px;}.whyus1 ul li .img_desc p{max-width:270px;margin-bottom:0}

.contact_us h2{position:relative;margin-bottom:15px;line-height: 1.5;}
.contact_us h2::before{content:'';position:absolute;bottom:-4px;height:6px;width:80px;background:url(../images/canvas.webp) no-repeat}
.contact_us h3{margin-bottom:20px;font-weight:500;line-height: 1.5;}
.contact_us p.desc{margin-bottom:30px}
.contact_us ol{background:#fff;box-shadow:0 20px 50px -10px rgba(0,0,0,.25);transition:background .3s,border .3s,border-radius .3s,box-shadow .3s;border-radius:20px;padding:40px}
.contact_us ol li textarea{height: 120px!important;}
.contact_us ol li{margin-bottom:20px}
.contact_us ol li input,.contact_us ol li textarea{color:#666;padding:.75em;height:auto;border:1px solid #ddd;border-radius:2px;background:#fafafa;box-shadow:none;box-sizing:border-box;transition:all .2s linear;width:100%}
.contact_us ol li #submit{width:160px;border:0;border-radius:22px;line-height:44px;text-align:center;background:#62bc35;color:#fff;padding:0}
.contact_us ul{width:95%}
.contact_us ul li{margin-bottom:20px}
.contact_us ul li h4{margin-bottom:5px}
.contact_us ul.border-bottom{padding-bottom:15px;border-bottom:1px solid #c7c7c7;margin-bottom:30px;}
.contact_us .layui-icon-lxr{padding-left:35px;margin-bottom:15px;line-height:1.5;position:relative}.contact_us .layui-icon-lxr .layui-icon::before{position:absolute;width:35px;height:23px;left:5px;}
.contact_us .ico_lx{padding-left:35px;margin-bottom:15px;line-height:1.5;position:relative}
.contact_us .ico_lx::before{content:'';position:absolute;width:35px;height:23px;left:0;top:0;background:url(../images/ico_lx.webp) no-repeat;background-size:25px auto}
.contact_us .ico_lx.tel::before{background-position:left 0}
.contact_us .ico_lx.address::before{background-position:left -25px}
.contact_us .ico_lx.email::before{background-position:left -50px}
.contact_us .ico_lx.fax::before{background-position:left -75px}
.contact_us .ico_lx.whatsapp::before{background-position:left -100px}
.contact_us li:nth-last-of-type(1) p{display:inline-block;width:160px}
.contact_us .recaptcha{display:inline-block;margin-right:20px}

.industries_list{max-width:1320px;margin:0 auto}
.industries_list li{margin-bottom:30px}
.industries_list li .img{position:relative}
.industries_list li .img h3{position:absolute;color:#fff;width:100%;text-align:center;bottom:40px;left:0;-webkit-transition:all .5s;transition:all .5s}
.industries_list li:hover .img h3{bottom:46px}

.content_industries h1{line-height:1.2;margin-bottom:20px}
.content_industries .sharethis-inline-share-buttons{margin-left:0}
.content_industries h2{line-height:1;margin-bottom:40px;color:#1a79a7}
.content_industries .right::before{background:url(../images/canvas.webp);width:75px;height:3px;content:' ';display:block;margin-bottom:20px}
.content_industries .left::before{background:url(../images/canvas.webp);width:75px;height:3px;content:' ';display:block;margin-bottom:20px}
.content_industries .left_ul li{margin-bottom:10px}
.content_industries .left_ul h3{font-size:1.8rem}
.content_industries .content_desc{padding-top:40px}
.content_industries .content_desc h3{margin-bottom:10px}

.industries_services_solutions li{border:1px solid #b5b5b5;overflow: hidden;border-radius:20px;margin-bottom:30px;padding-bottom:35px;}.industries_services_solutions li .appimg{display: block;margin-bottom:20px;}.industries_services_solutions li h3{margin-bottom: 5px;}.industries_services_solutions li h3,.industries_services_solutions li p{padding:0 15px}

.related-page a{text-align:center;border-radius:26px;background-color:#fff;box-shadow:0 8px 6px 0 rgba(140,140,140,0.18);font-size:1.8rem;color:#686868;padding:10px}
.related-page .h92{height:92px;display:flex;justify-content:center;align-items:center}
.related-page .blod-a{color:#1a79a7;font-weight:bold}
.related-page{padding-bottom:70px}
.related-page a:hover{color:#1a79a7;font-weight:bold}

.addcontent_industries .p1{margin-bottom:65px}
.addcontent_industries .addcontent_industries_div{margin-bottom:100px}
.addcontent_industries .addcontent_industries_div:nth-last-child(1){margin-bottom:105px}
.addcontent_industries .addcontent_industries_div .img2{margin-top:30px}
.addcontent_industries p.p2{margin-bottom:20px}
.addcontent_industries .size_text{color:#a7a7a7;font-size:2.8rem;position: relative;}.addcontent_industries .size_text span{color:#1a79a7;font-weight: bold;}

.blog-wrapper{max-width:1360px}
.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;font-weight:700}
.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}

.content_blog h1{border-bottom:1px solid #dfdfdf}
.content_blog .date{padding-bottom:40px;color:#999;font-size:14px}
img.aligncenter{display:block;margin:0 auto}
.content_blog .addtoany_shortcode{display:inline-block;width:50px;margin-left:15px}
.content_blog a{color:#1657b4;text-decoration:underline}
.content_blog .content{font-weight:300}
.content_blog .content p{line-height:2;margin-bottom:1.6em}
.content_blog .content h2{font-weight:bold;margin-bottom:5px}
.content_blog .content h3{font-weight:600;margin-bottom:1.6em;font-weight:bold}
.content_blog .bghui{background:#f5f5f5}
.content_blog .bghui1{background:#e5e8ed}
.content_blog blockquote{border-left:5px solid rgba(0,0,0,0.05);padding:.8em 1.6em;margin:1.5em auto 2.2em}
.content_blog blockquote .marginbottom0{margin-bottom:0}
.content_blog .h3border{position:relative}
.content_blog .h3border::after{content:'';width:50px;height:2px;background:#1657b4;position:absolute;left:0;bottom:-4px}
.content_blog img{max-width:100%;height:auto}
.content_blog .triangle_more{display:block}
.content_blog .triangle_more i{width:0;height:0;border:7px solid transparent;border-left-color:transparent;border-left-color:#1657b4;display:inline-block;margin-left:10px;position:relative;top:2px}
.content_blog .content .jiantou{display:inline-block;width:20px;height:1px;box-shadow:0 0 0 25px #1657b4 inset;background-color:#1657b4;top:16px;position:relative;left:10px}
.content_blog .content .jiantou::after{content:"";display:inline-block;position:relative;left:10px;width:8px;height:8px;background-color:transparent;border-color:#1657b4;border-style:solid;border-width:1px 1px 0 0;transform:rotate(45deg);top:-16px}
.content_blog .video .video_bg{background:#f5f5f5}
.content_blog .video .video_bg div{padding:0 10%}
.content_blog .content .marginnone{margin:0}
.content_blog .video iframe{max-width:100%}
.content_blog .relative-news-products{border-radius:4px;box-shadow:0 2px 6px 0 rgba(0,0,0,0.1)}
.content_blog .relative-news-products h2{line-height:1.2;text-align:center;font-weight:bold}
.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{font-size:16px;line-height:1.2}
.relative-news h2{line-height:30px}.relative-news li{margin-bottom:20px}.relative-news .desc{color:#999;font-size:14px}

.related_posts h2{margin-bottom:30px}
.related_posts ul li{background:#fff;border-radius:20px}
.related-posts{padding-top:20px}
.related-posts h2{color:#333;margin-bottom:20px}
.related-posts ul li{margin-bottom:25px}
.related-posts ul li div.li{padding:22px 2%;margin-right:4%;border-radius:6px;overflow:hidden;background:#fff}
.related-posts ul li div.li:hover{background:#fff;transition:.3s;box-shadow:5px 5px 5px rgba(0,0,0,.1)}
.related-posts ul li hr{background:#62bc35;width:38px;height:4px}
.related-posts ul li h3{line-height:40px;font-weight:600px}
.related-posts ul li div.desc{color:#666}

.shoplist .desc{padding-top:8px}
.shoplist .more a{border-radius:23px;line-height:46px;text-align:center;background-color:#62bc35;color:#fff;width:210px;margin-top:10px;display:inline-block}
.shoplist li a{background:#fff;display:block;height:593px}
.shoplist li h3{line-height:1.2;padding:26px 15px 0}
.shoplist li p{padding:15px}
.shoplist li a:hover p{color:#333}

.sharethis-inline-share-buttons{display:inline-block!important;margin-left:15px}

.archive1{background:rgba(255,255,255,.5)}

.slider-container{overflow:hidden;width:100%;margin:0 auto}
.slider:before,.slider:after{display:table;content:' '}
.slider:after{clear:both}
.slider__item img{display:block;max-width:100%;height:auto;width:100%}
.slider__switch span{color:#fff;display:block;width:32px;height:32px}
.slider__switch{position:absolute;top:50%;margin-top:-20px;padding:10px 5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;border-radius:1px;background:#000;opacity:.3;transition:opacity .15s ease;fill:#fff}
.slider__switch--prev{left:10px}
.slider__switch--next{right:10px}
.slider__switch:hover{opacity:.85}
.slider__switch[disabled]{visibility:hidden;opacity:0}
.slider__caption{position:absolute;bottom:30px;left:30px;display:block;max-width:500px;padding:10px;color:#fff;background:rgba(0,0,0,.4);box-shadow:0 0 20px 10px rgba(0,0,0,.4);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000')}
.slider__caption[disabled]{opacity:0;visibility:hidden}
.slider-nav{display:none;line-height:30px;position:absolute;bottom:0;left:0;width:100%;height:30px;margin:0;padding:0;text-align:center;z-index:99999;filter:alpha(opacity=90)}
.slider-nav__control{display:inline-block;width:12px;height:12px;margin:0 3px;-webkit-transition:background .5s ease;-moz-transition:background .5s ease;-o-transition:background .5s ease;transition:background .5s ease;border:2px solid #fff;border-radius:50%;background:transparent}
.slider-nav__control.is-active{width:12px;height:12px;background:#fff}
.slider.has-touch{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing}
.preview{text-align:center;padding:5px}
.preview a{display:inline-block;margin:5px}
.preview img{display:block;width:120px;height:auto}
.active{outline:1px solid #196cd2;box-shadow:2px 2px 2px 2px rgba(0,0,0,.05)}

@media(max-width:580px) {
.slider__switch,.slider__caption{display:none}
}
@media screen and (min-width:992px) {
.layui-col-md6-1{width:47%}.menu-width-height{height:68px;width:256px}
.layui-col-md4-7{width:47.2%;position:relative;display:block;box-sizing:border-box}.layui-col-md4-7 p{padding-left:33px;padding-right:20px}.layui-col-md4-7 h3{padding-left:33px;margin-top:30px;margin-bottom:10px;font-size:22px}
.flex_pc_50 li{width:48%}
li.width37{width:37%}li.width57{width:57%}
.public_content{padding-top:60px}.public100_70{padding-top:100px;padding-bottom:70px;}.public_100{padding-top:100px;padding-bottom:100px;}.public_top100{padding-top:100px}.public_bottom100{padding-bottom:100px;}.public_bottom70{padding-bottom:70px;}.public_top80{padding-top:80px;}.public_top50{padding-top:50px;}
.marginbottom70{margin-bottom:70px}
.about_content,.contact_us,.industries_list_title,.bloglist,.content_industries,.content_blog,.product_content,.banner_plist{padding-top:60px}
.related-page{padding-top:30px;display:flex;justify-content:space-between}.related-page a{width:25%}
.mobliembx{display:inline-block}
h1{font-size:3.8rem}
h2{font-size:2.3rem}
h3{font-size:1.8rem;line-height:1.5}
.public_h h2{font-size:3.6rem;}.public_h h3{font-size:2rem;}h3.h3_size{font-size:3rem;}
.paddingbottom60{padding-bottom:60px}
.hyenviro_mbx{padding-bottom:40px}
.hyenviro_mbx.paddingbottom_pc0{padding-bottom:0}
.left{float:left}
.right{float:right!important}
.left6{margin-left:6%}.right6{margin-right:6%;}
.grid{display:grid}
.table{display:table}
.table li{display:table-cell}
.header_fix{position:absolute;width:100%;z-index:3}
#header .header .layui-top,#header .header .layui-bottom,.header .layui-nav{position:inherit}
#menu #nav{display:flex;}
#header .layui-top,#header .header .layui-left,#header .header #menu{display:flex;align-content:center;align-items:center}
#header .header #menu{justify-content:flex-end;flex:1}
#header .header .layui-top{padding:10px 0}
#header .header .layui-bottom ul li{line-height:20px;box-sizing:border-box;text-align:center;position:relative;top:inherit;padding:0}
#header .header .layui-bottom ul li.padding-menu>a{padding-top:10px;padding-bottom:10px;position:relative;padding-right:18px;margin-right:15px}
#header .header .layui-bottom ul li.padding-menu>a::before{content:"\e61a";font-family:"layui-icon"!important;position:absolute;right:0}
#header .header .layui-bottom ul li.padding-menu1{position:relative}
#header .header .layui-bottom ul li a{color:#fff}
#header .header .layui-bottom ul li:last-of-type a:after{display:none!important}
#header .header .layui-bottom ul li.menu_width{width:34%}
#header .header .layui-bottom ul li.menu_width1{width:25%}
#header .header .layui-bottom ul li.menu_width2{width:15%}
#header .header .layui-showul ul{display:block}
#header .header .layui-showul ul ul{display:block}
.header .layui-nav-child{border-top:0;border-left:0;border-right:0;border-bottom:0}
#header .header .layui-bottom ul li.padding-menu1 .layui-nav-child{top:79px}
#header .header .layui-bottom ul li ul li::after{display:none}
#header .header .layui-bottom ul li ul a:hover{background:#185282;color:#fff}
.header ul li.menu_width2 .layui-nav-child{left:-37%}
#header .header .layui-bottom ul li.menu_width2 ul li{width:220px}
#header .header .layui-bottom ul ul ul.layui-nav-child{border:0;top:0;left:100%;box-shadow:none;width:100%;padding:0}
#header .header .layui-bottom ul li.menu-item-relative{position:relative}
#header .header .layui-bottom li.menu-item-relative ul{top:60px}
#header .header .layui-bottom .padding-menu1>ul{padding:20px;text-align:center}
#header .header .layui-bottom .padding-menu1_1>ul{left:-35px}
#header .header .layui-bottom .padding-menu1_2>ul{left:-75px}
#header .header .layui-bottom .padding-menu1_3>ul{left:-15px}
#header .header .layui-bottom .padding-menu1 ul li a{padding-right:0;text-align:center}
#header .header .layui-bottom .layui-showul ul ul{position:relative}
#header .header .layui-bottom ul li:hover a{color:#000}
#header .header .layui-bottom ul li:hover > a{color:#fff}
#header .header .layui-bottom ul li a{display:block;line-height:60px}
.header .layui-nav-child{background:#fff}
.header .layui-nav-child ul{background:0}
.header .padding-menu-width>.layui-nav-child{left:-64px;margin:0 auto;width:256px;padding:0}
.header .padding-menu-industries .layui-nav-child li{min-width:120px}
.header .layui-nav-child li ul li{display:block!important}
#header .header .layui-bottom ul li.padding-menu1 .layui-nav-child li{display:block!important}
#header .header .layui-bottom ul ul li.a>a,#header .header .layui-bottom ul ul li.a1>a{margin-bottom:30px;font-size:16px;padding-right:0;height:100%;width:100%;padding-top:20px;text-indent:20px}
#header .header .layui-bottom ul ul ul li a{padding:0;padding-top:6px;height:100%;line-height:50px;font-weight:lighter;padding-left:15px}
#header .header .layui-bottom ul ul li.t>a::before{content:"\e602";font-family:"layui-icon"!important;position:absolute;left:80%}
#header .header .layui-bottom ul ul ul li.a1{margin-right:110px}
#header .header .layui-bottom ul ul ul ul{padding-left:0}
#header .header .layui-bottom ul ul ul li.menu-item-has-children{display:inline-table!important}
.header li.layui-showul.padding-menu1 ul.layui-nav-child,.header li.layui-showul.padding-menu1 .layui-nav-child li{display:block!important}
.header li.layui-showul.padding-menu1 .layui-nav-child li a{line-height:40px!important;font-weight:400!important}
.banner{height:500px;background-size: cover !important;}
.banner h1{font-size:4rem;max-width: 980px;}
.banner p{font-size:1.6rem;max-width:1000px}
.banner .contentfix{margin-top:90px}
.banner_404{height:100px;border-radius:0}
.banner_plist h2{font-size:1.8rem}
/*products_list*/
.products_list li{width:31.33%;}
.productlist{padding:100px 0}
.productlist li{margin-bottom:80px}
.productlist li .img a{width:85%;display:block}
.productlist1{padding:150px 0 100px}
.productlist1{padding:150px 0 250px}
.productlist1 h2{font-size:3.6rem}
.productlist1 ul{max-width:1330px;margin:0 auto}
.productlist1 ul li{padding:0 15px}
.productlist1 ul li h3{padding-right:24px}
.banner_plist{padding-bottom:100px}
.product_content .layui-layer{max-width:790px!important;border-radius:8px;overflow:hidden}
.banner_plist .layui-layer{max-width:790px!important;border-radius:8px;overflow:hidden}
.product_content .layui-layer-title{font-size:24px}
.banner_plist .layui-layer-title{font-size:24px}
.product_content form textarea{width:95%;float:right;height:196px}
.banner_plist form textarea{width:95%;float:right;height:196px}
.product_content form input{margin-bottom:28px;width:100%}
.banner_plist form input{margin-bottom:28px;width:100%}
.product_content form input#submit{margin-top:9px;margin-bottom:0;width:100px}
.banner_plist form input#submit{margin-top:9px;margin-bottom:0;width:100px}
.product_content form input.chac{width:100px;margin-right:5px}
.banner_plist form input.chac{width:100px;margin-right:5px}
/* application */
.application{padding:40px 0 80px;}

.related_posts ul li{margin-bottom:20px;float:left;width:49%}
.related_posts ul li .li{padding:40px 5%}
.application{margin-bottom:100px}
.relative-product h2{margin-bottom:40px}
.relative-product ul li{padding:0 15px}

.contact_us h2{font-size:3.2rem;line-height:56px;padding-bottom:5px;margin-bottom:25px}
.contact_us p.desc{max-width:90%;margin-bottom:60px}
.industries_list{padding-bottom:70px}
.industries_list li .img{width:95%;margin:0 auto}
.industries_list_title{padding-bottom:90px}
.industries_list_title h2{max-width:310px;line-height:1.5}
.industries_list_title .desc{border-left:2px solid #62bc35;height:90px}
.industries_list_title .desc p{padding-left:10%}
.content_industries{padding-bottom:60px}
.content_industries .layui-col-md5{width:46%}
.content_industries .content img{max-width:93%}
.content_industries .left_ul{margin-bottom:40px}

.industries_services_solutions li{width:32%}

.bloglist{max-width:1300px}
.blog-loadmore li{padding:40px 0}
.blog-loadmore h2{font-size:2.4rem;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 0}
.content_blog{margin-bottom:100px}
.content_blog .flex{display:flex;flex-wrap:wrap}
.content_blog h1{padding-bottom:20px;margin-bottom:15px;line-height:1.2}
.relative-news{padding:80px 0}
.relative-news h2{font-size:2.6rem;margin-bottom:30px}
.relative-news h3{width:90%;border-bottom:1px solid #dfdfdf;padding-bottom:15px;margin-bottom:20px}
.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}
.content_blog .flex80{margin-top:80px}
.content_blog .flexb60{margin-bottom:60px}
.content_blog .flex50{width:50%;align-content:center;align-items:center}
.content_blog .order1{order:1}
.content_blog .order2{order:2}
.content_blog .left20{padding-left:20%}
.content_blog .right20{padding-right:20%}
.content_blog .auto15{padding:0 8%}
.content_blog .auto20{padding:0 20%}
.related_posts{padding:50px 0 100px}
.related_posts h2{font-size:3.6rem}
.related_posts .contentfix{position:relative}
.related_posts .contentfix::before{content:'';position:absolute;left:-210px;top:-160px;width:120px;height:300px;background:url(../images/pattern-v.webp) no-repeat;background-size:100%}
.related_posts h3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;line-clamp:1;-webkit-line-clamp:1}
.related_posts .desc{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2}
.related-posts ul li div.li{border:1px solid #e7e7e7}
.related-posts ul li h3{line-height:48px;height:48px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:1;-webkit-line-clamp:1;font-size: 1.8rem;}
.related-posts ul li div.desc{height:50px;overflow:hidden;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2}
.container404{padding:150px 0 200px}
.container404 h1{font-size:32px;font-weight:bold;margin:0}
.container404 p{font-size:24px;margin-top:20px}
.shoplist{padding:100px 0}
.shoplist .product_title{padding:100px 0 80px}
.shoplist h2{font-size:3.6rem;border-right:2px solid #62bc35;margin-right:3%}
.shoplist .more{text-align:right;width:22%}
.shoplist ul{max-width:1330px;margin:0 auto}
.shoplist li{padding:0 15px}
.shoplist h3{font-size:2.6rem}
.archive{padding:100px 0}
.archive .productlist{padding:0}
    
}
@media screen and (min-width:768px) and (max-width:1300px) {
.banner .contentfix{flex:inherit}
#header .header .layui-top{padding:10px 3%}  
}
@media screen and (min-width:768px) and (max-width:991px) {
.md_paddingtop40{padding-top:40px}
.layui-col-md4-7{width:47.2%;float:left;position:relative;display:block;box-sizing:border-box}.layui-col-md4-7 p{padding-left:33px;padding-right:20px}.layui-col-md4-7 h3{padding-left:33px;margin-top:30px;margin-bottom:10px;font-size:2.2rem}
.md_width100{width:100%}
.public_content{padding-top:50px}.public100_70{padding-top:50px;padding-bottom:35px;}.public_bottom100,.public_bottom70{padding-bottom:50px;}.public_top80{padding-top:40px;}.public_top50{padding-top:40px;}.public_top100{padding-top:50px}
.marginbottom70{margin-bottom:50px}.md_marginbottom40{margin-bottom:40px}.img_md_auto{margin:0 auto}
.public_h h2{font-size:3rem;}.public_h h3{font-size:1.8rem;}
.about_content,.contact_us,.industries_list_title,.bloglist,.content_industries,.content_blog,.product_content,.banner_plist{padding-top:50px}
.industries_list_title{margin-bottom:40px}
.industries_services_solutions{padding-bottom:60px}
.industries_services_solutions li{width:49%}
/*products_list*/
.products_list li{width:48%;}
.about_content h2{line-height: 1.5;margin-bottom: 10px;}
}
@media screen and (min-width:768px) {
.marginbottom40{margin-bottom: 40px;}h2{font-size: 2.3rem;}h3.h3_size{font-size: 2.2rem;}h3{font-size: 2.2rem;}.about_content h2{font-size:3.6rem;}
.flex31 li{width: 31%;}.flex32 li{width: 32.33%;}
.header_fix1{background:#1a79a7!important;position: relative!important;height: 100px!important;}
.header_fix2{background: none!important;position:absolute!important;}
/*yangshi1*/
.yangshi1 ul li{width:48%}.yangshi1 ul li div{padding:5em 4em 3em;}
ul.yangshi3 li{width:25%}ul.yangshi3 li.size_text{width:47%}
/*about*/
.about_us2,.about_us3{padding:90px 0 110px}.about_us3 ul{padding:60px 20px 30px 0;}.about_us3 ul li{width:33.3%;margin-bottom:50px}
.about_us2 ul li{width:31.8%}
.about_us4 ul{background:rgba(224,235,247,0.6);border-radius:20px;padding:3em}
.about_us5{padding-bottom:133px}.about_us5 h2{margin-bottom:25px}.about_us5 p{margin-bottom:40px}
/*contact*/
.contact_us ol li.submit{position: relative;} .contact_us ol li.submit .wpcf7-spinner{display:none}.contact_us ol li.submit #submit{position: absolute;right:0;bottom: 0;}
/*products_list*/
.products_list li{margin-bottom:20px;}

.product_content .hyenviro-tab ul li a::before{border-radius:20px;width:12px;height:12px;display:inline-block;background-color:#767676;content: '';margin-right: 15px;}
.scdcenter .scdcenter-right img{width:80%}
/**/
.addcontent_industries .size_text span{font-size: 13.2rem;line-height: 1;}.addcontent_industries .size_text p{position: absolute;bottom:0;bottom: -18px;}
/*why us*/
.whyus2{position: relative;margin-top:40px}.whyus2::before{position: absolute;content: 'Advantages';color:#e4e8ea;font-size:25rem;top:-70px;font-weight: bold;line-height: 1;z-index:0;}
.whyus2 ul{position: relative;z-index:1}
/*blog*/
.content_blog .content h3,.content_blog .relative-news-products ul h3{font-size: 1.8rem;}
/*footer*/
footer .footer{padding-bottom: 110px;}
footer .footer1 img{margin-bottom: 30px;}
footer .footer3{width:80%;max-width:900px;}
footer h3{margin-bottom:30px;}footer .footer_copyright{line-height: 80px;}

}
.product-href1{max-width:1300px;margin:0 auto;display:flex;margin-top:90px;position:relative}
.product-href1 .imgoverflow1{justify-content:flex-end;align-items:end;overflow:hidden}
.product-href1 ul{flex:1;display:flex;flex-direction:column;justify-content:space-around}
.product-contentimgg{position:absolute;right:140px;top:-79px}
.product-href1 ul li span{display:inline-block;width:13px!important;height:13px!important;border-radius:50%;background-color:#333;margin-top:8px;margin-right:10px}
.product-href1 ul li{font-size:16px;display:flex;margin-bottom:10px}
.product-href1 ul li a{color:#55b4e2;font-size:22px}

.layui-nav-child{top:inherit}
.chuxian{display:block}
@media screen and (min-width:992px) and (max-width:1300px){
#header .header{width:95%}
}
@media screen and (max-width:437px){
.banner_plist ol{display:none}.banner_plist ul{display:block}.banner_plist ul li p:nth-child(3){display:block;margin:0 auto;margin-right:0;width:188px;text-align:center}    
}
#st-1 .st-btn[data-network='sharethis']{margin-top:-6px!important;height:50px!important}
#st-1 .st-btn>img{height:25px!important;width:25px!important;top:12px!important}
/**产品新模板（二氧化氯） **/
.product_content .hyenviro-tab{width:100%;margin-bottom:80px}.product_content p{margin-bottom: 15px;}
.product_content h2{font-size:2.5rem;font-weight:bold;line-height:2.6}
.product_content .hyenviro-tab ul{display:flex;justify-content:space-around}
.product_content .hyenviro-tab ul li{font-size:1.8rem;padding:20px;display:flex;align-items:center;color:#767676}
.product_content .hyenviro-tab ul li:hover{border-radius:20px;box-shadow:0 10px 6px 0 rgba(140,140,140,0.15);color:#1a79a7}
.product_content .hyenviro-tab ul li:hover a,.product_content .hyenviro-tab ul li.scdchange a{color:#1a79a7}
.scdchange{border-radius:20px;box-shadow:0 10px 6px 0 rgba(140,140,140,0.15);color:#1a79a7!important}
.scdcenter{margin-bottom:40px}
.product_content .hyenviro-description{margin-top:60px}
.product_content .hyenviro-description h2{font-size:2.5rem;font-weight:bold}
.scdapplications h2{font-size:2.5rem;font-weight:bold;margin-bottom:32px}
.scdapplications-content{display:flex;flex-wrap:wrap;justify-content:space-between}
.scdapplications-content h3{font-size:2.2rem;margin-left:32px;margin-bottom:0}
.scdapplications .scdapplications-contentcenter{margin-bottom:53px;border-radius:20px;width:570px;height:300px;background-color:#e9f1f5;box-shadow:0 10px 6px 0 rgba(140,140,140,0.13)}
.scdapplications ul li{list-style:inside}
.scdapplications .scdapplications-content .scdapplications-img{display:flex;align-items:center;margin:34px 0 34px 32px}
.scdapplications .scdapplications-content .scdapplications-img a{display:flex;align-items:center}
.scdapplications .scdapplications-content ul{margin-left:32px}


.lineheight1{line-height:1.5}
.bluea{background:#1a79a7!important}
#st-1 .st-total{display:none!important}
@media screen and (max-width:1740px){
    .product-href .product-contentimg img{width:80%;float:right}
}
.safe{margin-bottom: 53px;}
/* 氰尿酸样式 */
.SCRD{max-width:1300px;margin:0 auto;margin-top:75px;margin-bottom:90px}
.SCRD h2{font-size:25px;color:#333;font-weight:bold;margin-bottom:22px}
.SCRD ul{display:flex;justify-content:space-between}
.SCRD ul li{background:#d4e4eb;border-radius:30px;padding:40px 60px;max-width:253px}
.FA{max-width:1300px;margin:0 auto;margin-top:75px;margin-bottom:90px}
.FA h2{font-size:25px;color:#333;font-weight:bold;margin-bottom:22px}
.datatable h2{font-size:25px;color:#333;font-weight:bold;margin-bottom:22px}
.applications-product{max-width:1300px;margin:0 auto 80px}
.applications-product h2{font-size:25px;color:#333;font-weight:bold;margin-bottom:22px}
.applications-product .applications-productcontent{padding-left:15px;padding-right:15px;display:flex;flex-wrap:wrap;box-sizing:border-box;justify-content:space-between}
.applications-product .applications-productcontent div{border-width:1px;border-color:#b5b5b5;border-style:solid;border-radius:20px;background-color:#ecf0f2;overflow:hidden}
.applications-product .applications-productcontent div:nth-child(n+3){margin-top:60px}
.applications-product .applications-productcontent div img{width:100%;max-height:270px}
.applications-product .applications-productcontent div:hover{box-shadow:0 10px 6px 0 rgba(140,140,140,0.27)}

.btp{padding-bottom:46px;max-width:480px}
.advcenter ul li span{display:inline-block;width:13px;height:13px;background:#000;border-radius:20px;margin-right:10px}
.advcenter .advcenter-right{float:right}
.advcenter .advcenter-right img{float:right}
.advcenter .advcenter-left li{margin-bottom:14px}
.h491{height:450px}
@media screen and (max-width:1300px){.product-href ul{padding-left:15px}
.product-href1 ul{padding-left:15px}
.note h2{padding-left:15px}
.note ul{padding-left:15px}
.scdapplications .scdapplications-contentcenter{width:100%}
.description p{padding-left:15px;padding-right:15px}
.description h2{padding-left:15px}
.FA p{padding-left:15px;padding-right:15px}
.SCRD ul{padding-left:15px;padding-right:15px}
.FA h2{padding-left:15px}
.SCRD h2{padding-left:15px}
}
@media screen and (max-width:991px) {
.note ul{display:block}.note ul li p:nth-child(2){max-width:none}.note ul li:nth-child(-n+2){margin-bottom:20px}#st-1.st-has-labels .st-btn.st-remove-label{border:1px solid}
.datatable{width:95%;margin:0 auto}

.public_content{padding-top:40px}

#header .layui-top{display:block}
#header{background-color:#1a79a7;height:80px}
#header .header .layui-top .layui-left{position:absolute;z-index:9;padding:10px 0}
#header .header .layui-top .layui-left .layui-logo a{position:relative;left:10%}
.header .sj-nav{width:30px;height:34px;box-sizing:border-box;position:absolute;right:1rem;top:18px;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:#fff;-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}
.header .logo img{height:50px!important;width:auto}
.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;padding-bottom:1rem}
.menu ul li .sub-menu{display:none;padding-left:15px}
.menu ul li .sub-menu li{width:100%;position:relative;margin-bottom:0}
.menu ul li .sub-menu li a{display:block;width:100%;box-sizing:border-box;padding:.5rem 0 0 1rem;border-bottom:0}
.menu ul li .sub-menu li .sub-menu{display:none;margin-bottom:30px;font-weight:lighter;padding-left:0}
.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;width:100%;box-sizing:border-box;padding:.5rem 0 .5rem 2rem;line-height:36px!important}
.menu ul li.menu-item-has-children::before{content:' ';background:url("../images/ico_lx.webp") no-repeat center top;background-position:right -150px;display:block;position:absolute;right:0;top:0;width:80px;text-align:center;height:30px;z-index:0;background-size:30px auto}
.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:0}
header .layui-layer{width:90%!important}

.banner_plist .bp-right .naclo{padding-left:0}.banner_plist ol{padding-left:0}.banner_plist ol li p{color:#fff}.banner_plist ul{padding-left:0}.banner_plist .bp-right .concentration{padding-left:0}.banner_plist h1{padding-left:0;margin-top:25px}.banner_plist .bp-right .mb40{padding-left:0}.banner_plist #layerDemo{padding-left:0}.banner_plist #layerDemo .layui-btn-normal{border-color:#fff}

.mobliembx{display:none}
.addcontent_industries .p1{margin-bottom:30px}    .addcontent_industries .addcontent_industries_div{margin-bottom:0}.addcontent_industries .addcontent_industries_div .p21{margin-bottom:30px}
.content_industries h2{line-height:2}
h1{font-size:2.6rem;margin-bottom:20px;margin-top:20px}
h2{font-size:2.2rem;padding-bottom:10px}
h3{font-size:2rem;margin-bottom:20px}
.flex_phone{display:flex;flex-wrap:wrap;align-content:center}
.paddingbottom60{padding-bottom:30px}
.hyenviro_mbx{margin-bottom:20px}
.hyenviro_mbx .none,.hyenviro_mbx_product .breadcrumb_last{display:none}
.hyenviro_mbx_product span span:nth-last-child(2) a::after,.hyenviro_mbx a.shouji_no::after{content:''}
.about_content,.contact_us,.industries_list_title,.content_industries,.content_blog,.product_content,.banner_plist{padding-top:40px}
.solid-sodium-Informations{display:flow-root}
.header_fix{background:none!important;height:0!important;overflow:visible}
.banner{border-radius:0 0 50px 0;height:320px;padding-top:50px}
.banner h1{font-size:3rem;margin-bottom:20px}
.banner_plist{padding:0 0 60px;background:#1a79a7;color:#fff;margin-bottom:80px;padding-top:30px}
.banner_plist h2{line-height:1.5}
.banner_404{height:80px;border-radius:0;padding:0}

.product-href{position:static;flex-direction:column}
.product-href .product-contentimg{position:static}
.product-href .product-contentimg{position:static;margin:0 auto}
.product-href ul li{width:auto}
.product-href ul li span{width:20px;height:20px}
.banner_plist .hyenviro_mbx,.banner_plist .hyenviro_mbx a{color:#fff}
.productlist .more a{margin:20px 0 0}
.productlist .product_title{padding-bottom:50px}
.productlist{width:90%;margin:0 auto 60px}
.productlist li{margin-bottom:40px}
.productlist li .img{margin-bottom:10px}
.productlist li h2{padding-bottom:10px}
.productlist1 ul{width:90%;margin:0 auto}
.productlist1 ul li{margin-bottom:40px}
.productlist1 ul li .img{height:auto}
.productlist1 h3{font-size:2.2rem}
.product_content{padding-bottom:60px}
.banner_plist{padding-bottom:60px}
.product_content .excerpt{padding-top:0}
.banner_plist .excerpt{padding-top:0}
.product_content #layui-layer1{width:96%!important;border-radius:6px;overflow:hidden}
.banner_plist #layui-layer1{width:96%!important;border-radius:6px;overflow:hidden}
.product_content .layui-layer-title{font-size:18px}
.banner_plist .layui-layer-title{font-size:18px}
.product_content form textarea{width:100%;float:right}
.banner_plist form textarea{width:100%;float:right}
.product_content form input{margin-bottom:10px;width:100%}
.banner_plist form input{margin-bottom:10px;width:100%}
.product_content form .recaptcha{top:9px}
.banner_plist form .recaptcha{top:9px}
.product_content form input#submit{margin-bottom:0;width:100px}
.banner_plist form input#submit{margin-bottom:0;width:100px}
.product_content form input.chac{width:100px;margin-right:5px}
.banner_plist form input.chac{width:100px;margin-right:5px}
.product-contentimgg{position:static;margin:0 auto}
.product-href1{position:static;flex-direction:column}
.product_content .hyenviro-tab ul{display:block}
.scdapplications .scdapplications-contentcenter{width:100%;min-height:350px;height:auto}
.product_content .hyenviro-tab{margin-bottom:50px}
.product_content .hyenviro-description{margin-top:0}
.scdcenter-left{margin-bottom:20px}

.SCRD ul{display:block}
.SCRD ul li{max-width:-webkit-fill-available}
.SCRD ul li:nth-child(n+2){margin-top:20px}

.related_posts h2{margin-bottom:20px}
.related_posts ul li{margin-bottom:20px}.related_posts ul li .li{padding:20px 5%}.related_posts ul li .li h3{line-height:1.2}
.related-posts{padding-bottom:40px}.related-posts ul li{margin-bottom:10px}.related-posts ul li div.li{margin:0;padding:20 5%}.related-posts ul li hr{display:none}.related-posts ul li h3{line-height:20px;margin-bottom:15px}
.related-page a{margin-left:0;margin-top:20px}
.application{padding:30px 0;margin-bottom:60px}
.relative-product{margin-bottom:60px}
.application h2,.relative-product h2{margin-bottom:10px}
.about_title{padding-bottom:60px}

.about_content ul.standard{margin-bottom:30px}

.contact_us{padding-bottom:60px}
.contact_us ul{margin-bottom:60px}
.industries_list{padding:30px 0 60px}
.industries_list li .img{width:90%;margin:0 auto}
.industries_list li .img h3{margin-bottom:0}
.content_industries{padding-bottom:40px}
.content_industries h2{margin-bottom:20px;font-size:1.8rem}
.content_industries .left_ul li h3{margin-bottom:0}
.content_industries .sharethis-inline-share-buttons{margin-bottom:30px}
.content_industries .left_ul h3{font-size:1.6rem}
.content_industries .content_desc{margin-bottom:80px}
.blog-loadmore li{padding-bottom:30px;margin-bottom:30px}
.blog-loadmore li .img{margin-bottom:25px}
.alm-btn-wrap{padding:30px 0 50px}
.content_blog{padding-bottom:50px}
.content_blog h1{padding-bottom:20px;line-height:1.3}.content_blog .content h3{font-size: 1.6rem;margin-bottom:0.6em}
.content_blog .content h2{line-height:1.3}
.content_blog img{max-width:100%;height:auto}
.relative-news{padding:40px 0}
.relative-news h2{font-size:20px;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}
.content_blog .relative-news-products h3{color:#58585b}
.content_blog .video .video_bg{padding:30px 0}
.content_blog .padding{padding:30px 5%}

.shoplist{padding:30px 0}
.shoplist .more a{margin:20px 0 0}
.shoplist .product_title{padding-bottom:50px}
.shoplist ul{width:90%;margin:0 auto}
.shoplist ul li{margin-bottom:20px}
.container404{padding:50px 0 100px}

}
@media screen and (max-width:767px){
.public100_70{padding-top:30px;padding-bottom:40px;}.public_bottom100,.public_bottom70{padding-bottom:30px;}.public_top80{padding-top:30px;}.public_top50{padding-top:30px;}.public_top100{padding-top:40px}
.public_h h2{font-size:2.2rem;}.public_content img{margin-bottom:30px;}
.sj_bg{background: #1668a7;}
.sj_marginbottom10{margin-bottom:10px;}.sj_marginbottom30{margin-bottom: 30px;}.sj_paddingtop40{padding-top:40px}.sj_padding60_40{padding-top:60px;padding-bottom:40px;}
.banner_plist ol{padding-left:0}
.banner_plist ol li p{font-size:18px}
.banner_plist ul li .p2{padding-left:0}
.product-href ul li span{display:none}
.layui-table th,.layui-table td{padding:0}
.layui-table .tdnote{padding-left:26px}
.safe{margin-bottom:0;}
/*yangshi*/
.yangshi4 li .div{top:40%}.yangshi4 li h3{margin-bottom: 0;}
/*products_list*/
.products_list li{margin-bottom: 25px;width:100%}.products_list li h3{margin-bottom:0}

.product-href1{flex-direction:column;height:auto}
.product-href1 div{align-items:center}
.product-href1 ul{margin-top:30px}
.product-href1 .imgoverflow1{padding-bottom:20px;justify-content:center}
.product-href1 ul li{margin-bottom:30px}
.note ul{display:flex;flex-direction:column}

.product_content .hyenviro-tab ul li{padding:12px 20px;box-shadow: 0 2px 6px 0 rgba(140,140,140,0.15);border-radius: 20px;margin-bottom: 15px;}
.product_content .hyenviro-description{margin-bottom: 0;}
.slider__item img{margin-bottom:15px;}
.h491{height:auto;}
.applications-product{margin-bottom:0;}

.applications-product .applications-productcontent{padding-left:0;padding-right:0}
.applications-product .applications-productcontent div:nth-child(n+3){margin-top:0}
.applications-product .applications-productcontent div:nth-child(n+2){margin-top:30px} 

.layui-col-md4-7 p{padding-left:33px;padding-right:20px;padding-bottom:20px}
.layui-col-md4-7 h3{padding-left:33px;margin-top:30px;margin-bottom:10px;font-size:22px}

.industries_services_solutions{padding-bottom:40px}
.addcontent_industries{margin-bottom: 40px;}
.addcontent_industries img{margin-bottom:20px}.addcontent_industries .size_text span{font-size:4rem}
/*about*/
.about_content h2{line-height: 1.5;margin-bottom: 10px;}.h2_desc{font-size: 1.6rem;width:100%}.h2_desc.contentfix{width:86%}.h2_desc1{font-size: 1.6rem;}
.about_us2 ul li{width:100%;margin-bottom: 20px;}
.about_us2,.about_us3,.about_us4{background-attachment:inherit;padding-top:50px;padding-bottom:60px;}
.about_us3 ul{padding:30px 7%;}.about_us3 ul li{width:50%}.about_us3 ul li h3{font-size: 1.6rem;}
.about_us4{background:#ecf3fa;}.about_us4 .h2_desc{width: 100%;}
.about_us5{padding-bottom:60px}.about_us5 p{margin-bottom: 30px;}
/*why us*/
.whyus2 .contentfix{width:100%}.whyus2.yangshi1 ul li{padding:30px 7%;width:86%}
/*contact us*/
.contact_us ol li.li1{margin-bottom: 0;}.contact_us ol li.li1 div{margin-bottom: 20px;}.contact_us ol li .wpcf7-spinner{display: none;}

.yangshi1 ul li{width:100%;margin-bottom: 20px;}
.yangshi2{background:#ecf3fa;padding-top:50px;padding-bottom:40px;}
/*blog*/
.related-posts ul li div.li{padding:20px 5%}
/*footer*/
footer{padding-top:80px;}footer h3{margin-bottom:15px;}
footer .footerlogo{display:none;}
footer .footer1{max-width: 100%;}
footer .footer1{margin-bottom: 30px;width:100%;}footer .footer3{margin-bottom:50px;}footer .footer1 img{margin-bottom: 20px;}
footer .footer3 .bottom{margin-bottom:20px;}
footer .footer_copyright{line-height: 60px;}
}