@media (min-width:768px){
.nav{display:none;}

}

@media (max-width:768px){
/*body {line-height:35px;}*/
body{font-size:14px; line-height:30px;}

img{max-width:100%; height: auto;}

/*-----------菜单-----------------*/
.head, .headbj, .headys1,.headys2{display:none;}
.bottom .right{ display:none}

.fp-controlArrow.fp-prev ,.fp-controlArrow.fp-next{ display:none}

.menubj{ background:#fff; height:50px;}

.nav{display:flex;align-items:center; top:0;left:0; z-index:99999999; width:100%; background:#344c8b; position:fixed; }
.nav .logo{padding:1.5rem 11rem 1.5rem 1.5rem; width:22%;}
.nav .language{ width:6.5%}
.nav img{ width:100%}

/**菜单**/
.nav .head-nav{ height:100vh;}
.nav .head-nav ul{width:80%; margin:0 auto}
.nav .head-nav ul li{ border-bottom:1px solid #d1d4e0; padding:10px 0}
.nav .head-nav ul li a{color:#fff; font-size:15px;font-family: 'myInterb';}
.nav .head-nav ul li ul{ display:none; width:100%; padding:0;}
.nav .head-nav ul li li{ border: none; display: block; padding:5px 0}
.nav .head-nav ul li li a{color:#d1d4e0; font-weight:normal; font-family: 'myInterR';}

.nav .head-nav .xl{ float:right;}
.nav .head-nav .xl img{width:18px;padding:5px 0;} 

/**汉堡包样式,默认隐藏**/
.burgerMenu {display:none;cursor:pointer; padding: 0.25rem 2rem 0.25rem 0.75rem;border-radius: 0.25rem;}
.burgerMenu dt i {display: block;width:25px;height: 2px;background: #fff;margin: 5px 0px;}

.burgerMenu{display:block;}	
.nav{flex-wrap: wrap;justify-content: space-between;}
.head-nav{flex-basis: 100%;margin-top:20px;display:none;}
.nav .head-nav ul{flex-direction: column;}

/**箭头效果**/
.xl{display:inline-block;cursor: pointer;transform: rotate(0deg);transition: all 0.5s;}
.xl_click{transform: rotate(180deg);}
/**-----------------菜单结束----------------------**/


/*首页*/
/*第一屏*/
.section .slide:nth-child(1){background: url(../images/2_sj.jpg) center; background-size:cover;}
.section .slide:nth-child(2){background: url(../images/3_sj.jpg) center; background-size:cover;text-shadow: 0 0 10px #999;}
.section .slide:nth-child(3){background: url(../images/1_sj.jpg) center; background-size:cover;}
.section .slide:nth-child(4){background: url(../images/4_sj.jpg) center; background-size:cover;text-shadow: 0 0 10px #000;}
.section { text-align:center; color: #fff;}
.section .slide div{ height:30%;}
.section .slide span{ font-size:24px; margin-bottom:1rem; display:block}
.section .slide h1{ color:#fff; font-size:5.2vh;  line-height: normal}
.section .slide a{ color:#fff; font-size:14px;text-decoration:none; line-height:40px; border:2px solid #fff; display:inline-table; padding:0 30px; border-radius:30px; margin-top:20px;}

/*第二屏*/
.i2{background: url(../images/i2d_sj.jpg) no-repeat center bottom; background-size: cover;}
.i2 h4,.i3 h4,.i4 h4{ font-weight:normal; font-size:14px;}
.i2 p{width:100%; font-size:16px; line-height:2.2em; padding:1rem 0 2rem;}
.i2 h2{ font-size:35px; font-weight:bold; color:#3b4dab; display:inline;}
.i2 span{ display:block; font-weight:bold;}
.i2 ul{ width:100%; display:grid; grid-template-columns: repeat(2, 1fr); gap:1rem; padding-bottom:2rem}
.i2 a{ background:url(../images/banjt2.png) no-repeat left center; padding-left:30px; }





/*第三屏*/
.i3{ background:url(../images/i3.jpg) no-repeat center center; color:#fff;background-size:cover}
.i3 p{width:85%;font-size:16px; line-height:2.2em; padding:1rem 0 ; margin:0 auto}
.i3 ul{width:100%; margin:0 auto; display:grid; grid-template-columns: repeat(2, 1fr); gap:1rem;}
.i3 .nore{ display:none}
.i3 li{ width:40vw; text-align:center; padding-bottom:1rem;}
.i3 li a{ color:#fff}
.i3 h4{ color:#fff}
.i3 li:nth-child(1) a div{height:70px; background:url(../images/i3p1.png) no-repeat center center; border:none; margin:0 auto;}
.i3 li:nth-child(2) a div{height:70px; background:url(../images/i3p2.png) no-repeat center center; border:none; margin:0 auto;} 
.i3 li:nth-child(3) a div{height:70px; background:url(../images/i3p3.png) no-repeat center center; border:none; margin:0 auto;} 
.i3 li:nth-child(4) a div{height:70px; background:url(../images/i3p4.png) no-repeat center center; border:none; margin:0 auto;} 

/*第四屏*/
.i4{ background-size: cover}
.i4 .content{ display:block}
.i4 h1{ font-weight:normal; color:#000}
.i4 .left{ width:100%;}
.i4 .left h4{ display:none}
.i4 .left .img{position: relative;width: 100%;height: 0;padding-top: 67.18%;overflow: hidden;}
.i4 .left .img img{position: absolute;top: 0;left: 0;width: 100%;object-fit: cover;}
.i4 .left a{ display:block; font-size:16px; font-weight:bold}
.i4 .right{ width:100%; margin-top:0;}
.i4 .right ul{border:none; margin-top:2rem}
.i4 .right ul li{ display:none;font-size:14px; padding:1rem 0; border-top:1px solid #d6d6d6}
.i4 .right ul li a{font-size:14px;}
.i4 .right ul li span{ display:block; width:100%;order:-1;}
.i4 .right ul li:nth-child(1),.i4 .right ul li:nth-child(2){ display: flex;flex-wrap:wrap}

/*第五屏*/
.i5{ background: url(../images/i5_sj.jpg) no-repeat center center; background-size: cover}
.i5 h4{ display:none}
.i5 .content{ font-size:14px;}
.i5 li{ line-height:32px;}
.i5 h1{ margin:2rem 0}
.i5 .content img{ display:block; margin-top:2rem}



.content{width:85%; margin:0 auto;}
.fg{ padding:3rem 0}

.footer{ display:none}
.copyright{ padding:5%; line-height:30px; text-align:left}
.copyright span{ display:block}


.banner1{ height:30vh;max-height:none;}
.banner2{ height:auto;max-height: none; padding-bottom:10rem}
.banner3{ height:auto;max-height: none; padding-bottom:15rem}
.banner4{ height:auto;max-height: none; background:url(../images/p4-11.jpg) no-repeat center; background-size:cover}
.banner5,.banner6,.banner7,.testing,.banner9,.banner10,.banner11,.banner12{ height:auto;max-height: none; display:block; padding:9rem 0 5rem}
.banner8{ height:auto;max-height: none; padding-bottom:15rem}


.banner14{ background:url(../images/xw4.jpg) no-repeat center 55px; background-size: contain; max-height:none; height:25vh;}
.banner18{ max-height:none; height:auto;padding:80px 0 40px;}
.banner19{ max-height:none; height: auto;}
.banner20{max-height:none; height:200px; padding-top:60px;}
.banner21{ max-height:none; height: auto; padding:4rem 0}
.banner22{ padding:60px 0 0; max-height:none; min-height:inherit; display:flex; align-items:center; height:auto}
.banner23{ height:auto; padding:100px 0 60px; background:url(../images/wh1.jpg) no-repeat center bottom #000; background-size: contain}
.banner24{ max-height:none; height:auto;background-size:cover; text-align:center;padding:90px 0 30px;}
.banner25{ max-height:none; height:auto;padding:90px 0 50px;}

.banner22 .content{ padding: 4rem 0}


/*了解日月*/
.banner22 h1{padding-bottom:1rem; width: inherit}
.banner22 h1 br{ display:block}
.banner22 h4{font-size:16px;}

.about h2{ width:100%; margin:0 auto; text-align:center; padding:0; padding-bottom:1rem}

.about .about2{ display:block; padding-top:2rem}
.about .about2 div:nth-child(1){ width:100%;}
.about .about2 a{margin:0 auto}

.about ul{display:grid; grid-template-columns: repeat(2, 1fr); gap:.3rem; margin-top:2rem}
.about li h1{ font-size:35px; font-weight:bold;}

.fzlc{ width:85%; padding:2rem 0 0;}
.fzlc h2{padding-bottom:2rem}

/*发展历程*/
.fzlc{width:100%; margin:0 auto;}
.fzlc h2{ text-align:center; color:#000;  padding:1rem 0 3rem;}

.xtj_fz{ width:85%;   overflow-x: auto;overflow-y: hidden; height:420px; }
.xtj_fz .neir{ display:flex; gap:1.5rem}
.xtj_fz .neir span{ display:block; width:300px;}
.bx{ height:1px; background:#999; margin-bottom:4rem;}
.swiper-container {width:auto; margin:0 auto; overflow:auto; height: fit-content;}

.swiper-button-prev{ display:none}
.swiper-button-next{ display:none}

.swiper-wrapper{ margin:0 auto; display:flex; padding:0}
.swiper-slide h2{font-size:25px; padding:0 0 1.5rem; color:#006fbc; line-height:25px;}


.about li{ text-align:center; margin:0}
.about li div:nth-child(1){ margin-bottom:1rem}
.about li span{ font-size:32px; color:#3b4d8b; font-weight:bold}

.about3{ max-height: none; height: auto; padding:60px 0}
.about3 .content{ background:none; min-height: inherit; width:85% ; padding-right:0;}
.about3 .content h2{ width:100%; margin:0 auto}

.about4 h3{ width:100%;}
.about4 ul{  justify-content:space-around; flex-wrap:wrap;margin-top:2rem}
.about4 li{ font-size:16px;padding-top:100px; width:40%; margin:1.5rem 0}
.about4 li br{ display:none}

/*公司结构*/
.about52{ background:#f6f6f6;}
.about52 .gcqy{ font-size:17px; color:#000; font-weight:bold; border:none; display:grid; grid-template-columns: repeat(1, 1fr); gap:1rem; padding-top:2rem}

/*工厂布局*/
.about52 .gcqy li:nth-child(1) a{ background:none; padding:0}
.about52 .gcqy li:nth-child(2) a{ background:none; padding:0}
.about52 .gcqy li:nth-child(3) a{ background:none; padding:0}
.about52 .gcqy .an a{ color:#2491dc}
.about52 .gcqy .an:nth-child(1) a{background:none; padding:0}
.about52 .gcqy .an:nth-child(2) a{background:none; padding:0}
.about52 .gcqy .an:nth-child(3) a{background:none; padding:0}

.xtj_gc{ padding:1rem 0; min-height:inherit;}
.xtj_gc ul{display:grid; grid-template-columns: repeat(1, 1fr); gap:2rem;}
.xtj_gc li{ background:#fff; border-radius:10px; padding:1rem 2rem; color:#000}
.xtj_gc li h4{ padding-bottom:.5rem}
.xtj_gc li span{ display:block}


.banner23 dl{ width:85%; padding-top:0; display:block; margin:0 auto; text-align:center}
.banner23 dt{ font-size:26px; margin-bottom:1rem}
.banner23 dd{ font-size:14px; line-height:32px;}

.banner23 .wenh{ width:85%; text-align:center; font-size:18px; margin:0 auto; padding-top:1rem;text-shadow: 0 0 10px #000;}
.banner23 .wenh h1{font-size:26px;padding-top:1rem; }
.banner23 .wenh span{ font-size:24px; display:block; padding:1rem 0}

.wenh2{ font-size:16px; line-height:32px;}
.wenh2 span{ display:block; color:#666; font-size:14px; font-style:italic; line-height:35px; margin-top:2rem;}

.wenh3{ display:block}
.wenh3 li{ width:100%;max-height: none; height:40vh;}

.wenh3 div{ width:70%; height: auto;}

/*员工成长*/
.banner20 div{ width:85%; margin:0 auto; text-align:center;}

.banner21 div{ width:80%; margin:0 auto;background: url(../images/job2.png) no-repeat center top; padding-top:120px;}

.job2 br{ display:none}

.job3{padding-bottom:18rem; background-size:120% auto}

.job4 ul{ width:85%; display:block; padding:3rem 0 0}
.job4 li{ margin-bottom:2rem}

.nei{ display:block; width:85%;}
.nei li{ margin-bottom:2rem}

.rongyu{ min-height:inherit;}
.rongyu .wz{ width:85%; margin:0 auto; font-size:14px; padding:1.5rem 0 3rem; color:#000}
.rongyu h2{padding:6rem 0 1rem;}
.rongyu a li{padding:5px 4rem; }

.rongyu .lieb{ width:100%; padding-top:3rem; justify-content:space-between}
.rongyu .lieb li{ margin:0 0 2rem 0; width:48%}

.rongyu .lieb2{width:100%; padding-top:3rem; justify-content:space-between}
.rongyu .lieb2 li{ margin:0 0 2rem 0; width:48%}

.banner24 .content{ width:85%; color:#fff; padding:0; }
.banner24 h2{ width:85%; padding:0; margin:0 auto}
.banner24 ul{ justify-content:space-around; margin-top:2rem}
.banner24 li{ margin:0; width:24%}
.banner24 li img{ display:block; padding:8px; border:2px solid #fff; border-radius:100%; margin-bottom:1rem; width:70%}

.lvse .content{ width:85%; padding-right:0; background: none; min-height:inherit; font-size:14px; line-height:32px;}
.lvse .content h2{ width:auto; padding:0 0 1rem}

.lvse2{ max-height: none; height:auto; padding:3rem 0}
.lvse2 ul{ display:block; font-size:16px; margin-bottom:2rem;}
.lvse2 li{ width:100%; padding:25px 0; margin: 0 0 1rem;}

.banner25 .content{ width:85%; margin-top:0; font-size:14px; line-height:32px;}
.banner25 .content ul{ margin-top:3rem;justify-content:space-around}
.banner25 .content li{ margin:0;font-size:15px; width:45%}
.banner25 .content li span{ font-size:40px; width:100%; line-height:172px; margin-bottom:0}
.banner25 .content li:nth-child(1) span{ background-size:100% auto}
.banner25 .content li:nth-child(2) span{ background-size:100% auto}

.zhanl img{ margin-top:0}

.licheng{ min-height:inherit; padding:60px 0 70px; background-size: auto 100%}
.licheng h2{padding:4rem 0 1rem; color:#fff}
.licheng .wz{ width:85%; margin:0 auto; font-size:14px; padding:1.5rem 0 0;}

.licheng2{ line-height:32px; padding:2rem 0 0; display:block;border-radius:0; background: none;}
.licheng2 ul{ width:100%; font-size:20px; text-align:left; margin:0; padding:0; display:flex;flex-wrap:wrap;}
.licheng2 ul li{ margin:0 0 1rem 0; text-align:center; width:40vw;}
.licheng2 ul a{ color:rgba(255, 255, 255, 0.65);text-shadow: 0 0 5px #404a63}
.licheng2 ul .an{ font-size:20px; color:#fff}

.licheng3 {border-left:none; position:relative;padding:15px 0 25px;border-radius:20px; background:rgba(255,255,255,.8);}
.licheng3 dl{ width:85%; margin:0 auto; display: block; background: none;font-size:14px; }
.licheng3 dt{width:100%; font-weight:bold; color:#3b4d8b; margin-top:1rem}
.licheng3 dd{ background: none; padding:0; width:100%; }
.licheng3 .yuan{ width:14px; height:14px; background:#344c8c; border:12px solid rgba(255, 255, 255, 0.65); border-radius:100%; position: absolute; left:-22px; top:-30px}
.licheng3 .img{background:none;}

.yuan{ display:none;}

/*社会责任*/
.zr1{ display:block; height: auto; max-height:none; min-height:inherit; padding:100px 0 150px;}
.zr1nr{ width:80%; padding:0; margin:0 auto; }
.zr2{ display:block;}
.zr2 .zr2wz{ display:block; width:85%; margin:0 auto}
.zr2 img{ margin-top:2rem}
.zr3{  display:block;height: auto; max-height: none; min-height: inherit; background:url(../images/zr3_sj.jpg) no-repeat center  bottom #23460e; background-size:100% auto}
.zr3nr{ width:80%; padding:30px 0 170px; margin:0 auto; }

.contact{ display:block;}
.contact .left{ width:100%; background:url(../images/lx.jpg) no-repeat center;height:10rem; background-size:cover}
.contact .right{ width:80%; padding:5% 10%; font-size:16px; line-height:40px;}
.contact .right h1{ padding:2rem 0 1rem}
.contact .right span{ display:block; height:18rem}
.contact .right img{ display:block; margin-top:1rem}

.contact2{ display:block}
.contact2 h2{ width:100%;}
.contact2 dl{ width:100%; padding-bottom:20px; margin-bottom:30px;}
.contact2 dt{ font-size:16px; font-weight:bold; margin-bottom:5px;}

/*投资者*/
.investor div:nth-child(1){ font-size:16px;margin-bottom:1rem}
.investor div:nth-child(2){margin-bottom:1rem}
.investor div:nth-child(2) strong{ font-size:30px;}

.investor2{ margin-top:-3rem}
.investor2 div{ display:block}
.investor2 img{ margin-bottom:3rem}
.investor2 ul{display:flex; padding:0 0 2rem}
.investor2 li{width:28vw;}

.investor3 .content{display:block}
.investor3 ul{  width:100%;}
.investor3 li{ padding:0 0 2rem;  margin-bottom:2rem;}
.investor3 li span{ font-size:16px; }
.investor3 h2{padding-bottom:2rem;}
.investor3 .left a{ display:none}

.investor4 ul{ display:block}
.investor4 li{ width:auto; padding:2rem; margin-bottom:2rem;}
.investor4 li span:nth-child(1){ font-size:16px; height:80px; padding-top:10px;}

.location{ line-height:50px; padding-top:60px;}

/*新闻*/
.news h2{ padding:60px 0 1.5rem}

.news a .news1{flex-direction:column}
.news a .news1 .img{ width:100%; padding-top: 67.1875%;}

.news a .news1 .right {width:100%; padding:0 4% 2rem}
.news a .news1 .right span:nth-child(1){ display:none}
.news a .news1 .right span:nth-child(3){ color:#0066cb; font-weight:bold;}
.news a .news1 .right dl{ display:block; margin-bottom:0; overflow:hidden}
.news a .news1 .right dt{ font-size:16px; font-weight:bold; max-height:60px; display:block; overflow:hidden; margin:1.5rem 0 .5rem;}
.news a .news1 .right dd{ display: none}
.news a:hover .news1{box-shadow:0 0 10px rgba(0,0,0,.5)}

.news ul{ margin:30px 0 50px; display:grid; grid-template-columns: repeat(1, 1fr); gap:2rem;}
.news li{ background:#fff; border-radius:10px; overflow:hidden;}
.news li .img2{display:none}
.news li span:nth-of-type(1){ font-size:16px; font-weight:bold; display:block; color:#000; overflow:hidden; margin:2rem 2rem .5rem;}
.news li span:nth-of-type(2){ display:block; color:#999; overflow:hidden; margin:0 2rem 2rem;}

.news4 ul{ flex-direction:column; gap:1rem; margin-top:2rem}
.news4 a li{ width:auto; font-weight:bold; height:50px; font-size:18px; padding-top:120px; border-radius:10px;}

.news4 a:nth-child(1) li{ background:url(../images/news6.png) #f5f5f7 no-repeat center 30px;}
.news4 a:nth-child(2) li{ background:url(../images/news5.png) #f5f5f7 no-repeat center 30px;}

.newsd .text{ width:85%; padding:10% 5%;}
.newsd .text img{ max-width:100%; height:auto;}

.newslist{width:85%; margin:0 auto;}
.newslist ul{display:grid; grid-template-columns: repeat(1, 1fr); gap:2rem;}
.newslist li{ background:#f5f5f7}
.newslist li .img{position: relative; width:100%; padding-top: 67.1875%;overflow: hidden;}
.newslist li .img img{ width:100%; min-height:100%; position:absolute; top:0; left:0}

.newslist li .text{ padding:1rem 2rem;}
.newslist li .text span{ display:block; font-size:14px; color:#999}
.newslist a:hover li{box-shadow:0 0 10px rgba(0,0,0,.5)}


.news5 h2{padding:6rem 0 1rem;}

.news6{ font-size:14px; text-align:left; width:80%; padding:0 5%; margin:2rem auto 0}
.news6 dl{ display:flex;flex-wrap:wrap; padding:3rem 0 0}
.news6 dt{ font-size:20px; width:100%; padding-bottom:2rem}
.news6 dl:nth-child(1) dd{ background:url(../images/news7.png) no-repeat 20px center; padding:0 0 0 60px; width: auto; background-size:13% auto; margin-bottom:2rem}
.news6 dl:nth-child(2) dd{ background:url(../images/news8.png) no-repeat 20px center; padding:0 0 0 60px; width: auto; background-size:13% auto; margin-bottom:2rem}

.banner14 div{padding-top:10rem}

.news7 h2{padding:6rem 0 1rem;}

.news8{ width:85%; margin:3rem auto 0; text-align:left}
.news8 a li{  background:url(../images/news9.png) no-repeat 2rem 3rem, none; background-color:rgba(0,0,0,.55); padding:2.5rem 2rem 2.5rem 7rem; background-size:8% auto}
.news8 a:hover li{background:url(../images/news11.png) no-repeat 2rem 3rem, none;background-color:#fff; padding:2.5rem 2rem 2.5rem 7rem;background-size:8% auto}
.news8 a li span{font-size:14px;}

.news9 ul{ display: block;}
.news9 li{ width:100%;padding-bottom:3rem;}
.news9 li div{width:100%; height: auto;}
.news9 li div img{  top:0; bottom:0; right:0; left:0; margin: auto}

/*产品*/
.cplm{ padding:60px 0 0; display:flex; flex-direction:column; text-align:center}
.cplm h3{ line-height:70px; padding:0; order:-1;}
.cplm dt{ display:none}
.cplm dl{ border:none; padding:0 0 1rem; display:block}
.cplm dd{ background:#eee; border-radius: 20px; margin-bottom:5px;}
.cpyc dl{ display:none}

.product{ width:92%;}

.sjbt{ width:90%; margin:0 auto}
.sjbt h2{ padding-bottom:1rem}

.product .category{ display:inline-table; margin-bottom:0; background:none;}
.product .category li{ margin:0 0 5px 0; padding:0; }

.product .list{ width:100%; justify-content:space-between}
.product .list img{ width:100%; height:auto}
.product .list div{ border:none; padding:0;}
.product .list div span{ padding-top:1rem}
.product .list div p{font-size:12px; background:none; padding:0}
.product .list li{width:45vw; margin:2rem 0 1rem;}

.hycp ul{ display:block; margin:0 auto 2rem; width:220px;}
.hycp br{ display:none}
.hycp li{min-width:inherit; padding:1rem 0 1rem 65px; color:#000; text-align:left; margin-bottom:1.5rem}
.hycp li:nth-child(1){ background:url(../images/hycp1.jpg) no-repeat center left; background-size:auto 100%}
.hycp li:nth-child(2){ background:url(../images/hycp2.jpg) no-repeat center left; background-size:auto 100%}
.hycp li:nth-child(3){ background:url(../images/hycp3.jpg) no-repeat center left; background-size:auto 100%}
.hycp img{ margin-top:3rem;}

.hycp2 .content{ display:block;}
.hycp2 .content .wz{ width:100%;}
.hycp2 .content ul{ width:100%;}
.hycp2 .content ul li{ text-align:center; margin:2rem 0}

.hycp3 span{ width:100%;}

.hycp4{flex-wrap:wrap}
.hycp4 li{ width:50%;max-height:none; height:50vh;display:flex;align-items:center;justify-content:center;  color:#fff; font-weight:bold; }
.hycp4 li:nth-child(1){ background:url(../images/hycp10.jpg) no-repeat center; background-size:cover}
.hycp4 li:nth-child(2){ background:url(../images/hycp11.jpg) no-repeat center; background-size:cover}
.hycp4 li:nth-child(3){ background:url(../images/hycp12.jpg) no-repeat center; background-size:cover}
.hycp4 li:nth-child(4){ background:url(../images/hycp13.jpg) no-repeat center; background-size:cover}
.hycp4 li span{ text-align:center;display:block; width:40%; max-width:220px; font-size:1.8rem;}
.hycp4 li span img{width:42%;height: auto;display: block; margin:0 auto .5rem; max-width:82px;}

.banner2 h2{padding:3rem 0 2rem; width:70%;}
.banner2 ul{padding-bottom:2rem}
.banner2 ul li{ padding-top:70px; width:30%;}
.banner2 span{width:85%;}

.nycp div:nth-child(1){ width:100%;margin-bottom:3rem;}
.nycp img:nth-child(2){ margin-bottom:0;order:2}
.nycp div:nth-child(4){ width:100%; margin:3rem 0}

.nycp2{height:auto; max-height:none; padding-bottom:4rem}
.nycp2 h2{ padding-top:3rem; width:80%; margin:0 auto}
.nycp2 span{ width:85%;}
.nycp2 ul{ display:grid; grid-template-columns: repeat(2, 1fr); gap:2rem 3rem; width:80%; margin:0 auto}
.nycp2 li{ padding-top:65px; width:auto; margin:0; }

.banner3 h2{ padding:3rem 0 2rem; width:70%; margin:0 auto}
.banner3 span{ width:85%}

.tycp .content{ display:block; padding:0}
.tycp .content h2{ width:70%; text-align:center; margin:0 auto}
.tycp .content span{width:100%;}

.tycp ul{ margin-top:2rem}
.tycp ul li strong{ position:absolute; left:20px; bottom:10px; font-size:14px;}
.tycp ul li:nth-child(1),.tycp ul li:nth-child(2),.tycp ul li:nth-child(3),.tycp ul li:nth-child(4){margin-bottom:2rem; width:100%; height:30vh; background-size:cover}
.tycp ul li:nth-child(5){margin-bottom:0; width:100%; height:30vh; background-size:cover}

.tycp2 span{ width:85%;}
.tycp2 img{border-radius:0;}
.tycp2 ul{ padding-top:3rem}
.tycp2 li{ width:30vw; margin:0 10px; padding-top:70px; font-size:14px;}

.banner4 .content{ width:85%; padding:3rem 0 10rem;}
.banner4 .content h2{ width:70%}
.banner4 .content h2 br{ display:none}

.gtcp h2{ width:70%;}
.gtcp li img{border-radius:10px; width:41vw}
.gtcp span{ display:block; width:100%; padding-top:2rem}

.gtcp2{ height: auto; max-height: none; display:block; background: url(../images/gtcp62.jpg) no-repeat bottom center #3b4d8b; background-size:100% auto; padding:3rem 0 31rem}
.gtcp2 h4{ color:#fff; background:url(../images/gtcp4.png) no-repeat left top ; padding-top:70px;}
.gtcp2 h2{ color:#fff; width:90%;}
.gtcp2 span{ display:block; width:100%;}

.gtcp3{ height:auto; max-height:none; padding:3rem 0 10rem}
.gtcp3 h3{ width:80%;}
.gtcp3 span{ width:100%;  }
.gtcp3 ul{ width:100%; margin:3rem auto 0;}
.gtcp3 li{ width:18%; padding-top:50px;}

.gtcp3 li:nth-child(1),.gtcp3 li:nth-child(2),.gtcp3 li:nth-child(3),.gtcp3 li:nth-child(4),.gtcp3 li:nth-child(5){ background-size:100% auto}

/*实力*/
.banner5 .content,.banner6 .content,.banner7 .content{ width:85%; padding:0}

/*实力2*/
.strength h2{ padding-bottom:.5rem}
.strength span{ display:block; width:100%;}
.strength ul{ display:block; width:100%; padding-top:2rem}
.strength img{ width:100%; height:auto;}
.strength li {width:100%; height:auto; margin:0 0 2rem 0;}
.strength p img{ margin:1rem 0}

.testing div{ width:90%;}

.jc1{ display:none}
.jc2{ display:block}

/*项目*/
.banner9 div,.banner10 div{ width:85%;}

.pro1{ display:block}
.pro1 .wz{ padding:0; margin-bottom:2rem}

.pro2{flex-wrap:wrap}
.pro2 .wz{ padding:0; order:-1}

.banner11 div{ padding:0;width:85%;}

.banner11 h4{ margin:1rem 0;}

.pro3{ margin:1.5rem 0 0 2rem;}
.pro4{ width:90%; margin:3rem auto}
.pro4 li{list-style-type:disc;margin-bottom:1rem}
.pro5{ width:100%; margin:0 auto}

.banner12 div{ width:85%; padding:0;}
.banner12 h4,.banner12 h1{ color:#fff;}


.viode{ width:100%; height:35vh}
.viode video{width:100vw;}


/*首页底部*/
.bottom{display:block; font-size:14px; height:auto; margin-bottom:1rem}
.bottom .right li{ margin:0 10px;}
.bottom span{ display:none}

/*供应商*/

.banner27{background:url(../images/hz1.jpg) no-repeat 35% center; background-size: auto 100%; height:auto;max-height: none; display:block; padding:9rem 0 5rem}
.banner27 div{ width:85%; padding-right:0; margin:0 auto;}
.banner27 div a{ display:block; height:40px; line-height:40px; background:#000000; width:170px; text-align:center; border-radius:40px; margin-top:2rem; color:#ffffff}

.hezuo h3{ text-align:left;}

.biao2 table{ width:100%; border-top:2px solid #666; margin-bottom:4rem}
.biao2 table td{border-bottom:1px solid #666; padding:10px 0; vertical-align:top}
.biao2 table tr td:nth-child(1){ width:80px; font-weight:bold; color:#000}
.biao2 h4{ margin-bottom:1rem}

.hezuo4 ul{display: block; width:100%}
.hezuo4 li{ width: auto; padding-left:68px; font-size:16px;}


.biao1{ display:none}
.biao2{ display:block}

h1{ font-size:25px;line-height:45px;}
h2{ font-size:23px; color:#000; line-height:35px; padding-bottom:1rem;}
h3{ font-size:20px; color:#000; line-height:35px; padding-bottom:2rem;}
h4{ font-size:16px; color:#000; line-height:30px; }


/*首页修改*/
.i2,.i3,.i4,.i5, .xtj_i4{height:auto; padding:4rem 0}
.i3{ text-align:center}

.xtj_i4{ background:url(../images/xtj_esg1.jpg) no-repeat center center; background-size:cover; color:#fff; }
.xtj_i4 h2{ color:#fff; text-shadow: 0 0 5px rgba(0,0,0,.6);}
.xtj_i4 span{ display:block; width:70%; text-shadow: 0 0 4px rgba(0,0,0,1);}
.xtj_i4 a{ color:#fff; display:table; line-height:40px; height:40px; border-radius:20px; border:2px solid #fff; padding:0 30px; margin-top:3rem}
.xtj_i4 ul{ display:flex; justify-content:space-between; gap:0 60px; padding-top:10vh;}
.xtj_i4 li{ font-size:24px; display:flex; justify-content:center; align-items:center; height:150px; flex:1}
.xtj_i4 li:nth-child(1){ background:url(../images/xtj_i41.jpg) no-repeat center center; background-size:cover;}
.xtj_i4 li:nth-child(2){ background:url(../images/xtj_i42.jpg) no-repeat center center; background-size:cover;}
.xtj_i4 li:nth-child(3){ background:url(../images/xtj_i43.jpg) no-repeat center center; background-size:cover;}

.content{ width:85%; margin:0 auto; }
.content2{ min-width: inherit; max-width: none; width:85%; margin:0 auto}

.xtj_i4 span{width:100%;}
.xtj_i4 ul{ display:block; padding-top:8vh;}
.xtj_i4 li{ margin-bottom:2rem}
.xtj_i4 li:nth-child(1){ background:url(../images/xtj_i41.jpg) no-repeat center center; background-size:cover;}
.xtj_i4 li:nth-child(2){ background:url(../images/xtj_i42.jpg) no-repeat center center; background-size:cover;}
.xtj_i4 li:nth-child(3){ background:url(../images/xtj_i43.jpg) no-repeat center center; background-size:cover;}


.xtj_right{ position: fixed; z-index:10000; right:0; bottom:5vh;}

.xtj_right li{margin-bottom:10px;}
.xtj_right li a{display:block; box-shadow:0 0 5px rgba(0,0,0,.5); width:50px; height:50px; border-radius:25px; }
.xtj_right li:nth-child(1) a{ background:url(../images/xtj_right2.png) no-repeat center center #344c8c;  background-size:33% auto;}
.xtj_right li:nth-child(2) a{ background:url(../images/xtj_right1.png) no-repeat center center #344c8c;  background-size:33% auto;}
.xtj_right li:nth-child(3) a{ background:url(../images/xtj_right3.png) no-repeat center center #344c8c;  background-size:33% auto;}


.xtj_lz{ width:100vw; height:100vh; background:rgba(0,0,0,.5); position:fixed; z-index:10001; left:0;top:0; display:flex;align-items: center;justify-content: center; display:none; font-size:16px;}
.xtj_lz .neirong{ background:#fff; padding:30px 10px 40px 30px; width:85%; color:#000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -49%); box-sizing: border-box}

.xtj_lz .neirong img{ width:150px; display:block; padding:1.5rem 0 1rem}
.xtj_lz .neirong ul{ padding-bottom:10px;}

.xtj_lz .neirong .wjgb{ position:absolute; right:0; top:0}
.xtj_lz .neirong .wjgb img{ width:auto; padding:0}

.cpss{ display:flex; align-content:center;justify-content:space-between}
.cpss h1{ font-size:38px;}

.copyright{ background:#000; font-size:14px;color:#a9aeb5; line-height:32px; text-align:center; text-align:left; }
.copyright a{ color:#fff}

/*esg*/
.banner28{ background:url(../images/xtj_esg1.jpg) no-repeat center center #000;height:50vh; background-size:cover; display:flex;align-items:center; text-shadow: 0 0 8px #000; padding-top:50px;}
.banner28 h1{padding-bottom:1rem}
.banner28 h4{ width:100%}

.xtj_esg{ height: auto; color:#fff; padding:3rem 0; background-size:cover;}
.xtj_esg h2{ color:#fff}
.xtj_esg span{ width:100%; margin:0 auto; text-align:center}

.xtj_esg_zd{ display:flex; flex-direction:column; gap:2rem}
.xtj_esg_zd li{ text-align:center; color:#000}
.xtj_esg_zd li h1{ color:#218fdb; font-size:48px; font-family: 'myInterb';}
.xtj_esg_zd li h1::after{ line-height:0; font-size:16px;padding-left: 5px;}

.xtj_esg_td ul{display:flex; flex-direction:column;  gap:20px; width:85%; margin:0 auto}
.xtj_esg_td li{flex:1; background:#fff; padding:20px 30px 36px; border-radius:10px; font-size:15px;}
.xtj_esg_td li h3{ font-size:20px; text-align:left; padding:0; padding-bottom:1rem}
.xtj_esg_td li .tp{ margin:20px auto; background:#f4f4f4; display:table; padding:30px; border-radius:50%}

.xtj_esg_gyl{ display: flex; flex-direction:column;}
.xtj_esg_gyl .text{ padding-left:0; padding-top:1.5rem}
.xtj_esg_gyl .text h2{ background: none; padding-top:0;}
.xtj_esg_gyl a{ line-height:50px; background: #218fdb; padding:0 50px; color:#fff; display:table; border-radius:25px; margin-top:1.5rem;}
.xtj_esg_gyl a:hover{background:#344c8c}

.xtj_esg_gyl .text2{order:2; padding-top:1.5rem; padding-right:0}

.xtj_esg_pc ul{ display:flex;flex-direction:column; gap:1rem;}
.xtj_esg_pc h3{color:#218fdb;}
.xtj_esg_pc .img { background:#218fdb; display:table; margin:0 auto; padding:36px; border-radius:50%; margin-bottom:2.3rem;}


.xtj_esg_bgxz{background:#f4f4f4; }
.xtj_esg_bgxz ul{display:flex; flex-direction:column; margin:0 auto; width:85%; font-weight:bold; color:#000}
.xtj_esg_bgxz h3{color:#218fdb; padding:1.5rem 0 10px;}
.xtj_esg_bgxz a{ display:table; margin:1rem auto 0; background:#218fdb; color:#fff; line-height:50px; height:50px; padding:0 60px; border-radius:25px;}
.xtj_esg_bgxz a:hover{background:#1b4575;}

.xtj_esg_bgxz li:not(:last-child)::after { display:none}

.xtj_esg_zcxz{display: none;/*隐藏*/}
.xtj_esg_zcxz h2{ text-align:center}
.xtj_esg_zcxz ul{  display: grid; grid-template-columns: repeat(1, 1fr); gap:20px 80px;}
.xtj_esg_zcxz li{display: flex;justify-content:space-between; align-items: flex-start; border-bottom:1px solid #cbcbcb; padding:25px 0}
.xtj_esg_zcxz li:hover{border-bottom:1px solid #218fdb;}
.xtj_esg_zcxz li:hover p:nth-child(1){ color:#218fdb}
.xtj_esg_zcxz li:hover .zc_title{ background:url(../images/xtj_esg29_2.png) no-repeat left 8px; background-size:15px auto;}

.xtj_esg_zcxz .zc_title{background:url(../images/xtj_esg29.png) no-repeat left 8px; background-size:15px auto; padding-left:30px; width:60%;}

.xtj_esg_zcxz p{ margin:0; padding:0}
.xtj_esg_zcxz p:nth-child(1){ font-size:18px; font-weight:bold; color:#000; padding-bottom:10px;}

.xtj_esg_zcxz a{ background:url(../images/xtj_esg30.jpg) no-repeat left center; background-size:18px auto; padding-left:20px; color:#218fdb; font-weight:bold; }

/*新加产品分类*/
.product_list1{ height:auto;background-size:cover; color:#fff; text-align:center; text-shadow: 0 0 5px #2a5163; padding:80px 0 40px;}
.product_list1 h1{padding-bottom:1.5rem}
.product_list1 span{ display:block; width:100%; margin:0 auto}
.product_list1 .content2{ width:92%}

.xttj_category{ display:grid; grid-template-columns: repeat(2, 1fr); gap:1rem;  margin-top:5vh}
.xttj_category li{ font-size:14px; line-height:1.9em; width: auto;}
.xttj_category li a{background: rgba(0,0,0,.5); border-radius:10px;  display:block; height: calc(100% - 50px); padding:20px 0 30px;}
.xttj_category li span:nth-of-type(1){ margin:0 auto; margin-top:5px; width:100%}
.xttj_category li span:nth-of-type(2){ display:table; background:#344c8c; border-radius:15px; margin:10px auto 0; width:70%; transition: 0.4s}
.xttj_category li a:hover span:nth-of-type(2){background:#000;}

/*产品*/
.product_list3 ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem;}
.product_list3 .listx{ padding:5rem 0}
#box1, #box2, #box3, #box4, #box5, #box6{ scroll-margin-top:60px;}

/*解决方案*/
.solution{ background:url(../images/xtj_list1.jpg) no-repeat center center;background-size:cover;display:flex;align-items:center;height:auto;justify-content:center; color:#fff; flex-direction: column; margin-bottom:5rem; padding:5.5rem 0}
.solution_2{ background:url(../images/jx2.jpg) no-repeat center center;background-size:cover;display:flex;align-items:center;height:auto;justify-content:center; color:#fff; flex-direction: column; margin-bottom:5rem; padding:5.5rem 0}
.solution_3{ background:url(../images/hy2.jpg) no-repeat center center;background-size:cover;display:flex;align-items:center;height:auto;justify-content:center; color:#fff; flex-direction: column; margin-bottom:5rem; padding:5.5rem 0}
.solution_4{ background:url(../images/gd2.jpg) no-repeat center center;background-size:cover;display:flex;align-items:center;height:auto;justify-content:center; color:#fff; flex-direction: column; margin-bottom:5rem; padding:5.5rem 0}

.solution h2, .solution_2 h2, .solution_3 h2, .solution_4 h2{ color:#fff; width:85%; text-align:center}
.solution span, .solution_2 span, .solution_3 span, .solution_4 span{ display:block; width:85%; text-align:center}
.solution a, .solution_2 a, .solution_3 a, .solution_4 a{ color:#fff; line-height:40px; height:40px; padding:0 30px; border:2px solid #fff; border-radius: 20px; margin-top:3rem}

.solution2{ display:flex; gap:0 5rem; flex-direction:column; padding-bottom:4rem}
.solution2 .img{ width:100%; margin-bottom:1.5rem;}

.huan .text{order:2;}


/*通用机械行业解决方案*/
.xtj_jx1{ height:auto;  max-height:none; background: url(../images/jx1_sj.jpg)no-repeat center center; padding:65px 0 4rem;}
.xtj_jx1 h2{ color:#fff; padding-top:3rem; width:85%; margin:0 auto}
.xtj_jx1 span{ display:block; width:85%; margin:1rem auto 4rem;}
.xtj_jx1 ul{ display: grid;grid-template-columns: repeat(2, 1fr); gap:2rem; width:85%; margin: 0 auto;}
.xtj_jx1 li{ padding-top:65px; width:auto; }

/*海洋重工行业解决方案*/
.xtj_hy1{ height:auto;  max-height:none; padding:65px 0 4rem;}
.xtj_hy1 h2{ color:#fff; padding-top:3rem; width:85%; margin:0 auto}
.xtj_hy1 span{ display:block; width:85%; margin:1rem auto 4rem;}
.xtj_hy1 ul{ display:grid; grid-template-columns: repeat(2, 1fr); gap:1rem; width:85%; margin: 0 auto;}
.xtj_hy1 li{ padding-top:65px; width:auto; margin:0 10px; }

/*轨道交通及其他行业解决方案*/
.xtj_gd1{height:auto;  max-height:none; padding:65px 0 4rem;}
.xtj_gd1 h2{ color:#fff; padding-top:3rem; width:85%; margin:0 auto}
.xtj_gd1 span{ display:block; width:85%; margin:1rem auto 4rem;}
.xtj_gd1 ul{ display:grid; grid-template-columns: repeat(3, 1fr); gap:2rem 1rem;  width:85%; margin:0 auto}
.xtj_gd1 li{ padding-top:65px; width:auto; margin:0 10px;  }

/*宣传册*/
.xcc{ background:#f4f4f4; padding:3rem 0}
.xcc ul{grid-template-columns: repeat(1, 1fr); gap:1rem; display:grid;}
.xcc li a{ display:block; align-items:flex-start;}
.xcc li a .text{ fext:1; padding:0 0 0 35px; width:calc(100% - 35px); position:relative;}
.xcc li a .text::before{width:20px; background-size:20px auto; top:5px; }
.xcc li a .djxz{ color:#3b89d3; padding:0 0 0 35px; font-family: 'myInterb';}

.gys img:nth-child(1){ display:none}
.gys img:nth-child(2){ display:block}

/*搜索*/
.search{ min-height:73%; background:url(../images/search.jpg) no-repeat center center; background-size:cover;  background-attachment: fixed; color:#fff;}
.search h2{ padding:8vh 0 0; min-width: inherit; max-width:none; width:85%; margin:0 auto;}
.search .kuang{ border-bottom:1px solid #e2e2e2; display:flex; justify-content:space-between; padding:15px 0; min-width:inherit; max-width: none; width:85%; margin:0 auto}
.search .kuang input{ line-height:38px; height:38px; background: transparent;border: 1px solid transparent; outline: none; width:85%; color:#fff}
.search .kuang input::placeholder{ color:#8389a3}
.search .kuang button {padding:10px 10px;background:#cfd4e2;color:#000;border-radius: 40px;transition: 0.3s;cursor: pointer; border:none; width:80px;}
.search .kuang button:hover {background-color: #218fdb; color:#fff}

.search ul{display: grid; grid-template-columns: repeat(2, 1fr); gap:1rem; padding:2rem 0; min-width: inherit; max-width: none; width:85%; margin:0 auto;}
.search li{background:rgba(255,255,255,.3);}
.search li .img{ width:100%; padding-top:75%; position: relative; overflow: hidden;}
.search li .text{ padding:5% 8%; font-size: clamp(14px, calc(14px + 2 * (100vw - 1440px) / 160), 16px);}
.search li .text strong{ display:block}
.search li img{ width:100%; height:100%; position: absolute; top:0; left:0; object-fit: cover;}

.search .search_jg{  min-width:inherit; max-width:none; width:85%; margin:2rem auto 0; display:block;}

/*价值观*/
.jzg{ background:url(../images/jzg.jpg) no-repeat  center 50px; background-size:cover; height:auto; max-height:none; padding-top:90px; text-align:center ; display:flex; align-items:center; margin-bottom:1rem}
.jzg h1{color:#fff}
.jzg .content ul{ display:grid; grid-template-columns: repeat(4, 1fr); gap:1rem; padding:1.5rem 0 9vh;  width:100%; margin:0 auto}
.jzg .content li{ padding-top:70px; min-width:inherit; text-align:center}

.jzg .content li:nth-child(1){ background:url(../images/jzg2_1.png) no-repeat top center;}
.jzg .content li:nth-child(2){ background:url(../images/jzg2_2.png) no-repeat top center;}
.jzg .content li:nth-child(3){ background:url(../images/jzg2_3.png) no-repeat top center;}
.jzg .content li:nth-child(4){ background:url(../images/jzg2_4.png) no-repeat top center;}

/*价值观故事*/
.xtj_gs.cplm{ padding:3px 0}
.xtj_gs2{ padding-top:0}
.xtj_gs2 h1{ text-align:center}
.xtj_gs_cbt{ text-align:center; color:#000; padding:1rem 0; width:100%; font-weight:normal}
.xtj_gs_cbt2{ text-align:center; font-weight:bold; color:#344c8c; font-size:20px; display:flex; align-items:center;justify-content:space-between;}
.xtj_gs_cbt2 div:nth-child(1),.xtj_gs_cbt2 div:nth-child(3){ flex:1; height:2px; background:#344c8c}
.xtj_gs_cbt2 div:nth-child(2){ padding:0 1rem; width:90%; font-size:16px}

.xtj_gs3{ padding:3rem 0}
.xtj_gs3 .gs{ display:flex; flex-direction:column; gap:0 7rem; padding-bottom:2rem}
.xtj_gs3 .gs .img{ width:100%;}
.xtj_gs3 .gs .img img{ width:100%;}
.xtj_gs3 .gs .text{ flex:1; padding-top:3rem}

.xtj_gs3 .gs:nth-child(even) .text{order:2}

/*荣誉特点*/
.rongyu_td{ display:flex; justify-content:center; width:85%; padding:0 0 2rem; flex-wrap:wrap; gap:1.5rem}
.rongyu_td li h1{ font-size:32px; color:#3b4d8b; font-weight:bold;}
.rongyu_td li h1::after{font-size: 1.3rem; padding-left:0; line-height:40px; color:#777; content: "项";}

.rongyu .lanm{ display:grid; grid-template-columns: repeat(2, 1fr); gap:1rem; font-size:16px; width:85%; margin:0 auto}
.rongyu a li{ border:2px solid #000; padding:5px 1rem; font-weight:bold; border-radius:40px; margin:0;}

.rongyu .lieb3{ width:100%; padding:4rem 0; display:grid; grid-template-columns: repeat(2, 1fr); gap:2rem; margin:0 auto}
.rongyu .lieb3 li img{width:100%; height:auto}

.job5 .content{ line-height:40px; margin-bottom:4rem}
.job5 .content a{ color:#000; border:2px solid #000; padding:0 15px;}


p{ padding-bottom:1rem;}
}