.padding{ padding-top:100px; padding-bottom:100px; }
.padding-bottom-120{ padding-bottom:80px;}
.padding-top-0{ padding-top:0; }
.swiper{--swiper-theme-color:  var(--blue);/* 设置Swiper风格 */--swiper-navigation-color: #172259;/* 单独设置按钮颜色 */--swiper-navigation-size: 24px;/* 设置按钮大小 */}

html{height: 100%;}
.index_banner {position: relative;width: 100%; margin-top:90px; }
.index_banner .swiper{ height:720px; }
.index_banner .swiper-slide{ position: relative;width: 100%;overflow:hidden; }
.index_banner .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.index_banner .swiper-slide .info{ position:absolute; width: calc(var(--width) / 2); left: 50%; top:50%; padding-right: calc(var(--width) / 2); transition-duration: 0.3s; z-index: 33; transform: translate(-50%, -50%); letter-spacing:1px; transition-delay:0.5s; }
.index_banner .swiper-slide .info > *{opacity: 0; transform: translateY(50px); transition: all 1s; }
.index_banner .swiper-slide-active .info > * {  opacity: 1; transform: none;}
.index_banner .swiper-slide-active .info > *:nth-child(1) { transition-delay: 0.4s;}
.index_banner .swiper-slide-active .info > *:nth-child(2) { transition-delay: 0.6s;}
.index_banner .swiper-slide-active .info > *:nth-child(3) { transition-delay: 0.8s;}
.index_banner .swiper-slide-active .info > *:nth-child(4) { transition-delay: 2s;}
.index_banner .swiper-slide .info h1{ font-size:36px; color:#000; font-weight:bold; text-align: left; line-height:1; margin-bottom:10px;  }
.index_banner .swiper-slide .info h2{ font-size:62px; font-weight: bold; text-align: left; line-height:1.2em; margin-bottom:20px; color:#000; }
.index_banner .swiper-slide .info p{color: #000; font-size:20px; line-height:1.6em;text-align: left;}
.index_banner .swiper-slide .info .more a{ display: inline-block; transition-duration: 0.3s; height: 32px; width: 32px; border-radius: 32px; border:#ff9c00 solid 2px; display: flex; justify-content: center; align-items: center;}
.index_banner .swiper-slide .info .more a i{ font-size:24px; color:#ff9c00 }
.index_banner .swiper-slide .info .more a:hover{ opacity:0.9 }

.index_banner .swiper-pagination{ bottom:20px!important; }
.index_banner .swiper-pagination .swiper-pagination-bullet {border-radius: 0; height:10px; width:10px; border-radius:5px; transition-duration: 0.2s; background:rgba(255, 255, 255, 0.7); opacity:1; }
.index_banner .swiper-pagination .swiper-pagination-bullet-active{background: var(--main); width: 30px;}


.index_box_1 .title { padding-bottom:40px; }
.index_box_1 .title h2{ text-align: center; font-size:48px; font-weight:500; }
.index_box_1 .content{ display:grid; grid-template-columns:45% 55%; grid-gap:24px;}
.index_box_1 .content .img{background: var(--main);border-radius:12px; overflow: hidden;}
.index_box_1 .content .img img{ width:100%; height:100%; object-fit:cover; }
.index_box_1 .content .info { border:#fbedcc solid 2px; padding:50px; border-radius:12px; padding-left:160px; }
.index_box_1 .content .info .item{ padding-top:15px; padding-bottom:15px;  }
.index_box_1 .content .info .item h2{ color:var(--main); font-size:32px; font-weight:500;position:relative; }
.index_box_1 .content .info .item h2::after{content: "";background: var(--main); width: 13px; height: 13px; border-radius: 12px; position: absolute; left: -40px; top: 50%;transform: translateY(-50%);}
.index_box_1 .content .info .item h2::before{content: "";background: var(--main); width: 1px; height: 100px; position: absolute; left: -34px; top: 30px;}
.index_box_1 .content .info .item h2 span{ position:absolute; left:-100px; font-family: 'Montserrat';}
.index_box_1 .content .info .item p{ color:#666666; }
.index_box_1 .content .info .item:last-child h2::before{ display:none }

.index_box_2{background: url(../images/bg1.jpg) no-repeat; background-size: cover;}
.index_box_2 .title { padding-bottom:40px; }
.index_box_2 .title h2{ text-align: center; font-size:48px; font-weight:500; }
.index_box_2 .content{ display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:24px; }
.index_box_2 .content .item{ transition-duration: 0.3s; height: 260px; overflow: hidden; background: linear-gradient(180deg, #f0a80a, #fab827); border-radius: 12px; padding:80px 30px 30px 30px; position: relative;}
.index_box_2 .content .item .icon{ text-align:center; position:relative; }
.index_box_2 .content .item .icon::after{content: ""; position: absolute; left: 50%; top: 70%; transform: translate(-50%,-50%); width: 80px; height: 80px; border-radius: 40px; background: rgba(255, 255, 255, 0.1);}
.index_box_2 .content .item .icon img{ display:inline-block; }
.index_box_2 .content .item h3{ font-size:32px; font-weight:500; color:#fff; text-align:center; margin-bottom:10px; }
.index_box_2 .content .item p{ text-align:center;  color:#fff; }
.index_box_2 .content .item .button{ display:grid; grid-gap:12px; grid-template-columns:repeat(1, 1fr); padding-top:24px; position:absolute; transition-duration: 0.3s; bottom:-60px; left:30px; right:30px; }
.index_box_2 .content .item .button a{ display: flex;justify-content: center;grid-gap: 6px; font-size:14px; border-radius:30px; padding:8px 10px }
.index_box_2 .content .item .button a:first-child{background: #fff;color: #111;border: #fff solid 1px;box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1); }
.index_box_2 .content .item:hover .button{ bottom:30px; }
.index_box_2 .content .item:hover{ padding:50px 30px 60px 30px;  }


.index_box_3{}
.index_box_3 .title { padding-bottom:40px; }
.index_box_3 .title h2{ text-align: center; font-size:48px; font-weight:500; }
.index_box_3 .content{ display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:24px; }
.index_box_3 .content .item{ position:relative; border-radius: 12px; overflow: hidden; aspect-ratio: 10/9}
.index_box_3 .content .item img{ width:100%; height:100%; object-fit:cover;transition-duration:0.3s; }
.index_box_3 .content .item:hover img{transform: scale(1.1);}
.index_box_3 .content .item .info{ line-height: 1.6; background:rgba(255,255,255,0.8);border-radius: 12px; padding:30px 30px; -webkit-backdrop-filter:blur(8px); backdrop-filter: blur(8px); z-index: 3; position:absolute; left:40px; top:40px; bottom:40px; }
.index_box_3 .content .item .info h3{ font-size:32px; color:var(--main); margin-bottom:10px; }
.index_box_3 .content .item .info h4{  color:#666; font-weight:normal; }
.index_box_3 .content .item .info p{  color:#111;font-weight:500; margin-bottom:5px; }
.index_box_3 .content .item .info ul li{ display: flex; justify-content:left; grid-gap:5px; }
.index_box_3 .content .item .info ul.red li i{ color:#f00; }
.index_box_3 .content .item .info ul.orange li i{ color:var(--main); }

.index_box_3 .subtitle{ text-align:center; font-weight:500; color:#111; font-size:32px; padding-top:60px; padding-bottom:40px; }
.index_box_3 .subcontent{ display:grid; grid-template-columns:repeat(7, 1fr); grid-gap:24px; }
.index_box_3 .subcontent .item{ text-align: center; padding: 30px; background: linear-gradient(180deg, #f0a80a, #fab827); border-radius: 12px;}
.index_box_3 .subcontent .item i{ font-size:48px; color:#fff; }
.index_box_3 .subcontent .item p{  color:#fff; }









.detail_banner{ position:relative; margin-top:90px; }
.detail_banner .bg{ position:absolute; left:0px; right:0px; top:0px; bottom:0px; width:100%; height:100%; object-fit:cover; }
.detail_banner .pagewidth{ position:relative; height:360px;  overflow: initial;}
.detail_banner .pagewidth .text{ position:absolute;bottom: 20%; width: 45%;  z-index:3; }
.detail_banner .pagewidth .text h2{ font-size:32px; font-weight:bold; text-align: left; line-height:1.2em; margin-bottom:0px; color:#fff; }
.detail_banner .pagewidth .text h4{ font-size:48px; font-weight:bold; text-align: left; line-height:1.2em; margin-bottom:10px; color:#fff; }
.detail_banner .pagewidth .text p{color: #fff;  line-height:1.6em; text-align: left;}
.detail_banner .pagewidth .icon{ z-index: 32; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); position:absolute; bottom: -30px; left: 0px; font-size:24px; background:#fff; border-radius:40px; height:60px; width:60px;  display:flex; justify-content:center; align-items:center; }
.detail_banner .pagewidth .icon a{ display: inline-block; border:#111 solid 1px; padding:5px 20px; font-size:20px; background: var(--main); color: #111;}





.about_content{}
.about_content .pagewidth{ display:grid; grid-template-columns:auto 500px; grid-gap:100px; align-items:center; }
.about_content .pagewidth .info{background:url(../images/bg3.jpg) no-repeat right bottom; padding-top: 100px; padding-bottom: 200px;}
.about_content .pagewidth .info h2{ font-size:48px; color:#111; position:relative;  padding-bottom: 40px; margin-bottom: 40px; line-height: 1}
.about_content .pagewidth .info h2:after{content: ""; position: absolute; width: 50px; height: 2px; background: var(--main); left: 0px;bottom: 0px;}
.about_content .pagewidth .info p{ color:#666;  margin-bottom:24px; }
.about_content .pagewidth .img{border-radius: 12px; overflow: hidden;}
.about_content .pagewidth .img img{ width:100%; height:100%; object-fit:cover; }

.about_contact{background: #fcf9ea; position: relative;}
.about_contact::after{content:"";pointer-events: none; position: absolute; left:0px; top:0px; bottom:0px; width:60%;background: linear-gradient(-90deg, rgba(252,249,234,0), rgba(252,249,234,4)); z-index:3 }
.about_contact h2{font-size:48px; line-height: 1; padding-bottom: 40px; margin-bottom: 40px;font-weight:500; width: var(--width); position:absolute; top:100px; z-index:100; left:50%; transform:translateX(-50%); }
.about_contact h2:after{content: ""; position: absolute; width: 50px; height: 2px; background: var(--main); left: 0px;bottom: 0px;}


.about_contact_b .pagewidth{ display:grid; grid-template-columns: auto 600px; grid-gap:100px; align-items:center; padding-bottom: 100px;}
.about_contact_b .pagewidth .info{order: 1}
.about_contact_b .pagewidth .info h2{ font-size:48px; color:#111; position:relative;  padding-bottom: 40px; margin-bottom: 40px; line-height: 1}
.about_contact_b .pagewidth .info h2:after{content: ""; position: absolute; width: 50px; height: 2px; background: var(--main); left: 0px;bottom: 0px;}
.about_contact_b .pagewidth .info p{ color:#666;  margin-bottom:8px;  font-size: 14px;}
.about_contact_b .pagewidth .info h5{ color:#333;  margin-bottom:8px;  font-size: 20px;}
.about_contact_b .pagewidth .info h6{ color:#333;  margin-bottom:0;  font-size: 16px; font-weight: normal;}
.about_contact_b .pagewidth .info h6 i{ color:var(--main); }
.about_contact_b .pagewidth .img{order: 2;border-radius: 12px; overflow: hidden;}
.about_contact_b .pagewidth .img img{ width:100%; height:100%; object-fit:cover; }





#container {width: 100%;height: 800px;position: relative;}
.custom-info-window {position: relative;background: #fff;border-radius: 8px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);padding: 20px 24px;min-width: 420px;max-width: 460px;font-size: 14px;line-height: 1.6;}
.custom-info-window::after {content: '';position: absolute;bottom: -8px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;filter: drop-shadow(0 2px 2px rgba(0,0,0,0.1));}
.info-close-btn {position: absolute;top: 12px;right: 12px;width: 20px;height: 20px;cursor: pointer;opacity: 0.5;transition: opacity 0.2s;display: flex;align-items: center;justify-content: center;}
.info-close-btn:hover {opacity: 1;}
.info-close-btn::before,
.info-close-btn::after {content: '';position: absolute;width: 14px;height: 2px;background: #666;border-radius: 1px;}
.info-close-btn::before {transform: rotate(45deg);}
.info-close-btn::after {transform: rotate(-45deg);}
.info-label {color: #999;font-size: 14px;margin-bottom: 8px;letter-spacing: 1px;}
.info-content {color: #333;font-weight: 500;line-height: 1.8;word-break: break-all;}
.info-contact {margin-top: 12px;display: flex;align-items: center;gap: 6px;color: #333;font-size: 14px;}
.info-contact-icon {width: 16px;height: 16px;display: inline-flex;align-items: center;justify-content: center;}
.info-contact-icon svg {width: 100%;height: 100%;}
.info-contact a {color: #333;text-decoration: none;transition: color 0.2s;}
.info-contact a:hover {color: #0066cc;}
.info-divider {height: 1px;background: #eee;margin: 12px 0;}
.info-extra {margin-top: 10px;padding-top: 10px;border-top: 1px solid #f0f0f0;}
.info-extra-item {display: flex;align-items: center;gap: 8px;margin-top: 8px;font-size: 13px;color: #666;}
.info-extra-icon {width: 14px;height: 14px;color: #999;}






.about_service .pagewidth{ display:grid; grid-template-columns: 600px auto; grid-gap:100px; align-items:center;  padding-bottom: 100px;}
.about_service .pagewidth .info{ }
.about_service .pagewidth .info h2{ font-size:48px; color:#111; position:relative;  padding-bottom: 40px; margin-bottom: 40px; line-height: 1}
.about_service .pagewidth .info h2:after{content: ""; position: absolute; width: 50px; height: 2px; background: var(--main); left: 0px;bottom: 0px;}
.about_service .pagewidth .info p{ color:#666;  margin-bottom:24px; }
.about_service .pagewidth .img{border-radius: 12px; overflow: hidden;}
.about_service .pagewidth .img img{ width:100%; height:100%; object-fit:cover; }


 



.product_box_1{}
.product_box_1 .title h2{ text-align: center; font-size:48px; color:#111; position:relative;  padding-bottom: 40px; margin-bottom: 40px; line-height: 1}
.product_box_1 .title h2:after{content: ""; position: absolute; width: 50px; height: 2px; background: var(--main); left: 50%; transform: translateX(-50%); bottom: 0px;}
.product_box_1 .content img{ width:100%; }



.product_box_2{background: url(../images/bg4.png) no-repeat; background-size: cover;}
.product_box_2 .title h2{ text-align: center; font-size:48px; color:#fff; position:relative;  padding-bottom: 40px; margin-bottom: 40px; line-height: 1}
.product_box_2 .title h2:after{content: ""; position: absolute; width: 50px; height: 2px; background: #fff; left: 50%; transform: translateX(-50%); bottom: 0px;}
.product_box_2 .content{ display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:24px; }
.product_box_2 .content .item{ transition-duration: 0.3s; transition-duration: 0.3s;  overflow: hidden; background: #feedd7; border-radius: 12px; padding:60px 30px 60px 30px; position: relative;}
.product_box_2 .content .item .icon{ text-align:center; position:relative; }
.product_box_2 .content .item .icon img{ display:inline-block; }
.product_box_2 .content .item h3{ font-size:28px; font-weight:500; color:#111; text-align:center; margin-bottom:10px; }
.product_box_2 .content .item p{ text-align:center;  color:#666; }
.product_box_2 .content .item:hover{ background:#fff; }


.product_box_3 .title h2{ text-align: center; font-size:48px; color:#111; position:relative;  padding-bottom: 40px; margin-bottom: 40px; line-height: 1}
.product_box_3 .title h2:after{content: ""; position: absolute; width: 50px; height: 2px; background: var(--main); left: 50%; transform: translateX(-50%); bottom: 0px;}
.product_box_3 .content{ display:grid; grid-template-columns:repeat(5, 1fr); }
.product_box_3 .content .item{ border-right: #feedd7 solid 1px; transition-duration: 0.3s; transition-duration: 0.3s;  overflow: hidden; border-radius: 12px; padding:60px 30px 60px 30px; position: relative;}
.product_box_3 .content .item .icon{ text-align:center; position:relative; }
.product_box_3 .content .item .icon img{ display:inline-block; }
.product_box_3 .content .item h2{ font-size:28px; font-weight:500; color:#111; text-align:center; margin-bottom:10px; }
.product_box_3 .content .item p{ text-align:center; color:#666; }
.product_box_3 .content .item:hover{ background:#fff; }
.product_box_3 .content .item:last-child{ border-right:none; }


.product_box_4{ background:#fff7de; }
.product_box_4 .title h2{ text-align: center; font-size:48px; color:#111; position:relative;  padding-bottom: 40px; margin-bottom: 40px; line-height: 1}
.product_box_4 .title h2:after{content: ""; position: absolute; width: 50px; height: 2px; background: var(--main); left: 50%; transform: translateX(-50%); bottom: 0px;}
.product_box_4 .content{ display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:24px; }
.product_box_4 .content .item{ text-align: center; transition-duration: 0.3s; transition-duration: 0.3s; overflow: hidden; border-radius: 12px; position: relative;}
.product_box_4 .content .item .icon{ text-align:center; position:relative; }
.product_box_4 .content .item .icon{ display:inline-block; }

.product_box_4 .content .item .box{ background:#fff; border-radius:12px; padding: 50px 30px; }
.product_box_4 .content .item h2{ font-size:32px; font-weight:500; color:#111; text-align:center; margin-bottom:10px; }
.product_box_4 .content .item p{ text-align:center;  color:#666; }






.news_list{background: #fffef7}
.news_list .item{margin-bottom: 30px; padding: 30px;display:grid; align-items: center; grid-template-columns: 120px auto 54px;grid-gap: 30px;background: #fff; border-radius: 12px; border: #ececec solid 1px;}
.news_list .item .img{ padding:15px; }
.news_list .item .img img{ width:100%; }
.news_list .item .date { text-align:center}
.news_list .item .date strong{ font-size:44px; display:block; font-weight:bold; line-height:1; margin-bottom:10px; font-family: 'Montserrat';}
.news_list .item .date span{  display:block; font-weight:normal; line-height:1; margin-bottom:10px;font-family: 'Montserrat';}
.news_list .item .info h2 a{color:#111;line-height:1; font-size:24px; font-weight:500;  }
.news_list .item .info h2{ line-height:1.2; margin-bottom:10px; }
.news_list .item .info p{ font-size:15px; color:#666; }
.news_list .item .more{ transition-duration: 0.3s; display:flex; justify-content:center; align-items:center; height: 50px; width: 50px color:#f1f1f1; font-size: 24px; border-radius:50px; border:#f1f1f1 solid 2px; }
.news_list .item .more a{ transition-duration: 0.3s; color:#999 }
.news_list .item:hover h2 a{ color:var(--main); }
.news_list .item:hover .more{ border:var(--main) solid 2px; background:var(--main); color:#fff; }
.news_list .item:hover .more a{ color:#fff; }
.news_list .item:hover .date strong{ color:var(--main); }
.news_list .item:hover .date span{ color:var(--main); }




.news_detail .pagewidth{}
.news_detail .pagewidth .title{; }
.news_detail .pagewidth .title h1{ font-size:36px; text-align:center; margin-bottom:10px; }
.news_detail .pagewidth .title p{  text-align:center; color:#999; }
.news_detail .pagewidth .title { border-bottom:#ececec solid 2px; padding-bottom:30px; margin-bottom:30px; }

.html{ color:#333; margin-bottom:30px;}
.html p{ margin-bottom:16px;}
.html img{max-width:100%}
.html h3{ margin-bottom:16px;}



@media screen and (max-width: 1920px) {

}

@media screen and (max-width: 1600px) {
	.index_box_3 .content .item{ aspect-ratio:1 } 
.index_box_3 .content .item .info{ left:32px; top:32px; bottom:32px;  padding: 32px;}

}

@media screen and (max-width: 1280px) {
.padding{ padding-top:70px; padding-bottom:70px; }
.padding-bottom-120{ padding-bottom:70px;}
.index_banner .swiper{ height:600px; }
.index_banner .swiper-slide .info h1{ font-size:32px; }
.index_banner .swiper-slide .info h2{ font-size:48px; }
.index_banner .swiper-slide .info p{  }
.index_box_1 .title h2{ font-size:36px; }
.index_box_1 .content .info .item h2{ font-size:24px; }
.index_box_1 .content .info .item p{ }
.index_box_2 .title h2{ font-size:36px; }
.index_box_2 .content .item h3{ font-size:24px; }
.index_box_3 .content .item{ aspect-ratio:10/9 }
.index_box_3 .content .item .info{ left:24px; top:24px; bottom:24px; }
.index_box_3 .content .item .info h3{ font-size:24px;  line-height: 1;}
.index_box_3 .content .item .info{ padding:24px; }
.index_box_3 .subtitle{ font-size:24px; }
.detail_banner .pagewidth .text h2{ font-size:24px; }
.detail_banner .pagewidth .text h4{ font-size:36px; }
.detail_banner .pagewidth{ height:280px; }

.about_content .pagewidth .info h2{ font-size:36px; }
.about_contact h2{ font-size:36px; }
#container{ height:600px; }
.about_service .pagewidth .info h2{ font-size:36px; }
.product_box_1 .title h2{ font-size:36px; }
.product_box_2 .title h2{ font-size:36px; }
.product_box_2 .content .item h3{ font-size:24px; }
.product_box_3 .title h2{ font-size:36px; }
.product_box_3 .content .item h2{ font-size:24px; }
.product_box_3 .content .item{ padding:40px 20px }
.product_box_4 .title h2{ font-size:36px; }
.product_box_4 .content .item h2{ font-size:24px; }

.product_box_4 .content .item .icon { height:48px; }

.news_list .item .info h2 a{ font-size:20px; }

}
@media screen and (max-width: 480px) {
.padding{ padding-top:50px; padding-bottom:50px; }
.padding-bottom-120{ padding-bottom:50px;}
.padding-top-0{ padding-top:0; }
.swiper{--swiper-theme-color:  var(--blue);/* 设置Swiper风格 */--swiper-navigation-color: #172259;/* 单独设置按钮颜色 */--swiper-navigation-size: 24px;/* 设置按钮大小 */}

html{height: 100%;}
.index_banner {position: relative;width: 100%; margin-top:60px; }
.index_banner .swiper{ height:400px; }
.index_banner .swiper-slide{ position: relative;width: 100%;overflow:hidden; }
.index_banner .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.index_banner .swiper-slide .info{ position:absolute; width: auto; left: 20px; right: 20px; top:50%; padding-right:0; transition-duration: 0.3s; z-index: 33; transform: translateY(-50%); letter-spacing:1px; transition-delay:0.5s; }
.index_banner .swiper-slide .info > *{opacity: 0; transform: translateY(50px); transition: all 1s; }
.index_banner .swiper-slide-active .info > * {  opacity: 1; transform: none;}
.index_banner .swiper-slide-active .info > *:nth-child(1) { transition-delay: 0.4s;}
.index_banner .swiper-slide-active .info > *:nth-child(2) { transition-delay: 0.6s;}
.index_banner .swiper-slide-active .info > *:nth-child(3) { transition-delay: 0.8s;}
.index_banner .swiper-slide-active .info > *:nth-child(4) { transition-delay: 2s;}
.index_banner .swiper-slide .info h1{ font-size:20px;  font-weight: 300; text-align: left; line-height:1.2em; margin-bottom:10px;  }
.index_banner .swiper-slide .info h2{ font-size:32px; font-weight: 500; text-align: left; line-height:1.2em;}
.index_banner .swiper-slide .info p{color: #111; font-size: 16px; line-height:1.6em; margin-bottom:30px; text-align: left;}
.index_banner .swiper-slide .info .more a{ display: inline-block; transition-duration: 0.3s; height: 32px; width: 32px; border-radius: 32px; border:#ff9c00 solid 2px; display: flex; justify-content: center; align-items: center;}
.index_banner .swiper-slide .info .more a i{ font-size:24px; color:#ff9c00 }
.index_banner .swiper-slide .info .more a:hover{ opacity:0.9 }
.index_banner .swiper-pagination{ bottom:20px!important; }
.index_banner .swiper-pagination .swiper-pagination-bullet {border-radius: 0; height:10px; width:10px; border-radius:5px; transition-duration: 0.2s; background:rgba(255, 255, 255, 0.7); opacity:1; }
.index_banner .swiper-pagination .swiper-pagination-bullet-active{background: var(--main); width: 30px;}


.index_box_1 .title{ padding-bottom:10px; }
.index_box_1 .title h2{ line-height:1.2; font-size:28px; }
.index_box_1 .content{ display:grid; grid-template-columns:repeat(1, 1fr); }
.index_box_1 .content .info{padding:32px; padding-left:140px;  }

.index_box_2 .title h2{ line-height:1.2; font-size:28px; }
.index_box_1 .content .info .item{ padding-top:10px; padding-bottom:10px; }

.index_box_2 .content{ grid-template-columns:repeat(1, 1fr); }
.index_box_2 .content .item{ height:220px; }

.index_box_3 .title h2{ line-height:1.2; font-size:28px; }
.index_box_3 .content{ grid-template-columns:repeat(1, 1fr); }
.index_box_3 .content .item{ width:100%; aspect-ratio: 10/20}
.index_box_3 .content .info{  }
.index_box_3 .content .item .info{width:auto; right:10px; left:10px; top:10px; bottom:10px;}
.index_box_3 .subcontent{ grid-template-columns:repeat(3, 1fr); }
.index_box_3 .subcontent .item{ padding: 10px;}
.index_box_3 .subcontent .item i{ font-size: 32px;]}


.detail_banner{ margin-top:60px; }
.detail_banner .pagewidth .text{ width:auto; padding-right: 20px;}
.detail_banner .pagewidth .text h2{ font-size:18px; margin-bottom:10px; }
.detail_banner .pagewidth .text h4{ font-size:24px; }
.detail_banner .pagewidth .icon{ left:20px; height:48px; width:48px; font-size:18px;}

.about_content .pagewidth{ display:block; }
.about_content .pagewidth .info{ padding-top:40px; padding-bottom:40px; background:none; }
.about_content .pagewidth .info h2{ font-size:32px; }
.about_contact h2{ width:auto; left:73px; top:40px; }
.about_service .pagewidth{ display:block; padding-bottom:50px; }
.about_service .pagewidth .info { padding-top:50px;  }
.about_service .pagewidth .info h2{ font-size:32px; }



.product_box_1 .title h2{ line-height:1.2; font-size:32px; }
.product_box_2 .title h2{ line-height:1.2; font-size:32px; }

.product_box_2 .content{ display:grid; grid-template-columns:repeat(1, 1fr); }
.product_box_3 .content{ display:grid; grid-template-columns:repeat(1, 1fr); }
.product_box_3 .content .item{ border-right:none; padding:20px; background:#fcf9ea; border-radius:12px; margin-bottom:20px; }
.product_box_3 .content .item .icon img{  width:72px; }
.product_box_2 .content .item .icon img{  width:72px; }
.product_box_3 .content .item:hover{ background:#fcf9ea }

.product_box_3 .title h2{ line-height:1.2; font-size:32px; }



.product_box_4 .title h2{ line-height:1.2; font-size:32px; }
.product_box_4 .content{ display:block; }
.product_box_4 .content .item{ margin-bottom:30px; }


.news_list .item{ display:block; margin-bottom: 20px;}
.news_list .item .date{ text-align:left; display:flex; justify-content:left;flex-direction: row-reverse;  }
.news_list .item .date strong{ font-size:16px; font-weight:500; }
.news_list .item .date span::after{ content:"-" }
.news_list .item .date span{ font-size:16px; font-weight:500 }
.news_list .item .info p{ display: -webkit-box;  -webkit-line-clamp:3;  -webkit-box-orient: vertical; overflow: hidden; }
.news_list .item .more{ display:none; }



.news_detail .pagewidth .title h1{ font-size:24px; text-align:left; line-height:1.4 }
.news_detail .pagewidth .title p{ font-size:14px; text-align:left; line-height:1.4 }



.about_contact_b .pagewidth{ display:block; grid-template-columns: auto 600px; grid-gap:100px; align-items:center;}
.about_contact_b .pagewidth .info{order: 2; padding-top: 50px;}
.about_contact_b .pagewidth .info h2{ font-size:32px; color:#111; position:relative;  padding-bottom: 40px; margin-bottom: 40px; line-height: 1}
.about_contact_b .pagewidth .info h2:after{content: ""; position: absolute; width: 50px; height: 2px; background: var(--main); left: 0px;bottom: 0px;}
.about_contact_b .pagewidth .info p{ color:#666;  margin-bottom:8px;  font-size: 14px;}
.about_contact_b .pagewidth .info h5{ color:#333;  margin-bottom:8px;  font-size: 20px; line-height: 1.4}
.about_contact_b .pagewidth .info h6{ color:#333;  margin-bottom:0;  font-size: 16px; font-weight: normal;}
.about_contact_b .pagewidth .info h6 i{ color:var(--main); }
.about_contact_b .pagewidth .img{order: 1;border-radius: 12px; overflow: hidden;}
.about_contact_b .pagewidth .img img{ width:100%; height:100%; object-fit:cover; }







}

/*小尺寸手机*/
@media screen and (max-width: 320px) {

}
/*横屏*/
@media all and (orientation : landscape) {}
/*竖屏*/
@media all and (orientation : portrait){}