@charset "utf-8";
/* CSS Document */

.fl{float:left;}
.fr{float:right}
.clear{clear: both;}
ul,li{list-style: none;}
.w50{width: 48%;}
.searchdh{padding-bottom: 20px;}
.ml30{margin-left: 30px;}
.neirong_con.pt0{padding-top: 0;}

.header_product{background: #f3f3f3;padding-top:145px;position: relative;width: 100%;}
.header_dh{font-size: 12px;padding-left: 20px;text-transform: capitalize;}
.header_productimg{width: 50%;text-align: center;}
.header_productimg img{width: 100%;height: auto;max-width: 600px;}
.header_product_title{position: absolute;z-index: 2;top: 40%;    font-size: 1.6rem;    line-height: 2.7rem;    margin-bottom: 6rem;letter-spacing: 3px;left: 100px;}
.header_product_title h1{font-size: 48px;font-weight: 600;max-width: 700px;line-height:1;color: #0066ff;letter-spacing: 0px;margin-bottom: 20px;}
.header_product_title em{font-size: 30px;line-height: 1;color: #0066ff;font-style: italic;display: block;margin-bottom: 20px;letter-spacing: 0px;}
.probtn{position: absolute;left: 100px;bottom: 100px;background: #ea5414;color: #fff;border-radius: 2rem;padding: 0.5rem 2.5rem;font-size: 1.8rem;}

.addprolist .header_product{padding-top: 0}
.addprolist .header_product_title{top:30%}

.neirong{width: 100%;overflow: hidden;}
.neirong_con{padding: 90px 20px;}
.neirong_con strong{font-size: 1.6rem;}
.nr1{font-size: 1.6rem; line-height: 2.6rem;}
.nr1 img{max-width: 100%;height: auto;}
.neirong h2{font-size: 1.8rem;margin-bottom: 10px;position: relative;padding-left: 15px;}
.neirong h2::after {
  background: #0166fb;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: .5rem;
}
.gray{background-color: #e6e7e8;  border-radius: .6rem;padding: 60px 20px;}
.gray2{background: #dde0e2;padding: 20px;}
.gray3{background: #f6f7f7;padding: 20px;}
.gray4{background: #939393;padding: 20px;color: #fff;}
.gray4 em{color: #c8a063;font-weight: bold;}
.fred{color: red;}
.yellow2{background: #b27134;color: #fff;padding: 20px;}
.yellow2 em{color: #3f3a39;font-weight: bold;}
.color1{background-color: #dcdddd;border-radius: .6rem; }
.color2{background: #b27134;border-radius: .6rem;color: #fff;padding: 60px 20px;}
.nr2 h3,.nr3 h3{color: #0166fb;font-size: 2.8rem;    line-height: 2.8rem;font-weight: 500;letter-spacing: 2px;margin-bottom:4rem;}
.nr2 ol li,.nr3 ol li{list-style:disc;margin-left:15px;line-height: 1.5;}


.nr3{position: relative;}
.proimgjj{width: 400px;position: absolute;left: 50%;margin-left: 300px;top:60%;}
.nr3 img{max-width: 100%;height: auto;}

.nr4l{width: 48%;}
.nr4img{padding: 40px 4%;margin-bottom: 20px;}
.nr4r{width: 48%;padding: 40px 4%;}
.nr4 img{width: 100%;height: auto;}
table{width: 100%;border-collapse:collapse;}
table tr{border:1px solid #a4a7ab;padding: 2px 0;}
.pro5_2_6 table td{border:1px solid #a4a7ab;}
.pro5_2_6 img{max-width: 100%;height: auto;}
.nr4 table tr:first-child td{background: #af7241;color: #fff;}

.pro1_1{}
.pro1_1 .gray{margin-top: 30px;}
.pro1_1 .img{text-align: center;}
.img img{max-width: 100%;height: auto;}
.pro1_1_2{padding: 0 20px;}
.pro1_1_2 img{max-width: 100%;height: auto;margin-bottom: 30px;}

.prolist{
  display: flex;
  flex-wrap: wrap;
  gap: 2%; /* 列间距 */
  row-gap: 40px; /* 行间距 */
}
.prolist li{width: calc((100% - 4%) / 3); }
.prolist li strong{display: block;font-size: 1.6rem;}
.prolist li img{max-width: 100%;height: auto;display: block;}
.prolist li .cs{background: #b27134;color: #fff;padding: 20px;}
.prolist li .csgray{background: #7c7e7f;}
.prolist li .fr div{min-height: 208px;}
.pro1_1_3{padding:0 20px 90px 20px;}
.pro1_1_3 img,.pro1_2 img{max-width: 100%;height: auto;}
.pro2_2_3 .prolist li .fr div{min-height: auto;}

.pro1_2{padding: 0 20px;position: relative;}
.vs{position: absolute;z-index: 3;left: 50%;font-size:68px;font-weight: bold;transform: translate(-50%, -50%);top:35%;}
.vupp{text-align: center;font-size: 24px;font-weight: bold;color: #956134;margin-bottom: 10px;}
.fgray{color: #727171;}

.pro1_3{}
.pro1_3 ul,.pro1_32 ul,.pro1_4 ul,.pro1_42 ul,.pro1_5 ul,.pro1_52 ul{
    display: flex;
    flex-wrap: wrap;
    gap: 2%; /* 列间距 */
    row-gap: 40px; /* 行间距 */
}
.pro1_3 ul li{width: calc((100% - 4%) / 3); background: #dcd4c5;padding: 20px;}
.pro1_3 ul li strong{color: #b87a3d;}

.pro1_32 ul li{width: calc((100% - 4%) / 2);padding: 0 20px; }
.pro1_32 ul li:first-child{text-align: center;}
.pro1_32 ul li img{max-width: 100%;height: auto;margin-top: 20px;}
.pro1_32 ul li:first-child img{max-width: 80%;}
.pro1_32 ul li strong{font-size:26px;}
.pro1_32 table{margin-top: 50px;}
.pro1_32 table th{background:#b27033;color: #fff;padding: 5px 0;}
.pro1_32 table tr{border: 1px solid #fff;text-align: center;}
.pro1_32 table tr td{padding: 5px 0;}
.pro1_32 table tr:nth-child(2n+1){background: #dcd4c5}


.pro1_4 ul li{width: calc((100% - 4%) / 2);padding:40px; background: #d1d3d4;}
.pro1_4 ul li:first-child{background: #8b5d3b;color: #fff;}
.pro1_4 ul li strong{line-height:40px;font-size: 18px;}
.pro1_4 .img{background: #e6e7e8;text-align: center;margin-top:80px;padding: 40px 0;}
.pro1_4 .img p{font-size: 18px;padding: 40px 0;width: 50%;margin: 0 auto;text-align: left;}

.pro1_42,.pro1_43,.pro1_44{padding: 0 20px;margin-bottom: 80px;}
.pro1_42 ul li{width: calc((100% - 4%) / 2);padding:40px; background:#e6e7e8;}
.pro1_42 ul li strong{display: block;font-size: 18px;}


.pro1_43 strong,.pro1_44 strong{font-size: 18px;}
.pro1_43 ul {
            display: grid;
            grid-template-columns: 1fr 1fr; /* 两列 */
            grid-template-rows: repeat(4, 1fr); /* 四行 */
            gap: 10px; /* 单元格间距 */
            width: 100%;
        }
        
.pro1_43 ul li{padding: 40px;background: #a97b50;color: #fff;}
        
/* 合并左上角三个单元格 */
.pro1_43 ul li.merged {
    grid-row: 1 / span 3; /* 跨越3行 */
    grid-column: 1; /* 第一列 */
    background-color: #f1f2f2;color: #111820;
}


.pro1_44 ul {
            display: grid;
            grid-template-columns: 1fr 1fr; /* 两列 */
            grid-template-rows: repeat(5, 1fr); /* 四行 */
            gap: 10px; /* 单元格间距 */
            width: 100%;
        }
        
.pro1_44 ul li{padding: 40px;background:#d1d3d4;}
        
/* 合并左上角三个单元格 */
.pro1_44 ul li.merged {
    grid-row: 1 / span 3; /* 跨越3行 */
    grid-column: 1; /* 第一列 */
    background-color: #f1f2f2;
}

.pro1_5 ul li{width: calc((100% - 4%) / 2);padding: 40px; }
.pro1_5 ul li:nth-child(2){margin-top: -30px;}
.pro1_5 ul li:nth-child(2) .img{width: 120px;margin-left:90px;margin-top: 20px;}
.pro1_5 ul li:nth-child(2) p{text-align: center;padding-bottom:20px;}
.pro1_5 ul li:nth-child(2) p img{display: block;}
.pro1_52{padding: 0 20px;margin-bottom: 90px;}
.pro1_52 table th{background:#b27033;color: #fff;padding: 5px 0;text-align: center;}
.pro1_52 table td{text-align: center;padding: 5px 0;border:1px solid #a4a7ab;}

.pro1_52 ul{margin-top: 20px;padding: 20px;}
.pro1_52 ul{background: #af7241;color: #fff;font-size: 18px;}
.pro1_52 ul li{width: calc((100% - 4%) / 3);padding: 40px;line-height: 130px; }
.pro1_52 ul li img{float:left;margin-right: 20px;}

.pro2_1_1{display: flex;padding: 60px 0;}
.pro2_1_1 div:first-child{width: 30%;}
.pro2_1_1 div:nth-child(2){width: 70%;}
.pro2_1_1 ul{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-template-rows: repeat(2, 1fr); }
.pro2_1_1 ul li{margin-bottom: 20px;text-align: center;}
.pro2_1_1 ul li img{display: block;margin: 0 auto;max-width: 100%;height: auto;}



.pro2_1_2 img{max-width: 100%;height: auto;}
.pro2_1_2 ul{display: grid;grid-template-columns: 1fr 1fr ;grid-template-rows: repeat(1, 1fr);gap:40px;}

.pro2_1_3 ul{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-template-rows: repeat(1, 1fr); text-align: center;padding-top: 20px;}
.pro2_1_3 ul img{display: block;margin: 0 auto;width: 50%;height: auto;margin-bottom:10px;border: 2px solid #000;}


.pro2_1_4{padding-top: 60px;}
.pro2_1_4 .prolist li{  width: calc((100% - 4%) / 2);}
.pro2_1_4 .prolist li .cs{background:#28427d;padding: 20px; color: #fff;}
.pro2_1_4 .prolist li .blue2{background: #d4d8db;padding: 20px;color: #111820;}
.pro2_1_4 .prolist .img{text-align: center;width: 100%;}
.pro2_1_4 .prolist li img{display:inline;}

.pro2_2,.pro2_2_2 ul{display: flex;}
.pro2_2 div{width: 50%;}
.pro2_2_2{padding: 0 20px;}
.pro2_2_2 ul li{text-align: center;width: 50%;}
.pro2_2_3 .prolist li{width: calc((100% - 2%) / 2);}

.pro3_1{display: flex}
.pro3_1 div:first-child{width: 60%;margin-right: 2%;}
.pro3_1 div:nth-child(2){width: 38%;background: #bcbec0;text-align: center;}
.pro3_1 ul li{margin-bottom: 30px;padding: 40px;background: #28427d;color: #fff;}
.pro3_1 ul li:nth-child(2){background: #a7a9ac;}
.pro3_1 ul li:nth-child(3){margin-bottom: 0;background: #d1d3d4;color:#111820; }
.pro3_1_2{background: #e6e7e8;margin-top: 60px;padding: 40px 0;font-style: italic;}
.pro3_1_2 ul{display: flex;width: 50%;margin: 0 auto;font-size: 18px;color: #414042;}
.pro3_1_2 ul li{width: 50%;}

.pro4_1{background: #1e2b5b;color: #fff;margin-bottom:30px;}
.pro4_1_2{display: flex;}
.pro4_1_2 div{margin-right: 30px;background: #6e7d8d;color: #fff;width: 50%;padding: 40px;}
.pro4_1_2 div:nth-child(2){margin-right: 0;background: #e2e5e8;padding: 0  }
.pro4_1_2 div:nth-child(2) ul li{background: #e2e5e8;color:#111820;padding: 40px;}
.pro4_1_2 div:nth-child(2) ul li:first-child{background: #a8b1ba;border-bottom:30px solid #fff;}

.pro4_1_3{background: #eceff1;text-align: center;margin: 30px 0;padding: 20px 0;}
.pro4_1_4{background: #e2e5e8;padding: 20px 0;}
.pro4_1_5{margin-top: 30px;}
.pro4_1_5 table th{background: #6e7d8d;color: #fff;padding: 5px 2px;}
.pro4_1_5 table td{text-align: center;padding: 5px 2px;}
.pro4_1_5 table tr{border:none;}
.pro4_1_5 table tr:nth-child(2n+1){background: #e2e5e8;color:#111820;}

.pro4_2{background: #252144;color: #fff;padding: 40px;}
.pro4_2_2{display: flex;margin: 30px 0 60px 0;}
.pro4_2_2 div{width: 50%;margin-right: 30px;padding: 40px;color: #fff;background: #6d6e71;}
.pro4_2_2 div:nth-child(2){margin-right: 0;background: #d1d3d4;color:#111820;}
.pro4_2_3 h3{text-align: center;font-size:36px;line-height: 42px;}
.pro4_2_3jj{text-align: center;font-size: 18px;line-height: 1.5;padding: 30px 0;}
.pro4_2_3 th{background: #808285;color: #fff;padding: 5px 2px;}
.pro4_2_3 td{text-align: center;padding: 5px 2px;}
.pro4_2_3 table tr{border:1px solid #fff;}
.pro4_2_4{background: #e6e7e8;padding: 40px;margin: 60px 0;}
.pro4_2_5{background: #252144;padding: 40px;color: #fff;}
.pro4_2_6{padding: 60px 0;}
.pro4_2_6 strong{font-size: 20px;}
.pro4_2_7 ul{flex-wrap: wrap;  gap: 2%; row-gap: 40px;display: flex;}
.pro4_2_7 ul li{width: calc((100% - 4%) / 3);background: #dbdcdf;}
.pro4_2_7 ul li img{max-width: 100%;height: auto;}
.pro4_2_7 ul li div{padding: 20px;}
.pro4_2_8{display: flex;padding-top: 60px;}
.pro4_2_8 div{width: 32%;text-align: center;font-size: 14px;margin-right: 2%;}
.pro4_2_8 div:last-child{margin-right: 0;}
.pro4_2_8 div p{font-size: 16px;}

.pro4_3{padding: 40px;background: #e6e7e8;display: flex;}
.pro4_3 div{width:40%;}
.pro4_3 div.img{text-align: center;width: 60%;}
.pro4_3_2{background: #f1f2f2;padding: 40px;margin: 40px 0;}
.pro4_3_3{display: flex;}
.pro4_3_3 div{width:50%;margin-right:2%;background: #d1d3d4;padding: 40px;}
.pro4_3_3 div img{max-width: 100%;height: auto;}
.pro4_3_3 div:last-child{margin-right: 0;background: #e6e7e8}
.pro4_3_3 div:last-child strong{font-size: 30px;line-height: 80px;}
.pro4_3_4{padding: 40px;background: #e6e7e8;margin-top: 40px;}
.pro4_3_4 strong{font-size:24px;line-height: 80px;}
.pro4_3_4 strong em{color: #255eac;font-style: normal;}
.pro4_3_5{padding-top: 40px;}
.pro4_3_5 th{background: #afaaaa;color: #fff;padding: 5px 2px;border: 1px solid #a4a7ab;}
.pro4_3_5 table td{text-align: center;padding: 5px 2px;border: 1px solid #a4a7ab;}
.pro4_3_6{background: #e6e7e8;padding: 40px;margin-top: 60px;display: flex}
.pro4_3_6 div{text-align: center;padding: 0 5%;width: 413px;}
.pro4_3_6 div:first-child{text-align: left;width: 50%;}
.pro4_3_7{padding: 60px 0;}
.pro4_3_7 th{background: #d9d9d9;padding: 5px 2px;}
.pro4_3_7 td{padding: 5px 2px;border: 1px solid #fff;text-align: center;}
.pro4_3_7 tr:nth-child(2n+1){background:#f3f3f3}
.pro4_3_7 tr{border: 1px solid #fff;}

.pro4_3_8{padding: 40px;background: #e6e7e8;}
.pro4_3_8 ul{display: flex;width: 50%;margin: 0 auto;}
.pro4_3_8 ul li{width:33.3%;}

.pro4_3_9{padding: 40px;background: #e6e7e8;margin-top: 60px;}
.pro4_3_9 strong{font-size:24px;line-height:30px;}
.pro4_3_10{margin-top: 60px;}
.pro4_3_10 ul{display: flex;          /* 启用 Flexbox */
            flex-wrap: wrap; 
  gap: 2%;}
.pro4_3_10 ul li{background: #e6e7e8;padding:40px;height: auto;width:48%;margin-bottom: 20px;}
.pro4_3_10 ul li.merged {
  grid-row: 1 / span 2;     
  grid-column: 2; 
  background-color: #fff;
}

.pro5_1{background: #707f8f;padding: 40px;color: #fff;margin-bottom: 60px;}
.pro5_1_2{display: flex;background: #e6e7e8;}
.pro5_1_2 div{width: 50%;padding: 40px;}
.pro5_1_2 div.img{width: 100%;}

.pro5_1_3{margin-top: 60px;display: flex;}
.pro5_1_3 div{padding: 40px;width: 50%;background: #707f8f;}
.pro5_1_3 div:nth-child(2){background: #fff;text-align: center;padding: 0;}
.pro5_1_3 img{max-width: 100%;height: auto;}
.pro5_1_3 ul{width: 100%;}
.pro5_1_3 ul li{color: #fff;display: flex; align-items: center; gap: 8px;}

.pro5_1_4{margin-top: 60px;background: #ecebeb;padding: 40px;}
.pro5_1_4 ul{display: flex}
.pro5_1_4 ul li{width: 33.3%;text-align: center;padding-bottom: 60px;}
.pro5_1_4 img{max-width: 100%;height: auto;}

.pro5_1_5{margin-top: 60px;}
.pro5_1_5 tr:nth-child(2n+1){background: #ecebeb;}
.pro5_1_5 tr:first-child{background: #707f8f;color: #fff;border: none;}
.pro5_1_5 td{text-align: center;padding: 5px 2px;border:1px solid #fff;}

.pro5_2{background: #939393;  padding: 40px;  color: #fff;}

.pro5_2_2{display: flex;margin-top: 60px;}
.pro5_2_2 div{width: 50%;margin-right: 4%;padding: 40px;background: #d1d3d4;}
.pro5_2_2 div:nth-child(2){margin-right: 0;background: #e6e7e8;}
.pro5_2_2 ul{display: flex;flex-wrap: wrap; }
.pro5_2_2 ul li{width: 25%;text-align: center;margin-bottom: 20px;}
.pro5_2_2 ul li img{max-width: 100%;height: auto;display: inline;filter: grayscale(50%);}

.pro5_2_3{display: flex;margin-top: 60px;}
.pro5_2_3 div{width: 50%;padding: 40px;background: #e6e7e8;}
.pro5_2_3 div img{max-width: 100%;height: auto;}
.pro5_2_3 div:nth-child(2){margin-right: 0;}


.pro5_2_4{margin-top: 60px;background: #d2d4d5;padding: 40px;}
.pro5_2_4 ul{display: flex;width: 100%;}
.pro5_2_4 ul li{width: 33.3%;text-align: center;}

.pro5_2_5{margin-top: 60px;padding: 40px;background: #f1f2f2;}
.pro5_2_5 img{max-width: 100%;height: auto;}
.pro5_2_5 ul{display: flex;flex-wrap: wrap; }
.pro5_2_5 ul li{width: 33.3%;text-align: center;}
.pro5_2_5 ul li:nth-child(1),.pro5_2_5 ul li:nth-child(2){width: 50%;}

.mt60{margin-top: 60px;}
.mt20{margin-top: 20px;}
.pro6_1{padding: 40px;background: #d1d3d4;}
.pro6_1_2{padding: 40px;background: #e6e7e8;}
.flex{display: flex}
.fgrid{display:grid}

.pd40{padding: 40px;}
.pro7_1{}
.pro7_1 ul{grid-template-columns: 1fr 1fr;grid-template-rows: auto;}
.pro7_1 ul li{}
.pro7_1 ul li:first-child{background: #32326c;color: #fff;grid-row: 1 / span 3;margin-right:4%;}
.pro7_1 ul li:nth-child(2){background: #b8ac9b;margin-bottom:4%;}
.pro7_1 ul li:nth-child(3){background: #d6cfc5;}

.pro7_1_2{background: #d6cfc5;}
.pro7_1_3 li{width:50%;margin-right: 2%;background: #e6e7e8;}
.pro7_1_3 li:last-child{margin-right: 0;}

.pro8_1,.pro8_1_2{background: #707f8f;color: #fff;}
.pro8_1 li{width: 50%;}

.pro8_1_2 ul{flex-wrap: wrap; }
.pro8_1_2 ul li{width: 50%;display: flex; align-items: center; gap: 8px;margin-bottom: 2%;}

.pro8_1_6 td{text-align: center;padding: 5px 2px;border: 1px solid #a4a7ab;}
.pro8_1_6 tr:first-child{background: #707f8f;color: #fff;border: none;}
.pro8_1_6 tr:first-child td{font-weight: bold;border: none;}
.font20{font-size: 20px;}
.pro9_1 div,.pro9_1_2 div{width: 50%;}
.pro9_1 div img,.pro9_1_2 img{max-width: 100%;height: auto;}
.pro9_1 div:nth-child(1){color: #fff;background: #af7241;margin-right: 2%;}
.pro9_1 div:nth-child(2){background: #cccfc2}

.pro9_1_2 tr{border:none;}
.pro9_1_2 tr td{padding: 5px 2px;text-align: center;}
.pro9_1_2 tr:nth-child(2n+1){background: #d8d8d8;}
.pro9_1_2 tr:first-child{background: #af7241;color: #fff;}

.pro10_1{background: #c3cbd1;}
.pro10_1_2,.pro10_1_4,.pro10_1_7,.pro10_1_8{background: #e8eaed;}
.pro10_1_3 table tr{border:none;}
.pro10_1_3 table tr:nth-child(2n+1){background: #e3e3e5;}
.pro10_1_3 table td{padding:8px 5px;}
.pro10_1_3 table tr:first-child{font-weight: bold;}
.pro10_1_3 table tr td:first-child{background: url("../images/pro10/1/3.png") no-repeat 50% 50%;}
.pro10_1_3 table tr:first-child td:first-child{background: none;}
.pro10_1_4 ul li,.pro10_1_6 ul li,.pro10_1_7 ul li,.pro10_1_8 ul li{width: 50%;margin-right: 5%;}
.pro10_1_6 ul li p,.pro10_1_7 ul li p{background: url("../images/pro10/1/3.png") no-repeat left;padding-left: 20px;}

.pro10_1_9 ul{grid-template-columns: repeat(6, 1fr); grid-template-rows: auto auto; gap: 5%; }
.pro10_1_9 ul li{text-align: center;}
.pro10_1_9 ul li img{display: block;margin: 0 auto;margin-bottom: 15px;}

.pro10_1_10 ul{grid-template-columns: repeat(2, 1fr); grid-template-rows: auto auto auto; }
.pro10_1_10 ul li{border:2px solid #6d7c8b;text-align: center;margin-bottom:5%;}
.pro10_1_10 ul li:nth-child(2n+1){margin-right: 5%;}
.pro10_1_10 ul li div{background: #c3cbd1;line-height: 35px;}



.addsearchlist li{  width: calc((100% - 4%) / 2);}
.searchword h1{padding-bottom: 40px;font-size: 2.8rem;line-height: 1;color: #0166fb;font-weight: 500;}

.photo{background: #fff;padding-top:90px;padding-bottom: 60px;}
.addshow{width:30%;padding:30px 2%;height:560px;overflow-y:auto;overflow-x:hidden;}
.addshow ul{flex-wrap: wrap;margin-top: -30px;}
.addshow li{width: calc((100% - 6%) / 4);margin-right:2%;padding: 0;margin-bottom:2%;cursor:pointer;position: relative;height: 55px;}
.addshow li:nth-child(4n){margin-right: 0}
.addshow li img{width:82px;height: 55px; display: block}
.img_show{text-align:center;width:70%;background: #f1f1f1;}
.img_show img{display: block;width: 100%;height: auto;cursor:pointer}

.imgbg{width: 82px;height: 55px;display: block;position: absolute;z-index:5;top:0;left: 0;background: rgba(0,0,0,0.5)}
.addshow li:hover .imgbg{display:none;background: rgba(0,0,0,0)}

.addshow li img.add_zd{position: absolute;z-index: 6;top:0;left:0;width: 82px;height: 55px;display: block;}

.news-list{padding-top: 90px;}
.news-list .list {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-between;
  margin-bottom:5rem
}
.news-list .list .news-item,
.news-list .list .sudo {
  flex:0 0 23.5%
}

.contact-hq .container{padding: 80px 0;}
.contact img{max-width: 100%;height: auto;}
.contact-hq .lead, .contact-hq h3 {
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: .4px;
  line-height: 2.1rem;
}
.contact-hq .lead {
  font-family: Montserrat,sans-serif;
  margin-bottom: 1.5rem;
}
.contact-hq h3 {
  margin-bottom: 1rem;
}
.contacts {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 5rem;
}
.contacts li {
    flex: 0 0 48%;
    font-size: 1.3rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
  padding-left: 4.5rem;
  position: relative;
  }
.contacts li:not(:last-child) {
  padding-right: 2%;
}

.contacts li:after{
  content:"";
  position:absolute;
  top:50%;
  transform:translateY(-50%)
}
.contacts li:after {
  background-position:50%;
  background-repeat:no-repeat;
  background-size:contain;
  height:2rem;
  left:.8rem;
  width:2rem
}
.contacts li.phone2::after {
  background-image: url("../images/icon_tel.png");
}
.contacts li.mail::after {
  background-image: url(../images/icon_email.png);
}
.contacts li.fax::after {
  background-image: url(../images/icon_fax.png);
}
.contacts li.Skype::after {
  background-image: url(../images/icon_Skype.png);
}
.contact-hq{max-width: 70%;margin: 0 auto;}
  .contact-hq .foreign-hq {
    flex-direction:row;
  }
  .contact-hq .foreign-hq>div:first-child {
    padding:4rem 3rem 4rem 6rem;flex: 0 0 34%;
  }
  .contact-hq .foreign-hq>div:last-child {
    padding-left:4rem;
    padding-right:0
  }
  .contact-hq .foreign-hq .wrapper {
    border-radius:.6rem 0 0 .6rem;
    border: 1px solid rgba(17,24,32,.1);
    flex-direction:row;
    padding:2.5rem 0 2.5rem 6rem;
  }
  .contact-hq .foreign-hq .wrapper>div {
    flex:0 0 50%;
    padding-right:6rem
  }
  .contact-hq .foreign-hq .wrapper>div:first-child {
    padding-top:1.5rem
  }
  .contact-hq .foreign-hq .img-wrapper {
    border-radius:.6rem;
    margin-top:50px;
  }

  .contact-hq h2 {
    margin-bottom:5rem
  }
  .contact-hq .person .contacts {
    margin-bottom:2rem
  }
.address-data {
  font-size: 1.3rem;
  line-height: 2.2rem;
  margin-bottom: 1.3rem;
  padding-left: 2.4rem;
  position: relative;
}
.address-data::after {
  background: #0166fb;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: .6rem;
}
.contact-hq .clause {
  font-size: 1.1rem;
  line-height: 1.8rem;
  opacity: .7;
}

.nrapp{}
.nrapp ul{flex-wrap: wrap;gap: 2%;row-gap: 40px; }
.nrapp li{background: #f8f8f8;width: 48%;cursor: pointer;transition: background-color 0.5s ease; /* 添加过渡效果 */}
.nrapp li:hover{background:rgba(31,37,43,.25);}
.nrapp li:nth-child(2n){width:50%;}

.pagination{text-align: center;padding-bottom: 60px;}
.pagination a{padding: 10px;width: 30px;line-height: 30px;background: rgba(31,37,43,.25);transition: background-color 0.5s ease;}
.pagination a.page-num.page-num-current,.pagination a:hover{background:#111820;color: #fff;}

.newnr{padding-top: 40px;}

.download ul{display: flex;  flex-wrap: wrap;  gap: 2%;    row-gap: 2%;  row-gap: 40px;}
.download ul li{ width: calc((100% - 4%) / 3);display: flex;border: 1px solid #e6e6e6;padding: 40px;}

.download ul li img{height: auto;width:100px;margin-right: 20px;display: block;}
.download ul li div{gap: 2%;}
.download_button {display: block;width: 120px;height: 31px;background:#0166fb;color: #fff;border-radius: 20px;text-align: center;line-height: 31px;font-size: 14px;margin-top: 20px;border: none;cursor: pointer;transition: all 0.3s ease;}
.download_button:hover{background: #11377e;}


@media(max-width:1680px){
    .prolist{
      display: flex;
      flex-wrap: wrap;
      gap: 2%; /* 列间距 */
      row-gap: 40px; /* 行间距 */
    }
    .prolist li{width: calc((100% - 4%) / 2); }    
    .nrapp img{display: block;max-width:150px;}
    
}
@media(max-width:1440px){
   
    .pro2_1_1 ul{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-template-rows: repeat(3, 1fr); }
    .contact-hq{max-width:100%;}
    .contact-hq .foreign-hq .wrapper{padding-left: 40px;}
    .contact-hq .foreign-hq .wrapper > div:first-child{width: 60%;padding-right: 40px;}
    .contact-hq .foreign-hq .wrapper > div:last-child{width: 40%;padding-right: 40px;}
    
}
@media(max-width:1280px){
    .addshow li {
      width: calc((100% - 4%) / 3);
      margin-right: 2%;
      padding: 0;
      margin-bottom: 2%;
      cursor: pointer;
      position: relative;
      height: 55px;
    }
    .addshow li:nth-child(4n){margin-right: 2%;}
    .addshow li:nth-child(3n) {
      margin-right: 0;
    }
    .download ul li{width: calc((100% - 2%) / 2);}
    
    
}
@media(max-width:600px){

    .w50{width: 100%;}
    .header_dh{display: none;}
    .header_productimg{width: 60%;}
    .neirong{width: 100%;overflow:visible;}
    .neirong_con{padding: 40px 20px;}
    .header_product{padding-top: 180px;min-height:450px;}
    .header_productimg{position: absolute;right: 0;bottom:0;}
    .header_product_title{letter-spacing: 0;margin-bottom:0;top:40%;font-size: 14px;line-height: 1.2;width: 100%;padding: 0 20px;left: 0;}
    .header_product_title h1{font-size:24px;max-width: 100%;}
    .header_product_title em{font-size:18px;}
    
    .addprolist .header_product .header_product_title{top:20%;}
    
    .probtn{left: 20px;font-size: 14px;padding:5px 20px;}
    .proimgjj{width: 400px;position:static;margin-left: 0;}
    .nr1{font-size: 1.4rem;}
    .fl,.fr{float:none}
    .nr4l,.nr4r{width: 100%;}
    .nr4r{padding: 20px;margin-top: 20px;}
    .pro1_1 .img{margin-top: 30px;}
    .prolist li,.pro1_3 ul li,.pro1_32 ul li,.pro1_4 ul li,.pro1_42 ul li,.pro1_5 ul li,.pro1_52 ul li{width: calc((100% - 4%) / 1); }   
    .prolist li p{min-height: auto;}
    .vs{top:50%;}
    .pro1_2 .fr{margin-top:120px;}
    .addmt30{margin-top: 30px;}
    .pro1_32 ul li strong{font-size: 20px;}
    .pro1_4 .img p{width: 95%;font-size: 14px;}
    .pro1_43 ul,.pro1_44 ul {
            display: block;
        }
    .pro1_4 ul li,.pro1_42 ul li,.pro1_43 ul li,.pro1_44 ul li{padding:20px;}
    .pro1_43 ul li,.pro1_44 ul li{margin-bottom: 20px;}
    .pro1_5 ul li{padding:0 20px;}
    
    .pro1_5 ul li:nth-child(2) .img{width: 100%;margin-left: 0;display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: repeat(2, 1fr);}
    .pro1_5 ul li:nth-child(2) p{ padding:0 10px 10px 10px;}


    .pro1_52 ul li{padding: 0;line-height:1;text-align: center;font-size: 14px;}
    .pro1_52 ul li img{float:none;display: block;margin: 0 auto;margin-bottom: 10px;}
    
    .pro1_52 ul{display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: repeat(3, 1fr);}
    
    .pro2_1_1{display: block;padding: 40px 0;}
    .pro2_1_1 div:first-child{width: 100%;}
    .pro2_1_1 div:nth-child(2){width: 100%; margin-top:40px;}
    .pro2_1_1 ul{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-template-rows: repeat(4, 1fr); }
    .pro2_1_2 ul{display: block;}
    .pro2_1_3 ul{grid-template-columns: 1fr 1fr; grid-template-rows: repeat(2, 1fr);}
    .pro2_1_4{padding-top: 40px;}
    .pro2_1_4 .prolist li,.pro2_2_3 .prolist li {  width: 100%;}
    .pro2_2,.pro3_1{display: block;}
    .pro2_2 div{width: 100%;}
    .pro3_1 div:first-child,.pro4_2_7 ul li{width: 100%;}
    .pro3_1 div:nth-child(2){width: 100%; margin-top:30px;}
    .pro3_1 ul li,.pro4_3_9{padding: 20px;}
    .pro3_1_2{margin-top: 30px;padding: 20px;}
    .pro3_1_2 ul{display: block;width: 100%;font-size: 16px;}
    .pro3_1_2 ul li{width: 100%;margin-bottom: 20px;}
    .pro4_1,.pro4_2,.pro4_2_4,.pro4_2_5,.pro5_2_4,.pro5_2_5,.pro6_1,.pro6_1_2{padding: 20px;}
    .pro4_1_2,.pro4_2_2,.pro4_2_7 ul,.pro5_1_3,.pro5_2_2,.pro5_2_3{display: block;}
    .pro4_1_2 div,.pro4_2_2 div{width: 100%;margin-right: 0;padding: 20px;margin-bottom: 30px;}
    .pro4_1_2 div:nth-child(2) ul li{padding: 20px;}
    .pro4_2_3 strong{font-size: 14px;}
    .pro4_2_3 h3{font-size: 24px;}
    .pro4_2_3jj{padding: 20px 0;}
    .pro4_3,.pro4_3_2,.pro4_3_6{display: block;padding: 20px;}
    .pro4_3 div,.pro4_3 div.img,.pro4_3_6 div:first-child,.pro4_3_6 div{width: 100%;}
    .pro4_3_6 div{padding: 0;}
    .pro4_3_3,.pro4_3_8 ul,.pro4_3_10 ul,.pro5_1_2,.pro8_1 li,.pro8_1_2 ul li{display: block;width: 100%;}
    .pro4_3_3 div,.pro4_3_8 ul li,.pro7_1_3 li,.pro9_1 div, .pro9_1_2 div{width: 100%;margin-right: 0;}
    .pro4_3_9 strong{font-size: 18px;}
    .pro4_3_10 ul li,.pro5_1_2 div,.pro5_1_3 div{width: 100%;padding: 20px;}
    .pro5_1,.pro5_1_4,.pro5_2{padding: 20px;}
    .pro5_1_3 ul li{line-height: 1.2}
    .pro5_1_3 ul li img{width:80px;}
    
    .pro5_2_2 div,.pro5_2_3 div{display: block;width: 100%;padding: 20px;margin-right: 0;}
    .pro5_2_2 div:nth-child(2){margin-top: 60px;}
    .pro5_2_4 ul{flex-wrap: wrap;}
    .pro5_2_4 ul li,.pro5_2_5 ul li{width: 50%;}
    .mt60{margin-top: 40px;}
    .fgrid,.flex{display: block;}
    .pd40{padding: 20px;}
    .pro7_1 ul li,.pro7_1 ul li:first-child,.pro7_1 ul li:nth-child(2){margin-right: 0;margin-bottom: 30px;}
    .pro7_1_3 ul{flex-wrap: wrap; }
    .pro8_1_2 ul li img{width: 80px;}
    .pro9_1 div:nth-child(2),.pro9_1_2{margin-top: 40px;}
    .pro10_1_3 table td{line-height: 1.5;padding: 5px;}
    .pro10_1_4 ul li,.pro10_1_6 ul li,.pro10_1_7 ul li,.pro10_1_8 ul li{width: 100%;margin-right:0;}
    .pro10_1_6 ul li,.pro10_1_7 ul li{margin-bottom: 20px;}
    .pro10_1_9 ul.fgrid{display: grid;grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto auto auto auto; gap:0;}
    .pro10_1_9 ul li{line-height: 1.2;margin-bottom: 20px;}
    
    .pro10_1_10 ul li{margin-bottom: 20px;}
    .pro10_1_10 ul li:nth-child(2n+1){margin-right: 0;}
    
    .header_product.searchdh{min-height: auto;}
    .searchdh .header_dh{display: block}
    .contact-hq .foreign-hq > div:first-child{padding: 0}
    .contact-hq .foreign-hq .wrapper{padding-left: 20px;}
    .contact-hq .foreign-hq .wrapper > div:first-child{width: 100%;padding-right: 20px;}
    .contact-hq .foreign-hq .wrapper > div:last-child{width: 100%;padding-right: 20px;}
    .contacts{display: block;}
    .contacts li{width: 100%;}
    .contacts li.phone2:nth-child(2)::after {
      background-image: none;
    }
    
    .img_show{width: 100%;margin-top: 30px;}
    .addshow{width: 100%;height: 360px;}
    .addshow ul{margin-top:0;}
    .addshow ul.flex{display: flex}
    
    .news-list,.contact-hq .container{padding-top: 60px;}
    .news-list .list .news-item, .news-list .list .sudo {
      flex: 0 0 100%;
    }
    .news-list .inner,.contact .inner{padding: 0 20px;}
    .news-item{padding-bottom: 30px;}
    .news-item .content{padding: 20px;}
    .news-item h4{font-size: 16px;}
    .nrapp li,.nrapp li:nth-child(2n){width: 100%;margin-bottom: 30px;}
    .nrapp img{display: block;max-width:120px;}
    .download ul{display:block; }
    .download ul li{width: 100%;margin-bottom: 20px;padding: 20px;}
    
    
}