@charset "UTF-8";

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

}



/*首页*/
/*第一屏*/
.section { text-align:center; color: #fff;}

.section .slide:nth-child(1){background: url(../images/2.jpg) center; background-size:cover;}
.section .slide:nth-child(2){background: url(../images/3.jpg) center; background-size:cover;text-shadow: 0 0 10px #999;}
.section .slide:nth-child(3){background: url(../images/1.jpg) center; background-size:cover;}
.section .slide:nth-child(4){background: url(../images/4.jpg) center; background-size:cover;text-shadow: 0 0 10px #000;}

.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;}


.jtwz{position:absolute; bottom:70px;margin:auto;  left:0; right:0;width:20px;z-index:1111}
.hj{ width:20px; height:6px; background:url(../images/hj.png) no-repeat; display:block;animation:fadeIn1 1.5s infinite;}
.bj{ width:20px; height:6px; background:url(../images/bj.png) no-repeat; display:block;animation:fadeIn1 1.5s infinite;}
.bj2{ width:20px; height:6px; background:url(../images/bj2.png) no-repeat; display:block;animation:fadeIn1 1.5s infinite; }
.d2{animation-delay:0.2s;}
.d3{animation-delay:0.4s}
@keyframes fadeIn1{
0%,100%{opacity:0.1;}
50%{opacity:1;}
}

.pm3{display:flex; justify-content:space-between; height:100%}
.pm3 li{ height:100%; width:33.3%;display:flex;align-items:center;justify-content:center; font-size:16px; font-weight:bold; opacity:0.5}
.pm3 li:hover { opacity:1;transition: opacity .7s; animation: none;}
@keyframes dydc{
0%, 49.9999% {pointer-events: 0.5;}
50%, 100% {pointer-events: 1;}
}



/*第二屏*/
.i2{ background: url(../images/i2d.jpg) no-repeat center center; color:#000; background-size:cover;}
.i2 .content,.i4 .content{text-align:left;}
.i2 h4,.i3 h4,.i4 h4{ font-weight:normal; font-size:22px;}
.i2 p{ display:block; width:551px; font-size: clamp(22px, 3vh, 30px); line-height:5.5vh; padding:2rem 0 6rem;}
.i2 h2{ font-weight:normal; color:#3b4dab; display:inline; font-size:35px;}
.i2 span{ display:block; font-weight:bold;}
.i2 ul{ display:flex;justify-content:space-between; width:520px; margin-bottom:70px;color:#666}
.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 h4{color:#fff}
.i3 p{ display:block; width:670px;font-size:30px; line-height:56px;color:#fff; margin:0 auto;padding:2rem 0 3rem;}
.i3 ul{ display:flex; justify-content:space-between; width:670px; color:#fff; margin:3rem auto 0}
.i3 a{ color:#fff}
.i3 .nore{ background:url(../images/banjt.png) no-repeat left center; padding-left:30px;}
.i3 li{ width:120px;}
.i3 li:nth-child(1) a div{ width:110px; height:110px; background:url(../images/i3p2.png) no-repeat center center; border:1px solid #FFF;border-radius:110px; margin-bottom:20px;}
.i3 li:nth-child(2) a div{ width:110px; height:110px; background:url(../images/i3p3.png) no-repeat center center; border:1px solid #FFF;border-radius:110px; margin-bottom:20px;} 
.i3 li:nth-child(3) a div{ width:110px; height:110px; background:url(../images/i3p1.png) no-repeat center center; border:1px solid #FFF;border-radius:110px; margin-bottom:20px;} 
.i3 li:nth-child(4) a div{ width:110px; height:110px; background:url(../images/i3p4.png) no-repeat center center; border:1px solid #FFF;border-radius:110px; margin-bottom:20px;} 

/*第四屏*/
.i4{ background: url(../images/i4.jpg) no-repeat; background-size:100% auto; background-size:cover}
.i4 .content{ display:flex; justify-content:space-between}
.i4 h1{ font-weight:normal; padding-bottom:2rem}
.i4 .left{ width:510px; color:#666;}
.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; min-height:100%}
.i4 .left a{ display:block; font-size:22px; font-weight:bold}
.i4 .right{ width:600px; margin-top:7rem;}
.i4 .right ul{border-bottom:1px solid #d6d6d6}
.i4 .right ul li{ display:flex; justify-content:space-between;  color:#999;font-size:16px; padding:2.5rem 0; border-top:1px solid #d6d6d6}
.i4 .right ul li a{ color:#000;font-size:18px;}

/*第五屏*/
.i5 .content{ color:#fff; text-align:left; font-size:18px; }
.i5 h4{ font-size:56px; color:#fff; width:500px; line-height:70px;}
.i5 h1{ font-weight:normal; color:#fff; margin:2rem 0 10rem}
.i5 li{ line-height:40px;}

.i5{ background: url(../images/i5.jpg) no-repeat center center; background-size:100% auto}
.i5 .nr{ width:1200px; margin:0 auto; text-align:left}
.i5 a{ color:#fff}
.i5 .content img{ display:none}


/*首页底部*/
.bottom{justify-content:space-between; display:flex; font-size:15px;  position: absolute; z-index:1111; bottom:0; margin:auto; left:0; right:0; height:64px;}
.bottom a{color:#b6b6b6}
.bottom .right{display:flex;justify-content:flex-end}
.bottom .right li{ margin:0 10px;}
.bottomys1{color:#b6b6b6;}
.bottomys1 a{color:#b6b6b6;}



.content{ width:1200px; margin:0 auto;}
/*.fg{ padding:5rem 0}*/
.fg{ padding:65px 0 5rem}


.head{ }
.headbj{background:#344c8c;}
.head .content{ display:flex;justify-content:space-between;align-items:center;}


.headys1,.headys2 {position: absolute; z-index:1111;margin:auto; left:0; right:0;}
.headys1 .logo{ background:url(../images/logo.png) no-repeat; background-size: contain; height:43px; width:117px; display:block}
.headys1 a{ color:#fff}
.headys2 .logo{ background:url(../images/logo1.png) no-repeat; background-size: contain; height:43px; width:117px; display:block}
.headys2 a{ color:#000}


.head .menu{ font-size:15px;display:flex;justify-content:space-between; width:750px; line-height:65px;}
.head .menu li{position:relative;}
.head .menu li a{display: block;}

/*头部 二级*/
.head .menu li ul{position:absolute; background:#f5f5f7; padding:15px 40px; display:block; text-align:center; border-radius:10px; left:50%; transform: translateX(-50%); box-shadow:0 0 10px rgba(0,0,0,.5); z-index:10; top:60px;}
.head .menu li ul li{display:block; line-height:2.5rem; font-size:15px;}
.head .menu li ul li a{color:#000;white-space:nowrap; line-height:50px;}
.head .menu li ul li a:hover{ color:#0047bb;}
.head .menu li ul .an{ background:#eff0f4;}
.head .menu li ul .an a{color:#000; font-weight:bold}

.head .menu li ul{ display:none}
.head .menu :hover ul{ display:block}

.cd ul{ width:1000px;}
.cd li{ float:left;display:block; margin-right:50px; position:relative;}
.cd li a{display:block;}
.cd li:hover img{ display:block}
.cd li img{position:absolute; top:70px;left:-40px; border-top:1px solid #f1f1f1; display:none;}
.cd .an{ background:url(images/yjbj.jpg) repeat-x center bottom; font-weight:bold}


.head .right{display:flex;justify-content:space-between; width:140px;}
.head .right li{ display:block; position:relative; color:#000}
.head .right li a img{ height:17px;opacity:0.8;padding:24px 0; display:block}
.head .right li a:hover img{ height:17px;opacity:1}

.head .right li ul{ position:absolute; display:none; background:#f5f5f7; padding:15px 20px; white-space: nowrap; text-align:center; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.5); line-height:30px; font-size:14px;}
.head .right li ul img{ display:block; margin-bottom:5px;}
.head .right li ul strong{ color:#016fbc;}
.head .right li:hover ul{ display:block}
.head .right li:nth-child(1) ul{ left:-90px}
.head .right li ul li a{ color:#000;}

.head .right li:nth-child(1) ul{left:-60px;}
.head .right li:nth-child(4) ul{right:-40px;}
.head .right li:nth-child(5) ul{right:-40px;}

.headys1 .right li a{width:18px; height:18px; display:block; padding:10px 0}

.headys1 .right li:nth-child(1) a{ background: url(../images/tr1.png) no-repeat center; background-size:contain;}
.headys1 .right li:nth-child(2) a{ background: url(../images/tr2.png) no-repeat center; background-size:contain;}
.headys1 .right li:nth-child(3) a{ background: url(../images/tr3.png) no-repeat center; background-size:contain;}
.headys1 .right li:nth-child(4) a{ background: url(../images/tr4.png) no-repeat center; background-size:contain;}
.headys1 .right li:nth-child(5) a{ background: url(../images/tr5.png) no-repeat center; background-size:contain;}
.headys1 .right li:nth-child(5) li a{background: none; width:auto; height:auto; padding:0}


.headys2 .right li a{width:18px; height:18px; display:block; padding:10px 0}

.headys2 .right li:nth-child(1) a{ background: url(../images/tr12.png) no-repeat center; background-size:contain;}
.headys2 .right li:nth-child(2) a{ background: url(../images/tr22.png) no-repeat center; background-size:contain;}
.headys2 .right li:nth-child(3) a{ background: url(../images/tr32.png) no-repeat center; background-size:contain;}
.headys2 .right li:nth-child(4) a{ background: url(../images/tr42.png) no-repeat center; background-size:contain;}
.headys2 .right li:nth-child(5) a{ background: url(../images/tr52.png) no-repeat center; background-size:contain;}
.headys2 .right li:nth-child(5) li a{background: none; width:auto; height:auto; padding:0}




.cplm{ padding:68px 0 4px}
.cplm dl{ border-bottom:1px solid #bebebe; display:flex;justify-content:space-between; line-height:34px; padding:12px 0}
.cplm dt{ color:#000; font-weight:bold; font-size:18px; flex-grow:2}
.cplm dd{ font-size:15px; padding:0 20px;}
.cplm .an{ background:#344c8c;border-radius: 20px;}
.cplm .an a{ color:#fff}

.cplm h3{ line-height:78px; padding:0 0 1rem}

.banner1{ background:url(../images/p1-1.jpg) no-repeat center;background-size:cover;height:60vh;max-height:640px;}
.banner2{ background:url(../images/p2-1.jpg) no-repeat center;background-size:cover;height:90vh;max-height:900px; color:#fff; text-align:center}
.banner3{ background:url(../images/p3-1.jpg) no-repeat center;background-size:cover;height:75vh;max-height:750px; color:#fff; text-align:center}
.banner4{ background:url(../images/p4-1.jpg) no-repeat top; background-size:cover;height:70vh; max-height:780px; display:flex;align-items:center;}

.banner5{ background:url(../images/sl.jpg) no-repeat center; background-size:cover;height:60vh; max-height:670px; display:flex;align-items:center; justify-content:flex-end}

.banner6{ background:url(../images/sl2.jpg) no-repeat center; background-size:cover;height:60vh; max-height:670px; display:flex;align-items:center;}
.banner7{ background:url(../images/sl3.jpg) no-repeat center; background-size:cover;height:60vh; max-height:670px; display:flex;align-items:center;}
.banner8{ background:url(../images/sl4-1.jpg) no-repeat center; background-size:cover; padding-top:32%}
.banner9{ background:url(../images/fc1.jpg) no-repeat center; max-height:740px; height:60vh;background-size:cover; display:flex;align-items:center}
.banner10{ background:url(../images/fc2.jpg) no-repeat center; max-height:750px; height:74vh;background-size:cover; display:flex;align-items:center}
.banner11{ background:url(../images/fc3.jpg) no-repeat center; max-height:750px; height:70vh;background-size:cover; display:flex;align-items:center}
.banner12{ background:url(../images/fc4.jpg) no-repeat center; max-height:750px; height:70vh;background-size:cover; display:flex;align-items:center}
.banner13{ background:url(../images/xw3-1.jpg) no-repeat center; max-height:380px; height:30vh;background-size:cover; display:flex;align-items:center}
.banner14{ background:url(../images/xw4.jpg) no-repeat center top; background-size:cover; max-height:339px; height:30vh; }
.banner15{ background:url(../images/xw6.jpg) no-repeat center; max-height:380px; height:30vh;background-size:cover; display:flex;align-items:center}
.banner16{ background:url(../images/xw7.jpg) no-repeat center; max-height:380px; height:30vh;background-size:cover; display:flex;align-items:center}
.banner17{ background:url(../images/xw8.jpg) no-repeat center; max-height:380px; height:30vh;background-size:cover; display:flex;align-items:center}
.banner18{ background:url(../images/tzz1.jpg) no-repeat center; max-height:540px; height:45vh;background-size:cover; display:flex;align-items:center}
.banner19{ max-height:340px; height:30vh;}
.banner20{ background:url(../images/yg1.jpg) no-repeat center; max-height:600px; height:55vh;background-size:cover; display:flex;align-items:center}
.banner21{ background:url(../images/yg2.jpg) no-repeat center; max-height:420px; height:45vh;background-size:cover; display:flex;align-items:center}
.banner22{ background:url(../images/ry1.jpg) no-repeat center; max-height:600px; height:55vh;background-size:cover; display:flex;align-items:center}

.banner23{ background-image: url(../images/wh1.jpg), url(../images/wh2.jpg); background-repeat:no-repeat , repeat-x; background-position: center bottom ,top; background-color:#000; height:720px; color:#fff; padding-top:70px; display:flex;align-items:center}

.banner24{ background:url(../images/ls.jpg) no-repeat center; max-height:750px; height:75vh;background-size:cover; display:flex;align-items:center; text-align:right}
.banner25{ background:url(../images/ry5.jpg) no-repeat center; max-height:800px; height:82vh;background-size:cover; display:flex;text-align:center}
.banner26{ background:url(../images/yg1.jpg) no-repeat center; max-height:380px; height:30vh;background-size:cover; display:flex;align-items:center}


/*产品*/
.hycp{ text-align:center;}
.hycp ul{ display:flex;justify-content:center; margin:3rem 0}
.hycp li{min-width:88px; padding:100px 50px 0; color:#000;}
.hycp li:nth-child(1){ background:url(../images/hycp1.jpg) no-repeat top center;}
.hycp li:nth-child(2){ background:url(../images/hycp2.jpg) no-repeat top center;}
.hycp li:nth-child(3){ background:url(../images/hycp3.jpg) no-repeat top center;}
.hycp img{ margin-top:50px;}

.hycp2{ background: url(../images/hycp5.jpg) no-repeat bottom; background-size:cover; color:#fff;}
.hycp2 h2{ color:#fff; }
.hycp2 .content{ display:flex; justify-content:space-between; align-items:center}
.hycp2 .content .wz{ width:630px;}
.hycp2 .content ul{ width:420px; display:flex;flex-wrap:wrap;}
.hycp2 .content ul li{ text-align:center; width:50%; margin:28px 0}
.hycp2 .content ul li img{ background:#FFF; border-radius:100%; display:block; margin:0 auto; margin-bottom:10px;}

.hycp3{ text-align:center}
.hycp3 span{ width:870px; margin:0 auto; display:block}

.hycp4{display:flex;justify-content:space-between;}
.hycp4 li{ width:25%;max-height:670px; height:60vh;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;}

.product{ overflow:hidden;}
.product .category{ display:flex; background:url(../images/xhx.jpg) repeat-x bottom;margin-bottom:20px;}
.product .category li{ margin-right:65px; padding-bottom:10px; }
.product .category  a { color:#666;}
.product .category .an{border-bottom:2px solid #006fbc;}
.product .category .an a{ color:#006fbc; font-weight:bold;}

.product .list{display:flex;flex-wrap:wrap; width:1214px;}
.product .list img{ width:100%; height:auto}
.product .list div{ border:1px solid #dcdcdc; padding:16px; font-size:14px;}
.product .list div span{ font-weight:bold; color:#000}
.product .list div p{ padding:0 0 0 10px; font-size:14px; background:url(../images/list.jpg) no-repeat left 13px;}
.product .list a{ color:#666}
.product .list li{width:290px; margin:30px 13.3px 10px 0;}

.footer{ background:#000; border-bottom:1px solid #333; color:#fff; }
.footer .content{ display:flex;justify-content:space-between; background:url(../images/logo2.png) no-repeat left 30px ; background-size:117px auto; padding:25px 0}
.footer .content .left{ padding:0 0 0 200px; font-size:14px;}
.footer .content .left span{ display:block; font-size:16px; font-weight:bold; padding-bottom:10px;}
.footer .content .left ul{display:grid; grid-template-columns: repeat(2, 1fr); gap:0 80px;}
.footer .content .left a{ color:#fff;}

.footer .content .right{ width:440px; padding:30px 0 0; font-size:14px; color:#a9aeb5}
.footer .content .right span{ font-weight:bold; background:url(../images/foot3.jpg) no-repeat left center; padding-left:30px; display:block; font-size:16px; margin-bottom:10px; color:#fff}

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


.banner2 h2{ color:#fff;padding:7rem 0 4rem; display:block; width:650px; margin:0 auto}
.banner2 ul{ display:flex; justify-content:center; padding-bottom:3rem}
.banner2 ul li{ padding-top:70px; width:160px;}
.banner2 ul li:nth-child(1){ background:url(../images/nycp1.png) no-repeat top center; }
.banner2 ul li:nth-child(2){ background:url(../images/nycp2.png) no-repeat top center;}
.banner2 ul li:nth-child(3){ background:url(../images/nycp3.png) no-repeat top center;}
.banner2 span{text-shadow:0 0 10px #142f5c; width:840px; margin:0 auto; display:block}

.nycp{ display:flex; justify-content:space-between; flex-wrap:wrap;align-items:center;}
.nycp div:nth-child(1){ width:545px;margin-bottom:90px;}
.nycp img:nth-child(2){ margin-bottom:90px;}
.nycp div:nth-child(4){ width:545px;}

.banner3 h2{color:#fff;padding:9rem 0 2rem;}
.banner3 span{text-shadow:0 0 10px #000; width:840px; margin:0 auto; display:block}

.tycp{ background:#404040; color:#fff;}
.tycp .content{ display:flex; justify-content:space-between;padding-bottom:4rem}
.tycp .content h2{ color:#fff; width:425px; display:block;}
.tycp .content span{ display:block; width:625px;}

.tycp ul{ display:flex;justify-content:space-between;flex-wrap:wrap; }
.tycp ul li{border-radius:10px; position:relative}
.tycp ul li strong{ position:absolute; left:40px; bottom:20px; font-size:18px;}
.tycp ul li:nth-child(1){ background:url(../images/tycp1.jpg) no-repeat center; background-size:auto; width:592px; height:345px; margin-bottom:15px;}
.tycp ul li:nth-child(2){ background:url(../images/tycp2.jpg) no-repeat center; background-size:auto; width:592px; height:345px; margin-bottom:15px;}
.tycp ul li:nth-child(3){ background:url(../images/tycp3.jpg) no-repeat center; background-size:auto; width:391px; height:396px;}
.tycp ul li:nth-child(4){ background:url(../images/tycp4.jpg) no-repeat center; background-size:auto; width:391px; height:396px;}
.tycp ul li:nth-child(5){ background:url(../images/tycp5.jpg) no-repeat center; background-size:auto; width:391px; height:396px;}

.tycp2{ background: url(../images/p3-5.jpg) #fafafa no-repeat bottom; text-align:center}
.tycp2 span{ margin:0 auto 3rem; display:block; width:1200px;}
.tycp2 img{border-radius:10px;}

.tycp2 ul{ display:flex;justify-content:center; padding-top:4rem}
.tycp2 li{ width:160px; margin:0 10px; padding-top:75px; font-size:18px; color:#000; font-weight:bold}
.tycp2 li:nth-child(1){ background:url(../images/tycp6.png) no-repeat top; background-size:auto}
.tycp2 li:nth-child(2){ background:url(../images/tycp7.png) no-repeat top; background-size:auto}
.tycp2 li:nth-child(3){ background:url(../images/tycp8.png) no-repeat top; background-size:auto}

.banner4 .content{ color:#fff; width:450px; padding-left:750px;}
.banner4 .content h2{ color:#fff;}
.banner4 .content ul{ display:flex; margin-top:4rem}
.banner4 .content li{ width:100px; margin-right:30px; padding-top:60px; text-align:center; font-weight:bold;}
.banner4 .content li:nth-child(1){ background:url(../images/gtcp1.png) no-repeat top;}
.banner4 .content li:nth-child(2){ background:url(../images/gtcp2.png) no-repeat top;}
.banner4 .content li:nth-child(3){ background:url(../images/gtcp3.png) no-repeat top;}

.gtcp{ text-align:center}
.gtcp h2{ display:block; margin:0 auto}
.gtcp ul{ display:flex; justify-content:space-between}
.gtcp li img{border-radius:10px;}
.gtcp span{ display:block; width:870px;  margin:0 auto; padding-top:4rem}

.gtcp2{ background: url(../images/gtcp6.jpg) no-repeat; color:#fff; background-size: cover;height:70vh; max-height:720px; display:flex; align-items:center}
.gtcp2 h4{ color:#fff; background:url(../images/gtcp4.png) no-repeat left top ; padding-top:70px;}
.gtcp2 h2{ color:#fff; /*width:310px;*/}
.gtcp2 span{ display:block; width:500px;}

.gtcp3{ background: url(../images/gtcp7.jpg) no-repeat; background-size:cover; height:80vh; max-height:810px; text-align:center; display:flex; align-items:center;color:#000}
.gtcp3 h3{ width:650px; margin:0 auto}
.gtcp3 span{ width:1000px; margin:0 auto; display:block; }
.gtcp3 ul{ width:850px; margin:5rem auto 0; display:flex; justify-content:space-between; font-weight:bold;}
.gtcp3 li{ width:18%; padding-top:65px;}
.gtcp3 li:nth-child(1){ background:url(../images/gtcp5.png) no-repeat top}
.gtcp3 li:nth-child(2){ background:url(../images/gtcp6.png) no-repeat top}
.gtcp3 li:nth-child(3){ background:url(../images/gtcp7.png) no-repeat top}
.gtcp3 li:nth-child(4){ background:url(../images/gtcp8.png) no-repeat top}
.gtcp3 li:nth-child(5){ background:url(../images/gtcp9.png) no-repeat top}


/*实力*/
.banner6 .content,.banner7 .content{ width:450px; padding-left:750px;}
.banner5 .content h4,.banner5 .content h1,.banner6 .content h4,.banner6 .content h1,.banner7 .content h4,.banner7 .content h1{ color:#fff;text-shadow:0 0 5px #000;}

.banner5 .content h2{ color:#fff; text-shadow: 0 0 8px rgba(0,0,0,.9);}
.banner5 .content { width:800px; padding-left:400px;}

/*实力1*/
.product span{ display:block; width:1000px;}

.product .list2{display:flex;flex-wrap:wrap; width:1225px;}
.product .list2 img{ width:100%; height:auto; border-radius:10px;}
.product .list2 li{width:386px; height:258px; margin:30px 21px 0 0;}

/*实力2*/
.strength h2{ padding-bottom:.5rem}
.strength span{ display:block; width:1050px;}
.strength ul{display:flex;flex-wrap:wrap; width:1225px;}
.strength img{ width:100%; height:auto; border-radius:10px;}
.strength li {width:386px; height:304px; margin:30px 21px 0 0;}
.strength p img{ margin:2rem 0}

.jc2{ display:none}

.testing{background:url(../images/sl4-3.jpg) no-repeat center; max-height:630px; height:60vh; background-size:cover; display:flex;align-items:center; color:#fff; text-align:center}
.testing div{ width:600px; margin:0 auto;}
.testing h4{ color:#fff}
.testing h1{ color:#fff}

/*项目*/
.banner9 div{ width:450px; margin:0 auto; text-align:center;}
.banner9 h4,.banner9 h1{ color:#fff; text-shadow:0 0 5px #333;}

.banner10 div{ width:640px; margin:0 auto; text-align:center;}
.banner10 h4,.banner10 h1{ color:#fff; }

.banner11 div{ width:580px; padding-right:620px; margin:0 auto; color:#000;text-shadow:0 0 20px #fff;}
.banner11 h4{ margin:1rem 0;}

.banner12 div{ width:540px; padding-right:660px; margin:0 auto;}
.banner12 h4,.banner12 h1{ color:#fff;}

/*新闻*/
.news{background:url(../images/xw1.jpg) no-repeat center; background-size:cover;}
.news h2{ padding:4rem 0 1rem}

.news a .news1{ background:#fff;border-radius:10px; overflow:hidden; display:flex; justify-content:space-between; align-items:center;}
.news a .news1 .img{ width:50%; position: relative; padding-top: 33.59%; overflow: hidden;}
.news a .news1 .img img{position: absolute; top: 0;left: 0; width: 100%; object-fit: cover; min-height:100%}

.news a .news1 .right { display:block; width:50%; box-sizing: border-box; padding:0 4%}
.news a .news1 .right span:nth-child(1){ color:#999; display:block; margin:0 0 1rem;}
.news a .news1 .right span:nth-child(3){ color:#0066cb; font-weight:bold;}
.news a .news1 .right dl{ display:block; margin-bottom:1.5rem; overflow:hidden}
.news a .news1 .right dt{ font-size:22px; font-weight:bold; max-height:60px; display:block; overflow:hidden; margin-bottom:20px;}
.news a .news1 .right dd{ color:#666}
.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(3, 1fr); gap:2rem;}
.news li{ background:#fff; border-radius:10px; overflow:hidden;}
.news li .img2{position: relative; width: 100%; padding-top: 67.1875%; overflow: hidden;}
.news li .img2 img{position: absolute;top: 0;left: 0;width: 100%; min-height:100%}
.news li span:nth-of-type(1){ font-size:18px; font-weight:bold; display:block; color:#000; overflow:hidden; margin:2rem 3rem .5rem;}
.news li span:nth-of-type(2){ display:block; color:#999; overflow:hidden; margin:0 3rem 2rem;}

.news a:hover li{box-shadow:0 0 10px rgba(0,0,0,.5)}

.more{ color:#000; font-weight:bold;  border:2px solid #000; display:block; width:300px; margin:0 auto; text-align:center; line-height:40px; border-radius:40px;}
.more:hover {background:#000; color:#fff}

.news2{ display:flex;justify-content:space-between;}
.news2 dl{ width:45%}
.news2 dt{ font-size:38px; font-weight:bold; color:#000;font-family:"微软雅黑"; margin-bottom:30px;}
.news2 dd{ height:90px; display:flex; align-items:center;justify-content:space-between; border-bottom:1px solid #ddd;}
.news2 dd span:nth-child(1){ width:380px;font-weight:bold;}
.news2 dd span:nth-child(2){ color:#999}
.news2 a:hover{ color:#0066cb}

.news3{ background:url(../images/xwbg.jpg); background-size:cover; isplay:flex;}
.news3 .content{ display:flex; justify-content:space-between; line-height:40px; margin-bottom:4rem}
.news3 .content a{ color:#fff; border:2px solid #fff; padding:0 50px; border-radius:40px; font-weight:bold}
.news3 .content a:hover{ background:#fff; color:#3b4d8b}
.news3 h2{  color:#fff; padding:0;line-height:40px;}

.nei{ display:flex;justify-content:space-between; width:98%; margin:0 auto}
.nei a{width:32.5%; height:auto; max-width:800px;}
.nei a img{ width:100%}
.nei li{border-radius:20px; display:block;   overflow:hidden; position:relative}
.nei li div{ position:absolute; color:#fff; bottom:0; background:url(../images/news3.png) bottom repeat-x; background-size: auto 100%; width:91.5%; padding:2rem 4.25% 1rem}
.nei li div span{ font-size:18px; font-weight:bold; display:block; overflow:hidden;white-space: nowrap;}

.news4 h2{text-align:center;}
.news4 ul{ display:flex; justify-content:center;  gap:30px; text-align:center;}
.news4 a li{ width:450px; font-weight:bold; height:90px; font-size:18px; padding-top:160px; border-radius:10px;}
.news4 a li:hover{box-shadow:0 0 10px rgba(0,0,0,.5)}
.news4 a:nth-child(1) li{ background:url(../images/news6.png) #f5f5f7 no-repeat center 64px }
.news4 a:nth-child(2) li{ background:url(../images/news5.png) #f5f5f7 no-repeat center 64px}

.newslist{width:1200px; margin:0 auto;}
.newslist ul{display:grid; grid-template-columns: repeat(3, 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:20px 35px;}
.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{ min-height:calc(100vh - 348px); background:url(../images/xw2.jpg) center center; background-size:cover;background-attachment: fixed; text-align:center; color:#fff; font-size:14px; padding-bottom:70px;}
.news5 h2{color:#fff;padding:4rem 0 1rem;}

.news6{ background:rgba(255,255,255,.85);border-radius:20px; color:#000; font-size:18px; text-align:left; width:900px; padding:0 75px 50px; margin:5rem auto 0}
.news6 dl{ display:flex;flex-wrap:wrap; padding:5rem 0 2rem}
.news6 dt{ font-size:28px; font-weight:bold;font-family:"微软雅黑"; width:100%; padding-bottom:4rem}
.news6 dl:nth-child(1) dd{ background:url(../images/news7.png) no-repeat left top; padding-top:55px; width:300px;}
.news6 dl:nth-child(2) dd{ background:url(../images/news8.png) no-repeat left top; padding-top:55px; width:300px;}

.banner14 div{text-align:center; color:#000; font-size:14px; padding-top:13rem}
.banner14 h2{padding-bottom:1rem;}

.news7{ min-height:calc(100vh - 348px); background:url(../images/xw5.jpg) center center; background-size:cover;background-attachment: fixed; text-align:center; color:#fff; font-size:14px; padding-bottom:70px;}
.news7 h2{color:#fff;padding:4rem 0 1rem;}

.news8{ width:1000px; margin:5rem auto 0; text-align:left}
.news8 a li{  background:url(../images/news9.png) no-repeat 30px center, url(../images/news10.png) no-repeat 920px center;background-color:rgba(0,0,0,.55); display:block; padding:25px 90px; margin-bottom:1px; color:#fff}
.news8 a li span{ display:block; font-size:18px;}

.news8 a:hover li{background:url(../images/news11.png) no-repeat 30px center, url(../images/news10.png) no-repeat 920px center;background-color:#fff; color:#000;box-shadow:0 0 20px rgba(0,0,0,.5)}

.banner13 .content,.banner15 .content,.banner16 .content,.banner17 .content,.banner18 .content,.banner26 .content{ text-align:center; color:#fff; font-size:14px;}
.banner15 h2,.banner16 h2,.banner17 h2,.banner13 h2,.banner18 h2,.banner19 h2,.banner26 h2{ color:#fff; padding:4rem 0 1rem;}

.news9 ul{display: grid; grid-template-columns: repeat(3, 1fr); gap:30px 20px;}
.news9 li{ flex:1}
.news9 li div{width:100%; height: 0; padding-top: calc(12 / 19 * 100%); border-radius:10px; background:#000; position:relative; overflow: hidden}
.news9 li div img{top:0; bottom:0; right:0; left:0; margin: auto;}
.news9 li div img:nth-child(1){z-index:2; display:block; width:40px; height:40px; position:absolute}
.news9 li div img:nth-child(2){ width:100%; height:100%; opacity: 0.5; z-index:1;border-radius:10px; object-fit: cover; position:absolute}


.news9 li span{ font-size:14px; color:#999; display:block; margin-top:20px;}

.location{ font-size:14px; color:#000; line-height:62px; padding-top:65px;}

.newsd{ background:#f5f5f7;}
.title{ text-align:center; font-size:24px; color:#000;font-family:"微软雅黑"; line-height:40px;}
.title span{ display:block; font-size:14px;}
.newsd .text{ width:1030px; padding:5rem 85px 7rem; background:#fff; margin:2rem auto 0}
.newsd .text img{ max-width:1030px; height:auto;}


/*投资者*/
.investor{color:#000;}
.investor div:nth-child(1){ font-size:24px;font-family:"微软雅黑";  margin-bottom:2rem}
.investor div:nth-child(2){font-family:"微软雅黑"; margin-bottom:2rem}
.investor div:nth-child(2) strong{ font-size:38px; padding-right:20px;}

.investor2 div{ display:flex;justify-content:space-around}
.investor2 ul{display:flex; padding:5rem 0 2rem}
.investor2 li{ line-height:40px; background:#f2f2f2; text-align:center; width:395px; border:1px solid #ddd; margin-right:3px;}
.investor2 .an{ background:#fff; border-bottom:2px solid #344c8c}

.investor3{ background:url(../images/xwbg.jpg) center center; color:#fff;}
.investor3 .content{display:flex;justify-content:space-between;}
.investor3 .content div:nth-child(1){ width:200px;}
.investor3 ul{  width:770px;}
.investor3 li{ padding:0 0 26px; border-bottom:1px solid #fff; font-size:14px; color:#a6b7d3; margin-bottom:26px;}
.investor3 li span{ display:block; font-size:18px; font-weight:bold; color:#fff}
.investor3 a{ color:#fff;}
.investor3 h2{ color:#fff;padding-bottom:5rem;}
.investor3 .left a{ border:2px solid #fff; line-height:40px; display:block; text-align:center; border-radius:40px;}
.investor3 .left a:hover{ background:#fff; color:#3b4d8b}

.investor4 ul{ display:flex;justify-content:space-between;flex-wrap:wrap}
.investor4 li{ background:#f5f5f7; width:515px; padding:35px; margin-bottom:35px; font-size:14px;}
.investor4 li span:nth-child(1){ display:block; font-size:18px; font-weight:bold; height:80px; padding-top:10px;}
.investor4 li span:nth-child(2){  font-weight:bold; border-bottom:1px solid #000;border-top:1px solid #000; padding:5px 0}


/*员工成长*/
.banner20 div{ width:385px; margin:0 auto; text-align:center;}
.banner20 div h4{ color:#fff;}
.banner20 div h1{ color:#fff;}

.job img{border-radius:10px;}

.banner21 div{ width:750px; margin:0 auto; text-align:center; color:#fff; background: url(../images/job2.png) no-repeat center top; padding-top:120px;}
.banner21 div h2{ color:#fff}

.job2{ text-align:center}

.job3{ background: url(../images/job4.jpg) no-repeat center bottom #f5f5f7; padding-bottom:500px;}

.job4{ background:url(../images/xwbg.jpg) no-repeat center center; text-align:center; color:#fff}
.job4 h2{ color:#fff}
.job4 ul{ width:1200px; margin:0 auto; display:flex;justify-content:space-between; padding:5rem 0 1rem}
.job4 li img{ border-radius:10px;}

.job5{background-size:cover; isplay:flex;}
.job5 .content{ display:flex; justify-content:space-between; line-height:40px; margin-bottom:4rem}
.job5 .content a{ color:#000; border:2px solid #000; padding:0 50px; border-radius:40px; font-weight:bold}
.job5 .content a:hover{ background:#000; color:#fff}
.job5 h2{ padding:0;line-height:40px;}


/*了解日月*/
.banner22 .content{text-shadow: 0 0 10px rgba(0,0,0,.2)}
.banner22 h1{ color:#fff; padding-bottom:2rem;}
.banner22 h1 br{ display:none}
.banner22 h4{color:#fff; font-size:24px;}

.about h2{ width:424px; margin:0 auto; text-align:center; }

.about .about2{ padding-top:2rem}

.about ul{display:flex;justify-content:space-between;}
.about li{ text-align:center; margin-top:4rem}
.about li div:nth-child(1){ margin-bottom:1rem}
.about li h1{ font-size:60px; color:#3b4d8b; font-weight:normal}

.about li h1::after{font-size: 1.6rem; padding-left:5px; line-height:40px; color:#777}
.about_td li:nth-child(1) h1::after {content: "吨";}
.about_td li:nth-child(2) h1::after {content: "吨";}
.about_td li:nth-child(3) h1::after {content: "座";}
.about_td li:nth-child(4) h1::after {content: "人";}

.tmbg{display:none; width:100%; height:100%; background-color:rgba(0,0,0,0.8); position:fixed; margin:auto; left:0;right:0;top:0; bottom:0; z-index:100;}
.viode{ display:none; width:960px; height:544px; background:#000; position:fixed; margin:auto; left:0;right:0;top:0; bottom:0;z-index:101;}
.viode video{ width:100%; height:auto}

.about3{ background:url(../images/ry1-3.jpg) no-repeat center;background-size:cover; display:flex;align-items:center; color:#fff;max-height:750px; height:75vh;}
.about3 .content{ background:url(../images/about2.png) no-repeat right center; min-height:323px; width:585px; padding-right:615px;}
.about3 .content h2{ width:470px; color:#fff; margin-bottom:2rem;}
.about3 .content a{ display:block; height:40px; line-height:40px; background:#fff; width:170px; text-align:center; border-radius:40px; margin-top:4rem}

.about4 h3{ width:800px;}
.about4 ul{ display:flex; justify-content:space-between; margin-top:3rem}
.about4 li{ font-size:18px; color:#000; font-weight:bold; padding-top:110px;}
.about4 li:nth-child(1){ background:url(../images/about4.jpg) no-repeat left top;}
.about4 li:nth-child(2){ background:url(../images/about5.jpg) no-repeat left top;}
.about4 li:nth-child(3){ background:url(../images/about3.jpg) no-repeat left top;}
.about4 li:nth-child(4){ background:url(../images/about6.jpg) no-repeat left top;}

/*分公司*/
.about5{ background:url(../images/ry1-6.jpg) no-repeat center center}
.about5 .neir{ width:830px; padding-right:370px; margin:0 auto; overflow:hidden;}
.about5 ul{ display:flex; margin-top:40px; position:relative}
.about5 li{ display:flex;justify-content:space-between; width:1200px;}
.about5 li div:nth-child(2){ width:510px;}
.about5 li div:nth-child(2) span{ font-size:24px; display:block; color:#3b4d8b; font-weight:bold; margin:70px 0 30px;}
.about5 .left{ display:block; width:50px; height:50px; background:url(../images/about8.png) no-repeat center; border:1px dashed #000;border-radius:100%; position:absolute; right:70px; top:-80px;}
.about5 .left:hover { background:url(../images/about8.png) no-repeat center #fff;}
.about5 .right{ display:block; width:50px; height:50px; background:url(../images/about9.png) no-repeat center; border:1px dashed #000;border-radius:100%; position:absolute;  right:0; top:-80px;}
.about5 .right:hover { background:url(../images/about9.png) no-repeat center #fff;}

/*公司结构*/
.about52{ background:#f6f6f6;}
.about52 .gcqy{ display:flex; font-size:24px;}
.about52 h1{ text-align:center;}

.banner23 dl{ width:900px; margin:0 auto; display:flex; justify-content:space-between; padding-top:40px;}
.banner23 dt{ font-size:30px;}

.banner23 .wenh{ width:435px; text-align:right; font-size:18px; margin:0 auto;}
.banner23 .wenh h1{ color:#fff; font-size:48px;}
.banner23 .wenh span{ font-size:24px; display:block; padding:40px 0 15px}

.wenh2{ font-size:22px; color:#000; line-height:45px;}
.wenh2 span{ display:block; color:#666; font-size:16px; font-style:italic; line-height:35px; margin-top:30px;}


.wenh3{  display:flex;justify-content:space-between;}
.wenh3 li{ /*width:33.4%;*/ width:25%; max-height:670px; /*height:70vh;*/ height:65vh;display:flex;align-items:center;justify-content:center}
.wenh3 li:nth-child(1){ background:url(../images/ry2-4.jpg) no-repeat center; background-size:cover}
.wenh3 li:nth-child(2){ background:url(../images/ry2-5.jpg) no-repeat center; background-size:cover}
.wenh3 li:nth-child(3){ background:url(../images/ry2-3.jpg) no-repeat center; background-size:cover}
.wenh3 li:nth-child(4){ background:url(../images/ry2-6.jpg) no-repeat center; background-size:cover}

.wenh3 li:nth-child(3) a, .wenh3 li:nth-child(4) a{ display:block; line-height:46px; height:46px; border-radius:23px; color:#fff; margin-top:30px; background:#3b4d8b}



.wenh3 div{ width:235px; color:#fff; text-align:center; text-shadow:0 0 5px #333; height:160px;}
.wenh3 div span{ display:block; font-size:22px; margin-bottom:1rem}

.rongyu{ min-height:calc(100vh - 348px); background:url(../images/ry3-3.jpg) center center; background-size:cover;background-attachment: fixed; text-align:center; font-size:14px; padding-bottom:70px;}
.rongyu h2{padding:4rem 0 1rem;}
.rongyu .wz{ text-align:center; width:800px; margin:0 auto; font-size:16px; padding:1.5rem 0 3rem; color:#000}
.rongyu .lanm{ display:flex;justify-content:center; font-size:16px;}
.rongyu a li{ border:2px solid #000; padding:5px 3.5rem; font-weight:bold; border-radius:40px; margin:0 10px;}
.rongyu .an li{ background:#3b4d8b; color:#fff;border:2px solid #3b4d8b;}
.rongyu .lieb{ display:flex;flex-wrap:wrap; width:1221px; padding-top:4rem}
.rongyu .lieb li{ margin:0 3% 4rem 0; width:30%}
.rongyu .lieb li img{ width:100%; height:auto}

.rongyu .lieb2{ display:flex;flex-wrap:wrap; width:1250px; padding-top:4rem}
.rongyu .lieb2 li{ margin:0 2% 4rem 0; width:18%;}
.rongyu .lieb2 li img{ border:1px solid #d0d0d0; display:block; width:100%; height:auto}

.banner24 .content{ width:500px; color:#fff; padding-left:700px;}
.banner24 h2,.banner24 h4{ color:#fff;}
.banner24 h2{ width:410px; padding-left:90px;}
.banner24 h4{ padding-bottom:1rem}
.banner24 ul{ display:flex; justify-content:flex-end}
.banner24 li { text-align:center; margin-left:2rem}
.banner24 li img{ display:block; padding:14px; border:2px solid #fff; border-radius:100%; margin-bottom:1.5rem; }

.lvse{ background:url(../images/ry4-5.jpg) no-repeat center center;}
.lvse .content{ width:610px; padding-right:590px; background:url(../images/ls4.jpg) no-repeat right center; min-height:370px; font-size:18px; color:#000; line-height:36px;}
.lvse .content h2{ width:230px; padding:2rem 0 3rem}

.lvse2{ background:url(../images/ry4-7.jpg) no-repeat center center;background-size:cover; text-align:center; color:#fff; max-height:650px; height:72vh; align-items:center; display:flex;}
.lvse2 h2{ color:#fff}
.lvse2 ul{ display:flex;justify-content:space-between; flex-wrap:wrap; font-size:20px; font-weight:bold; margin-bottom:4rem;}
.lvse2 li{ width:32%; border:1px solid #fff; padding:25px 0; margin-top:20px; background:rgba(0,0,0,.5)}

.banner25 .content{ width:890px; color:#000; margin-top:9rem; font-size:18px; line-height:36px;}
.banner25 .content ul{ display:flex; justify-content:center; margin-top:3.5rem}
.banner25 .content li{ margin:0 35px; font-weight:bold; font-size:16px;}
.banner25 .content li span{ font-size:50px; font-family:"微软雅黑"; display:block; color:#344c8c; width:172px; line-height:172px; margin-bottom:1.5rem}
.banner25 .content li:nth-child(1) span{ background:url(../images/qq.png) no-repeat center center}
.banner25 .content li:nth-child(2) span{ background:url(../images/qq2.png) no-repeat center center}

.zhanl{ text-align:center}
.zhanl img{ margin-top:4rem}

.zhanl2{ background:url(../images/ry5-5.jpg) no-repeat center center; background-size:cover; text-align:center; color:#fff; max-height:500px; height:45vh;  font-size:35px; line-height:6rem;font-family:"微软雅黑"; display:flex;justify-content:center; align-items:center}

.licheng{ min-height:calc(100vh - 348px); background:url(../images/ry6.jpg) center top; background-attachment: fixed; text-align:center; font-size:14px; padding-bottom:70px; color:#fff}
.licheng h2{padding:4rem 0 1rem; color:#fff}
.licheng .wz{ text-align:center; width:860px; margin:0 auto; font-size:16px; padding:1.5rem 0 3rem;}

.licheng2{ border-radius:20px; background:rgba(255,255,255,.8); display:flex; justify-content:center; font-size:18px; line-height:36px; color:#000; padding-top:80px}
.licheng2 ul{ width:260px; color:#000; font-size:22px; font-weight:bold; text-align:right; margin-right:65px;font-family:"微软雅黑"; display:block; padding-top:25px;}
.licheng2 ul li{ margin-bottom:3.5rem}
.licheng2 ul .an{ font-size:30px; color:#344c8c}

.licheng3 {border-left:6px solid #d6d6d6; position:relative;padding-top:25px;}
.licheng3 dl{ width:770px; margin:0 30px 2rem 0; display:flex; justify-content:flex-end; flex-wrap:wrap;background:url(../images/lc1.jpg) no-repeat left 16px;}
.licheng3 dt{ color:#888; width:120px; text-align:left;}
.licheng3 dd{ background:url(../images/lc2.png) no-repeat left 16px ; padding:0 0 10px 20px; width:590px; text-align:left;}
.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;}

.contact{ display:flex; justify-content:space-between;}
.contact .left{ width:70%; background:url(../images/lx.jpg) no-repeat center;min-height:55rem; background-size:auto}
.contact .right{ width:22%; background: url(../images/contact.jpg) no-repeat center; background-size: cover; padding:5% 4%; color:#000}
.contact .right h1{ padding:3rem 0 2rem}
.contact .right span{ display:block; height:18rem}
.contact .right img{ display:block; margin-top:1rem}

.contact2{ display:flex;justify-content:space-between;flex-wrap:wrap}
.contact2 h2{ width:100%;}
.contact2 dl{ width:46%; display:block; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:30px;}
.contact2 dt{ font-size:20px; font-weight:bold; margin-bottom:5px;}



/*社会责任*/
.zr1{ background:url(../images/zr1.jpg) no-repeat center center; display:flex;align-items:center; color:#000; background-size:cover; height:70vh; max-height:682px; min-height:490px;}
.zr1nr{ width:825px; padding-left:375px; margin:0 auto; }
.zr2{ display:flex; justify-content:space-between; align-items:center}
.zr2 .zr2wz{ display:block; width:440px;}
.zr3{ background:url(../images/zr3.jpg) no-repeat center center; display:flex;align-items:center; color:#fff;background-size:cover; height:75vh; max-height:697px; min-height:490px;}
.zr3nr{ width:600px; padding-left:600px; margin:0 auto; }
.zr3nr h2{ color:#fff}

/*项目风采*/
.pro1{ display:flex; justify-content:space-between; align-items:flex-start}
.pro1 .wz{ padding-right:90px;}

.pro2{display:flex; justify-content:space-between;}
.pro2 .wz{ padding-left:90px;}

.pro3{ margin:40px 70px;}
.pro3 li{list-style-type:disc; margin-bottom:20px;}
.pro4{ width:600px; text-align:left; margin:3rem auto}
.pro4 li{list-style-type:disc;margin-bottom:1rem}
.pro5{ width:750px; margin:0 auto; padding-bottom:2rem;}

/*供应商*/
.menu li:nth-child(7){ background:url(../images/hz2.png) no-repeat left center; padding-left:38px;}
.menu li li:nth-child(7){ background: none; padding-left:0;}
.headys2 li:nth-child(7){ background:url(../images/hz21.png) no-repeat left center;}
.headys2 li li:nth-child(7){ background: none;}

.hezuo h3{ text-align:center; color:#006fbc}

.hezuo .biao1{ line-height:35px; font-size:15px; color:#333333; }
.hezuo .biao1 table{width:100%;}
.hezuo .biao1 td{border-bottom:1px solid #000000;padding:10px 0;}
.hezuo .biao1 tr:nth-child(1){color: #ffffff; font-weight: bold;}
.hezuo .biao1 tr:nth-child(1) td{ background:#000}

.hezuo2{ line-height:35px;}
.hezuo2 dt{ font-size:18px; color:#000; font-weight:bold; padding:15px 0 5px; /*border-top:1px dotted #999;*/ margin-top:20px;}
/*.hezuo2 dt:nth-child(1){border-top:none}*/

.hezuo3 {font-style: italic; margin-top:20px; display:block}

.banner27{background:url(../images/hz1.jpg) no-repeat center; max-height:526px; height:58vh;background-size:cover; display:flex;align-items:center}
.banner27 div{ width:540px; padding-right:660px; 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}

.hezuo4 ul{justify-content:space-between; display:flex;flex-wrap:wrap}
.hezuo4 li{ width:40%; background:url(../images/gys.jpg) no-repeat left center; padding-left:68px; font-size:18px; font-weight:bold; margin-bottom:4rem; background-size:auto contain}
.hezuo4 li span{ display:block; font-size:14px; font-weight:normal; color:#666}

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

.bg_f5f5f7{ background:#f5f5f7;}
.fc_000{ color:#000}
.fc_006fbc{ color:#006fbc}


h1{ font-size:44px; color:#000; line-height:65px; font-family:"微软雅黑";}
h2{ font-size:38px; color:#000; line-height:60px; font-family:"微软雅黑";padding-bottom:2rem; }
h3{ font-size:30px; color:#000; line-height:50px; font-family:"微软雅黑";padding-bottom:2rem;}
h4{ font-size:18px; color:#000; line-height:40px; font-family:"微软雅黑";}


/*26.2.26新添联系*/
.fg2{ padding:0 0 5rem}

.xtlx{ display:flex;justify-content:flex-start}
.xtlx li{ padding:5px 80px; margin:0 2px 30px 0;font-weight:bold; border-radius:30px; color:#000; background:#f5f5f7;}
.xtlx .an{ background:#033483; color:#fff; }

.contact3{ border-bottom:1px solid #ddd; padding-bottom:20px;}
.contact3 strong{font-size:20px; margin-bottom:5px;}

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

.xtj_esg{ background-size:cover; display:flex; justify-content:center; flex-direction: column; align-items: center; height:470px; color:#fff;}
.xtj_esg h2{ color:#fff}
.xtj_esg span{ width:75%; margin:0 auto; text-align:center}

.xtj_esg_bj1{ background:url(../images/xtj_esg8.jpg) no-repeat center center; text-shadow: 0 0 15px #19333d;}
.xtj_esg_bj2{ background:url(../images/xtj_esg9.jpg) no-repeat center center; text-shadow: 0 0 20px #000;}
.xtj_esg_bj3{ background:url(../images/xtj_esg10.jpg) no-repeat center center; text-shadow: 0 0 20px #000;}

.xtj_title{ background:url(../images/xtj_esg16.jpg) repeat-x center center;}
.xtj_title span{ display: table; margin:30px auto; background:#fff; padding:0 10px; font-size:18px; color:#000; font-weight:bold;}

.xtj_esg_zd{ display:flex; justify-content:space-between}
.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_xz li:nth-child(1) h1::after{content: "万元";}
.xtj_esg_xz li:nth-child(2) h1::after{content: "万元"; }
.xtj_esg_xz li:nth-child(3) h1{ font-size:42px;}
.xtj_esg_xz li:nth-child(4) h1::after{content: "万元";}
.xtj_esg_xz li:nth-child(5) h1::after{content: "%";}


.xtj_esg_xz2 li:nth-child(1) h1::after{content: "亿元";}
.xtj_esg_xz2 li:nth-child(2) h1::after{content: "分";}
.xtj_esg_xz2 li:nth-child(3) h1::after{content: "%";}
.xtj_esg_xz2 li:nth-child(4) h1::after{content: "次";}

.xtj_esg_xz3 li:nth-child(1) h1::after{content: "次";}
.xtj_esg_xz3 li:nth-child(2) h1::after{content: "次";}
.xtj_esg_xz3 li:nth-child(3) h1::after{content: "次";}
.xtj_esg_xz3 li:nth-child(4) h1::after{content: "小时";}
.xtj_esg_xz3 li:nth-child(5) h1::after{content: "%";}


.xtj_esg_td{ background:#f4f4f4; color:#000;}
.xtj_esg_td ul{display:flex; justify-content:space-between; gap:20px; width:1200px; 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:center; padding:0}
.xtj_esg_td li .tp{ margin:20px auto; background:#f4f4f4; display:table; padding:30px; border-radius:50%}

.xtj_esg_td li dd{ position: relative; padding-left: 16px;}
.xtj_esg_td li dd::before{
  content: "";
  width:4px;
  height:4px;
  background:#333;
  border-radius:50%;/* 圆点，不要圆角删掉 */
  position:absolute;
  left:0;
  top: calc(32px / 2);
  transform: translateY(-50%);
}

.xtj_esg_cpfw h2{ text-align:center}
.xtj_esg_cpfw ul h3{ background:url(../images/xtj_esg21.jpg) no-repeat center bottom; padding-bottom:1rem; margin-bottom:1.5rem; display:block}

.xtj_esg_gyl{ display: flex; align-items:center;}
.xtj_esg_gyl .text{ padding-left:65px;}
.xtj_esg_gyl .text h2{ background:url(../images/xtj_esg24.jpg) no-repeat top left; padding-top:100px;}
.xtj_esg_gyl a{ line-height:50px; background: #218fdb; padding:0 50px; color:#fff; display:table; border-radius:25px; margin-top:40px;}
.xtj_esg_gyl a:hover{background:#344c8c}


.xtj_esg_gyl .text2{ padding-right:65px;}

.esg_jz{ text-align:center}

.xtj_esg_pc ul{ display:flex;justify-content:center; gap:200px;}
.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; justify-content:space-around; margin:0 auto; width:1200px; font-weight:bold; color:#000}
.xtj_esg_bgxz h3{color:#218fdb; padding:0 0 10px;}
.xtj_esg_bgxz a{ display:table; margin:20px 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{flex:1; position: relative; }
.xtj_esg_bgxz li:not(:last-child)::after {content: "";  position: absolute;  right: 0;  top: 25%;  bottom: 25%;  width: 1px;  background: #ccc;}


.xtj_esg_zcxz{display:none;/*隐藏*/}
.xtj_esg_zcxz h2{ text-align:center}
.xtj_esg_zcxz ul{  display: grid; grid-template-columns: repeat(2, 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:20px auto;}

.xtj_esg_zcxz .zc_title{background:url(../images/xtj_esg29.png) no-repeat left 8px; background-size:20px auto; padding-left:40px;}

.xtj_esg_zcxz p{ margin:0; padding:0}
.xtj_esg_zcxz p:nth-child(1){ font-size:20px; 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:25px; color:#218fdb; font-weight:bold; }

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

.xttj_category{ display:flex; justify-content:center; gap:10px; margin-top:5vh}
.xttj_category li{ font-size: clamp(15px, calc(15px + 2 * (100vw - 1440px) / 160), 17px); line-height:1.9em; width:16.666%}
.xttj_category li a{background: rgba(0,0,0,.5); border-radius:10px;  display:block;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-top:10px; transition: 0.4s}
.xttj_category li a:hover span:nth-of-type(2){background:#000;}


.xttj_category li img{ width:45%; display:block; margin:0 auto}

.xttj_category li a:hover{ background:#3c4e8a; transition: 0.4s}

.product_list2{background:no-repeat center center;min-height:100vh;background-size:cover; display:flex; color:#fff; background-attachment: fixed}
.product_list2 .listx{ padding:18vh 0 3.5rem}
.product_list2 .listx h1{ padding-bottom:4rem}

.product_list3{background:no-repeat center center;min-height:100vh; background-size:cover; display:flex; color:#fff; background-attachment: fixed; /*align-items:center*/}
.product_list3 .listx{ padding:10rem 0}
.product_list3 .listx h1{ padding-bottom:4rem}

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

.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 50px; width:440px; color:#000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -49%);}

.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;}

/*搜索*/
.search{ min-height:73%; background:url(../images/search.jpg) no-repeat center center; background-size:cover;  background-attachment: fixed; color:#fff;}
.search h2{ padding:15vh 0 1rem; min-width:1200px; max-width:1600px; width:90%; margin:0 auto; color:#fff}
.search .kuang{ border-bottom:1px solid #e2e2e2; display:flex; justify-content:space-between; padding:15px 0; min-width:1200px; max-width:1600px; width:90%; 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 20px;background:#cfd4e2;color:#000;border-radius: 40px;transition: 0.3s;cursor: pointer; border:none}
.search .kuang button:hover {background-color: #218fdb; color:#fff}

.search ul{display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px 20px; padding:4rem 0; min-width:1200px; max-width:1600px; width:90%; 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:1200px; max-width:1600px; width:90%; margin:4rem auto 0; display:block;}

/*工厂布局*/
.about52 .gcqy{ display:flex; font-size:24px; gap:50px; border-bottom:1px solid #000; }
.about52 .gcqy a{ color:#acacac; padding-left:40px; display:block; padding:30px 0 30px 40px;}
.about52 .gcqy li:nth-child(1) a{ background:url(../images/gcqy1_1.jpg) no-repeat left center}
.about52 .gcqy li:nth-child(2) a{ background:url(../images/gcqy2_1.jpg) no-repeat left center}
.about52 .gcqy li:nth-child(3) a{ background:url(../images/gcqy3_1.jpg) no-repeat left center}
.about52 .gcqy .an a{ color:#2491dc}
.about52 .gcqy .an:nth-child(1) a{background:url(../images/gcqy1.jpg) no-repeat left center}
.about52 .gcqy .an:nth-child(2) a{background:url(../images/gcqy2.jpg) no-repeat left center}
.about52 .gcqy .an:nth-child(3) a{background:url(../images/gcqy3.jpg) no-repeat left center}

.xtj_gc{ padding:40px 0; min-height:500px;}
.xtj_gc ul{display:grid; grid-template-columns: repeat(3, 1fr); gap:2rem;}
.xtj_gc li{ background:#fff; border-radius:10px; padding:2rem 4rem; color:#000}
.xtj_gc li h4{ padding-bottom:.5rem}
.xtj_gc li span{ display:flex;}
.xtj_gc li span::before{content: "•"; padding-right:5px;}


.about52 .show {display: block;}

/*宣传册*/
.xcc{ background:#f4f4f4; padding:75px 0; position:relative}
.xcc ul{display:grid; grid-template-columns: repeat(2, 1fr); gap:2rem;}
.xcc li a{ background:#fff; border-radius:10px; padding:1.5rem 2rem; display:flex; justify-content:space-between; align-items:flex-start;}
.xcc li a img{ margin-top:.5rem}
.xcc li a .text{ fext:1; padding:0 0 0 45px; width:70%; position:relative;}
.xcc li a .text::before{content: ""; width:27px; height:30px;background: url(../images/zlxz.jpg) no-repeat center center ;position:absolute;left:0;top:10px; }
.xcc li a .text span{ display:block; color:#666; font-size:.9rem}
.xcc li a .djxz{ color:#3b89d3}

.xcc #xwxcc{scroll-margin-top:65px}

/*社交媒体*/
.sjmt{}
.sjmt span{ font-weight:bold; display:block; font-size:16px; padding-bottom:10px;}
.sjmt ul{ display:flex; gap:15px; font-size:14px;}
.sjmt ul li{ text-align:center}
.sjmt ul img{ display:block; border:2px solid #fff; width:80px;}

.lxzb{ text-align:right; font-size:14px; color:#a9aeb5; padding-top:15px;}
.lxzb span{ font-size:26px; display:block; padding:5px 0 10px; color:#fff}

.fc_fff{ color:#fff;}
.fc_fff h1,.fc_fff h2,.fc_fff h3.fc_fff h3,.fc_fff h4,.fc_fff a{color:#fff;}

/*荣誉特点*/
.rongyu_td{ display:flex; justify-content:space-between; width:1200px; margin:0 auto; padding:0 0 60px;}
.rongyu_td li h1{ font-size:60px; color:#3b4d8b; font-weight:normal}
.rongyu_td li h1::after{font-size: 1.3rem; padding-left:5px; line-height:40px; color:#777; content: "项";}

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

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

.xtj_fz{ width:85%; position:relative; margin:0 auto}
.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:100%; margin:0 auto; overflow:hidden; height: fit-content;}
.swiper-slide {text-align:left; padding:0 2rem 0 2rem; position:relative; width: fit-content; border-left:1px solid #999; height:470px;}
.swiper-slide h2{font-size:30px;font-family:myPoppinsbo; padding:0 0 1.5rem; color:#006fbc; line-height:25px;}
.swiper-slide img{ max-width:300px; max-height:300px; display:block; padding-bottom:1rem}
.swiper-slide span{ display:block; padding:0 0 2rem}
.swiper-slide h2::after{content: "年"; font-size:1rem; font-weight:normal; padding-left:5px; color:#006fbc }


.swiper-button-prev{left:-80px; position:absolute;
	background: url('../images/jt2.png') no-repeat center center #fff !important; /* 自定义箭头路径 */
	background-repeat: no-repeat !important;
	color: transparent !important; /* 隐藏默认文字 */
	width: 55px !important; /* 自定义宽度 */
	height: 55px !important; /* 自定义高度 */ border:1px dashed #000; border-radius:50%; top:100px;
}
.swiper-button-next{ right:-80px;position:absolute;
  	background: url('../images/jt2.png') no-repeat center center #fff !important; /* 自定义箭头路径 */
	transform: rotate(180deg);
	background-repeat: no-repeat !important;
	color: transparent !important; /* 隐藏默认文字 */
	width: 55px !important; /* 自定义宽度 */
	height: 55px !important; /* 自定义高度 */ border:1px dashed #000; border-radius:50%; top:100px;
}

.swiper-wrapper{ margin:0 auto; display:flex}

/*能源行业解决方案*/
.nycp2{ background:url(../images/p2-4.jpg)no-repeat; height:90vh; max-height:845px; text-align:center; background-size:cover; color:#fff; display:flex; justify-content:center;  align-items:center; flex-direction: column; padding-top:65px;}
.nycp2 h2{ color:#fff; padding-top:7rem; width:465px; margin:0 auto}
.nycp2 span{ display:block; width:1000px; margin:1rem auto 4rem;}
.nycp2 ul{ display:flex; justify-content:center;text-shadow:0 0 10px #142f5c;}
.nycp2 li{ padding-top:65px; width:130px; margin:0 10px; }
.nycp2 li:nth-child(1){ background:url(../images/nycp6.png) no-repeat top center; background-size:auto}
.nycp2 li:nth-child(2){ background:url(../images/nycp7.png) no-repeat top center; background-size:auto}
.nycp2 li:nth-child(3){ background:url(../images/nycp8.png) no-repeat top center; background-size:auto}
.nycp2 li:nth-child(4){ background:url(../images/nycp9.png) no-repeat top center; background-size:auto}


/*通用机械行业解决方案*/
.xtj_jx1{ background:url(../images/jx1.jpg)no-repeat center center; height:90vh; max-height:900px; text-align:center; background-size:cover; color:#fff; text-shadow: 0 0 8px rgba(0,0,0,.7); display:flex; justify-content:center;  align-items:center; flex-direction: column; padding-top:65px;}
.xtj_jx1 h2{ color:#fff; padding-top:7rem; width:465px; margin:0 auto}
.xtj_jx1 span{ display:block; width:1000px; margin:1rem auto 4rem;}
.xtj_jx1 ul{ display:flex; justify-content:center;}
.xtj_jx1 li{ padding-top:65px; width:130px; margin:0 10px;  }
.xtj_jx1 li:nth-child(1){ background:url(../images/jx1_1.png) no-repeat top center; background-size:auto}
.xtj_jx1 li:nth-child(2){ background:url(../images/jx1_2.png) no-repeat top center; background-size:auto}
.xtj_jx1 li:nth-child(3){ background:url(../images/jx1_3.png) no-repeat top center; background-size:auto}
.xtj_jx1 li:nth-child(4){ background:url(../images/jx1_4.png) no-repeat top center; background-size:auto}


/*海洋重工行业解决方案*/
.xtj_hy1{ background:url(../images/hy1.jpg)no-repeat center center; height:80vh; max-height:800px; text-align:center; background-size:cover; color:#fff; display:flex;  align-items:center;justify-content:center; flex-direction: column; padding-top:65px;}
.xtj_hy1 h2{ color:#fff; width:465px; margin:0 auto}
.xtj_hy1 span{ display:block; width:1000px; margin:1rem auto 4rem;}
.xtj_hy1 ul{ display:flex; justify-content:center;}
.xtj_hy1 li{ padding-top:65px; width:130px; margin:0 10px;  }
.xtj_hy1 li:nth-child(1){ background:url(../images/hy1_1.png) no-repeat top center; background-size:auto}
.xtj_hy1 li:nth-child(2){ background:url(../images/jx1_3.png) no-repeat top center; background-size:auto}
.xtj_hy1 li:nth-child(3){ background:url(../images/hy1_3.png) no-repeat top center; background-size:auto}
.xtj_hy1 li:nth-child(4){ background:url(../images/hy1_4.png) no-repeat top center; background-size:auto}


/*轨道交通及其他行业解决方案*/
.xtj_gd1{ background:url(../images/p4-1.jpg)no-repeat center center; height:75vh; max-height:780px; text-align:center; background-size:cover; color:#fff; text-shadow: 0 0 8px rgba(0,0,0,.7); display:flex;  align-items:center;justify-content:center; flex-direction: column; padding-top:65px;}
.xtj_gd1 h2{ color:#fff; width:465px; margin:0 auto}
.xtj_gd1 span{ display:block; width:1000px; margin:1rem auto 4rem;}
.xtj_gd1 ul{ display:flex; justify-content:center;}
.xtj_gd1 li{ padding-top:65px; width:130px; margin:0 10px;  }
.xtj_gd1 li:nth-child(1){ background:url(../images/gtcp1.png) no-repeat top center; background-size:auto}
.xtj_gd1 li:nth-child(2){ background:url(../images/gtcp2.png) no-repeat top center; background-size:auto}
.xtj_gd1 li:nth-child(3){ background:url(../images/gtcp3.png) no-repeat top center; background-size:auto}

/*价值观*/
.jzg{ background:url(../images/jzg.jpg) no-repeat  center 65px; background-size:cover; height:60vh; max-height:700px; padding-top:80px; text-align:center ; display:flex; align-items:center}
.jzg h1{color:#fff}
.jzg .content ul{ display:flex; justify-content:center; color:#fff; gap:4rem; padding:3rem 0 23vh}
.jzg .content li{ padding-top:70px; min-width:70px; 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;}

/*首页修改*/
.i2,.i3,.i4,.i5, .xtj_i4{height:100vh; display:flex; justify-content:center; align-items:center}
.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); font-size:44px;}
.xtj_i4 span{ display:block; width:60%; text-shadow: 0 0 4px rgba(0,0,0,1); font-size:18px; font-weight:bold; line-height:1.8}
.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;}

.content2{ min-width:1200px; max-width:1600px; width:90%; margin:0 auto; }

/*价值观故事*/
.xtj_gs.cplm{ padding:4px 0}
.xtj_gs2{ padding-top:4rem}
.xtj_gs2 h1{ text-align:center}
.xtj_gs_cbt{ text-align:center; font-weight:bold; color:#000; padding:1.5rem 0 2rem}
.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 4rem}

.xtj_gs3{ padding:6rem 0}
.xtj_gs3 .gs{ display:flex; align-items:flex-start;gap:0 7rem; padding-bottom:2rem}
.xtj_gs3 .gs .img{ width:420px;}
.xtj_gs3 .gs .img img{ width:100%;}
.xtj_gs3 .gs .text{ flex:1; padding-top:3rem}

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

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

.solution h2, .solution_2 h2, .solution_3 h2, .solution_4 h2{ color:#fff;}
.solution span, .solution_2 span, .solution_3 span, .solution_4 span{ display:block; width:1000px; 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; align-items:center; padding-bottom:4rem}
.solution2 .img{ width:585px;}

.gys img{ width:100%; padding:0 0 2rem;}
.gys img:nth-child(1){ display:block}
.gys img:nth-child(2){ display:none}

.huan .text{order:-1;}