.padding{ padding-top:120px; padding-bottom:120px; }
.padding-bottom-120{ padding-bottom:120px;}
.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:80px; }
.index_banner .swiper{ height:600px; }
.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 - 0px);left: 50%; top:50%; padding-right: calc(var(--width) / 2 + 0px); 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 p{color: #44526c; font-size:20px; line-height:1.6em; margin-bottom:50px; }
.index_banner .swiper-slide .info h1{ font-size:56px; font-weight: 500; line-height:1.2em; margin-bottom:30px; display: inline-block; }
.index_banner .swiper-slide .info h1 span{ color:var(--main); }
.index_banner .swiper-slide .info h3{color: #fff; line-height:1.4em;  font-weight: normal;margin-bottom:60px;  font-size:22px;}
.index_banner .swiper-slide .info .button{ display:flex; justify-content:left; grid-gap:30px; }
.index_banner .swiper-slide .info .button a.consult{ color: #111;cursor:pointer; padding:12px 30px;display: flex; justify-content: center; grid-gap: 5px; align-items: center; text-align: center;border-radius: 3px;background:#fff;transition-duration: 0.3s;}
.index_banner .swiper-slide .info .button a.consult i{ font-size:18px; }
.index_banner .swiper-slide .info .button a.consult:hover{ opacity:0.9 }
.index_banner .swiper-slide .info .button a.more{ color: #fff;cursor:pointer; padding:8px 30px;display: flex; justify-content: center; grid-gap: 5px; align-items: center; text-align: center;border-radius: 3px;background:var(--main);transition-duration: 0.3s;}
.index_banner .swiper-slide .info .button a.more i{ font-size:18px; }
.index_banner .swiper-slide .info .button a.more: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 { margin-bottom:60px; }
.index_box_1 .title h2{font-size: 44px; margin-bottom: 30px; font-weight: 500;color: #000; text-align: center; line-height: 1em;}
.index_box_1 .title .more a{ display:flex; justify-content:center; align-items:center; grid-gap:5px; }
.index_box_1 .title .more a span{ color:var(--main); }
.index_box_1 .title .more a i{background: var(--main); color: #fff; height: 18px; width: 18px;border-radius: 18px; line-height: 1em; text-align: center;}
.index_box_1 .content{ display: grid;grid-template-columns: repeat(4, 1fr); grid-gap: 120px; position: relative}
.index_box_1 .item{ position: relative; }
.index_box_1 .item img{width: 100%;}
.index_box_1 .item i{ font-size: 24px; display: block; font-weight: 500; color: #fff; position:absolute; top: 60px; font-size: 36px; left: 120px; text-align:left;}
.index_box_1 .item h2{ font-size: 24px; font-weight: 500; color: #fff; position:absolute; left:120px;top: 100px; text-align:left;}
.index_box_1 .item:nth-child(2) i{ left:150px; }
.index_box_1 .item:nth-child(2) h2{ left:150px; }
.index_box_1 .item:nth-child(3) i{ left:150px; }
.index_box_1 .item:nth-child(3) h2{ left:150px; }
.index_box_1 .item:nth-child(4) i{ left:150px; }
.index_box_1 .item:nth-child(4) h2{ left:150px; }



.index_box_2{background: var(--bg);}
.index_box_2 .title { margin-bottom:60px; }
.index_box_2 .title h2{font-size: 44px; margin-bottom: 30px;  font-weight: 500;color: #000; text-align: center; line-height: 1em;}
.index_box_2 .title .more a{ display:flex; justify-content:center; align-items:center; grid-gap:5px; }
.index_box_2 .title .more a span{ color:var(--main); }
.index_box_2 .title .more a i{background: var(--main); color: #fff; height: 18px; width: 18px;border-radius: 18px; line-height: 1em; text-align: center;}
.index_box_2 .content{ display:flex; justify-content: space-between; grid-gap: 30px; position: relative}
.index_box_2 .content .item{border: #fff solid 2px; width: 50%; border-radius:4px; height: 360px; background: #fff; box-shadow: 0px 10px 30px rgba(1, 105, 220, 0.15); transition-duration: 0.3s; position: relative;  overflow: hidden; text-align: center;}
.index_box_2 .content .item:hover{ width: 50%; background: var(--main); flex-shrink: 0;}
.index_box_2 .content .item .icon{ width: 180px; position:absolute; right:-20px; bottom:-20px;transition-duration:0.3s; }
.index_box_2 .content .item:hover .icon{ right:10px; bottom:10px;  width:280px; }
.index_box_2 .content .item h2{opacity:0; transition-duration: 0.3s; font-size: 32px; top: 50px; left: 50px; right: 30px; width: auto;  font-weight: normal; color: #fff; position: absolute; text-align:left; visibility:hidden;  }
.index_box_2 .content .item h3{opacity:1; transition-duration: 0.3s; font-size: 24px; top: 30px; left: 30px; right: 30px; width: auto;  font-weight: normal; color: #44526c; position: absolute; text-align:left;  }
.index_box_2 .content .item p{color: #fff; position:absolute;transition-duration: 0.3s; left:30px; top:90px; visibility:hidden; opacity:0;   }
.index_box_2 .content .item:hover h2{ visibility: visible; opacity:1; top: 50px; left:30px;  }
.index_box_2 .content .item:hover h3{ visibility:hidden;opacity:0; top: 30px; left: 30px;  }
.index_box_2 .content .item:hover p{visibility:visible;  opacity:1; top:110px;  }
.index_box_2 .content .item .button{ position: absolute; display:flex; justify-content:left; grid-gap:30px; opacity: 0;transition-duration: 0.3s; visibility:hidden; left:30px; bottom:0px; }
.index_box_2 .content .item .button a.consult{ color: #111;cursor:pointer; padding:10px 24px;display: flex; justify-content: center; grid-gap: 5px; align-items: center; text-align: center;border-radius: 3px;background:#fff;transition-duration: 0.3s;}
.index_box_2 .content .item .button a.consult i{ font-size:18px; }
.index_box_2 .content .item .button a.consult:hover{ opacity:0.9 }
.index_box_2 .content .item .button a.more{ color: #fff;cursor:pointer; padding:8px 22px;border: #fff solid 2px; display: flex; justify-content: center; grid-gap: 5px; align-items: center; text-align: center;border-radius: 3px;background:var(--main);transition-duration: 0.3s;}
.index_box_2 .content .item .button a.more i{ font-size:18px; }
.index_box_2 .content .item .button a.more:hover{ opacity:0.9 }
.index_box_2 .content .item:hover .button{ display:flex; justify-content:left; grid-gap:30px; visibility: visible; opacity: 1;  left:30px; bottom:30px;}



.index_box_3 .title { margin-bottom:60px; }
.index_box_3 .title h2{font-size: 44px; margin-bottom: 30px;  font-weight: 500;color: #000; text-align: center; line-height: 1em;}
.index_box_3 .title .more a{ display:flex; justify-content:center; align-items:center; grid-gap:5px; }
.index_box_3 .title .more a span{ color:var(--main); }
.index_box_3 .title .more a i{background: var(--main); color: #fff; height: 18px; width: 18px;border-radius: 18px; line-height: 1em; text-align: center;}
.index_box_3 .content{height: 480px; justify-content: space-between;display: flex; position: relative; border-radius: 32px;  }
.index_box_3 .content .item{ font-size: 24px; font-weight: 500; line-height: 1em; position:absolute; z-index: 3; color: #222; transition-duration: 0.5s;}
.index_box_3 .content .item h3{  line-height:1.2em; color:var(--main); }
.index_box_3 .content .item img{  margin-bottom:10px; display:inline-block; }
.index_box_3 .content .item:nth-child(1){ left:120px; top: 20px; text-align: right;}
.index_box_3 .content .item:nth-child(2){ left:292px; top: 280px; text-align: left;}
.index_box_3 .content .item:nth-child(3){ left:1120px; top:100px; text-align: left;}
.index_box_3 .content .item:nth-child(4){ left:1280px; top: 280px; text-align: left;}
.index_box_3 .bg{margin:0 auto; position: absolute; left:50%; transform:translateX(-50%);}


.index_box_4{background: var(--bg);}
.index_box_4 .title { margin-bottom:60px; }
.index_box_4 .title h2{font-size: 44px; margin-bottom: 30px;  font-weight: 500;color: #000; text-align: center; line-height: 1em;}
.index_box_4 .content{ display: grid; grid-gap:30px; grid-template-columns: repeat(7, 1fr); }
.index_box_4 .content .item{border: #fff solid 2px;  border-radius:4px; background: #fff; box-shadow: 0px 10px 30px rgba(1, 105, 220, 0.15); transition-duration: 0.3s; position: relative;  overflow: hidden; text-align: center;}
.index_box_4 .content .item h3{ font-size:18px; color: #44526c; padding-top:12px; padding-bottom:12px; }
.index_box_4 .content .item h4{ width: 100%; font-size:18px; color: #44526c; padding-top:12px; padding-bottom:12px; }





.detail_banner{ position:relative; margin-top:80px; }
.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:480px; }
.detail_banner .pagewidth .text{ position:absolute; bottom: 60px; z-index:3; }
.detail_banner .pagewidth .text h2{ font-size:24px; color:#fff; font-weight:normal; position:relative; padding-bottom:30px; margin-bottom:30px; }
.detail_banner .pagewidth .text h2:after{content:""; z-index: 2; position: absolute;left: 0px; bottom: 0px; width: 40px; height: 2px;border-radius:4px; background: #fff;}
.detail_banner .pagewidth .text h3{ font-size:48px; line-height: 1.2; color:#fff; font-weight:500; position:relative; padding-bottom:20px;  }
.detail_banner .pagewidth .text p{ color:#fff; font-size:18px; }




.news_list .item{ margin-bottom: 30px; display: grid; grid-gap:50px; grid-template-columns:320px auto; align-items: center; }
.news_list .item .img{ width:100%;  height:240px; overflow:hidden; border-radius:12px; }
.news_list .item .img img{ width:100%; height: 100%;transition-duration: 0.3s;}
.news_list .item:hover .img img{ transform:scale(1.1); }
.news_list .item .info{}
.news_list .item .info h2 { margin-bottom:20px; }
.news_list .item .info h2 a{ font-size:24px; color:#111; font-weight:500; }
.news_list .item:hover .info h2 a{color:var(--main);}
.news_list .item .info .date{ color:#999;margin-bottom:20px; }
.news_list .item .info .description{ color:#666;margin-bottom:20px; }

.news_list .item .info .more a{ display:flex; justify-content:left; align-items:center; grid-gap:5px; }
.news_list .item .info .more a span{ color:var(--main); }
.news_list .item .info .more a i{background: var(--main); color: #fff; height: 18px; width: 18px;border-radius: 18px; line-height: 1em; text-align: center;}




.news_detail .pagewidth .box{}
.news_detail .pagewidth .box .title h1{ font-size:36px; text-align:left; margin-bottom:10px; }
.news_detail .pagewidth .box .title p{  text-align:left; color:#999; }
.news_detail .pagewidth .box .title { border-bottom:#ececec solid 1px; 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;}



.about_content{ overflow: hidden;background: var(--bg); }
.about_content .pagewidth{display:grid; grid-template-columns: repeat(2, 1fr); align-items: center;}
.about_content .pagewidth .info{ padding-right:100px; }
.about_content .pagewidth .info i{ font-size:48px; color:#111;}
.about_content .pagewidth .info h1{ font-size:44px; color:#111;padding-top: 40px; margin-bottom:20px; }
.about_content .pagewidth .info p{ font-size:20px; color:#44526c; line-height:2 }
.about_content .pagewidth .right{display:grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px;}
.about_content .pagewidth .right .item{background: #fff; height: 220px; position: relative; padding: 30px; border-radius: 24px; overflow: hidden;}
.about_content .pagewidth .right .item:first-child{ text-align:right;background:var(--main); }
.about_content .pagewidth .right .item:first-child h4{ font-size:32px; position: absolute; bottom: 30px; right: 30px; color:#fff; font-weight:normal; }
.about_content .pagewidth .right .item h3{ position:absolute; font-weight: normal; right:30px;bottom:30px; font-size:24px; color: #44526c;}
.about_content .pagewidth .right .item .icon{ position:absolute; right:30px;top:30px;}
.about_content .pagewidth .right .item .bg{ width: 100%; height: 100%; object-fit: cover; position:absolute; left:0px;bottom:0px; right:0px;top:0px;}

.about_culture .box { width: 100%;  height:500px; position:relative;border-radius: 24px; overflow: hidden }
.about_culture .box .bg{ height:100%; width:100%; object-fit:cover; left:0px; right:0px; top:0px; bottom:0px;   }
.about_culture .box .info{ position:absolute; z-index:2; left:50%;text-align: center; color: #fff; top:50%; transform: translate(-50%,-50%);}
.about_culture .box .info i{ font-size:48px; color:#fff;}
.about_culture .box .info h2{ font-size:48px; color:#fff; font-weight: normal;}
.about_culture .box .info p{ font-size:28px; color:#fff; line-height:2;padding-top: 20px; }

.product_box_1 {background: var(--bg);}
.product_box_1 .title {  margin-bottom:60px; }
.product_box_1 .title h2{font-size: 44px; font-weight: 500;color: #111; text-align: center; line-height: 1em;}
.product_box_1 .content{ margin-bottom:30px; }
.product_box_1 .hint{ display: flex; justify-content: center; grid-gap: 50px; padding-top: 20px; padding-bottom: 20px; border-radius:24px;box-shadow:0px 0px 30px rgba(1, 105, 220, 0.1); background: #fff; margin: 0 auto; width: 600px; text-align: center; margin-bottom: 50px;} 
.product_box_1 .hint span:nth-child(1){ font-size:18px; color:#00dedb; }
.product_box_1 .hint span:nth-child(2){ font-size:18px; color:#0375ff; }
.product_box_1 .hint span:nth-child(3){ font-size:18px; color:#ef7619;}

.product_box_1 .list{display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px;}
.product_box_1 .list .item{border: #fff solid 2px; padding:50px; border-radius:24px;  background: #fff; box-shadow: 0px 10px 30px rgba(1, 105, 220, 0.15); transition-duration: 0.3s; position: relative;  overflow: hidden; text-align: center;}
.product_box_1 .list .item .bg{ width: 100%; height: 100%; object-fit: cover; position:absolute; left:0px;bottom:0px; right:0px;top:0px;}
.product_box_1 .list .item h2{ position: relative; z-index: 3; text-align: left; color: #fff; font-size: 32px; line-height: 1.4; margin-bottom: 30px; font-weight: normal;}
.product_box_1 .list .item p{ position: relative; z-index: 3; text-align: left; color: #fff; font-size: 18px;}

.product_box_2{}
.product_box_2 .title {  margin-bottom:60px; }
.product_box_2 .title h2{font-size:44px; font-weight: 500;color: #111; text-align: center; line-height: 1em;}

.product_box_2 .content{display: grid;grid-template-columns: repeat(4, 1fr); grid-gap: 30px; position: relative}
.product_box_2 .item{ background: var(--bg); transition-duration: 0.3s; border-radius:32px; padding:40px; padding-bottom: 60px;  transition-duration: 0.3s; position: relative;  overflow: hidden; text-align: center;}
.product_box_2 .item .icon{background: #fff;margin-bottom: 20px; border-radius: 20px; height: 76px; width: 76px;display: flex; justify-content: center; align-items: center;}
.product_box_2 .item .icon img{ width:50px; }
.product_box_2 .item h3{ font-size: 32px; margin-bottom: 20px; font-weight: normal; text-align:left; }
.product_box_2 .item p{ font-size: 18px; text-align:left; color:#44526c; }
.product_box_2 .item:hover h3{ color:var(--main); }

.product_box_2 .item .rainbow_white { position:absolute; right:40px; bottom:40px; opacity:0;transition-duration:0.3s; }
.product_box_2 .item .rainbow_color { position:absolute; right:40px; bottom:40px; opacity:1;transition-duration:0.3s;}
.product_box_2 .item:hover .rainbow_white {opacity:1;transition-duration:0.3s; }
.product_box_2 .item:hover .rainbow_color {opacity:0;transition-duration:0.3s;}





.policy_box_1 {background: var(--bg);}
.policy_box_1 .pagewidth{ padding-bottom:0!important; position: relative;}
.policy_box_1 .title {  margin-bottom:60px; }
.policy_box_1 .title h2{font-size: 44px; font-weight: 500;color: #111; text-align: center; line-height: 1em;}
.policy_box_1 .content{ overflow: hidden; margin-bottom:30px; width:90%; margin:0 auto; border-radius:24px 24px 0px 0px;box-shadow: 0px 10px 30px rgba(1, 105, 220, 0.15);  }
.policy_box_1 .info { position:absolute;bottom:-100px; width: 72%; left: 50%; transform:translateX(-50%); padding: 50px; padding-bottom: 30px; border-radius: 24px; z-index:2; background:var(--main); color:#fff; }
.policy_box_1 .info h3{text-align: center; margin-bottom: 30px; font-size: 24px; font-weight: normal; line-height: 1.4}
.policy_box_1 .info .more a{ display:flex; justify-content:center; align-items:center; grid-gap:5px; }
.policy_box_1 .info .more a span{ color:#fff; }
.policy_box_1 .info .more a i{background: #fff; color: #111; height: 18px; width: 18px;border-radius: 18px; line-height: 1em; text-align: center;}




.policy_box_2{ padding-top:80px; }
.policy_box_2 .title {  margin-bottom:60px; }
.policy_box_2 .title h2{font-size:44px; font-weight: 500;color: #111; text-align: center; line-height: 1em;}

.policy_box_2 .content{display: grid;grid-template-columns: repeat(4, 1fr); grid-gap: 30px; position: relative}
.policy_box_2 .item{ background:#fff;border:var(--bg) solid 2px; transition-duration: 0.3s; border-radius:32px; padding:40px; padding-bottom: 60px;  transition-duration: 0.3s; position: relative;  overflow: hidden; text-align: center;}
.policy_box_2 .item .icon{background: #fff;margin-bottom: 20px; border-radius: 20px; height: 76px; width: 76px;display: flex; justify-content: center; align-items: center;}
.policy_box_2 .item .icon img{ width:50px; }
.policy_box_2 .item h3{ font-size: 32px; margin-bottom: 20px; font-weight: normal; text-align:left; }
.policy_box_2 .item p{ font-size: 18px; text-align:left; color:#44526c; }
.policy_box_2 .item:hover{ background:var(--bg); }
.policy_box_2 .item:hover h3{ color:var(--main); }

.policy_box_2 .item .rainbow_white { position:absolute; right:40px; bottom:40px; opacity:0;transition-duration:0.3s; }
.policy_box_2 .item .rainbow_color { position:absolute; right:40px; bottom:40px; opacity:1;transition-duration:0.3s;}
.policy_box_2 .item:hover .rainbow_white {opacity:1;transition-duration:0.3s; }
.policy_box_2 .item:hover .rainbow_color {opacity:0;transition-duration:0.3s;}


.contact_content{background:var(--bg);}
.contact_content .pagewidth{ display:grid; grid-template-columns:repeat(2, 1fr); }
.contact_content .box{ padding:120px 80px;background:#fff; background: #fff; border-radius:12px 0px 0px 12px;} 
.contact_content .box h1{ font-size:44px; color:#111;padding-top: 40px; margin-bottom:20px; }
.contact_content .box ul { margin-bottom:40px; }
.contact_content .box ul li{ font-size:20px; color:#44526c; line-height:2 }
.contact_content .box .wechat{ text-align:left; width: 140px;}
.contact_content .box .wechat img{ width: 140px; border-radius:8px; display:inline-block;box-shadow:0px 0px 20px rgba(1, 105, 220, 0.15); }
.contact_content .box .wechat p{ padding-top:0px;text-align:center; }
.contact_content #container{background:#fff;overflow: hidden;border-radius:0px 12px 12px 0px ;}



.index_footerimg .swiper-slide{ height: 400px;}
.index_footerimg .swiper-slide img{ width: 100%; height: 100%; object-fit: cover}
.index_footerimg .swiper-pagination .swiper-pagination-bullet-active{background: #fff;}
.list_news .content .item{ display: grid; grid-template-columns: 322px auto; grid-gap: 30px; margin-bottom:20px; border-bottom:dashed #ececec 1px; padding-bottom:30px; }
.list_news .content .item .img{width:320px; height: 220px; border-radius:4px;border: #ececec solid 1px; overflow: hidden; transform: rotate(0deg);}
.list_news .content .item .img img{width: 100%; height: 100%; object-fit: cover; transition-duration:0.3s;}

.list_news .content .item .info{width: 77%}
.list_news .content .item h2{color:#111;line-height:1.3em; margin-bottom:10px;font-size: 24px;}
.list_news .content .item h2 a{color:#111;}
.list_news .content .item h2 a:hover{color:var(--main);}
.list_news .content .item .time{font-size: 16px; color:#999;  margin-bottom: 5px;}
.list_news .content .item p{font-size: 16px;line-height: 1.8em; color: #666;}
.list_news .content .item:hover .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.1);}


.show_news{ padding-bottom: 80px;}
.show_news .pagewidth{display: grid; grid-template-columns: auto 360px; }
.show_news .content { padding-right:80px; }
.show_news .content .title{font-size: 32px; line-height: 1.4em; color: #111; text-align: center; margin-bottom: 10px;}
.show_news .content .info{display: flex; justify-content: left;border-bottom: #ececec solid 1px; padding-top: 10px; margin-bottom: 30px; padding-bottom: 30px;}
.show_news .content .info span{ color: #999; }
.show_news .content .html{ font-size:17px; line-height:1.8em; color:#222; margin-bottom:30px; position:relative;}
.show_news .content .html p{ margin-bottom:17px; }
.show_news .content .html img{height:auto; }
.show_news .content .other{ border-top:#ececec solid 1px; padding-top:30px;}
.show_news .content .other p{ margin-bottom:10px;font-size:16px; color:#333; width: 48%;}
.show_news .content .other p a{ color:#333; }
.show_news .content .other p a:hover{color:var(--main);}
.show_news .content .other p.left{text-align: left; float: left;}
.show_news .content .other p.right{text-align: right; float: right;}

.show_news .side{ padding-top: 60px;}
.show_news .side h2{ font-size:24px; color:#111; margin-bottom:20px; }
.show_news .side .item{display: grid;grid-template-columns: 100px auto;grid-gap: 20px;  border-bottom: #ececec solid 1px; padding-bottom: 15px; margin-bottom: 15px;}
.show_news .side .item h3{ font-size:16px; line-height: 1.4em; font-weight:normal; text-align:justify; margin-bottom:5px;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;}
.show_news .side .item p{ font-size:14px; font-weight:normal; color:#666; }
.show_news .side .item h3 a{ color:#333;  line-height: 1.4em;}
.show_news .side .item h3 a:hover{ color:var(--main); }
.show_news .side .item .img {width: 100%; height: 72px; border-radius: 4px; overflow: hidden;}
.show_news .side .item .img img{ width:100%; height:100%; object-fit:cover; }
.show_news .side .item:last-child{border-bottom: none; margin-bottom: 0; padding-bottom: 0;}




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

}

@media screen and (max-width: 1600px) {
.index_box_1 .content{grid-gap: 30px;}
.index_box_1 .item:nth-child(2) i{ left:145px; }
.index_box_1 .item:nth-child(2) h2{ left:145px; }
.index_box_1 .item:nth-child(3) i{ left:140px; }
.index_box_1 .item:nth-child(3) h2{ left:140px; }
.index_box_1 .item:nth-child(4) i{ left:150px; }
.index_box_1 .item:nth-child(4) h2{ left:150px; }

.index_box_2 .content .item h3{font-size: 20px;  }
.index_box_3 .content .item:nth-child(1){ left:0px; top: 20px; text-align: right;}
.index_box_3 .content .item:nth-child(2){ left:160px; top: 280px; text-align: left;}
.index_box_3 .content .item:nth-child(3){ left:985px; top:100px; text-align: left;}
.index_box_3 .content .item:nth-child(4){ left:auto; right: 48px; top: 280px; text-align: right;}
.about_content .pagewidth .right .item:first-child h4{ font-size:24px; }
.about_content .pagewidth .info h1{ font-size:36px; } 
.about_culture .box .info p{ font-size:24px; } 
.about_culture .box .info h2{ font-size:36px; } 
.about_culture .box{ height:400px; }
.contact_content .box h1{ font-size:36px; } 



}

@media screen and (max-width: 1440px) {
.index_box_1 .item i{ font-size: 24px; display: block; font-weight: 500; color: #fff; position:absolute; top: 60px; font-size: 36px; left: 100px; text-align:left;}
.index_box_1 .item h2{ font-size: 20px; font-weight: 500; color: #fff; position:absolute; left:100px;top: 100px; text-align:left;}
.index_box_1 .item:nth-child(2) i{ left:135px; }
.index_box_1 .item:nth-child(2) h2{ left:135px; font-size:20px; }
.index_box_1 .item:nth-child(3) i{ left:130px; }
.index_box_1 .item:nth-child(3) h2{ left:130px; font-size:20px; }
.index_box_1 .item:nth-child(4) i{ left:140px; }
.index_box_1 .item:nth-child(4) h2{ left:140px; font-size:20px; }
}
@media screen and (max-width: 480px) {
 .detail_banner{ position:relative; margin-top:60px; }
 .index_banner{margin-top:60px;}
.index_banner .swiper{ height:60vh; }
.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 h1{ font-size:48px; } 
.padding{ padding-top:70px; padding-bottom:70px; }
.padding-bottom-150{ padding-bottom:70px;}


.index_box_1 .title{margin-bottom: 50px;}
.index_box_1 .title h2{ font-size:32px; }
.index_box_1 .content{ grid-template-columns:repeat(1, 1fr);  grid-gap: 10px;}
.index_box_1 .item{ position: relative; }
.index_box_1 .item img{width: 100%;}
.index_box_1 .item i{ font-size: 24px; display: block; font-weight: 500; color: #fff; position:absolute; top: 80px; font-size: 36px; left: 120px; text-align:left;}
.index_box_1 .item h2{ font-size: 24px; font-weight: 500; color: #fff; position:absolute; left:120px;top: 120px; text-align:left;}
.index_box_1 .item:nth-child(2) i{ left:160px; }
.index_box_1 .item:nth-child(2) h2{ left:160px; }
.index_box_1 .item:nth-child(3) i{ left:160px; }
.index_box_1 .item:nth-child(3) h2{ left:160px; }
.index_box_1 .item:nth-child(4) i{ left:160px; }
.index_box_1 .item:nth-child(4) h2{ left:160px; }




.index_box_2{background: var(--bg);}
.index_box_2 .title { margin-bottom:60px; }
.index_box_2 .title h2{font-size: 32px; margin-bottom: 30px;  font-weight: 500;color: #000; text-align: center; line-height: 1em;}
.index_box_2 .title .more a{ display:flex; justify-content:center; align-items:center; grid-gap:5px; }
.index_box_2 .title .more a span{ color:var(--main); }
.index_box_2 .title .more a i{background: var(--main); color: #fff; height: 18px; width: 18px;border-radius: 18px; line-height: 1em; text-align: center;}
.index_box_2 .content{ display: grid; grid-template-columns: repeat(1, 1fr);   grid-gap: 30px; position: relative}
.index_box_2 .content .item{border: #fff solid 2px; width: 100%; border-radius:4px; height: 360px; background: #fff; box-shadow: 0px 10px 30px rgba(1, 105, 220, 0.15); transition-duration: 0.3s; position: relative;  overflow: hidden; text-align: center;}
.index_box_2 .content .item{ width: 100%; background: var(--main); flex-shrink: 0;}
.index_box_2 .content .item:hover{ width: 100%; background: var(--main); flex-shrink: 0;}
.index_box_2 .content .item .icon{ width: 180px; position:absolute; right:-20px; bottom:-20px;transition-duration:0.3s; }
.index_box_2 .content .item .icon{ right:10px; bottom:10px;  width:180px; }
.index_box_2 .content .item h2{opacity:0; transition-duration: 0.3s; font-size: 24px; top: 50px; left: 50px; right: 30px; width: auto;  font-weight: normal; color: #fff; position: absolute; text-align:left; visibility:hidden;  }
.index_box_2 .content .item h3{opacity:1; transition-duration: 0.3s; font-size: 24px; top: 30px; right: 30px; left: 30px; right: 30px; width: auto;  font-weight: normal; color: #44526c; position: absolute; text-align:left;  }
.index_box_2 .content .item p{color: #fff; position:absolute;transition-duration: 0.3s; left:30px;right: 30px; top:90px; visibility:hidden; opacity:0;   }
.index_box_2 .content .item h2{ visibility: visible; opacity:1; top: 50px; left:30px;  }
.index_box_2 .content .item h3{ visibility:hidden;opacity:0; top: 30px; left: 30px;  }
.index_box_2 .content .item p{visibility:visible;  opacity:1; top:110px;  text-align:left; }
.index_box_2 .content .item .button{ position: absolute; display:flex; justify-content:left; grid-gap:30px; opacity: 0;transition-duration: 0.3s; visibility:hidden; left:30px; bottom:0px; }
.index_box_2 .content .item .button a.consult{ color: #111;cursor:pointer; padding:10px 24px;display: flex; justify-content: center; grid-gap: 5px; align-items: center; text-align: center;border-radius: 3px;background:#fff;transition-duration: 0.3s;}
.index_box_2 .content .item .button a.consult i{ font-size:18px; }
.index_box_2 .content .item .button a.consult:hover{ opacity:0.9 }
.index_box_2 .content .item .button a.more{ color: #fff;cursor:pointer; padding:8px 22px;border: #fff solid 1px; display: flex; justify-content: center; grid-gap: 5px; align-items: center; text-align: center;border-radius: 3px;background:var(--main);transition-duration: 0.3s;}
.index_box_2 .content .item .button a.more i{ font-size:18px; }
.index_box_2 .content .item .button a.more:hover{ opacity:0.9 }
.index_box_2 .content .item .button{ display:flex; justify-content:left; grid-gap:30px; visibility: visible; opacity: 1;  left:30px; bottom:30px;}


.index_box_3 .title { margin-bottom:50px; }
.index_box_3 .title h2{font-size: 32px; font-weight: 500;color: #000; text-align: center; line-height: 1em;}
.index_box_3 .content{justify-content: space-between;display: grid; grid-template-columns: repeat(1, 1fr); position: relative;}
.index_box_3 .content .item{width: 100%; position:initial; transition-duration: 0.3s;  height: auto; margin-bottom: 30px; color: #fff; border-right: none; border-bottom: rgba(255, 255, 255, 0.5) solid 1px; transition-duration: 0.5s;}
.index_box_3 .bg{ width:100%; position:initial;transform:initial; }

.index_box_3 .content .item h3{  line-height:1.2em; color:var(--main); }
.index_box_3 .content .item img{  margin-bottom:10px; display:inline-block; }
.index_box_3 .content .item:nth-child(1){ left:120px; top: 20px; text-align: left;}
.index_box_3 .content .item:nth-child(2){ left:292px; top: 280px; text-align: left;}
.index_box_3 .content .item:nth-child(3){ left:1120px; top:100px; text-align: left;}
.index_box_3 .content .item:nth-child(4){ left:1280px; top: 280px; text-align: left;}


.index_box_4 .content{  grid-template-columns:repeat(2, 1fr); }

.detail_banner{ position:relative; margin-top:60px; }
.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; }
.detail_banner .pagewidth .text{ position:absolute; bottom: 40px; z-index:3; }
.detail_banner .pagewidth .text h2{ font-size:18px; color:#fff; font-weight:normal; position:relative; padding-bottom:30px; margin-bottom:30px; }
.detail_banner .pagewidth .text h2:after{content:""; z-index: 2; position: absolute;left: 0px; bottom: 0px; width: 40px; height: 2px;border-radius:4px; background: #fff;}
.detail_banner .pagewidth .text h3{ font-size:32px; line-height: 1.2; color:#fff; font-weight:500; position:relative; padding-bottom:20px;  }
.detail_banner .pagewidth .text p{ color:#fff; font-size:18px; }




.news_list .item{ margin-bottom: 30px; display: block; grid-gap:50px; grid-template-columns:320px auto; align-items: center; }
.news_list .item .img{ width:100%;  height:240px; overflow:hidden; border-radius:12px; margin-bottom: 20px;}
.news_list .item .img img{ width:100%; height: 100%;transition-duration: 0.3s;}
.news_list .item:hover .img img{ transform:scale(1.1); }
.news_list .item .info{}
.news_list .item .info h2 { margin-bottom:20px; }
.news_list .item .info h2 a{ font-size:24px; color:#111; font-weight:500; }
.news_list .item:hover .info h2 a{color:var(--main);}
.news_list .item .info .date{ color:#999;margin-bottom:20px; }
.news_list .item .info .description{ color:#666;margin-bottom:20px; }

.news_list .item .info .more a{ display:flex; justify-content:left; align-items:center; grid-gap:5px; }
.news_list .item .info .more a span{ color:var(--main); }
.news_list .item .info .more a i{background: var(--main); color: #fff; height: 18px; width: 18px;border-radius: 18px; line-height: 1em; text-align: center;}




.news_detail .pagewidth .box{}
.news_detail .pagewidth .box .title h1{ line-height: 1.2; font-size:36px; text-align:left; margin-bottom:10px; }
.news_detail .pagewidth .box .title p{  text-align:left; color:#999; }
.news_detail .pagewidth .box .title { border-bottom:#ececec solid 1px; 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;}



.about_content{ overflow: hidden;background: var(--bg); }
.about_content .pagewidth{display:block; grid-template-columns: repeat(2, 1fr); align-items: center;}
.about_content .pagewidth .info{ padding-right:0px; }
.about_content .pagewidth .info i{ font-size:48px; color:#111;}
.about_content .pagewidth .info h1{ font-size:24px; color:#111;padding-top: 40px; margin-bottom:20px; }
.about_content .pagewidth .info p{ font-size:17px; color:#44526c; line-height:2 }
.about_content .pagewidth .right{display:grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px;}
.about_content .pagewidth .right .item{background: #fff; height: 160px; position: relative; padding: 20px; border-radius: 24px; overflow: hidden;}
.about_content .pagewidth .right .item:first-child{ text-align:right;background:var(--main); }
.about_content .pagewidth .right .item:first-child h4{ font-size:24px; position: absolute; bottom: 20px; right: 20px; color:#fff; font-weight:normal; }
.about_content .pagewidth .right .item h3{ position:absolute; font-weight: normal; right:20px;bottom:20px; font-size:24px; color: #44526c;}
.about_content .pagewidth .right .item .icon{ position:absolute; right:20px;top:20px;}
.about_content .pagewidth .right .item .bg{ width: 100%; height: 100%; object-fit: cover; position:absolute; left:0px;bottom:0px; right:0px;top:0px;}

.about_culture .box { width: 100%;  height:500px; position:relative;border-radius: 24px; overflow: hidden }
.about_culture .box .bg{ height:100%; width:100%; object-fit:cover; left:0px; right:0px; top:0px; bottom:0px;   }
.about_culture .box .info{ position:absolute; width: 90%; z-index:2; left:50%;text-align: center; color: #fff; top:50%; transform: translate(-50%,-50%);}
.about_culture .box .info i{ font-size:48px; color:#fff;}
.about_culture .box .info h2{ font-size:32px; color:#fff; font-weight: normal;}
.about_culture .box .info p{ font-size:28px; color:#fff; line-height:2;padding-top: 20px; }

.product_box_1 {background: var(--bg);}
.product_box_1 .title {  margin-bottom:60px; }
.product_box_1 .title h2{font-size: 32px; font-weight: 500;color: #111; text-align: center; line-height: 1em;}
.product_box_1 .content{ margin-bottom:30px; }
.product_box_1 .hint{ display: flex; justify-content: center; grid-gap: 20px; padding-top: 20px; padding-bottom: 20px; border-radius:24px;box-shadow:0px 0px 30px rgba(1, 105, 220, 0.1); background: #fff; margin: 0 auto; width: auto; text-align: center; margin-bottom: 50px;} 
.product_box_1 .hint span:nth-child(1){ font-size:18px; color:#00dedb; }
.product_box_1 .hint span:nth-child(2){ font-size:18px; color:#0375ff; }
.product_box_1 .hint span:nth-child(3){ font-size:18px; color:#ef7619;}

.product_box_1 .list{display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 30px;}
.product_box_1 .list .item{border: #fff solid 2px; padding:40px; border-radius:24px;  background: #fff; box-shadow: 0px 10px 30px rgba(1, 105, 220, 0.15); transition-duration: 0.3s; position: relative;  overflow: hidden; text-align: center;}
.product_box_1 .list .item .bg{ width: 100%; height: 100%; object-fit: cover; position:absolute; left:0px;bottom:0px; right:0px;top:0px;}
.product_box_1 .list .item h2{ position: relative; z-index: 3; text-align: left; color: #fff; font-size: 24px; line-height: 1.4; margin-bottom: 30px; font-weight: normal;}
.product_box_1 .list .item p{ position: relative; z-index: 3; text-align: left; color: #fff; font-size: 16px;}

.product_box_2{}
.product_box_2 .title {  margin-bottom:60px; }
.product_box_2 .title h2{font-size:32px; font-weight: 500;color: #111; text-align: center; line-height: 1em;}

.product_box_2 .content{display: grid;grid-template-columns: repeat(1, 1fr); grid-gap: 30px; position: relative}
.product_box_2 .item{ background: var(--bg); transition-duration: 0.3s; border-radius:32px; padding:40px; padding-bottom: 60px;  transition-duration: 0.3s; position: relative;  overflow: hidden; text-align: center;}
.product_box_2 .item .icon{background: #fff;margin-bottom: 20px; border-radius: 20px; height: 76px; width: 76px;display: flex; justify-content: center; align-items: center;}
.product_box_2 .item .icon img{ width:50px; }
.product_box_2 .item h3{ font-size: 24px; margin-bottom: 20px; font-weight: normal; text-align:left; }
.product_box_2 .item p{ font-size: 16px; text-align:left; color:#44526c; }
.product_box_2 .item:hover h3{ color:var(--main); }

.product_box_2 .item .rainbow_white { position:absolute; right:40px; bottom:40px; opacity:0;transition-duration:0.3s; }
.product_box_2 .item .rainbow_color { position:absolute; right:40px; bottom:40px; opacity:1;transition-duration:0.3s;}
.product_box_2 .item:hover .rainbow_white {opacity:1;transition-duration:0.3s; }
.product_box_2 .item:hover .rainbow_color {opacity:0;transition-duration:0.3s;}





.policy_box_1 {background: var(--bg);}
.policy_box_1 .pagewidth{ padding-bottom:0!important; position: relative;}
.policy_box_1 .title {  margin-bottom:60px; }
.policy_box_1 .title h2{font-size: 32px; font-weight: 500;color: #111; text-align: center; line-height: 1em;}
.policy_box_1 .content{ overflow: hidden; margin-bottom:30px; width:100%; margin:0 auto; border-radius:24px 24px 0px 0px;box-shadow: 0px 10px 30px rgba(1, 105, 220, 0.15);  }
.policy_box_1 .info { position: relative;bottom:30px; width: auto; left: auto; transform: initial; padding: 32px; padding-bottom: 30px; border-radius: 24px; z-index:2; background:var(--main); color:#fff; }
.policy_box_1 .info h3{text-align: center; margin-bottom: 30px; font-size: 24px; font-weight: normal; line-height: 1.4}
.policy_box_1 .info .more a{ display:flex; justify-content:center; align-items:center; grid-gap:5px; }
.policy_box_1 .info .more a span{ color:#fff; }
.policy_box_1 .info .more a i{background: #fff; color: #111; height: 18px; width: 18px;border-radius: 18px; line-height: 1em; text-align: center;}




.policy_box_2{ padding-top:80px; }
.policy_box_2 .title {  margin-bottom:60px; }
.policy_box_2 .title h2{font-size:32px; font-weight: 500;color: #111; text-align: center; line-height: 1em;}

.policy_box_2 .content{display: grid;grid-template-columns: repeat(1, 1fr); grid-gap: 30px; position: relative}
.policy_box_2 .item{ background:#fff;border:var(--bg) solid 2px; transition-duration: 0.3s; border-radius:32px; padding:40px; padding-bottom: 60px;  transition-duration: 0.3s; position: relative;  overflow: hidden; text-align: center;}
.policy_box_2 .item .icon{background: #fff;margin-bottom: 20px; border-radius: 20px; height: 76px; width: 76px;display: flex; justify-content: center; align-items: center;}
.policy_box_2 .item .icon img{ width:50px; }
.policy_box_2 .item h3{ font-size: 24px; margin-bottom: 20px; font-weight: normal; text-align:left; }
.policy_box_2 .item p{ font-size: 16px; text-align:left; color:#44526c; }
.policy_box_2 .item:hover{ background:var(--bg); }
.policy_box_2 .item:hover h3{ color:var(--main); }

.policy_box_2 .item .rainbow_white { position:absolute; right:40px; bottom:40px; opacity:0;transition-duration:0.3s; }
.policy_box_2 .item .rainbow_color { position:absolute; right:40px; bottom:40px; opacity:1;transition-duration:0.3s;}
.policy_box_2 .item:hover .rainbow_white {opacity:1;transition-duration:0.3s; }
.policy_box_2 .item:hover .rainbow_color {opacity:0;transition-duration:0.3s;}


.contact_content{background:#fff;}
.contact_content .pagewidth{ display:grid; grid-template-columns:repeat(1, 1fr); }
.contact_content .box{ padding:0px;background:#fff; background: #fff; border-radius:12px 0px 0px 12px; margin-bottom: 40px;} 
.contact_content .box h1{ font-size:24px; color:#111;padding-top: 40px; margin-bottom:20px; }
.contact_content .box ul { margin-bottom:40px; }
.contact_content .box ul li{ font-size:17px; color:#44526c; line-height:2 }
.contact_content .box .wechat{ text-align:left; width: 140px;}
.contact_content .box .wechat img{ width: 140px; border-radius:8px; display:inline-block;box-shadow:0px 0px 20px rgba(1, 105, 220, 0.15); }
.contact_content .box .wechat p{ padding-top:0px;text-align:center; }
.contact_content #container{ height: 600px; background:#fff;overflow: hidden;border-radius:0px 12px 12px 0px ;}



.index_footerimg .swiper-slide{ height: 400px;}
.index_footerimg .swiper-slide img{ width: 100%; height: 100%; object-fit: cover}
.index_footerimg .swiper-pagination .swiper-pagination-bullet-active{background: #fff;}
.list_news .content .item{ display: grid; grid-template-columns: 322px auto; grid-gap: 30px; margin-bottom:20px; border-bottom:dashed #ececec 1px; padding-bottom:30px; }
.list_news .content .item .img{width:320px; height: 220px; border-radius:4px;border: #ececec solid 1px; overflow: hidden; transform: rotate(0deg);}
.list_news .content .item .img img{width: 100%; height: 100%; object-fit: cover; transition-duration:0.3s;}

.list_news .content .item .info{width: 77%}
.list_news .content .item h2{color:#111;line-height:1.3em; margin-bottom:10px;font-size: 24px;}
.list_news .content .item h2 a{color:#111;}
.list_news .content .item h2 a:hover{color:var(--main);}
.list_news .content .item .time{font-size: 16px; color:#999;  margin-bottom: 5px;}
.list_news .content .item p{font-size: 16px;line-height: 1.8em; color: #666;}
.list_news .content .item:hover .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.1);}


.show_news{ padding-bottom: 80px;}
.show_news .pagewidth{display: grid; grid-template-columns: auto 360px; }
.show_news .content { padding-right:80px; }
.show_news .content .title{font-size: 32px; line-height: 1.4em; color: #111; text-align: center; margin-bottom: 10px;}
.show_news .content .info{display: flex; justify-content: left;border-bottom: #ececec solid 1px; padding-top: 10px; margin-bottom: 30px; padding-bottom: 30px;}
.show_news .content .info span{ color: #999; }
.show_news .content .html{ font-size:17px; line-height:1.8em; color:#222; margin-bottom:30px; position:relative;}
.show_news .content .html p{ margin-bottom:17px; }
.show_news .content .html img{height:auto; }
.show_news .content .other{ border-top:#ececec solid 1px; padding-top:30px;}
.show_news .content .other p{ margin-bottom:10px;font-size:16px; color:#333; width: 48%;}
.show_news .content .other p a{ color:#333; }
.show_news .content .other p a:hover{color:var(--main);}
.show_news .content .other p.left{text-align: left; float: left;}
.show_news .content .other p.right{text-align: right; float: right;}

.show_news .side{ padding-top: 60px;}
.show_news .side h2{ font-size:24px; color:#111; margin-bottom:20px; }
.show_news .side .item{display: grid;grid-template-columns: 100px auto;grid-gap: 20px;  border-bottom: #ececec solid 1px; padding-bottom: 15px; margin-bottom: 15px;}
.show_news .side .item h3{ font-size:16px; line-height: 1.4em; font-weight:normal; text-align:justify; margin-bottom:5px;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;}
.show_news .side .item p{ font-size:14px; font-weight:normal; color:#666; }
.show_news .side .item h3 a{ color:#333;  line-height: 1.4em;}
.show_news .side .item h3 a:hover{ color:var(--main); }
.show_news .side .item .img {width: 100%; height: 72px; border-radius: 4px; overflow: hidden;}
.show_news .side .item .img img{ width:100%; height:100%; object-fit:cover; }
.show_news .side .item:last-child{border-bottom: none; margin-bottom: 0; padding-bottom: 0;}


}

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

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