.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:800px; }
.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: #fff; font-size:20px; line-height:1.6; margin-bottom:50px; }
.index_banner .swiper-slide .info h1{color: #fff; font-size:56px; font-weight: 500; line-height:1.2em; margin-bottom:30px; display: inline-block; }
.index_banner .swiper-slide .info h3{color: #fff; line-height:1.4em;  font-weight: normal;margin-bottom:20px;  font-size:22px;}
.index_banner .swiper-slide .info .button{ display:flex; justify-content:left; grid-gap:30px; }
.index_banner .swiper-slide .info .button a.more{ color: #fff;cursor:pointer; padding:12px 30px;display: flex; justify-content: center; grid-gap: 5px; align-items: center; text-align: center;border-radius: 30px; border-radius: 50px; border:#fff solid 2px; 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{ background:#fff7f7 }
.index_box_1 .title { margin-bottom:60px; }
.index_box_1 .title h2{font-size: 56px; margin-bottom: 30px; font-weight: 500;color: #000; text-align: center; line-height: 1em;}
.index_box_1 .title h2 span{ color:var(--main); }
.index_box_1 .content{ display:flex; justify-content: space-between; grid-gap: 32px; position: relative}
.index_box_1 .content .item{ width: 32%; border: #fff solid 2px;  border-radius:8px; height: 440px; background: #fff; box-shadow: 0px 10px 30px rgba(1, 105, 220, 0.15); transition-duration: 0.5s; position: relative;  overflow: hidden; text-align: center;}
.index_box_1 .content .item.active{background: #9b110b;width: 68%;}
.index_box_1 .content .item:nth-child(1){background: url(../images/bg1.png) var(--main) no-repeat right top;}
.index_box_1 .content .item:nth-child(2){background: url(../images/bg1.png) var(--orange) no-repeat right top;}
.index_box_1 .content .item img.icon{ width:200px; position:absolute; left:30px; top:70px; transition-duration:0.3s; }
.index_box_1 .content .item .title{ color:#fff; text-align:left; position:absolute;  left:50px; top:280px;  transition-duration:0.3s; }
.index_box_1 .content .item .title h4{ color:#fff; font-size:24px; line-height:1 }
.index_box_1 .content .item .title h3{ color:#fff; font-size:44px; }
.index_box_1 .content .item ul{ position:absolute;  left:70px; right:70px; bottom: 0px; display: grid; grid-template-columns:repeat(3, 1fr); grid-gap:32px;opacity: 0;transition: all 0.3s ease 0s;}
.index_box_1 .content .item ul li h5{ position: relative; font-size:24px; color:#fff; text-align:left; margin-bottom: 15px; padding-bottom: 15px;}
.index_box_1 .content .item ul li h5:after{content: ""; width: 30px; height: 2px; background: #fff; position: absolute; left: 0px;bottom: 0px;}
.index_box_1 .content .item ul li p{  line-height: 1.6; color:#fff;text-align:left; }
.index_box_1 .content .item.active img.icon{ width:200px; position:absolute; left:30px; top:30px; }
.index_box_1 .content .item.active .title{left:270px; top:90px; }
.index_box_1 .content .item.active ul{ opacity: 1; transition-delay: 0.3s; bottom: 70px; }





.index_box_2{}
.index_box_2 .title { margin-bottom:60px; }
.index_box_2 .title h2{font-size: 56px; margin-bottom: 30px; font-weight: 500;color: #000; text-align: center; line-height: 1em;}
.index_box_2 .title h2 span{ color:var(--main); }
.index_box_2 .content{ display: grid; grid-template-columns: repeat(6, 1fr);position: relative}
.index_box_2 .content .item{ border:#ddd solid 1px; height:340px; position:relative; display: flex;flex-direction: column;align-items: center; }
.index_box_2 .content .item:nth-child(1){ border-radius:32px 32px 0px 0px; border-bottom:none }
.index_box_2 .content .item:nth-child(2){  border:none;position:relative; top:36px; flex-direction: column-reverse;}
.index_box_2 .content .item:nth-child(2)::after{content:''; position: absolute; left:-1px;bottom: 0; right:-1px; height:36px; border:#ddd solid 1px; border-top:none; border-radius:0px 0px 32px 32px; }
.index_box_2 .content .item:nth-child(3){ border-radius:32px 32px 0px 0px; border-bottom:none}
.index_box_2 .content .item:nth-child(4){border:none;position:relative; top:36px; }
.index_box_2 .content .item:nth-child(4)::after{content:''; position: absolute; left:-1px;bottom: 0; right:-1px; height:36px; border:#ddd solid 1px; border-top:none; border-radius:0px 0px 32px 32px; }
.index_box_2 .content .item:nth-child(5){ border-radius:32px 32px 0px 0px; border-bottom:none}
.index_box_2 .content .item:nth-child(6){ border-radius:0px 0px 32px 0px ; border:none;border-right:#ddd solid 1px; ; position:relative; top:36px; }
.index_box_2 .content .item:nth-child(6)::after{content:''; position: absolute; left:-1px;bottom: 0; right:-1px; height:36px; border:#ddd solid 1px; border-top:none; border-radius:0px 0px 32px 32px; }
.index_box_2 .content .item{  text-align:center; }
.index_box_2 .content .item{ padding:30px; padding-top: 80px;}
.index_box_2 .content .item .icon{background: #fff7f7;color:#333; transition-duration: 0.3s; width:100px;height:100px; border-radius:6px; margin:0 auto; display:flex; justify-content:center; align-items:center; margin-bottom: 32px;  }
.index_box_2 .content .item .icon i{  font-size:40px; }
.index_box_2 .content .item h2{ font-size:28px; margin-bottom: 10px;}
.index_box_2 .content .item p{ color:#333; }
.index_box_2 .content .item::before{ content:""; top:-21px;background: #fff; z-index: 12; position:absolute; left:50%; transform:translateX(-50%); border-radius: 50px; border: #ddd solid 1px; height:40px; width:40px; display:flex; justify-content:center; align-items:center; }
.index_box_2 .content .item:nth-child(2n)::before{ top: auto;bottom: -21px;}
.index_box_2 .content .item:nth-child(1)::before{content: "01"}
.index_box_2 .content .item:nth-child(2)::before{content: "02"}
.index_box_2 .content .item:nth-child(3)::before{content: "03"}
.index_box_2 .content .item:nth-child(4)::before{content: "04"}
.index_box_2 .content .item:nth-child(5)::before{content: "05"}
.index_box_2 .content .item:nth-child(6)::before{content: "06"}
.index_box_2 .content .item:hover .icon{background: var(--main); color:#fff; }
.index_box_2 .content .item:hover h2{ color: var(--main)}
.index_box_2 .content .item:nth-child(2n) .info{ margin-bottom:48px;}
.index_box_2 .content .item:nth-child(2n){ padding-top: 30px; padding-bottom: 80px;}


.index_box_3 { background:url(../images/bg3.jpg) no-repeat; background-size:cover; }
.index_box_3 .title { margin-bottom:60px; }
.index_box_3 .title h2{font-size: 56px; margin-bottom: 30px; font-weight: 500;color: #fff; text-align: center; line-height: 1em;}

.index_box_3 .content{ display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:32px; padding-top:70px; }
.index_box_3 .content .item{ position: relative;  border-radius: 8px; padding:50px; padding-top: 100px; background:rgba(255, 255, 255, 0.3);-webkit-backdrop-filter:blur(10px); backdrop-filter: blur(10px); }
.index_box_3 .content .item h3{ padding-top: 24px; text-align: center; font-size:28px;color: #fff; margin-bottom: 10px;}
.index_box_3 .content .item p{ color:#fff;  text-align:center; }
.index_box_3 .content .item .img{ position: absolute; left: 50%; transform: translateX(-50%); top: -60px; width:160px; height:160px;border:#fff solid 3px; overflow: hidden; border-radius:160px; }
.index_box_3 .content .item .img img{ height:100%; width:100%; object-fit:cover; }



.index_box_4 .title { margin-bottom:60px; }
.index_box_4 .title h2{font-size: 56px; margin-bottom: 30px; font-weight: 500;color: #000; text-align: center; line-height: 1em;}
.index_box_4 .title h2 span{ color:var(--main); }
.index_box_4 .content{ position: relative; display:  flex; align-items: center;  justify-content: center; grid-gap:32px; grid-template-columns: repeat(7, 1fr); }
.index_box_4 .content::after{ position:absolute;left:0px; right:0px; top:68px; height:1px; width:100%; background:#ddd; content:""; z-index:-1 }
.index_box_4 .content .item{ text-align:center; position: relative;}
.index_box_4 .content .item .icon{background: #fff; transition-duration: 0.3s; border-radius:132px; height:132px; width:132px; border:#ddd solid 1px; display:flex; justify-content:center; align-items:center; font-size:48px; margin:0 auto;  }
.index_box_4 .content .item h3{ padding-top: 24px; transition-duration: 0.3s; text-align: center; font-size:28px;margin-bottom: 10px;}
.index_box_4 .content .item p{ color:#333;  text-align:center; }
.index_box_4 .content .item.icon{ font-size:32px; top:-62px; }
.index_box_4 .content .item:hover .icon{background: var(--main); color: #fff; border:var(--main) solid 1px; }
.index_box_4 .content .item:hover h3{ color:var(--main); }



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





.about_content{  }
.about_content .pagewidth{display:grid; grid-template-columns: repeat(2, 1fr); align-items: center; grid-gap: 100px;}
.about_content .pagewidth .info .title h2{ font-size:48px; position:relative; margin-bottom: 30px; padding-bottom: 30px;}
.about_content .pagewidth .info .title h2:after{content:""; z-index: 2; position: absolute;left: 0px; bottom: 0px; width: 60px; height: 3px;border-radius:4px; background:var(--orange);}
.about_content .pagewidth .info .content{ line-height:2em; font-size:18px; color:#333333; }
.about_content .pagewidth .img{ height:400px; overflow:hidden; border-radius:8px; }
.about_content .pagewidth .img img{ width:100%; height:100%; object-fit:cover; }

.about_culture{background:#fff7f7}
.about_culture .pagewidth{ padding-bottom:50px; }
.about_culture .pagewidth .title h2{ font-size:48px; position:relative; margin-bottom: 30px; padding-bottom: 30px;}
.about_culture .pagewidth .title h2:after{content:""; z-index: 2; position: absolute;left: 0px; bottom: 0px; width: 60px; height: 3px;border-radius:4px; background:var(--orange);}
.about_culture .pagewidth .content{ display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:32px; }
.about_culture .pagewidth .content .item{ height:280px; position: relative; overflow:hidden; border-radius:8px; }
.about_culture .pagewidth .content .item img{ z-index: 1; width:100%; height:100%; object-fit:cover; position:absolute; left:0px; right:0px; top:0px; bottom:0px; }
.about_culture .pagewidth .content .item h3{ position: absolute; left: 30px; bottom: 80px; font-size:18px; font-weight: normal; color:#fff; z-index:2; }
.about_culture .pagewidth .content .item p{ position: absolute; left: 30px; bottom: 30px; font-size:32px; font-weight: normal; color:#fff; z-index:2; }

.abotu_value{background:#fff7f7; position: relative; padding-bottom: 580px;}
.abotu_value .pagewidth .subtitle{ font-size:36px; text-align:center;  padding-bottom: 40px;}
.abotu_value .pagewidth .content{ display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:32px; position:relative; z-index: 2;}
.abotu_value .pagewidth .content .item{ border-radius:8px; box-shadow:0px 10px 20px rgba(0, 0, 0, 0.05); background:#fff; padding:40px; }
.abotu_value .pagewidth .content .item i{ font-size:44px; color:var(--orange);  }
.abotu_value .pagewidth .content .item h3{ font-size:18px;color:var(--orange); padding-top: 20px; margin-bottom: 10px; font-weight: normal;}
.abotu_value .pagewidth .content .item p{ font-size:32px; color:#111; line-height:1.1 }
.abotu_value .bg{ position:absolute; left:0px; right:0px; bottom:0px; width:100%; height:700px; overflow:hidden; }
.abotu_value .bg img{ width:100%; height:100%; object-fit:cover; }







.product_box_1 {background:#fff7f7;}
.product_box_1 .pagewidth .title h2{ font-size:48px; position:relative; margin-bottom: 30px; padding-bottom: 30px; text-align: center;}
.product_box_1 .pagewidth .title h2:after{content:""; z-index: 2; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px; width: 60px; height: 3px;border-radius:4px; background:var(--orange);}
.product_box_1 .content{ margin-bottom:30px; }
.product_box_1 .content img{box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);}

.product_box_2{ background:url(../images/bg2.jpg) no-repeat; background-size:cover; }
.product_box_2 .title {  margin-bottom:60px; }
.product_box_2 .title h2{ font-size:48px; position:relative; margin-bottom: 30px; color: #fff; padding-bottom: 30px; text-align: center;}
.product_box_2 .title h2:after{content:""; z-index: 2; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px; width: 60px; height: 3px;border-radius:4px; background:#fff;}
.product_box_2 .content{display: grid;grid-template-columns: repeat(4, 1fr); grid-gap: 32px; position: relative}
.product_box_2 .item{ background: var(--bg); transition-duration: 0.3s; border-radius:8px; padding:40px; padding-top: 80px; padding-bottom: 60px;  transition-duration: 0.3s; position: relative;  overflow: hidden}
.product_box_2 .item i{ font-size:44px; color: var(--main);}
.product_box_2 .item h3{ font-size: 32px; color: var(--main); padding-top: 20px; margin-bottom: 10px; font-weight: normal; text-align:left; }
.product_box_2 .item p{ font-size: 18px; text-align:left; color:#666; }
.product_box_2 .item:hover h3{ color:var(--main); }
.product_box_2 .item:nth-child(2n){ position:relative; top:30px; }

.product_box_3 .pagewidth .title h2{ font-size:48px; position:relative; margin-bottom: 30px; padding-bottom: 30px; text-align: center;}
.product_box_3 .pagewidth .title h2:after{content:""; z-index: 2; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px; width: 60px; height: 3px;border-radius:4px; background:var(--orange);}
.product_box_3 .pagewidth .content{ display:flex;justify-content:center; }
.product_box_3 .pagewidth .content .item{ width:500px; padding:50px; background:#fff7f7;border-radius: 8px 8px 0px 0px;}
.product_box_3 .pagewidth .content .item h3{ font-weight: normal; color: #333; font-size:28px; border-bottom:#ddd solid 1px; padding-bottom:20px; margin-bottom:20px; }
.product_box_3 .pagewidth .content .item ul{display:grid; grid-template-columns: repeat(1, 1fr); grid-gap: 16px;}
.product_box_3 .pagewidth .content .item ul li{ border-radius:50px; height:46px; display: flex; grid-gap: 6px; align-items: center; padding: 10px 20px;  background: #fff;}
.product_box_3 .pagewidth .content .item ul li i{ font-size:24px; color:#666; }
.product_box_3 .pagewidth .content .item ul li p{ line-height:1; color:#666; }


.product_box_3 .pagewidth .content .item:last-child{background: var(--main);border-radius: 0px 0px  8px 8px;}
.product_box_3 .pagewidth .content .item:last-child h3{ color: #fff;border-bottom:#b0413d solid 1px; padding-bottom:20px; margin-bottom:20px; }
.product_box_3 .pagewidth .content .item:last-child ul{display:grid; grid-template-columns: repeat(1, 1fr); grid-gap: 16px;}
.product_box_3 .pagewidth .content .item:last-child ul li{ border-radius:50px; height:46px; display: flex; grid-gap: 6px; align-items: center; padding: 10px 20px;  background: #ac3834;}
.product_box_3 .pagewidth .content .item:last-child ul li i{ font-size:24px; color:#fff; }
.product_box_3 .pagewidth .content .item:last-child ul li p{ line-height:1; color:#fff;  font-size:20px; font-weight:500; }




.solution_box_1 {background:#fff7f7;}
.solution_box_1 .pagewidth .title h2{ font-size:48px; position:relative; margin-bottom: 30px; padding-bottom: 30px; text-align: center;}
.solution_box_1 .pagewidth .title h2:after{content:""; z-index: 2; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px; width: 60px; height: 3px;border-radius:4px; background:var(--orange);}
.solution_box_1 .pagewidth .content{ display:grid; grid-gap:32px; grid-template-columns: repeat(2, 1fr); }
.solution_box_1 .pagewidth .content .item{ position: relative; background:#fff; border-radius: 8px; overflow: hidden; height:320px;}
.solution_box_1 .pagewidth .content .item img{ left:0px; top:0px; bottom:0px; position:absolute; height:100% z-index:-1  }
.solution_box_1 .pagewidth .content .item { padding: 40px; padding-left:50%; box-shadow:0px 10px 20px rgba(0, 0, 0, 0.05); }
.solution_box_1 .pagewidth .content .item h2{ position:relative; z-index:3; color:var(--main); font-size:32px; font-weight:normal; padding-bottom:20px;margin-bottom:20px; padding-top:30px; }
.solution_box_1 .pagewidth .content .item h2:after{content:""; z-index: 2; position: absolute;left: 0; bottom: 0px; width: 40px; height: 2px;border-radius:4px; background:var(--orange);}
.solution_box_1 .pagewidth .content .item p{ position:relative; z-index:3; color:#666; }

.solution_box_2 .pagewidth .title h2{ font-size:48px; position:relative; margin-bottom: 30px; padding-bottom: 30px; text-align: center;}
.solution_box_2 .pagewidth .title h2:after{content:""; z-index: 2; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px; width: 60px; height: 3px;border-radius:4px; background:var(--orange);}
.solution_box_2 .pagewidth .content{ padding-top: 32px; display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:32px; }
.solution_box_2 .item{ background:url(../images/bg1.png) no-repeat  var(--main) -50px -50px; transition-duration: 0.3s; border-radius:8px; padding:40px; padding-top: 80px; padding-bottom: 60px;  transition-duration: 0.3s; position: relative;  overflow: hidden}
.solution_box_2 .item i{ font-size:44px; color:#fff;}
.solution_box_2 .item h3{ font-size: 32px; color:#fff; padding-top: 20px; margin-bottom: 10px; font-weight: normal; text-align:left; position:relative; margin-bottom:20px; padding-bottom:20px; }
.solution_box_2 .item h3:after{content:""; z-index: 2; position: absolute;left: 0; bottom: 0px; width: 40px; height: 2px;border-radius:4px; background:var(--orange);}
.solution_box_2 .item p{ font-size: 18px; text-align:left; color:#fff; }
.solution_box_2 .item:nth-child(2n){ position:relative; top:30px; }


.solution_box_3 {background:#fff7f7; border-bottom: #f7e2e2 solid 1px;}
.solution_box_3 .pagewidth .title h2{ font-size:48px; position:relative; margin-bottom: 30px; padding-bottom: 30px; text-align: center;}
.solution_box_3 .pagewidth .title h2:after{content:""; z-index: 2; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px; width: 60px; height: 3px;border-radius:4px; background:var(--orange);}
.layui-tabs-card>.layui-tabs-header .layui-this{background: none!important;}
.layui-tabs-header{ display:flex; justify-content:center; }
.layui-tabs-card>.layui-tabs-header .layui-this:after{border: none!important;}
.layui-tabs-header .layui-this, .layui-tabs-header li:hover{ color: var(--main)!important; }
.solution_box_3 .pagewidth .content .item{display: grid;grid-template-columns: repeat(2, 1fr); align-items: center; background: var(--orange); overflow: hidden; border-radius: 8px;}
.solution_box_3 .pagewidth .content .item .img{ overflow: hidden; height:440px; }
.solution_box_3 .pagewidth .content .item .img img{ width:100%; height:100%;object-fit:cover; }
.solution_box_3 .pagewidth .content .item .info{ padding:80px; }
.solution_box_3 .pagewidth .content .item .info h4{ font-size:24px; font-weight:normal; color:#fff; }
.solution_box_3 .pagewidth .content .item .info p{ font-size:32px; font-weight:normal; color:#fff; }

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







.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:10px; }
.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:var(--main);margin-bottom:0px; }
.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 { position:relative; }
.news_detail .pagewidth .back{ position:absolute; left:0px; }
.news_detail .pagewidth .back a{ color:#fff; font-size:24px; background: var(--orange); height:50px; width:50px; border-radius:30px; display:flex; justify-content:center; align-items:center; }

.news_detail .pagewidth .box{ width:1000px; margin:0 auto; }
.news_detail .pagewidth .box .title{ position:relative; }
.news_detail .pagewidth .box .title h1{ font-size:36px; text-align:center; margin-bottom:10px; line-height:1.2 }
.news_detail .pagewidth .box .title p{  text-align:center; color:var(--main); }
.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;}



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


.list_contact .box {position: relative;overflow: hidden;background: #fff;height: 520px; border-radius: 8px; border: #ececec solid 1px; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);}
.list_contact .box #container {width: 100%;height: 520px;}
.list_contact .box:after {content: "";pointer-events: none;position: absolute;left: 0px;top: 0px;bottom: 0px;width: 70%;z-index: 2;background: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0));}
.list_contact .box .info {position: absolute;padding: 0 80px;left: 0px;top: 50%;transform: translateY(-50%);bottom: 0px;width: 30%; z-index: 3;}
.list_contact .box .info h2 { color: #111;font-size: 32px; margin-bottom: 20px;position: relative;}
.list_contact .box .info ul li {border-bottom: #ececec solid 1px; line-height: 60px; color: #333;display: flex;justify-content: left;align-items: center;}
.list_contact .box .info ul li i {width: 32px;text-align: center}
.list_contact .box .info ul li strong {font-weight: normal}

.amap-logo { display: none !important;}

.amap-copyright { display: none !important;}





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

}

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



}

@media screen and (max-width: 1440px) {
	.index_banner {position: relative;width: 100%; margin-top:80px; }
.index_banner .swiper{ height:800px; }
.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: #fff; font-size:18px; line-height:1.6; margin-bottom:50px; }
.index_banner .swiper-slide .info h1{color: #fff; font-size:48px; font-weight: 500; line-height:1.2em; margin-bottom:30px; display: inline-block; }
.index_banner .swiper-slide .info h3{color: #fff; line-height:1.4em;  font-weight: normal;margin-bottom:20px;  font-size:20px;}
.index_banner .swiper-slide .info .button{ display:flex; justify-content:left; grid-gap:30px; }
.index_banner .swiper-slide .info .button a.more{ color: #fff;cursor:pointer; padding:12px 30px;display: flex; justify-content: center; grid-gap: 5px; align-items: center; text-align: center;border-radius: 30px; border-radius: 50px; border:#fff solid 2px; 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{ background:#fff7f7 }
.index_box_1 .title { margin-bottom:60px; }
.index_box_1 .title h2{font-size: 56px; margin-bottom: 30px; font-weight: 500;color: #000; text-align: center; line-height: 1em;}
.index_box_1 .title h2 span{ color:var(--main); }
.index_box_1 .content{ display:flex; justify-content: space-between; grid-gap: 32px; position: relative}
.index_box_1 .content .item{ width: 32%; border: #fff solid 2px;  border-radius:8px; height: 440px; background: #fff; box-shadow: 0px 10px 30px rgba(1, 105, 220, 0.15); transition-duration: 0.5s; position: relative;  overflow: hidden; text-align: center;}
.index_box_1 .content .item.active{background: #9b110b;width: 68%;}
.index_box_1 .content .item:nth-child(1){background: url(../images/bg1.png) var(--main) no-repeat right top;}
.index_box_1 .content .item:nth-child(2){background: url(../images/bg1.png) var(--orange) no-repeat right top;}
.index_box_1 .content .item img.icon{ width:200px; position:absolute; left:30px; top:70px; transition-duration:0.3s; }
.index_box_1 .content .item .title{ color:#fff; text-align:left; position:absolute;  left:50px; top:280px;  transition-duration:0.3s; }
.index_box_1 .content .item .title h4{ color:#fff; font-size:20px; line-height:1 }
.index_box_1 .content .item .title h3{ color:#fff; font-size:36px; }
.index_box_1 .content .item ul{ position:absolute;  left:50px; right:50px; bottom: 0px; display: grid; grid-template-columns:repeat(3, 1fr); grid-gap:32px;opacity: 0;transition: all 0.3s ease 0s;}
.index_box_1 .content .item ul li h5{ position: relative; font-size:24px; color:#fff; text-align:left; margin-bottom: 15px; padding-bottom: 15px;}
.index_box_1 .content .item ul li h5:after{content: ""; width: 30px; height: 2px; background: #fff; position: absolute; left: 0px;bottom: 0px;}
.index_box_1 .content .item ul li p{  line-height: 1.6; color:#fff;text-align:left; }
.index_box_1 .content .item.active img.icon{ width:200px; position:absolute; left:30px; top:30px; }
.index_box_1 .content .item.active .title{left:270px; top:90px; }
.index_box_1 .content .item.active ul{ opacity: 1; transition-delay: 0.3s; bottom: 50px; }





.index_box_2{}
.index_box_2 .title { margin-bottom:60px; }
.index_box_2 .title h2{font-size: 56px; margin-bottom: 30px; font-weight: 500;color: #000; text-align: center; line-height: 1em;}
.index_box_2 .title h2 span{ color:var(--main); }
.index_box_2 .content{ display: grid; grid-template-columns: repeat(6, 1fr);position: relative}
.index_box_2 .content .item{ border:#ddd solid 1px; height:340px; position:relative; display: flex;flex-direction: column;align-items: center; }
.index_box_2 .content .item:nth-child(1){ border-radius:32px 32px 0px 0px; border-bottom:none }
.index_box_2 .content .item:nth-child(2){  border:none;position:relative; top:36px; flex-direction: column-reverse;}
.index_box_2 .content .item:nth-child(2)::after{content:''; position: absolute; left:-1px;bottom: 0; right:-1px; height:36px; border:#ddd solid 1px; border-top:none; border-radius:0px 0px 32px 32px; }
.index_box_2 .content .item:nth-child(3){ border-radius:32px 32px 0px 0px; border-bottom:none}
.index_box_2 .content .item:nth-child(4){border:none;position:relative; top:36px; }
.index_box_2 .content .item:nth-child(4)::after{content:''; position: absolute; left:-1px;bottom: 0; right:-1px; height:36px; border:#ddd solid 1px; border-top:none; border-radius:0px 0px 32px 32px; }
.index_box_2 .content .item:nth-child(5){ border-radius:32px 32px 0px 0px; border-bottom:none}
.index_box_2 .content .item:nth-child(6){ border-radius:0px 0px 32px 0px ; border:none;border-right:#ddd solid 1px; ; position:relative; top:36px; }
.index_box_2 .content .item:nth-child(6)::after{content:''; position: absolute; left:-1px;bottom: 0; right:-1px; height:36px; border:#ddd solid 1px; border-top:none; border-radius:0px 0px 32px 32px; }
.index_box_2 .content .item{  text-align:center; }
.index_box_2 .content .item{ padding:30px; padding-top: 80px;}
.index_box_2 .content .item .icon{background: #fff7f7;color:#333; transition-duration: 0.3s; width:100px;height:100px; border-radius:6px; margin:0 auto; display:flex; justify-content:center; align-items:center; margin-bottom: 32px;  }
.index_box_2 .content .item .icon i{  font-size:40px; }
.index_box_2 .content .item h2{ font-size:28px; margin-bottom: 10px;}
.index_box_2 .content .item p{ color:#333; }
.index_box_2 .content .item::before{ content:""; top:-21px;background: #fff; z-index: 12; position:absolute; left:50%; transform:translateX(-50%); border-radius: 50px; border: #ddd solid 1px; height:40px; width:40px; display:flex; justify-content:center; align-items:center; }
.index_box_2 .content .item:nth-child(2n)::before{ top: auto;bottom: -21px;}
.index_box_2 .content .item:nth-child(1)::before{content: "01"}
.index_box_2 .content .item:nth-child(2)::before{content: "02"}
.index_box_2 .content .item:nth-child(3)::before{content: "03"}
.index_box_2 .content .item:nth-child(4)::before{content: "04"}
.index_box_2 .content .item:nth-child(5)::before{content: "05"}
.index_box_2 .content .item:nth-child(6)::before{content: "06"}
.index_box_2 .content .item:hover .icon{background: var(--main); color:#fff; }
.index_box_2 .content .item:hover h2{ color: var(--main)}
.index_box_2 .content .item:nth-child(2n) .info{ margin-bottom:48px;}
.index_box_2 .content .item:nth-child(2n){ padding-top: 30px; padding-bottom: 80px;}


.index_box_3 { background:url(../images/bg3.jpg) no-repeat; background-size:cover; }
.index_box_3 .title { margin-bottom:60px; }
.index_box_3 .title h2{font-size: 56px; margin-bottom: 30px; font-weight: 500;color: #fff; text-align: center; line-height: 1em;}

.index_box_3 .content{ display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:32px; padding-top:70px; }
.index_box_3 .content .item{ position: relative;  border-radius: 8px; padding:50px; padding-top: 100px; background:rgba(255, 255, 255, 0.3);-webkit-backdrop-filter:blur(10px); backdrop-filter: blur(10px); }
.index_box_3 .content .item h3{ padding-top: 24px; text-align: center; font-size:28px;color: #fff; margin-bottom: 10px;}
.index_box_3 .content .item p{ color:#fff;  text-align:center; }
.index_box_3 .content .item .img{ position: absolute; left: 50%; transform: translateX(-50%); top: -60px; width:160px; height:160px;border:#fff solid 3px; overflow: hidden; border-radius:160px; }
.index_box_3 .content .item .img img{ height:100%; width:100%; object-fit:cover; }



.index_box_4 .title { margin-bottom:60px; }
.index_box_4 .title h2{font-size: 56px; margin-bottom: 30px; font-weight: 500;color: #000; text-align: center; line-height: 1em;}
.index_box_4 .title h2 span{ color:var(--main); }
.index_box_4 .content{ position: relative; display:  flex; align-items: center;  justify-content: center; grid-gap:32px; grid-template-columns: repeat(7, 1fr); }
.index_box_4 .content::after{ position:absolute;left:0px; right:0px; top:68px; height:1px; width:100%; background:#ddd; content:""; z-index:-1 }
.index_box_4 .content .item{ text-align:center; position: relative;}
.index_box_4 .content .item .icon{background: #fff; transition-duration: 0.3s; border-radius:132px; height:132px; width:132px; border:#ddd solid 1px; display:flex; justify-content:center; align-items:center; font-size:48px; margin:0 auto;  }
.index_box_4 .content .item h3{ padding-top: 24px; transition-duration: 0.3s; text-align: center; font-size:28px;margin-bottom: 10px;}
.index_box_4 .content .item p{ color:#333;  text-align:center; }
.index_box_4 .content .item.icon{ font-size:32px; top:-62px; }
.index_box_4 .content .item:hover .icon{background: var(--main); color: #fff; border:var(--main) solid 1px; }
.index_box_4 .content .item:hover h3{ color:var(--main); }



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





.about_content{  }
.about_content .pagewidth{display:grid; grid-template-columns: repeat(2, 1fr); align-items: center; grid-gap: 100px;}
.about_content .pagewidth .info .title h2{ font-size:48px; position:relative; margin-bottom: 30px; padding-bottom: 30px;}
.about_content .pagewidth .info .title h2:after{content:""; z-index: 2; position: absolute;left: 0px; bottom: 0px; width: 60px; height: 3px;border-radius:4px; background:var(--orange);}
.about_content .pagewidth .info .content{ line-height:2em; font-size:18px; color:#333333; }
.about_content .pagewidth .img{ height:400px; overflow:hidden; border-radius:8px; }
.about_content .pagewidth .img img{ width:100%; height:100%; object-fit:cover; }

.about_culture{background:#fff7f7}
.about_culture .pagewidth{ padding-bottom:50px; }
.about_culture .pagewidth .title h2{ font-size:48px; position:relative; margin-bottom: 30px; padding-bottom: 30px;}
.about_culture .pagewidth .title h2:after{content:""; z-index: 2; position: absolute;left: 0px; bottom: 0px; width: 60px; height: 3px;border-radius:4px; background:var(--orange);}
.about_culture .pagewidth .content{ display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:32px; }
.about_culture .pagewidth .content .item{ height:280px; position: relative; overflow:hidden; border-radius:8px; }
.about_culture .pagewidth .content .item img{ z-index: 1; width:100%; height:100%; object-fit:cover; position:absolute; left:0px; right:0px; top:0px; bottom:0px; }
.about_culture .pagewidth .content .item h3{ position: absolute; left: 30px; bottom: 80px; font-size:18px; font-weight: normal; color:#fff; z-index:2; }
.about_culture .pagewidth .content .item p{ position: absolute; left: 30px; bottom: 30px; font-size:32px; font-weight: normal; color:#fff; z-index:2; }

.abotu_value{background:#fff7f7; position: relative; padding-bottom: 580px;}
.abotu_value .pagewidth .subtitle{ font-size:36px; text-align:center;  padding-bottom: 40px;}
.abotu_value .pagewidth .content{ display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:32px; position:relative; z-index: 2;}
.abotu_value .pagewidth .content .item{ border-radius:8px; box-shadow:0px 10px 20px rgba(0, 0, 0, 0.05); background:#fff; padding:40px; }
.abotu_value .pagewidth .content .item i{ font-size:44px; color:var(--orange);  }
.abotu_value .pagewidth .content .item h3{ font-size:18px;color:var(--orange); padding-top: 20px; margin-bottom: 10px; font-weight: normal;}
.abotu_value .pagewidth .content .item p{ font-size:24px; color:#111; line-height:1.1 }
.abotu_value .bg{ position:absolute; left:0px; right:0px; bottom:0px; width:100%; height:700px; overflow:hidden; }
.abotu_value .bg img{ width:100%; height:100%; object-fit:cover; }







.product_box_1 {background:#fff7f7;}
.product_box_1 .pagewidth .title h2{ font-size:48px; position:relative; margin-bottom: 30px; padding-bottom: 30px; text-align: center;}
.product_box_1 .pagewidth .title h2:after{content:""; z-index: 2; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px; width: 60px; height: 3px;border-radius:4px; background:var(--orange);}
.product_box_1 .content{ margin-bottom:30px; }
.product_box_1 .content img{box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);}

.product_box_2{ background:url(../images/bg2.jpg) no-repeat; background-size:cover; }
.product_box_2 .title {  margin-bottom:60px; }
.product_box_2 .title h2{ font-size:48px; position:relative; margin-bottom: 30px; color: #fff; padding-bottom: 30px; text-align: center;}
.product_box_2 .title h2:after{content:""; z-index: 2; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px; width: 60px; height: 3px;border-radius:4px; background:#fff;}
.product_box_2 .content{display: grid;grid-template-columns: repeat(4, 1fr); grid-gap: 32px; position: relative}
.product_box_2 .item{ background: var(--bg); transition-duration: 0.3s; border-radius:8px; padding:40px; padding-top: 80px; padding-bottom: 60px;  transition-duration: 0.3s; position: relative;  overflow: hidden}
.product_box_2 .item i{ font-size:44px; color: var(--main);}
.product_box_2 .item h3{ font-size: 32px; color: var(--main); padding-top: 20px; margin-bottom: 10px; font-weight: normal; text-align:left; }
.product_box_2 .item p{ font-size: 18px; text-align:left; color:#666; }
.product_box_2 .item:hover h3{ color:var(--main); }
.product_box_2 .item:nth-child(2n){ position:relative; top:30px; }

.product_box_3 .pagewidth .title h2{ font-size:48px; position:relative; margin-bottom: 30px; padding-bottom: 30px; text-align: center;}
.product_box_3 .pagewidth .title h2:after{content:""; z-index: 2; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px; width: 60px; height: 3px;border-radius:4px; background:var(--orange);}
.product_box_3 .pagewidth .content{ display:flex;justify-content:center; }
.product_box_3 .pagewidth .content .item{ width:500px; padding:50px; background:#fff7f7;border-radius: 8px 8px 0px 0px;}
.product_box_3 .pagewidth .content .item h3{ font-weight: normal; color: #333; font-size:28px; border-bottom:#ddd solid 1px; padding-bottom:20px; margin-bottom:20px; }
.product_box_3 .pagewidth .content .item ul{display:grid; grid-template-columns: repeat(1, 1fr); grid-gap: 16px;}
.product_box_3 .pagewidth .content .item ul li{ border-radius:50px; height:46px; display: flex; grid-gap: 6px; align-items: center; padding: 10px 20px;  background: #fff;}
.product_box_3 .pagewidth .content .item ul li i{ font-size:24px; color:#666; }
.product_box_3 .pagewidth .content .item ul li p{ line-height:1; color:#666; }


.product_box_3 .pagewidth .content .item:last-child{background: var(--main);border-radius: 0px 0px  8px 8px;}
.product_box_3 .pagewidth .content .item:last-child h3{ color: #fff;border-bottom:#b0413d solid 1px; padding-bottom:20px; margin-bottom:20px; }
.product_box_3 .pagewidth .content .item:last-child ul{display:grid; grid-template-columns: repeat(1, 1fr); grid-gap: 16px;}
.product_box_3 .pagewidth .content .item:last-child ul li{ border-radius:50px; height:46px; display: flex; grid-gap: 6px; align-items: center; padding: 10px 20px;  background: #ac3834;}
.product_box_3 .pagewidth .content .item:last-child ul li i{ font-size:24px; color:#fff; }
.product_box_3 .pagewidth .content .item:last-child ul li p{ line-height:1; color:#fff;  font-size:20px; font-weight:500; }




.solution_box_1 {background:#fff7f7;}
.solution_box_1 .pagewidth .title h2{ font-size:48px; position:relative; margin-bottom: 30px; padding-bottom: 30px; text-align: center;}
.solution_box_1 .pagewidth .title h2:after{content:""; z-index: 2; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px; width: 60px; height: 3px;border-radius:4px; background:var(--orange);}
.solution_box_1 .pagewidth .content{ display:grid; grid-gap:32px; grid-template-columns: repeat(2, 1fr); }
.solution_box_1 .pagewidth .content .item{ position: relative; background:#fff; border-radius: 8px; overflow: hidden; height:250px;}
.solution_box_1 .pagewidth .content .item img{ left:0px; top:0px; bottom:0px; position:absolute; height:100% z-index:-1  }
.solution_box_1 .pagewidth .content .item { padding: 40px; padding-left:50%; box-shadow:0px 10px 20px rgba(0, 0, 0, 0.05); }
.solution_box_1 .pagewidth .content .item h2{ position:relative; z-index:3; color:var(--main); font-size:28px; font-weight:normal; padding-bottom:20px;margin-bottom:20px; padding-top:30px; }
.solution_box_1 .pagewidth .content .item h2:after{content:""; z-index: 2; position: absolute;left: 0; bottom: 0px; width: 40px; height: 2px;border-radius:4px; background:var(--orange);}
.solution_box_1 .pagewidth .content .item p{ position:relative; z-index:3; color:#666; }

.solution_box_2 .pagewidth .title h2{ font-size:48px; position:relative; margin-bottom: 30px; padding-bottom: 30px; text-align: center;}
.solution_box_2 .pagewidth .title h2:after{content:""; z-index: 2; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px; width: 60px; height: 3px;border-radius:4px; background:var(--orange);}
.solution_box_2 .pagewidth .content{ padding-top: 32px; display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:32px; }
.solution_box_2 .item{ background:url(../images/bg1.png) no-repeat  var(--main) -50px -50px; transition-duration: 0.3s; border-radius:8px; padding:40px; padding-top: 80px; padding-bottom: 60px;  transition-duration: 0.3s; position: relative;  overflow: hidden}
.solution_box_2 .item i{ font-size:44px; color:#fff;}
.solution_box_2 .item h3{ font-size: 32px; color:#fff; padding-top: 20px; margin-bottom: 10px; font-weight: normal; text-align:left; position:relative; margin-bottom:20px; padding-bottom:20px; }
.solution_box_2 .item h3:after{content:""; z-index: 2; position: absolute;left: 0; bottom: 0px; width: 40px; height: 2px;border-radius:4px; background:var(--orange);}
.solution_box_2 .item p{ font-size: 18px; text-align:left; color:#fff; }
.solution_box_2 .item:nth-child(2n){ position:relative; top:30px; }


.solution_box_3 {background:#fff7f7; border-bottom: #f7e2e2 solid 1px;}
.solution_box_3 .pagewidth .title h2{ font-size:48px; position:relative; margin-bottom: 30px; padding-bottom: 30px; text-align: center;}
.solution_box_3 .pagewidth .title h2:after{content:""; z-index: 2; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px; width: 60px; height: 3px;border-radius:4px; background:var(--orange);}
.layui-tabs-card>.layui-tabs-header .layui-this{background: none!important;}
.layui-tabs-header{ display:flex; justify-content:center; }
.layui-tabs-card>.layui-tabs-header .layui-this:after{border: none!important;}
.layui-tabs-header .layui-this, .layui-tabs-header li:hover{ color: var(--main)!important; }
.solution_box_3 .pagewidth .content .item{display: grid;grid-template-columns: repeat(2, 1fr); align-items: center; background: var(--orange); overflow: hidden; border-radius: 8px;}
.solution_box_3 .pagewidth .content .item .img{ overflow: hidden; height:440px; }
.solution_box_3 .pagewidth .content .item .img img{ width:100%; height:100%;object-fit:cover; }
.solution_box_3 .pagewidth .content .item .info{ padding:80px; }
.solution_box_3 .pagewidth .content .item .info h4{ font-size:24px; font-weight:normal; color:#fff; }
.solution_box_3 .pagewidth .content .item .info p{ font-size:32px; font-weight:normal; color:#fff; }

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







.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:10px; }
.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:var(--main);margin-bottom:0px; }
.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 { position:relative; }
.news_detail .pagewidth .back{ position:absolute; left:0px; }
.news_detail .pagewidth .back a{ color:#fff; font-size:24px; background: var(--orange); height:50px; width:50px; border-radius:30px; display:flex; justify-content:center; align-items:center; }

.news_detail .pagewidth .box{ width:1000px; margin:0 auto; }
.news_detail .pagewidth .box .title{ position:relative; }
.news_detail .pagewidth .box .title h1{ font-size:36px; text-align:center; margin-bottom:10px; line-height:1.2 }
.news_detail .pagewidth .box .title p{  text-align:center; color:var(--main); }
.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;}



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


.list_contact .box {position: relative;overflow: hidden;background: #fff;height: 520px; border-radius: 8px; border: #ececec solid 1px; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);}
.list_contact .box #container {width: 100%;height: 520px;}
.list_contact .box:after {content: "";pointer-events: none;position: absolute;left: 0px;top: 0px;bottom: 0px;width: 70%;z-index: 2;background: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0));}
.list_contact .box .info {position: absolute;padding: 0 80px;left: 0px;top: 50%;transform: translateY(-50%);bottom: 0px;width: 30%; z-index: 3;}
.list_contact .box .info h2 { color: #111;font-size: 32px; margin-bottom: 20px;position: relative;}
.list_contact .box .info ul li {border-bottom: #ececec solid 1px; line-height: 60px; color: #333;display: flex;justify-content: left;align-items: center;}
.list_contact .box .info ul li i {width: 32px;text-align: center}
.list_contact .box .info ul li strong {font-weight: normal}

}
@media screen and (max-width: 480px) {
	.padding{ padding-top:70px; padding-bottom:70px; }
 .index_banner {position: relative;width: 100%; margin-top:60px; }
.index_banner .swiper{ height:500px; }
.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; top:50%; padding-right:0px; 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 p{color: #fff; font-size:16px; line-height:1.6; margin-bottom:50px; }
.index_banner .swiper-slide .info h1{color: #fff; font-size:36px; font-weight: 500; line-height:1.2em; margin-bottom:30px; display: inline-block; }
.index_banner .swiper-slide .info h3{color: #fff; line-height:1.4em;  font-weight: normal;margin-bottom:20px;  font-size:20px;}
.index_banner .swiper-slide .info .button{ display:flex; justify-content:left; grid-gap:30px; }
.index_banner .swiper-slide .info .button a.more{ color: #fff;cursor:pointer; padding:12px 30px;display: flex; justify-content: center; grid-gap: 5px; align-items: center; text-align: center;border-radius: 30px; border-radius: 50px; border:#fff solid 2px; 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{ background:#fff7f7 }
.index_box_1 .title { margin-bottom:60px; }
.index_box_1 .title h2{font-size: 32px; margin-bottom: 30px; font-weight: 500;color: #000; text-align: center; line-height: 1em;}
.index_box_1 .title h2 span{ color:var(--main); }
.index_box_1 .content{ display:block; justify-content: space-between; grid-gap: 32px; position: relative}
.index_box_1 .content .item{ width: 100%; border: #fff solid 2px;  border-radius:8px; height: 640px; background: #fff; box-shadow: 0px 10px 30px rgba(1, 105, 220, 0.15); transition-duration: 0.5s; position: relative;  overflow: hidden; text-align: center; margin-bottom: 20px;}
.index_box_1 .content .item.active{background: #9b110b;width: 100%;}
.index_box_1 .content .item:nth-child(1){background: url(../images/bg1.png) var(--main) no-repeat right top;}
.index_box_1 .content .item:nth-child(2){background: url(../images/bg1.png) var(--orange) no-repeat right top;}
.index_box_1 .content .item img.icon{ width:100px; position:absolute; left:50%; transform: translateX(-50%); top:30px; transition-duration:0.3s; }
.index_box_1 .content .item .title{ color:#fff; text-align:center; position:absolute;  left:0px; right: 0px; top:90px;  transition-duration:0.3s; }
.index_box_1 .content .item .title h4{ color:#fff; font-size:20px; line-height:1 }
.index_box_1 .content .item .title h3{ color:#fff; font-size:32px; }
.index_box_1 .content .item ul{ position:absolute;  left:30px; right:30px; bottom: auto; top:180px; display: grid; grid-template-columns:repeat(1, 1fr); grid-gap:32px;opacity: 1;transition: all 0.3s ease 0s;}
.index_box_1 .content .item ul li h5{ position: relative; font-size:24px; color:#fff; text-align:left; margin-bottom: 15px; padding-bottom: 15px;}
.index_box_1 .content .item ul li h5:after{content: ""; width: 30px; height: 2px; background: #fff; position: absolute; left: 0px;bottom: 0px;}
.index_box_1 .content .item ul li p{  line-height: 1.6; color:#fff;text-align:left; }
.index_box_1 .content .item.active img.icon{ width:100px; left: 50%;transform: translateX(-50%); position:absolute; top:30px; }
.index_box_1 .content .item.active .title{left:0px; right: 0px; top:90px; }
.index_box_1 .content .item.active ul{ opacity: 1; transition-delay: 0.3s; bottom: auto; }





.index_box_2{}
.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 h2 span{ color:var(--main); }
.index_box_2 .content{ display: grid; grid-template-columns: repeat(1, 1fr);position: relative; grid-gap: 20px!important}
.index_box_2 .content .item{ border:#ddd solid 1px; height:auto; position:relative; display: flex;flex-direction: column;align-items: center; }
.index_box_2 .content .item:nth-child(1){ border-radius:32px 32px 0px 0px; border-bottom:none }
.index_box_2 .content .item:nth-child(2){  border:none;position:relative; top:0px!important; flex-direction: column-reverse;}
.index_box_2 .content .item:nth-child(2)::after{ display:none!important; }
.index_box_2 .content .item:nth-child(3){ border-radius:32px 32px 0px 0px; border-bottom:none}
.index_box_2 .content .item:nth-child(4){border:none;position:relative; top:0px; }
.index_box_2 .content .item:nth-child(4)::after{ display:none!important; }
.index_box_2 .content .item:nth-child(5){ border-radius:32px 32px 0px 0px; border-bottom:none}
.index_box_2 .content .item:nth-child(6){ border-radius:0px 0px 32px 0px ; border:none;border-right:#ddd solid 1px; ; position:relative; top:0px; }
.index_box_2 .content .item:nth-child(6)::after{ display: none;}
.index_box_2 .content .item{  text-align:center; }
.index_box_2 .content .item{ padding:30px; padding-top: 30px;}
.index_box_2 .content .item .icon{background: #fff7f7;color:#333; transition-duration: 0.3s; width:100px;height:100px; border-radius:6px; margin:0 auto; display:flex; justify-content:center; align-items:center; margin-bottom: 32px;  }
.index_box_2 .content .item .icon i{  font-size:40px; }
.index_box_2 .content .item h2{ font-size:28px; margin-bottom: 10px;}
.index_box_2 .content .item p{ color:#333; }
.index_box_2 .content .item::before{ content:""; top:-21px;background: #fff; z-index: 12; position:absolute; left:50%; transform:translateX(-50%); border-radius: 50px; border: #ddd solid 1px; height:40px; width:40px; display:flex; justify-content:center; align-items:center; }
.index_box_2 .content .item:nth-child(2n)::before{ top: auto;bottom: 0px;}
.index_box_2 .content .item:nth-child(1)::before{content: "01"}
.index_box_2 .content .item:nth-child(2)::before{content: "02"}
.index_box_2 .content .item:nth-child(3)::before{content: "03"}
.index_box_2 .content .item:nth-child(4)::before{content: "04"}
.index_box_2 .content .item:nth-child(5)::before{content: "05"}
.index_box_2 .content .item:nth-child(6)::before{content: "06"}
.index_box_2 .content .item:hover .icon{background: var(--main); color:#fff; }
.index_box_2 .content .item:hover h2{ color: var(--main)}
.index_box_2 .content .item:nth-child(2n) .info{ margin-bottom:48px;}
.index_box_2 .content .item:nth-child(2n){ padding-top: 30px; padding-bottom: 30px;}
.index_box_2 .content .item{border: #ddd solid 1px!important; border-radius: 24px!important;}
.index_box_2 .content .item::before{ display:none; }
.index_box_2 .content .item:nth-child(2){  border:none;position:relative; top:36px; flex-direction: column;}




.index_box_3 { background:url(../images/bg3.jpg) no-repeat; background-size:cover; }
.index_box_3 .title { margin-bottom:60px; }
.index_box_3 .title h2{font-size: 32px; margin-bottom: 30px; font-weight: 500;color: #fff; text-align: center; line-height: 1em;}

.index_box_3 .content{ display:grid; grid-template-columns:repeat(1, 1fr); grid-gap:70px; padding-top:70px; }
.index_box_3 .content .item{ position: relative;  border-radius: 8px; padding:50px; padding-top: 60px; background:rgba(255, 255, 255, 0.3);-webkit-backdrop-filter:blur(10px); backdrop-filter: blur(10px); }
.index_box_3 .content .item h3{ padding-top: 24px; text-align: center; font-size:28px;color: #fff; margin-bottom: 10px;}
.index_box_3 .content .item p{ color:#fff;  text-align:center; }
.index_box_3 .content .item .img{ position: absolute; left: 50%; transform: translateX(-50%); top: -60px; width:120px; height:120px;border:#fff solid 3px; overflow: hidden; border-radius:120px; }
.index_box_3 .content .item .img img{ height:100%; width:100%; object-fit:cover; }



.index_box_4 .title { margin-bottom:30px; }
.index_box_4 .title h2{font-size: 32px; margin-bottom: 30px; font-weight: 500;color: #000; text-align: center; line-height: 1em;}
.index_box_4 .title h2 span{ color:var(--main); }
.index_box_4 .content{ position: relative; display: block; align-items: center;  justify-content: center; grid-gap:12px; grid-template-columns: repeat(1, 1fr); }
.index_box_4 .content::after{ display: none; }
.index_box_4 .content .item{ text-align:center; position: relative;}
.index_box_4 .content .item .icon{background: #fff; transition-duration: 0.3s; border-radius:72px; height:72px; width:72px; border:#ddd solid 1px; display:flex; justify-content:center; align-items:center; font-size:24px; margin:0 auto;  }
.index_box_4 .content .item h3{ padding-top: 24px; transition-duration: 0.3s; text-align: center; font-size:28px;margin-bottom: 10px;}
.index_box_4 .content .item p{ color:#333;  text-align:center; }
.index_box_4 .content .item.icon{ font-size:32px; top:-5px; transform:rotate(90deg); }
.index_box_4 .content .item:hover .icon{background: var(--main); color: #fff; border:var(--main) solid 1px; }
.index_box_4 .content .item:hover h3{ color:var(--main); }



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





.about_content{  }
.about_content .pagewidth{display:grid; grid-template-columns: repeat(1, 1fr); align-items: center; grid-gap: 20px;}
.about_content .pagewidth .info .title h2{ font-size:32px; position:relative; margin-bottom: 20px; padding-bottom: 20px;}
.about_content .pagewidth .info .title h2:after{content:""; z-index: 2; position: absolute;left: 0px; bottom: 0px; width: 30px; height: 3px;border-radius:4px; background:var(--orange);}
.about_content .pagewidth .info .content{ line-height:2em; font-size:18px; color:#333333; }
.about_content .pagewidth .img{ height:400px; overflow:hidden; border-radius:8px; }
.about_content .pagewidth .img img{ width:100%; height:100%; object-fit:cover; }

.about_culture{background:#fff7f7}
.about_culture .pagewidth{ padding-bottom:50px; }
.about_culture .pagewidth .title h2{ font-size:32px; position:relative; margin-bottom: 20px; padding-bottom: 20px;}
.about_culture .pagewidth .title h2:after{content:""; z-index: 2; position: absolute;left: 0px; bottom: 0px; width:30px; height: 3px;border-radius:4px; background:var(--orange);}
.about_culture .pagewidth .content{ display:grid; grid-template-columns:repeat(1, 1fr); grid-gap:20px; }
.about_culture .pagewidth .content .item{ height:280px; position: relative; overflow:hidden; border-radius:8px; }
.about_culture .pagewidth .content .item img{ z-index: 1; width:100%; height:100%; object-fit:cover; position:absolute; left:0px; right:0px; top:0px; bottom:0px; }
.about_culture .pagewidth .content .item h3{ position: absolute; left: 30px; right: 30px; bottom: 100px; font-size:16px; font-weight: normal; color:#fff; z-index:2; }
.about_culture .pagewidth .content .item p{ position: absolute; left: 30px;right: 30px;  bottom: 30px; line-height: 1.3; font-size:24px; font-weight: normal; color:#fff; z-index:2; }

.abotu_value{background:#fff7f7; position: relative; padding-bottom: 580px;}
.abotu_value .pagewidth .subtitle{ font-size:32px; text-align:center;  padding-bottom: 40px;}
.abotu_value .pagewidth .content{ display:grid; grid-template-columns:repeat(1, 1fr); grid-gap:20px; position:relative; z-index: 2;}
.abotu_value .pagewidth .content .item{ border-radius:8px; box-shadow:0px 10px 20px rgba(0, 0, 0, 0.05); background:#fff; padding:40px; }
.abotu_value .pagewidth .content .item i{ font-size:44px; color:var(--orange);  }
.abotu_value .pagewidth .content .item h3{ font-size:18px;color:var(--orange); padding-top: 20px; margin-bottom: 10px; font-weight: normal;}
.abotu_value .pagewidth .content .item p{ font-size:24px; color:#111; line-height:1.1 }
.abotu_value .bg{ position:absolute; left:0px; right:0px; bottom:0px; width:100%; height:700px; overflow:hidden; }
.abotu_value .bg img{ width:100%; height:100%; object-fit:cover; }







.product_box_1 {background:#fff7f7;}
.product_box_1 .pagewidth .title h2{ font-size:32px; position:relative; margin-bottom: 20px; padding-bottom: 20px; text-align: center;}
.product_box_1 .pagewidth .title h2:after{content:""; z-index: 2; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px; width: 30px; height: 3px;border-radius:4px; background:var(--orange);}
.product_box_1 .content{ margin-bottom:30px; }
.product_box_1 .content img{box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);}

.product_box_2{ background:url(../images/bg2.jpg) no-repeat; background-size:cover; }
.product_box_2 .title {  margin-bottom:60px; }
.product_box_2 .title h2{ font-size:32px; position:relative; line-height: 1.2; margin-bottom: 20px; color: #fff; padding-bottom:20px; text-align: center;}
.product_box_2 .title h2:after{content:""; z-index: 2; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px; width: 30px; height: 3px;border-radius:4px; background:#fff;}
.product_box_2 .content{display: grid;grid-template-columns: repeat(1, 1fr); grid-gap: 20px; position: relative}
.product_box_2 .item{ background: var(--bg); transition-duration: 0.3s; border-radius:8px; padding:40px; padding-top: 80px; padding-bottom: 60px;  transition-duration: 0.3s; position: relative;  overflow: hidden}
.product_box_2 .item i{ font-size:44px; color: var(--main);}
.product_box_2 .item h3{ font-size: 32px; color: var(--main); padding-top: 20px; margin-bottom: 10px; font-weight: normal; text-align:left; }
.product_box_2 .item p{ font-size: 18px; text-align:left; color:#666; }
.product_box_2 .item:hover h3{ color:var(--main); }
.product_box_2 .item:nth-child(2n){ position:relative; top:0px; }

.product_box_3 .pagewidth .title h2{ font-size:32px; line-height: 1.2; position:relative; margin-bottom: 20px; padding-bottom: 20px; text-align: center;}
.product_box_3 .pagewidth .title h2:after{content:""; z-index: 2; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px; width: 30px; height: 3px;border-radius:4px; background:var(--orange);}
.product_box_3 .pagewidth .content{ display:block;justify-content:center; }
.product_box_3 .pagewidth .content .item{ width:auto; padding:20px; background:#fff7f7;border-radius: 12px 12px 0px 0px;}
.product_box_3 .pagewidth .content .item h3{ font-weight: normal; color: #333; font-size:24px; border-bottom:#ddd solid 1px; padding-bottom:20px; margin-bottom:20px; }
.product_box_3 .pagewidth .content .item ul{display:grid; grid-template-columns: repeat(1, 1fr); grid-gap: 16px;}
.product_box_3 .pagewidth .content .item ul li{ border-radius:50px; height:46px; display: flex; grid-gap: 6px; align-items: center; padding: 10px 20px;  background: #fff;}
.product_box_3 .pagewidth .content .item ul li i{ font-size:24px; color:#666; }
.product_box_3 .pagewidth .content .item ul li p{ line-height:1; color:#666; }


.product_box_3 .pagewidth .content .item:last-child{background: var(--main);border-radius: 0px 0px  12px 12px;}
.product_box_3 .pagewidth .content .item:last-child h3{ color: #fff;border-bottom:#b0413d solid 1px; padding-bottom:20px; margin-bottom:20px; }
.product_box_3 .pagewidth .content .item:last-child ul{display:grid; grid-template-columns: repeat(1, 1fr); grid-gap: 16px;}
.product_box_3 .pagewidth .content .item:last-child ul li{ border-radius:50px; height:46px; display: flex; grid-gap: 6px; align-items: center; padding: 10px 20px;  background: #ac3834;}
.product_box_3 .pagewidth .content .item:last-child ul li i{ font-size:24px; color:#fff; }
.product_box_3 .pagewidth .content .item:last-child ul li p{ line-height:1.2; color:#fff;  font-size:18px; font-weight:500; }




.solution_box_1 {background:#fff7f7;}
.solution_box_1 .pagewidth .title h2{ font-size:32px; position:relative; margin-bottom: 20px; padding-bottom: 20px; text-align: center;}
.solution_box_1 .pagewidth .title h2:after{content:""; z-index: 2; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px; width: 30px; height: 3px;border-radius:4px; background:var(--orange);}
.solution_box_1 .pagewidth .content{ display:grid; grid-gap:20px; grid-template-columns: repeat(1, 1fr); }
.solution_box_1 .pagewidth .content .item{ position: relative; background:#fff; border-radius: 8px; overflow: hidden; height:auto;}
.solution_box_1 .pagewidth .content .item img{ left:0px; top:0px; bottom:auto; position: initial; height:100% z-index:-1  }
.solution_box_1 .pagewidth .content .item { padding: 0px; padding-left:auto; box-shadow:0px 10px 20px rgba(0, 0, 0, 0.05); }
.solution_box_1 .pagewidth .content .item h2{ position:relative; z-index:3; color:var(--main); font-size:28px; font-weight:normal; padding-bottom:20px;margin-bottom:20px; padding:24px; }
.solution_box_1 .pagewidth .content .item h2:after{content:""; z-index: 2; position: absolute;left: 24px; bottom: 0px; width: 40px; height: 2px;border-radius:4px; background:var(--orange);}
.solution_box_1 .pagewidth .content .item p{ position:relative; z-index:3; color:#666; padding:24px; padding-top:0; }

.solution_box_2 .pagewidth .title h2{ font-size:32px; position:relative; margin-bottom: 20px; padding-bottom: 20px; text-align: center;}
.solution_box_2 .pagewidth .title h2:after{content:""; z-index: 2; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px; width: 30px; height: 3px;border-radius:4px; background:var(--orange);}
.solution_box_2 .pagewidth .content{ padding-top: 32px; display:grid; grid-template-columns:repeat(1, 1fr); grid-gap:20px; }
.solution_box_2 .item{ background:url(../images/bg1.png) no-repeat  var(--main) -50px -50px; transition-duration: 0.3s; border-radius:8px; padding:40px; padding-top: 80px; padding-bottom: 60px;  transition-duration: 0.3s; position: relative;  overflow: hidden}
.solution_box_2 .item i{ font-size:44px; color:#fff;}
.solution_box_2 .item h3{ font-size: 32px; color:#fff; padding-top: 20px; margin-bottom: 10px; font-weight: normal; text-align:left; position:relative; margin-bottom:20px; padding-bottom:20px; }
.solution_box_2 .item h3:after{content:""; z-index: 2; position: absolute;left: 0; bottom: 0px; width: 40px; height: 2px;border-radius:4px; background:var(--orange);}
.solution_box_2 .item p{ font-size: 18px; text-align:left; color:#fff; }
.solution_box_2 .item:nth-child(2n){ position:relative; top:0px; }


.solution_box_3 {background:#fff7f7; border-bottom: #f7e2e2 solid 1px;}
.solution_box_3 .pagewidth .title h2{ font-size:32px; position:relative; margin-bottom: 30px; padding-bottom: 30px; text-align: center;}
.solution_box_3 .pagewidth .title h2:after{content:""; z-index: 2; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px; width: 60px; height: 3px;border-radius:4px; background:var(--orange);}
.layui-tabs-card>.layui-tabs-header .layui-this{background: none!important;}
.layui-tabs-header{ display:flex; justify-content:center; }
.layui-tabs-card>.layui-tabs-header .layui-this:after{border: none!important;}
.layui-tabs-header .layui-this, .layui-tabs-header li:hover{ color: var(--main)!important; }
.solution_box_3 .pagewidth .content .item{display: grid;grid-template-columns: repeat(1, 1fr); align-items: center; background: var(--orange); overflow: hidden; border-radius: 8px;}
.solution_box_3 .pagewidth .content .item .img{ overflow: hidden; height:240px; }
.solution_box_3 .pagewidth .content .item .img img{ width:100%; height:100%;object-fit:cover; }
.solution_box_3 .pagewidth .content .item .info{ padding:24px; }
.solution_box_3 .pagewidth .content .item .info h4{ font-size:18px; font-weight:normal; color:#fff; }
.solution_box_3 .pagewidth .content .item .info p{ font-size:24px; font-weight:normal; color:#fff; }

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







.news_list .item{ margin-bottom: 30px; display: block; grid-gap:50px; grid-template-columns:20px auto; align-items: center; margin-bottom:50px; }
.news_list .item .img{ width:100%;  height:220px; overflow:hidden; border-radius:12px; margin-bottom:24px; }
.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:10px; }
.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:var(--main);margin-bottom:0px; }
.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 { position:relative; }
.news_detail .pagewidth .back{ position:absolute; display: none; left:0px; }
.news_detail .pagewidth .back a{ color:#fff; font-size:24px; background: var(--orange); height:50px; width:50px; border-radius:30px; display:flex; justify-content:center; align-items:center; }

.news_detail .pagewidth .box{ width:auto; margin:0 auto; }
.news_detail .pagewidth .box .title{ position:relative; }
.news_detail .pagewidth .box .title h1{ font-size:24px; text-align:left; margin-bottom:10px; line-height:1.2 }
.news_detail .pagewidth .box .title p{  text-align:left; color:var(--main); }
.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;}



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


.list_contact .box {position: relative;overflow: hidden;background: #fff;height: auto; border-radius: 8px; border: #ececec solid 1px; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);}
.list_contact .box #container {width: 100%;height: 520px;}
.list_contact .box:after { display:none; }
.list_contact .box .info {position: inherit;padding: 20px;left: 0px;top: auto;transform: initial;bottom: 0px;width: auto; z-index: 3;}
.list_contact .box .info h2 { color: #111;font-size: 20px; margin-bottom: 20px;position: relative;}
.list_contact .box .info ul li {border-bottom: #ececec solid 1px; line-height: 50px; color: #333;display: flex;justify-content: left;align-items: center;}
.list_contact .box .info ul li i {width: 32px;text-align: center}
.list_contact .box .info ul li strong {font-weight: normal}

}

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

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