@charset "utf-8";
/* CSS Document */
 @font-face {
      font-family: 'fontNameRegular';
/*       src: url('../fonts/YourWebFontName.eot'); */
/*       src: url('../fonts/YourWebFontNamed41d.eot?#iefix') format('embedded-opentype'), */
/*            url('../fonts/YourWebFontName.woff') format('woff'), */
/* 	       url('../fonts/YourWebFontName.html') format('truetype'), */
/* 	       url('../fonts/YourWebFontName.svg#fontNameRegular') format('svg'); */
   }
body{color:#000;background: none;}
.content-1, .content-2, .content-3, .content-4, .content-5, .content-6{width: 1420px;max-width: 100%;margin: auto;}
.index-main-head{width: 100%;height: 55px;background: #dd2126;position: fixed;z-index: 100;}
.headlines {background: #fff;padding: 17px 0;text-align: center;/* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */}
.headlines a {color: #dd2126;font-size: clamp(1.8rem, 5vw, 4rem);  /* 动态范围限制 */  line-height: 1.5;font-weight: 600;}
.content-title{line-height: 40px;border-bottom: 1px solid #ECECEC;font-size: 2rem;font-weight: bold;position: relative;}
.content-2{margin: 30px auto 0px;display: flex;gap: 15px;}
.content-6{padding: 20px;}
.wrap-div-title,.wrap-div-title1{padding: 60px 0px 80px 0px;font-size: 4rem;background: #2c3e50;}
.wrap-div-title span{border-bottom: 3px solid #f8d100;padding: 20px 0px;color:#fff;}
.main-container-other{padding: 30px 0px 30px 0px;background: #f8fcffba;}
.other1{padding-top: 85px;}

/*头部*/
.header-container {width: 1110px;height: 100%;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;position: relative;color: #fff;}
.logo-section {font-weight: bold;text-align: left;line-height: 23px;margin-top: 0.3%;}
.logo-top {display: flex;}
.company-name{font-size:  2.2rem;}
.since {font-size: 12px;margin-left: 5px;margin-top: -3%;}
.logo-bottom {font-size: 1.8rem;letter-spacing: 1.6px;}
.slogan {font-size: 2.2rem;}

/*轮播图*/
.content-2-01{width: 60%;height: 400px;position: relative;overflow: hidden;box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
#swiper-container1{height:100%;}
.swiper-slide img {width: 100%;height: 400px;}
.frontbg {width: 100%;background: #000;opacity: 0.8;text-align: left;position: absolute;bottom: 0;left: 0;height: 48px;line-height: 48px;}
.word{position: absolute;color: #fff;line-height: 4.2rem;letter-spacing: 2px;top: 0;}
.word h1,.word h2,.word h3{font-weight: 500;}
.word h1{font-size: 4rem;margin-bottom: 1.5rem;letter-spacing: 2.5px;}
.word h3{font-size: 2.5rem;}
.word1{margin: 50px 0px 0px 43%;}
.word2{margin: 50px 0px 0px 35%;}
.word3{margin: 50px 0px 0px 7.5%;}
.word3 h3{text-align: left;padding-left: 6%;}
.word4{margin: 50px 0px 0px 30%;}
.word5{margin: 50px 0px 0px 5%;}
.word6{height: 75%;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.word6 h1{font-size: 3.3rem;}

/*新闻中心*/
.content-2-02{width: 40%;background: white;/* box-shadow: 0 4px 12px rgba(0,0,0,0.1); */text-align: left;padding: 0 20px;}
.news-item {padding: 9px 0;border-bottom: 1px solid #eee;display: flex;justify-content: space-between;line-height: 25px;align-items: center;}
.news-item:last-child {border-bottom: none;}
.news-title,.news-title a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer;}
.news-date {color: #f49745;min-width: 100px;text-align: right;}

/*我们的服务*/
.content-3{display: flex;flex-wrap: wrap;gap: 30px;}
.content-3 .card {
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    flex: 1 1 calc(33.333% - 80px);
    background: white;
    border-radius: 10px;
    padding: 30px;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    text-align: left;
    cursor: pointer;
}
.content-3 .card:hover {transform: translateY(-30px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);}
.content-3 .card-img {width: 100%;height: 200px;object-fit: cover;border-radius: 5px;margin-bottom: 15px;}
.content-3 .card-title {font-size: 18px;font-weight: 600;margin-bottom: 10px;color: #333;text-align: center;}
.content-3 .card-desc {color: #666;line-height: 1.5;flex-grow: 1;}

/*我们的产品*/
.content-5{display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;}
.content-5 .card {background: white;border-radius: 10px;padding: 20px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;display: flex;flex-direction: column;cursor: pointer;}
.content-5 .card:hover {transform: translateY(-20px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}
.content-5 .card-content {display: flex;flex: 1;}
.content-5 .text-content {flex: 1;text-align: left;}
.content-5 .card-title {font-size: 18px;font-weight: 600;margin-bottom: 10px;color: #333;}
.content-5 .card-desc {font-size: 14px;color: #666;line-height: 1.5;}
.cp-img{width: 40px;margin-right: 15px;margin-top: 5px;}

/*客户名录*/
.scroll-container {width: 100%;overflow: hidden;position: relative;padding:5px 0px;}
.scroll-list {display: flex;list-style: none;padding: 0;margin: 0;white-space: nowrap;}
.scroll-list li {padding: 30px;background: #fff;margin-right: 20px;border-radius: 4px;font-size: 16px;font-weight: 600;box-shadow: 0 0px 5px rgba(0,0,0,0.1);}
.scroll-list li:hover {background: #e0e0e0;}
.content-6-01{display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}
.flex-row-center{text-align: center;padding: 20% 0px;color: #2F72F5;}
.flex-row-center-value{font-size: clamp(2rem, 2.5vw, 3rem);font-weight: bold;}
.flex-row-center-str{font-size: clamp(1rem, 21.5vw, 2rem);margin-left: 10px;white-space: nowrap;}

/*联系我们*/
.index-main-foot .contact-container {max-width: 100%;margin: 0 auto;background: #2c3e50;overflow: hidden;padding:1% 12% 0px 12%;}
.index-main-foot .contact-content {display: flex;flex-wrap: wrap;padding: 20px 20px 0px 20px;text-align: left;}
.index-main-foot .address-section, .index-main-foot .contact-section {flex: 1;min-width: 300px;}
.index-main-foot .branch {margin-bottom: 10px;}
.index-main-foot .branch-title {color: #fff;margin-bottom: 10px;font-size: 18px;}
.index-main-foot .branch-address {line-height: 1.6;color: #bbd5e2;font-size: 1.5rem;}
.index-main-foot .contact-item {margin-bottom: 10px;display: flex;align-items: center;}
.index-main-foot .contact-label {font-weight: bold;color: #2c3e50;min-width: 80px;}
.index-main-foot .contact-value {color: #555;}
.index-main-foot .qrcode-section {flex: 0 0 300px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.index-main-foot .qrcode-img {width: 100px;height: 90px;}
.index-main-foot .qrcode-desc {color: #7f8c8d;font-size: 14px;}
.branch-address-span{width: 240px;display: inline-flex;}
.lxwm-div{margin-top: 20px;border-top: 1px solid #bbd5e2;padding: 3%;}
#jrwm{margin-right: 30px;}
.cred{cursor:pointer;color:#fff;font-size: 1.5rem;}

/*返回顶部*/
.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background: #fff;
    color: #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    z-index: 999;
}
.back-to-top:hover {transform: translateY(-5px);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);}
.back-to-top.active {opacity: 1;visibility: visible;}
.back-to-top i {font-size: 20px;}

/*适配移动端*/
@media (max-width: 1024px) {
	.content-1, .content-2, .content-3, .content-4, .content-5, .content-6{width: auto;padding: 0 20px;}
	.content-5{grid-template-columns: repeat(3, 1fr);}
	.header-container {width: auto;padding: 0 20px;}
}
@media (max-width: 768px) {
	.content-3 .card {flex: 1 1 calc(50% - 15px);}
	.content-5{grid-template-columns: repeat(2, 1fr);}
	.index-main-foot .contact-content {flex-direction: column;padding: 20px;padding-bottom: 0px;}
    .index-main-foot .qrcode-section {border-left: none;border-top: 1px dashed #eee;border-bottom: 1px dashed #eee;margin-top: 20px;padding-top: 30px;}
    .index-main-foot .branch {margin-bottom: 20px;}
    .content-2 {flex-direction: column;}
    .content-2-01, .content-2-02 {width: auto;}
    .content-2-01 {height: 280px;}
    .swiper-slide img {height: 280px;}
    .flex-row-center{display: grid;}
    .content-5 {gap: 20px;}
    .wrap-div-title{padding: 50px 0px 60px 0px;font-size: 3.5rem;}
    .slogan{position: absolute;right: 20px;top: 25px;font-size: 1.6rem;}
    .index-main-foot .contact-container {padding:3% 8% 0px 8%;}
    .word{position: absolute;color: #fff;line-height: 3rem;letter-spacing: 1px;top: 0;}
	.word h1,.word h2,.word h3{font-weight: 400;}
	.word h1{font-size: 2.8rem;margin-bottom: 1.3rem;letter-spacing: 1.5px;}
	.word h3{font-size: 1.8rem;}
	.word1 h1{font-size: 2.6rem;margin-bottom: 1rem;letter-spacing: 1px;}
	.word1 h3{font-size: 1.6rem;}
	.word3 h3 {padding-left: 0px;}
	.other1{padding-top: 65px;}
	.headlines {padding: 8px 0;}
	.word1{margin: 25px 0px 0px 45%;}
	.word2{margin: 25px 0px 0px 33%;}
	.word3{margin: 25px 0px 0px 5%;}
	.word4{margin: 25px 0px 0px 30%;}
	.word5{margin: 25px 0px 0px 2%;}
}
@media (max-width: 480px) {
	body{overflow-x: hidden;}
	.content-2{width: 100%;padding:0px;}
	.content-1, .content-2-02, .content-3, .content-4, .content-5, .content-6{width: auto;padding: 0 20px;}
	.content-3 .card {flex: 1 1 100%;}
	.content-5{grid-template-columns: 1fr;}
	.content-6-01{grid-template-columns: repeat(2, 1fr);}
	.content-2-01 {height: 200px;}
	.swiper-slide img {height: 200px;}
    .content-2-02 {padding: 15px;margin: 0px 20px;}
    .header-container {flex-direction: column;align-items: flex-start;}
    .slogan{position: absolute;right: 20px;top: 25px;font-size: 1.2rem;}
    .flex-row-center{display: grid;}
    .content-4 img{width: 100%;}
    .index-main-foot .qrcode-section {margin-top: 10px;padding-top: 0px;}
    .content-3 {gap: 15px;}
    .content-5 {gap: 15px;}
    .wrap-div-title{padding: 40px 0px 50px 0px;font-size: 3rem;}
    .logo-section {margin-top: 1.5%;}
    .main-container-other{padding: 20px 0px;background: #F8FCFF;}
    .content-3 .card:hover {transform: translateY(-15px);}
    .content-5 .card:hover {transform: translateY(-10px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}
    .content-2{margin: 10px auto 0px;}
    .logo-bottom {font-size: 1.5rem;letter-spacing: 0px;}
    .company-name {font-size: 2rem;}
    .index-main-foot .contact-container {padding:2% 5% 0px 5%;}
    .lxwm-div{margin-top: 0px;padding: 3% 0px;}
    .back-to-top {position: fixed;bottom: 100px;right: 10px;width: 40px;height: 40px;}
    .branch-address-span {display: inline;}
    #jrwm {margin-right: 5px;}
    .index-main-foot .qrcode-section {flex: 0 0 210px;}
    .frontbg{line-height: 37px;}
    .frontbg span{width: calc(100% - 20px);}
    .pagination{right:0px;bottom: -4px;width:100%;}
    .word{position: absolute;color: #fff;line-height: 3rem;letter-spacing: 1px;top: 0;}
	.word h1,.word h2,.word h3{font-weight: 400;}
	.word h1{font-size: 2rem;margin-bottom: 1rem;letter-spacing: 1px;}
	.word h3{font-size: 1.5rem;}
	.word1 h1{font-size: 1.8rem;margin-bottom: 1rem;letter-spacing: 1px;}
	.word1 h3{font-size: 1.2rem;}
	.word3 h3 {padding-left: 0px;}
	.other1{padding-top: 65px;}
	.headlines {padding: 8px 0;}
	.word1{margin: 25px 0px 0px 43%;}
	.word2{margin: 25px 0px 0px 30%;}
	.word3{margin: 25px 0px 0px 3%;}
	.word4{margin: 25px 0px 0px 30%;}
	.word5{margin: 25px 0px 0px 1%;}
	.word6{height:100%;}
}