@charset "utf-8"; 
.container,.container-1600,.container-936{width:100%;max-width:1400px;margin:0 auto}
.container-1600{max-width:1600px}
@media (max-width:1600px){.container-1600{padding:0 15px}}
.container-936{max-width:936px}
.home-cate{margin:70px 0}
@media (max-width:768px){.home-cate{margin:30px 0}}
.home-cate ul{padding:0 100px}
.home-cate ul li{width:31%;position:relative;overflow:hidden}
.home-cate ul li .cate-img{-webkit-transition:.3s;transition:.3s}
.home-cate ul li .cate-img:after{content:'';position:absolute;top:9%;left:7%;right:7%;bottom:9%;border:2px solid #fff;width:86%;height:82%;z-index:1}
.home-cate ul .cate-text{position:absolute;width:228px;border:3px solid #fff;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:20px 25px;font-size:43px;color:#fff;text-align:center;font-family:"Times New Roman";background:rgba(52,88,88,.77);line-height:1}
.home-cate ul li:hover .cate-img img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.home-cate ul li:nth-child(2) .cate-text{background:rgba(172,89,107,.77)}
.home-cate ul li:nth-child(3) .cate-text{background:rgba(191,154,88,.77)}
@media (max-width:1281px){.home-cate ul{padding:0 50px}
.home-cate ul .cate-text{font-size:22px;width:150px;padding:20px 10px}}
@media (max-width:768px){.home-cate ul{padding:0}
.home-cate ul li{width:100%;margin-bottom:.2rem}
.home-cate ul li img{width:100%}
.home-cate ul:last-child{margin-bottom:0}}
.home-intro .container-1600{background:url(img/introicon.png) no-repeat left top;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
@media (max-width:1600px){.home-intro .container-1600{background-position:15px top}}
.home-intro .intro-left{padding-top:70px;width:62%}
.home-intro .intro-left h2{font-size:106px;font-weight:700;line-height:1;color:#000}
.home-intro .intro-left .sub-title{padding:30px 0;text-transform:uppercase;line-height:1;position:relative;margin-bottom:30px;font-size:50px;font-family:"Times New Roman"}
.home-intro .intro-left .sub-title:after{content:'';position:absolute;width:110px;height:6px;background:#000;bottom:0;left:0}
.home-intro .intro-left .intro-left-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.home-intro .intro-left .intro-left-text{width:57%}
.home-intro .intro-left .intro-left-img{width:30%}
.home-intro .intro-left .intro-left-text p{margin-bottom:100px;font-size:24px;font-family:"Microsoft YaHei"}
.home-intro .intro-left .rm{font-size:28px;font-family:"Times New Roman";border:1px solid #000;display:inline-block;width:233px;height:70px;text-align:center;line-height:70px;font-family:"Microsoft YaHei"}
@media (max-width:1281px){.home-intro .intro-left h2{font-size:40px}
.home-intro .intro-left .sub-title{font-size:24px;padding:20px 0;margin-bottom:15px}
.home-intro .intro-left .intro-left-text p,.home-intro .intro-left .rm{font-size:16px}
.home-intro .intro-left .intro-left-text p{margin-bottom:20px}}
.home-intro .intro-right{width:32%}
@media (max-width:768px){.home-intro .container-1600{background:0 0}
.home-intro .intro-left h2{font-size:24px}
.home-intro .intro-left .sub-title{font-size:18px}
.home-intro .intro-left img{display:none}
.home-intro .intro-left .intro-left-text{width:100%}
.home-intro .intro-left .rm{height:50px;line-height:50px;width:200px}
.home-intro .intro-left,.home-intro .intro-right{width:100%;padding-top:0}
.home-intro .intro-right{margin-top:.2rem}
.home-intro .intro-right img{width:100%}}
.home-intro img{display:block}
.home-service{padding:66px 0;margin:70px 0;background:url(img/servicebg.jpg) no-repeat center;background-size:cover;color:#fff;text-align:center;font-family:"Microsoft YaHei"}
.home-service h2{font-size:41px;font-weight:700;line-height:1;text-transform:uppercase}
.home-service .sub-title{margin:30px 0;font-size:18px;padding:0 96px}
.home-service ul li{width:33%}
.home-service ul li p{font-size:18px;font-weight:700;margin-top:15px}
@media (max-width:768px){.home-service{padding:30px 0;margin:30px 0}
.home-service h2{font-size:24px}
.home-service .sub-title{font-size:16px;margin:15px 0}}
@media (max-width:560px){.home-service .sub-title{padding:0}
.home-service ul li{width:100%;margin-bottom:15px}
.home-service ul li:last-child{margin-bottom:0}}
.home-about{font-family:"Microsoft YaHei";color:#000;margin-bottom:70px}
.home-about .flex-jc-sb{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.home-about .ab-left{width:55%;padding-left:60px;position:relative}
.home-about .ab-left .ab-left-title{font-size:21px;margin-bottom:30px}
.home-about .ab-left .abimg{width:100%;margin-bottom:40px}
.home-about .ab-left .wm-left{position:absolute;left:0;top:50%;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:rotate(-90deg) translateX(-50%);transform:rotate(-90deg) translateX(-50%);border-bottom:1px solid #000;font-family:"Times New Roman";font-size:18px}
.home-about .ab-left .wm-left span{color:#bdb5b5}
.home-about .ab-left .wm-left span:first-child{margin-right:50px;border-bottom:4px solid #000;color:#000}
.home-about .ab-right{width:45%;padding:0 60px}
.home-about .ab-right h2{font-size:130px;margin-left:-180px;position:relative;text-shadow:3px 5px 0 #fff;font-weight:700;color:#000}
.home-about .ab-right p{line-height:1.6;text-align:justify}
.home-about .ab-right a{margin-top:50px;margin-left:-30px;display:inline-block;font-size:21px;font-weight:700}
@media (max-width:1281px){.home-about .ab-right h2{font-size:50px;margin-left:0}
.home-about .ab-right p{font-size:16px}
.home-about .ab-right a{margin-left:0;margin-top:20px}}
@media (max-width:800px){.home-about .ab-left,.home-about .ab-right{width:100%}
.home-about .ab-left{padding:0}
.home-about .ab-left .wm-left{display:none}
.home-about .ab-right{padding:0}}
@media (max-width:768px){.home-about{margin-bottom:0}}
.home-style{padding:70px 0;font-family:"Times New Roman";color:#000}
.home-style .home-style-left{position:relative;width:50%;background:#f3f3ed;padding:92px 160px 180px}
.home-style .home-style-left .style-left-img{text-align:center;margin-bottom:80px;position:relative}
.home-style .home-style-left p{font-size:20px}
.home-style .home-style-left .style-pane{right:0;top:15px}
.home-style .home-style-left .style-artwords{margin-bottom:40px}
.home-style .wm-left{position:absolute;left:50px;top:50px;font-size:18px;letter-spacing:1em;color:#6c6c6c;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.home-style .style-pane{position:absolute;width:58%;padding-bottom:58%;border:3px solid #acaca8}
.home-style .home-style-right{position:relative;width:50%;padding:0 32px}
.home-style .home-style-right .wm-left{right:50px;-webkit-transform:none;transform:none;top:unset;bottom:0;left:unset}
.home-style .home-style-right p{font-size:32px;margin-bottom:153px}
.home-style .home-style-right .style-right-img{margin:0 auto;display:block;position:relative}
.home-style .home-style-right .style-pane{left:-130px;bottom:180px}
@media (max-width:1281px){.home-style .home-style-left{padding:50px}
.home-style .style-pane,.home-style .wm-left{display:none!important}}
@media (max-width:800px){.home-style{padding:30px 0}
.home-style .home-style-right{padding:20px}
.home-style .home-style-right p{font-size:16px;margin-bottom:20px}
.home-style .home-style-left{padding:20px}
.home-style .home-style-left .style-left-img{margin-bottom:20px}
.home-style .home-style-left p{font-size:16px}}
@media (max-width:560px){.home-style .home-style-left,.home-style .home-style-right{width:100%}
.home-style .home-style-left img,.home-style .home-style-right img{width:100%}}
.arrow-down{display:block;margin:0 auto}
@media (max-width:768px){.arrow-down{width:100px}}
.home-pro{margin:70px 0;font-family:"Times New Roman";text-align:center}
@media (max-width:768px){.home-pro{margin:30px 0}}
.home-pro h2{font-size:70px;color:#000;display:inline-block;text-transform:uppercase;position:relative;padding-bottom:20px;margin-bottom:20px}
.home-pro h2:after{content:'';position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:50%;height:2px;background:#9a9a9a}
.home-pro .sub{text-align:left;line-height:1.6;font-size:30px}
.home-pro ul{max-width:1400px;margin:100px auto 0}
.home-pro ul li{width:30%;margin-bottom:88px;color:#fff}
.home-pro ul li .pro-info{background:#000;padding:10px}
.home-pro ul li .pro-info h3{font-size:30px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.home-pro ul li:hover .pro-info{background:#2e3f41}
@media (max-width:800px){.home-pro h2{font-size:24px}
.home-pro .sub{font-size:18px}
.home-pro ul{margin-top:20px}
.home-pro ul li{margin-bottom:20px}
.home-pro ul li .pro-info h3{font-size:18px}
.home-pro ul li .pro-info p{font-size:14px}}
@media (max-width:540px){.home-pro ul li{width:100%}}
.home-quality{background:url(img/qualitybg.jpg) no-repeat;background-size:cover;background-position:center center;color:#fff;padding:160px 0;position:relative}
.home-quality .quality-content{font-family:"Times New Roman";max-width:880px;margin:0 auto}
.home-quality .quality-content .logo-img{max-width:350px;width:100%;margin:0 auto}
.home-quality .quality-content .logo-img img{width:100%}
.home-quality .quality-content p{font-size:36px;text-align:center;margin:20px 0}
.home-quality .quality-content>img{display:block;margin:0 auto}
.home-quality .wm{position:absolute;font-size:18px;line-height:2;letter-spacing:1em;padding-bottom:50px;padding-left:15px;text-transform:uppercase}
.home-quality .wm-left{left:50px;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;-webkit-transform:rotate(180deg);transform:rotate(180deg);border-left:1px solid #fff;top:35px}
.home-quality .wm-right{right:50px;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;bottom:35px;border-left:1px solid #fff}
@media (max-width:800px){.home-quality{padding:50px 0}
.home-quality .wm{display:none}
.home-quality .quality-content p{font-size:16px}
.home-quality .quality-content .logo-img{max-width:150px}}
.home-tit strong{font-size:70px}
.home-tit span{font-size:36px}
.case,.news{font-family:"Times New Roman"}
@media (max-width:800px){.case,.hot,.news-t{padding:30px 0}
.home-tit strong{font-size:24px}
.home-tit span{font-size:18px}}
.home-service ul li div img{margin:0 auto}
.home-about .ab-right h2{margin-left:0;font-size:70px;text-align:center}
@media (max-width:800px){.home-about .ab-right h2{font-size:24px;margin-top:20px}
.home-intro .intro-left .intro-left-text{margin-bottom:.2rem}}
.logo{max-width:10%}
@media (max-width:768px){.logo{max-width:25%}}
.dz1{margin-top:20px}
.dz1 ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.dz1 ul li{width:33%;position:relative}
.dz1 ul li img{width:100%;display:block}
.dz1 ul li p{position:absolute;bottom:0;left:0;padding:10px 0;width:100%;color:#fffdfe;background:rgba(236,204,180,.76);text-align:center}
.dz1 ul li:nth-child(2) p{background:rgba(220,228,230,.76)}
.dz2{padding:4% 0}
.dz2 .ab{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:40px}
.dz2 .ab .left{width:55%}
.dz2 .ab .right{width:40%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.dz2 .ab .right .hometit{text-align:left}
.hometit{font-size:40px;font-weight:700;text-align:center;color:#434343}
.dz2 .ab .right>span{color:var(--color);font-size:28px;display:block}
.dz2 .ab .right>p{color:#434343;font-size:18px;text-align:justify;margin:20px 0 30px}
.dz2 .ab .right ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:30px;width:100%}
.dz2 .ab .right ul li{width:32%;text-align:center;color:#4c4c4c}
.dz2 .ab .right ul li span{font-size:40px;font-weight:700}
.dz2 .ab .right ul li p{font-size:20px}
.dz2 .ab .right a{display:inline-block;background-color:#7f7665;color:#fff;font-size:20px;font-weight:700;padding:10px}
.dz3{padding:0 0 2%}
.dz3 ul{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:40px}
.dz3 ul li{width:24%;margin-bottom:40px;text-align:center}
.dz3 ul li img{width:100%}
.dz3 ul li p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:18px;color:#414141;margin:15px 0;transition:all .2s ease}
.dz3 ul li .btn{color:#414141;display:inline-block;border:1px solid #dcdcdc;padding:3px 5px;transition:all .2s ease}
.dz3 ul li:hover p{color:var(--color)}
.dz3 ul li:hover .btn{background-color:var(--color);color:#fff;border-color:var(--color)}
.dz4{position:relative}
.dz4 .hometit{position:absolute;top:10%;left:0;width:100%;color:#fff}
.dz4 img{width:100%;display:block}
.dz5{padding:0 20px}
.dz5 .container{margin-top:-5%;background-color:#fff;position:relative}
.dz5 .top{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;padding:20px}

.dz5con1,.dz5con2{padding:3% 0;display:flex;flex-wrap:wrap;justify-content:space-between}
.dz5con1>div,.dz5con2>div{width:50%}
.dz5 .hometit{position:relative;text-align:left;padding-bottom:30px;margin-bottom:30px}
.dz5 .hometit:after{position:absolute;content:'';left:0;bottom:0;width:50px;height:5px;background-color:var(--color)}
.dz5con1 .right{padding-left:60px;display:flex;align-items:flex-end}
.dz5con1 .right ul li{position:relative;padding-left:60px}
.dz5con1 .right ul li span{position:absolute;left:0;top:0;width:50px;height:50px;border:1px solid #d2d2d2;border-radius:50%;color:#cbcbcb;font-size:20px;font-weight:700;display:flex;justify-content:center;align-items:center}
.dz5con1 .right ul li:nth-child(2){margin:30px 0;padding-top:30px;padding-bottom:30px;border-top:1px solid rgba(191,191,191,.39);border-bottom:1px solid rgba(191,191,191,.39)}
.dz5con1 .right ul li:nth-child(2) span{top:30px}
.dz5con1 .right ul li strong{font-size:20px;font-weight:700;margin-bottom:20px;display:block}
.dz5con1 .right ul li p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.dz5con2 .box{max-width:400px;width:100%}
.dz5con2 .left{display:flex;align-items:center;justify-content:center;padding:20px}
.dz5con2 .left p{color:#262626;margin-bottom:20px}
.dz5con2 .left ul li{padding-left:20px;position:relative;margin-top:10px;color:#262626}
.dz5con2 .left ul li:after{content:'';position:absolute;width:8px;height:8px;left:0;top:50%;transform:translateY(-50%);background-color:var(--color)}
.dz6{background-color:#eee}
.dz6 ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.dz6 ul li{width:25%;padding:5% 5% 5% 1.5%;transition:all .3s ease}
.dz6 ul li img{height:50px;transition:all .3s ease}
.dz6 ul li h4{font-size:22px;font-weight:700;color:#262626;margin:20px 0;transition:all .3s ease}
.dz6 ul li p{color:#262626;line-height:24px;transition:all .3s ease}
.dz6 ul li:hover{background-color:#272726}
.dz6 ul li:hover img{filter:brightness(5)}
.dz6 ul li:hover h4{color:#fff}
.dz6 ul li:hover p{color:#fff}
.dz7{padding:60px 0;background-repeat:no-repeat;background-size:cover;background-position:right}
.dz7 .container{display:flex;justify-content:space-between;align-items:center}
.dz7 p{color:#393939;font-size:24px;font-weight:700}
.dz7 a{display:inline-block;background:#1b1b1b;color:#fff;padding:5px 10px;white-space:nowrap}
@media (max-width:768px){.dz2 .ab .left{width:100%;margin-bottom:20px}
.dz2 .ab .right{width:100%}
.dz5con1>div,.dz5con2>div{width:100%}
.dz6 ul li{width:100%;padding:5% 2%;border-bottom:1px solid #fff}
.dz1 ul li{width:100%;margin-bottom:10px}
.hometit{font-size:26px}
.dz2 .ab .right>span{font-size:20px}
.dz2 .ab .right>p{font-size:16px}
.dz2 .ab .right ul li span{font-size:26px}
.dz2 .ab .right ul li p{font-size:14px}
.dz2 .ab .right a{font-size:16px;padding:5px}
.dz3 ul li{width:49%}
.dz3 ul li p{margin:10px 0;font-size:16px}
.dz4 .hometit{top:3%}
.dz5 .hometit{padding-bottom:10px;margin-bottom:10px}
.dz5con1 .right{padding-left:0;padding:20px 0}
.dz5con1 .right ul li{padding-left:40px}
.dz5con1 .right ul li span{width:30px;height:30px;font-size:18px}
.dz5con1 .right ul li strong{font-size:18px;margin-bottom:10px}
.dz5con1 .right ul li p{font-size:14px}
.dz5con1 .right ul li:nth-child(2){margin:10px 0;padding-top:10px;padding-bottom:10px}
.dz7 p{font-size:18px}}
.ab1{background:url(/uploads/37483/ab-bg1.jpg) no-repeat;background-size:100% 100%;padding-top:5%}
.ab1 .container{padding-bottom:200px;position:relative;display:flex;flex-wrap:wrap;justify-content:space-between}
.ab1-text{position:absolute;left:0;bottom:-34px}
.ab1 .left{width:60%}
.ab1 .right{width:25%}
.ab1 .left p{margin-top:20px;color:#393939;line-height:30px}
.ab-tit{font-size:36px;color:#393939;margin-bottom:50px}
.ab1 .right ul{height:100%;display:flex;flex-direction:column;justify-content:space-between}
.ab1 .right ul li span{font-size:48px;font-weight:700;color:#2168af}
.ab1 .right ul li p{color:#606060;font-size:24px}
.ab2{padding:5% 0 0;text-align:center}
.ab-tit-text{font-size:24px;color:#494949}
.ab2 ul{margin-top:80px;display:flex;flex-wrap:wrap;justify-content:space-between}
.ab2 ul li{width:24%}
.ab2 ul li .img{width:120px;height:120px;background-color:#2168af;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 50px}
.ab2 ul li img{max-width:80%}
.ab2 ul li p{color:#555;font-size:24px}
.ab3{padding:5% 0;text-align:center}
.ab3 ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.ab3 ul li{width:32%;margin-bottom:40px}
.ab3 ul li img{width:100%}
.ab3 ul li p{color:#474747;font-size:24px;margin-top:20px}
.ab4{text-align:center}
.ab4 .ab-tit{margin-bottom:20px}
.ab4 p{max-width:700px;margin:0 auto 50px;color:#464646}
.ab5{padding:5% 0;text-align:center}
.ab6{padding:0 0 5%;color:#464646}
.ab6 .top{display:flex;flex-wrap:wrap;justify-content:space-between}
.ab6 .top img{width:60%}
.ab6 .top .right{width:35%;display:flex;flex-direction:column;justify-content:center}
.ab6 .ab-tit{color:#2168af}
.ab6 ul{display:flex;justify-content:space-between;flex-wrap:wrap;margin:50px 0}
.ab6 ul li{padding:30px;width:24%;text-align:center;display:flex;justify-content:center;align-items:center;background-color:#3e5eb9;border-radius:8px;color:#fff}
.ab6 ul li:nth-child(2){background-color:#277acd}
.ab6 ul li:nth-child(3){background-color:#37adca}
.ab6 ul li:nth-child(4){background-color:#56c2b4}
.ab6 .bot .ab-tit{margin-bottom:20px}
.ab6 .bot p{max-width:700px}
.ab6 .bot img{margin-top:40px}
@media (max-width:768px){.ab1 .left{width:100%}
.ab1 .right{width:100%}
.ab-tit{font-size:24px;margin-bottom:20px}
.ab1 .right ul{margin-top:30px}
.ab1 .right ul li span{font-size:24px}
.ab1 .right ul li p{font-size:16px}
.ab1 .container{padding-bottom:100px}
.ab1-text{max-width:200px;bottom:-13px}
.ab2 ul li{width:48%;margin-bottom:20px}
.ab2 ul{margin-top:20px}
.ab2 ul li .img{margin-bottom:20px}
.ab2 ul li p{font-size:16px}
.ab3 ul li{width:49%}
.ab3 ul li p{font-size:16px}
.ab4 p{margin-bottom:20px}
.ab6 .top img{width:100%}
.ab6 .top .right{width:100%;margin-top:20px}
.ab6 ul{margin:20px 0}
.ab6 ul li{width:49%;margin-bottom:20px;padding:10px}}
.About.Us .page-box article>.container{max-width:100%;padding:0}
@media (min-width:769px){.nav .nav1 {width:auto;padding:0;display:block;border:none;}
#liproducts {position:relative;}
.nav .nav1 li {margin:0;padding:0;}
.nav .nav1>li::after {display:none;}
ul.submenu.nav1 li {position:relative;}
ul.submenu.nav1 li ul {position:absolute;left:100%;top:0;background:#fff;display:none;}
ul.submenu.nav1 li:hover>ul {display:block;}
ul.submenu.nav1 li.navli:after {content:'';display:block;background:none;width:6px;height:6px;border:1px solid #000;border-left:none;border-bottom:none;transform:rotate(45deg);top:17px;left:auto;right:15px;position:absolute;}
ul.submenu.nav1 li.navli:hover:after {border-color:var(--color)}
ul.submenu.nav1 >li>a {padding:8px 36px 8px 15px}
ul.submenu.nav1 li ul li a{padding:8px 15px}}
.newspage-ninelist-1 li .newspage-img{position:relative;height:0;padding-bottom:100%;}
.newspage-ninelist-1 li .newspage-img img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain;}
.index .news-list li .lazy-wrap{position: relative;padding-bottom: 70%;}
.index .news-list li img{height: 100%;position: absolute;top: 0;left: 0;object-fit: contain;}