.padding{ padding-top:100px; padding-bottom:100px; }
.padding-bottom-80{ padding-bottom:80px;}
.padding-bottom-100{ padding-bottom:100px;}
.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%;height:100%;background: #fff;}
.index_banner .swiper{ height:100%;}
.index_banner .swiper-slide{ position: relative;width: 100%; height: 100%; overflow:hidden; }
.index_banner .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.index_banner .swiper-slide .info{ position:absolute; width:1660px;left: 50%; top:55%; 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 h2{color: #fff; font-size:60px; font-weight: 500; line-height:1em; margin-bottom:20px; }
.index_banner .swiper-slide .info p{color: #fff;  font-size:20px;line-height:1.6em; margin-bottom:40px; width:60% }
.index_banner .swiper-slide .info .button{display: flex; justify-content: left; align-items: center;}
.index_banner .swiper-slide .info .button a{ color:#fff;transition-duration: 0.3s; font-size:16px; padding-left: 30px; padding-right: 15px; display: inline-block; padding-top: 8px; padding-bottom: 8px;  border-radius:50px; border:#fff solid 2px; line-height:1em; }
.index_banner .swiper-slide .info .button span{ color:#fff; }
.index_banner .swiper-slide .info .button i{color: #fff; font-size: 18px;display:inline-block;transform:rotate(0deg); width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50px; transition-duration: 0.2s}
.index_banner .swiper-slide .info .button a:hover i{ transform:rotate(45deg); }
.index_banner .swiper-slide .info .button a:hover{background: var(--orange); padding-left: 35px; padding-right: 20px; border:var(--orange) solid 2px; }
.index_banner .swiper-pagination{ bottom:50px!important; }
.index_banner .swiper-pagination .swiper-pagination-bullet {border-radius: 0; height:2px; width:60px; transition-duration: 0.2s; background:rgba(255, 255, 255, 0.7); opacity:1; }
.index_banner .swiper-pagination .swiper-pagination-bullet-active{background: var(--blue);}

.index_solution .title{ display:flex; justify-content:space-between; align-items:baseline; padding-bottom:40px; }
.index_solution .title h2{ font-size:48px; font-weight:500; }
.index_solution .title .more{display: flex; justify-content: space-between; align-items: center;}
.index_solution .title .more a{ font-size: 16px; color: #333;}
.index_solution .title .more i{background: var(--orange); color: #fff; display: inline-block;margin-left: 5px; height: 32px; width: 32px; text-align: center; line-height: 32px; border-radius: 32px;}
.index_solution .content{display:grid;grid-template-columns: 3fr 2fr; grid-gap: 30px;}
.index_solution .content .left .item{ height: 630px; position:relative; border-radius: 6px; overflow: hidden;}
.index_solution .content .item img{ width:100%; height:100%; object-fit:cover; transition-duration: 0.5s; }
.index_solution .content .item:hover img{transform: scale(1.1);}
.index_solution .content .item p{ position:absolute; left:40px;bottom:100px; opacity: 0.7; z-index:2; font-size:18px; color:#fff;  }
.index_solution .content .item h3{ position:absolute; left:40px;bottom:40px; font-weight: normal; font-size:36px; z-index:2; color:#fff; }
.index_solution .content .right {display: grid;grid-template-columns: 1fr; grid-gap: 30px;}
.index_solution .content .right .item{ height: 300px; position:relative;  border-radius: 6px; overflow: hidden;}

.index_product{background:var(--bg); padding-bottom: 50px; overflow:hidden}
.index_product .tab_title{display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}
.index_product .tab_title .title { position:relative; }
.index_product .tab_title .title h2{ font-size:48px; font-weight:500;  }
.index_product .tab_title .title h3{ line-height: 1em; position: absolute; left: 0px; top: -20px; font-size:60px; color:rgba(0, 0, 0, 0.05); font-family: 'Barlow'; font-weight: bold; text-transform:uppercase; }
.index_product .tab_title .layui-tab-title{ display: flex; justify-content: space-between;grid-gap: 40px;}
.index_product .tab_title .layui-tab-title li{ transition-duration: 0.2s; cursor:pointer; color:#666666; font-size: 16px}
.index_product .tab_title .layui-tab-title li.layui-this{ color:var(--blue); position:relative; }
.index_product .tab_title .layui-tab-title li.layui-this:after{ content: ""; position: absolute; background:var(--blue); height: 2px; width: 100%; left: 0px; right: 0px; bottom: -6px;}
.index_product .tab_title .more{display: flex; justify-content: space-between; align-items: center;}
.index_product .tab_title .more a{ font-size: 16px; color: #333;}
.index_product .tab_title .more i{background: var(--orange); color: #fff; display: inline-block;margin-left: 5px; height: 32px; width: 32px; text-align: center; line-height: 32px; border-radius: 32px;}
.index_product .layui-tab-content{ padding-top:0px; }
.index_product .layui-tab-content .layui-tab-item .list{display: grid;grid-template-columns: repeat(4, 1fr);}
.index_product .layui-tab-content .layui-tab-item .list .item{ overflow: hidden; position: relative; background: #fff; border:#ececec solid 1px; margin-left: -0.5px; margin-right: -0.5px;}
.index_product .layui-tab-content .layui-tab-item .list .item .img{width:100%; overflow:hidden; }
.index_product .layui-tab-content .layui-tab-item .list .item .img img{transition-duration: 0.3s; width:100%;}
.index_product .layui-tab-content .layui-tab-item .list .item .info{text-align: center; padding:30px; position: relative; z-index: 3; }
.index_product .layui-tab-content .layui-tab-item .list .item .info h4{ font-size:24px; font-weight: normal; margin-bottom:10px; color:#111; }
.index_product .layui-tab-content .layui-tab-item .list .item .info h4 a{ color:#111; }
.index_product .layui-tab-content .layui-tab-item .list .item .info p{ font-size:16px;  color:#666666; }
.index_product .layui-tab-content .layui-tab-item .list .item:hover .img img{transform: scale(1.1);}
.index_product .layui-tab-content .layui-tab-item .list .item:hover .info h4 a{ color:var(--blue); }


.index_news {background: var(--bg);}
.index_news .title{ display:flex; justify-content:space-between; align-items:baseline; padding-bottom:40px; }
.index_news .title h2{ font-size:48px; font-weight:500; }
.index_news .title .more{display: flex; justify-content: space-between; align-items: center;}
.index_news .title .more a{ font-size: 16px; color: #333;}
.index_news .title .more i{background: var(--orange); color: #fff; display: inline-block;margin-left: 5px; height: 32px; width: 32px; text-align: center; line-height: 32px; border-radius: 32px;}
.index_news .content{  display: grid;grid-template-columns: repeat(4, 1fr); grid-gap: 30px;}
.index_news .content .item .img{border-radius:6px; overflow: hidden; transform: rotate(0deg);}
.index_news .content .item .img img{width: 100%; height: 100%; object-fit: cover; transition-duration:0.3s;}
.index_news .content .item .info{ padding-top:20px; }
.index_news .content .item .info h2{ font-size:24px; line-height: 1.3em; font-weight: normal; margin-bottom:15px; color:#111;}
.index_news .content .item .info h2 a{color:#111;line-height: 1.3em; }
.index_news .content .item:hover .info h2 a{color:var(--blue);}
.index_news .content .item .info .time{font-size: 16px; font-family: 'Barlow'; color:#333;margin-bottom: 10px;}
.index_news .content .item .info p{font-size: 16px;line-height: 1.8em; color: #666;}
.index_news .content .item:hover .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.1);}



.index_about{color:#fff;}
.index_about .title{ display:flex; justify-content:space-between; align-items:baseline; padding-bottom:40px; }
.index_about .title h2{ font-size:48px; font-weight:500; }
.index_about .content{ padding-right:40%; margin-bottom:100px; }
.index_about .content h3{ font-size:32px; margin-bottom:20px; }
.index_about .content p{ font-size:17px; line-height: 1.8em; }
.index_about .number{display: grid;grid-template-columns: repeat(3, 1fr); grid-gap: 50px;padding-right:30%; }
.index_about .number .item > div{display: flex; justify-content: left;align-items: baseline;}
.index_about .number .item > div strong{ font-size:72px; font-weight:bold; }
.index_about .number .item > div span{ font-size:24px; font-weight:none; padding-left:5px; }
.index_about .number .item p{ font-size:17px; padding-top:10px; background: }

.index_client .title{ display:flex; justify-content:space-between; align-items:baseline; padding-bottom:40px; }
.index_client .title h2{ font-size:48px; font-weight:500; }
.index_client .title .more{display: flex; justify-content: space-between; align-items: center;}
.index_client .title .more a{ font-size: 16px; color: #333;}
.index_client .title .more i{background: var(--orange); color: #fff; display: inline-block;margin-left: 5px; height: 32px; width: 32px; text-align: center; line-height: 32px; border-radius: 32px;}
.index_client .content{  display: grid;grid-template-columns: repeat(6, 1fr); grid-gap: 30px}
.index_client .content .item{border:#f1f1f1 solid 1px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05); border-radius: 3px; overflow: hidden;}
.index_client .content .item img{width: 100%;display: block;}










.detailbanner{overflow: hidden; position: relative; background:#111;}
.detailbanner .pagewidth{ height: 600px; position: relative;}
.detailbanner .text{  text-align: left; position: absolute; left: 0px; right: 0px; bottom: 120px;z-index: 2; }
.detailbanner .text h1{ font-size: 60px; color: #fff; font-weight: 500;  text-align: left;  line-height: 1.1em; z-index: 2; }
.detailbanner .text h2{font-size: 100px; position: absolute; top: -20px; font-style: italic; color: #fff; opacity: 0.2; text-align: left; position: absolute; font-weight: bold; z-index: 2; -webkit-text-stroke: 1px #fff;-webkit-text-fill-color: transparent; }
.detailbanner img.detailbg{ height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; z-index: 1; opacity: 1}

.detailmenu{box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05); position: relative; z-index: 1} 
.detailmenu ul{display: flex; justify-content: left;}
.detailmenu ul li{ margin-right:50px; }
.detailmenu ul li a{ display:block;height:70px; line-height:70px; font-size:17px; color:#333; }
.detailmenu ul li a.active{font-weight: 500; border-bottom: var(--blue) solid 2px; color: var(--blue);}
.detailmenu ul li a:hover{  color:#000; }
.detailmenu ul li a.active:hover{  color:var(--blue); }


.detailmenu_two{}
.detailmenu_two .pagewidth{display: flex; justify-content: left;}
.detailmenu_two ul.one{display: flex; justify-content: left;}
.detailmenu_two ul.one li .two{display: none;}
.detailmenu_two ul.one li .three{display: none;}
.detailmenu_two ul.one li:hover .two{display: block;}
.detailmenu_two ul.one li:hover .three{display: block;}


.list_solution .article-list{display:grid;grid-template-columns: repeat(2, 1fr); grid-gap: 30px;}
.list_solution .article-list .item{ height: 560px; position:relative; border-radius: 6px; overflow: hidden;}
.list_solution .article-list .item img{ width:100%; height:100%; object-fit:cover; transition-duration: 0.5s; }
.list_solution .article-list .item:hover img{transform: scale(1.1);}
.list_solution .article-list .item p{ position:absolute; left:40px;bottom:100px; opacity: 0.7; z-index:2; font-size:18px; color:#fff;  }
.list_solution .article-list .item h3{ position:absolute; left:40px;bottom:40px; font-weight: normal; font-size:36px; z-index:2; color:#fff; }

.show_solution .pagewidth{display: grid;grid-template-columns:240px auto; grid-gap: 50px;}
.show_solution .pagewidth .side .nav{position: -webkit-sticky; position: sticky;top:100px;}

.show_solution .pagewidth .side{border-right: #ddd solid 1px;}
.show_solution .pagewidth .side a.active{ color:var(--blue); }
.show_solution .pagewidth .side a{ line-height:60px; height:60px; display: block; border-bottom:#ddd solid 1px; padding-left:20px; padding-right:20px; }
.show_solution .pagewidth .side a{ color:#111; font-size:18px; }





.show_solution .pagewidth .content .solution_title{font-size: 48px; color: #111; margin-bottom: 20px;}
.show_solution .pagewidth .content .anchor_1{ border-bottom:#ddd solid 1px; padding-bottom:40px; margin-bottom:40px; }
.show_solution .pagewidth .content .anchor_1 .anchor_title{font-size: 32px; color: #111; padding-bottom: 20px;}
.show_solution .pagewidth .content .anchor_1 .anchor_content h4{font-size: 24px; margin-bottom: 10px;}
.show_solution .pagewidth .content .anchor_1 .anchor_content p{font-size: 18px; color: #333;}
.show_solution .pagewidth .content .anchor_1 .anchor_content .ul1 {display: grid;grid-template-columns: repeat(2, 1fr); grid-gap: 30px;}
.show_solution .pagewidth .content .anchor_1 .anchor_content .ul1 li{ background:#f3f5f6; padding:40px; border:#ececec solid 1px; }
.show_solution .pagewidth .content .anchor_1 .anchor_content .ul1 li h5{ font-size:24px; position:relative; position:relative; color: var(--blue); margin-bottom: 10px;}
.show_solution .pagewidth .content .anchor_1 .anchor_content .ul1 li h5:after	{ position:absolute; content:""; left:-40px; top: 7px; width:3px; background:var(--blue); height:24px; }
.show_solution .pagewidth .content .anchor_1 .anchor_content .ul1 li p{ position:relative; z-index:2; }
.show_solution .pagewidth .content .anchor_1 .anchor_content .ul1 li{ position:relative; }
.show_solution .pagewidth .content .anchor_1 .anchor_content .ul1 li .number{ position: absolute;z-index:1; right: 20px; bottom: 20px; color: #fff; font-size: 200px; line-height: 1em; font-weight:bold;font-style: italic;}
.show_solution .pagewidth .content .anchor_2 .anchor_content{display: grid;grid-template-columns: repeat(4, 1fr); grid-gap: 30px;}

.show_solution .pagewidth .content .anchor_2{ border-bottom:#ddd solid 1px; padding-bottom:40px; margin-bottom:40px; }
.show_solution .pagewidth .content .anchor_2 .anchor_title{font-size: 32px; color: #111; padding-bottom: 20px;}
.show_solution .pagewidth .content .anchor_2 .anchor_content .item{border:#ececec solid 1px;}
.show_solution .pagewidth .content .anchor_2 .anchor_content .item img{width: 100%;display: block;}

.show_solution .pagewidth .content .anchor_3{ border-bottom:#ddd solid 1px; padding-bottom:40px; margin-bottom:40px; }
.show_solution .pagewidth .content .anchor_3 .anchor_title{font-size: 32px; color: #111; padding-bottom: 20px;}
.show_solution .pagewidth .content .anchor_3 .anchor_content{display: grid; grid-template-columns: repeat(4, 1fr);}
.show_solution .pagewidth .content .anchor_3 .anchor_content .item{ overflow: hidden; position: relative; background: #fff; border:#ececec solid 1px; margin-left: -0.5px; margin-right: -0.5px;}
.show_solution .pagewidth .content .anchor_3 .anchor_content .item .img{width:100%; overflow:hidden; }
.show_solution .pagewidth .content .anchor_3 .anchor_content .item .img img{transition-duration: 0.3s; width:100%;}
.show_solution .pagewidth .content .anchor_3 .anchor_content .item .info{text-align: center; padding:20px; position: relative; z-index: 3; }
.show_solution .pagewidth .content .anchor_3 .anchor_content .item .info h4{ font-size:18px; font-weight: normal; color:#111; }
.show_solution .pagewidth .content .anchor_3 .anchor_content .item .info h4 a{ color:#111; }
.show_solution .pagewidth .content .anchor_3 .anchor_content .item:hover .img img{transform: scale(1.1);}
.show_solution .pagewidth .content .anchor_3 .anchor_content .item:hover .info h4 a{ color:var(--blue); }

.show_solution .pagewidth .content .anchor_4{  }
.show_solution .pagewidth .content .anchor_4 .anchor_title{font-size: 32px; color: #111; padding-bottom: 20px;}
.show_solution .pagewidth .content .anchor_4 .anchor_content{  display: grid;grid-template-columns: repeat(5, 1fr); grid-gap: 20px}
.show_solution .pagewidth .content .anchor_4 .anchor_content .item{border:#f1f1f1 solid 1px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05); border-radius: 3px; overflow: hidden;}
.show_solution .pagewidth .content .anchor_4 .anchor_content .item img{width: 100%;display: block;}




.list_product {}
.list_product .title { position:relative; margin-bottom:30px; }
.list_product .title h2{font-size:36px; color:#111;font-weight:400; }
.list_product .pagewidth{display: grid;grid-template-columns:240px auto; grid-gap: 50px;}
.list_product .side{border-right: #ddd solid 1px;}
.list_product .side .two.active a.active{ color:var(--blue); }
.list_product .side .two > li a{ line-height:60px; height:60px; display: block; border-bottom:#ddd solid 1px; padding-left:20px; padding-right:20px; }
.list_product .side .two > li a{ color:#111; font-size:18px; }
.list_product .side ul.two{}
.list_product .side ul.two.active{background: var(--bg); border-right:var(--blue) solid 2px;}
.list_product .side .three li a{display:block; height: 48px; color: #666; line-height: 48px; padding-left: 30px; padding-right: 30px;}
.list_product .side .three li a.active{background: var(--blue); color: #fff!important; }
.list_product .side ul.two > li.child{ position:relative; }
.list_product .side ul.two > li.child:after{ content: "\ea4e";font-family: "remixicon"; position: absolute; right: 10px; top: 18px; font-size: 16px; color:#333}



.list_product .content .article-list{display:grid;grid-template-columns: repeat(4, 1fr); grid-gap: 30px;}
.list_product .content .article-list .item{ overflow: hidden; position: relative; background: #fff; border:#ececec solid 1px; margin-left: -0.5px; margin-right: -0.5px;}
.list_product .content .article-list .item .img{width:100%; overflow:hidden; }
.list_product .content .article-list .item .img img{transition-duration: 0.3s; width:100%;}
.list_product .content .article-list .item .info{text-align: center; padding:20px; position: relative; z-index: 3; }
.list_product .content .article-list .item .info h4{ font-size:18px; font-weight: normal; color:#111; }
.list_product .content .article-list .item .info h4 a{ color:#111; }
.list_product .content .article-list .item .info p{ font-size:16px;  color:#666666; }
.list_product .content .article-list .item:hover .img img{transform: scale(1.1);}
.list_product .content .article-list .item:hover .info h4 a{ color:var(--blue); }

.show_product .pagewidth{display: grid;grid-template-columns:240px auto; grid-gap: 50px;}
.show_product .side{border-right: #ddd solid 1px;}
.show_product .side .two.active a.active{ color:var(--blue); }
.show_product .side .two > li a{ line-height:60px; height:60px; display: block; border-bottom:#ddd solid 1px; padding-left:20px; padding-right:20px; }
.show_product .side .two > li a{ color:#111; font-size:18px; }
.show_product .side ul.two{}
.show_product .side ul.two.active{background: var(--bg); border-right:var(--blue) solid 2px;}
.show_product .side .three li a{display:block; height: 48px; color: #666; line-height: 48px; padding-left: 30px; padding-right: 30px;}
.show_product .side .three li a.active{background: var(--blue); color: #fff!important; }
.show_product .side ul.two > li.child{ position:relative; }
.show_product .side ul.two > li.child:after{ content: "\ea4e";font-family: "remixicon"; position: absolute; right: 10px; top: 18px; font-size: 16px; color:#333}
.show_product .content {display:grid; grid-template-columns: 2fr 3fr; grid-gap: 50px;align-items: flex-start; }
.show_product .content .photo{border:#ececec solid 1px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02); border-radius: 3px; overflow: hidden;}
.show_product .content .photo img{ width:100%; }
.show_product .content .info .title{ font-size:36px; color:#111; margin-bottom:30px; }
.show_product .content .info .html h3{ font-size:24px; font-weight:500px; color:var(--blue); padding-bottom:10px;  border-bottom: #ddd solid 1px;margin-bottom: 10px;}
.show_product .content .info .html p{ margin-bottom:24px;font-size:18px;line-height:1.8em; color:#222; }
.show_product .content .info .parameter h3{ font-size:24px; font-weight:500px; color:var(--blue); padding-bottom:10px;  border-bottom: #ddd solid 1px;margin-bottom: 10px;}
.show_product .content .info .parameter p{ margin-bottom:24px;font-size:18px;line-height:1.8em; color:#222; }
.show_product .content .info .parameter .tab_box table {border-collapse: collapse;width: 100%; margin-top: 20px;}
.show_product .content .info .parameter .tab_box table td {padding: 12px;font-size: 16px;color: #333;border: 1px solid #fff;}
.show_product .content .info .parameter .tab_box table tr:nth-child(2n) {background: #f5f5f5}
.show_product .content .info .parameter .tab_box{  padding-bottom: 30px;}


.list_news .title { position:relative; margin-bottom:50px; }
.list_news .title h2{font-size:36px; color:#111; line-height:50px; }
.list_news .title h3{ line-height: 1em; position: absolute; left: 0px; top: -20px; font-size:60px; color:rgba(0, 0, 0, 0.05); font-family: 'Barlow'; font-weight: bold; text-transform:uppercase; }
.list_news .content .item{display:grid; grid-template-columns: 1fr 8fr 3fr; grid-gap: 30px; border-bottom: #ddd solid 1px; padding-bottom: 40px; margin-bottom:40px;}
.list_news .content .item .date{ position:relative; padding-top:40px; }
.list_news .content .item .date:after{ top:25px; position:absolute; width:40px; height:2px; background:var(--blue); content:""; left:0px; }
.list_news .content .item .date p{ color:#333; font-size:16px; margin-bottom:5px;font-family: 'Barlow';  }
.list_news .content .item .date h4{ color:#333; font-size:32px;font-family: 'Barlow'; line-height:1em; }
.list_news .content .item .img{ width: 100%; height: 200px; border-radius:6px; 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{ padding-top:20px; }
.list_news .content .item .info h2{font-size:32px; line-height: 1.3em; font-weight: normal; margin-bottom:10px; color:#111;}
.list_news .content .item .info h2 a{color:#111;line-height: 1.3em; }
.list_news .content .item:hover .info h2 a{color:var(--blue);}
.list_news .content .item .info .description{font-size: 17px;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 .pagewidth{}
.show_news .pagewidth .content article h1{ color:#111; font-size:36px; line-height:1.3em; font-weight:400; }
.show_news .pagewidth .content article .date{ color:#999; font-size:16px; padding-top: 20px; line-height:1.3em; margin-bottom: 40px; border-bottom: #ddd solid 1px; padding-bottom: 40px;}
.show_news .pagewidth .content article .html{ font-size:18px;line-height:1.8em; color:#222;border-bottom: #ddd solid 1px; padding-bottom: 40px; margin-bottom:40px; }
.show_news .pagewidth .content article .html p{ margin-bottom:24px;font-size:18px;line-height:1.8em; color:#222; }
.show_news .pagewidth .content .other{display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 50px;}
.show_news .pagewidth .content .other .left span{ font-size:16px; color:#999;margin-bottom:5px; display:block; }
.show_news .pagewidth .content .other .left a{font-size: 18px; line-height: 1.6em; color: #333;}
.show_news .pagewidth .content .other .left a:hover{color: var(--blue);}
.show_news .pagewidth .content .other .right { text-align:right; }
.show_news .pagewidth .content .other .right span{ font-size:16px; color:#999;margin-bottom:5px; display:block; }
.show_news .pagewidth .content .other .right a{font-size: 18px; line-height: 1.6em; color: #333;}
.show_news .pagewidth .content .other .right a:hover{color: var(--blue);}
.show_news .pagewidth .side{display: none;}
.show_news .pagewidth .side h3{ font-size:24px; color:var(--blue); margin-bottom: 24px; border-bottom: #ddd solid 1px; padding-bottom: 24px;}
.show_news .pagewidth .side .item{ display:grid;grid-template-columns:2fr 1fr; grid-gap:30px; margin-bottom: 24px; border-bottom: #ddd solid 1px; padding-bottom: 24px; }
.show_news .pagewidth .side .item .info h2{ font-size:18px; font-weight:normal; line-height:1.5em;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden; }
.show_news .pagewidth .side .item .info h2 a{ color:#333; }
.show_news .pagewidth .side .item .info .time{color: #999; font-family: 'Barlow'; font-size: 16px;}
.show_news .pagewidth .side .item .img{border-radius:6px;height: 100px; overflow: hidden; transform: rotate(0deg);}
.show_news .pagewidth .side .item .img img{width: 100%; height: 100%; object-fit: cover; transition-duration:0.3s;}
.show_news .pagewidth .side .item:hover .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.1);}




.about_1 .pagewidth{display: grid; grid-template-columns: 6fr 2fr; grid-gap: 60px;}
.about_1 .pagewidth .photo { overflow:hidden; }
.about_1 .pagewidth .photo img{ width:100%; height:100%; object-fit:cover; }
.about_1 .pagewidth .content{ position:relative; }
.about_1 .pagewidth .content .title{ margin-bottom:20px; }
.about_1 .pagewidth .content .title h2{ position: relative; font-size: 36px; font-weight: 500; color: #111; padding-bottom: 20px;}
.about_1 .pagewidth .content .title h2:after{ position:absolute; left:0px; bottom:0px; height:2px; width:60px; background:var(--blue); content:""; }
.about_1 .pagewidth .content .html p{ text-indent: 2em; font-size:18px; color:#333; line-height:2em; text-align:justify; }
.about_1 .pagewidth .content .number{ padding-top: 50px;}
.about_1 .pagewidth .content .number{display: grid;grid-template-columns: repeat(3, 1fr); grid-gap: 50px; }
.about_1 .pagewidth .content .number .item > div{display: flex; justify-content: left;align-items: baseline;}
.about_1 .pagewidth .content .number .item > div strong{ font-size:72px; color: var(--blue); font-weight:bold; line-height:1em; }
.about_1 .pagewidth .content .number .item > div span{ font-size:24px; color: var(--blue);  font-weight:none; padding-left:5px; }
.about_1 .pagewidth .content .number .item p{ font-size:17px; padding-top:10px; background: }


.about_2 .pagewidth{ position:relative;  }
.about_2 .pagewidth .title{ margin-bottom:20px; }
.about_2 .pagewidth .title h2{ position: relative; font-size: 36px; font-weight: 500; color: #fff; padding-bottom: 20px;}
.about_2 .pagewidth .title h2:after{ position:absolute; left:0px; bottom:0px; height:2px; width:60px; background:var(--blue); content:""; }
.about_2 .pagewidth .content{ padding-bottom:100px; }
.about_2 .pagewidth .content h2{ font-size:48px; color:#fff; height:400px; line-height:400px; }
.about_2 .pagewidth .subtitle{font-size: 100px; position: absolute; bottom: 30px; right: 0px; font-style: italic; color: #fff; opacity: 0.2; text-align: left; position: absolute; font-weight: bold; z-index: 2; -webkit-text-stroke: 1px #fff;-webkit-text-fill-color: transparent;}


.about_3{}
.about_3 .pagewidth .title{ margin-bottom:20px; }
.about_3 .pagewidth .title h2{ position: relative; font-size: 36px; font-weight: 500; color: #111; padding-bottom: 20px;}
.about_3 .pagewidth .title h2:after{ position:absolute; left:0px; bottom:0px; height:2px; width:60px; background:var(--blue); content:""; }
.about_3 .pagewidth .content{display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; padding-top: 10px;}
.about_3 .pagewidth .content .item{ position:relative; overflow: hidden; display:flex; align-items:center; }
.about_3 .pagewidth .content .item img{ width:100%;transition-duration:0.3s;  }
.about_3 .pagewidth .content .item:hover img{ transform: scale(1.1);}
.about_3 .pagewidth .content .item .info{width: 100%; position: absolute; left: 0px; z-index: 2; right: 0px; top: 50%; transform: translateY(-50%);}
.about_3 .pagewidth .content .item .info img{ width:90px; display: block; margin:0 auto; }
.about_3 .pagewidth .content .item .info h3{ color:#fff; font-size:24px; padding-top:10px; text-align:center; font-weight:500; }



.about_4{  background:var(--bg);}
.about_4 .pagewidth .title{ margin-bottom:20px; }
.about_4 .pagewidth .title h2{ position: relative; font-size: 36px; font-weight: 500; color: #111; padding-bottom: 20px;}
.about_4 .pagewidth .title h2:after{ position:absolute; left:0px; bottom:0px; height:2px; width:60px; background:var(--blue); content:""; }
.about_4 .pagewidth .content{display:grid;grid-template-columns: repeat(4, 1fr); grid-gap: 30px;}
.about_4 .pagewidth .content .item{background: #fff; padding-bottom: 20px;border:#ececec solid 1px;}
.about_4 .pagewidth .content .item .img{ padding-top: 20px; padding-bottom: 20px; height:260px; width:100%; display:flex; align-items:center; }
.about_4 .pagewidth .content .item .img img{transition-duration: 0.3s; max-width:80%; max-height:240px; object-fit: cover; margin: 0 auto;}
.about_4 .pagewidth .content .item .info{text-align: center; font-size: 16px; color: #333;}
.about_4 .pagewidth .content .item:hover .img img{transform: scale(1.1);}

.about_4 .more{display: flex; justify-content: center; padding-top: 30px; align-items: center;}
.about_4 .more a{ font-size: 16px; color: #333;}
.about_4 .more i{background: var(--orange); color: #fff; display: inline-block;margin-left: 5px; height: 32px; width: 32px; text-align: center; line-height: 32px; border-radius: 32px;}




.about_5{}
.about_5 .pagewidth .title{ margin-bottom:20px; }
.about_5 .pagewidth .title h2{ position: relative; font-size: 36px; font-weight: 500; color: #111; padding-bottom: 20px;}
.about_5 .pagewidth .title h2:after{ position:absolute; left:0px; bottom:0px; height:2px; width:60px; background:var(--blue); content:""; }
.about_5 .content{ padding-top:10px; }
.about_5 .content .layui-colla-item{background: #fff; margin-bottom: 20px; border-radius:6px; border:#ececec solid 1px; }
.about_5 .content .layui-colla-title{padding:30px;display:grid;grid-template-columns: 7fr 2fr auto; align-items: center;}
.about_5 .content .layui-colla-item .layui-colla-title h2{ color:#222; font-size:24px;  }
.about_5 .content .layui-colla-item .layui-colla-title span{ margin-right:50px; color:#999; font-size:16px; }
.about_5 .content .layui-colla-title.open{box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);}
.about_5 .content .layui-colla-title.open h2{color: var(--blue);}
.about_5 .content .layui-colla-item .layui-icon{display: none!important;}
.about_5 .content .layui-colla-item .ri-arrow-down-s-line{  text-align: right; transition-duration: 0.3s;  color: #999;font-size: 24px; display: inline-block;}
.about_5 .content .layui-colla-title.open .ri-arrow-down-s-line{color: var(--blue);transform: rotate(180deg);}
.about_5 .content .layui-colla-content{border-top: #ececec solid 1px;padding:30px; font-size:16px; line-height:1.7em; color:#333;} 
.about_5 .content .layui-colla-title.open .layui-colla-title p span{ margin-right:50px; color:#333; font-size:16px; }
.about_5 .content .layui-colla-content.layui-show{box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);}





.list_honor .content .article-list{display:grid;grid-template-columns: repeat(4, 1fr); grid-gap: 30px;}
.list_honor .content .article-list .item{background: #fff; padding-bottom: 20px;border:#ececec solid 1px;}
.list_honor .content .article-list .item .img{ padding-top: 20px; padding-bottom: 20px; height:260px; width:100%; display:flex; align-items:center; }
.list_honor .content .article-list .item .img img{transition-duration: 0.3s; max-width:80%; max-height:240px; object-fit: cover; margin: 0 auto;}
.list_honor .content .article-list .item .info{text-align: center; font-size: 16px; color: #333;}
.list_honor .content .article-list .item:hover .img img{transform: scale(1.1);}


.channel_cooperation .content{ margin-bottom:50px; }
.channel_cooperation .title{ font-size:36px; color:#111; margin-bottom:30px; border-bottom:#ececec solid 1px; padding-bottom:30px; }
.channel_cooperation .list{  display: grid;grid-template-columns: repeat(6, 1fr); grid-gap: 30px}
.channel_cooperation .list .item{border:#f1f1f1 solid 1px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05); border-radius: 3px; overflow: hidden;}
.channel_cooperation .list .item img{width: 100%;display: block;}








.list_contact .item{display: grid; grid-template-columns: 2fr 1.5fr 5fr auto; align-items: center; padding-bottom: 60px; margin-bottom: 60px; border-bottom: #ececec solid 1px;}
.list_contact .item .title h2{ font-size:36px; font-weight:normal;padding-bottom: 20px; position:relative; }
.list_contact .item .title h2:after{ position:absolute; left:0px; bottom:0px; height:2px; width:60px; background:var(--blue); content:""; }
.list_contact .item .img{border-radius: 6px; overflow: hidden;}
.list_contact .item .img img{width: 100%;display: block;}
.list_contact .item .info{ padding-left:80px; line-height:2.4em; font-size:18px; color:#111; }
.list_contact .item .map a{ color:#999; font-size:18px; }
.list_contact .item .map a i{ border-radius:50px; margin-left: 5px; height:36px; width:36px; background: var(--blue); line-height:36px; text-align:center;display:inline-block; color:#fff; font-size:16px; }
.list_contact .item .map a:hover{color: var(--blue);}


.list_faq .item{  padding-bottom:30px; border-bottom:#ececec solid 1px;  margin-bottom: 30px;}
.list_faq .item h2{ font-size:24px; font-weight:500; color:#111; margin-bottom:10px; }
.list_faq .item p{ font-size:18px;color:#333; line-height:1.8em; }


.list_down .item{padding-bottom:30px; border-bottom:#ececec solid 1px;  margin-bottom: 30px; display: grid; grid-template-columns: 6fr 2fr auto; }
.list_down .item p{ font-size:18px;color:#333; line-height:1.8em; }
.list_down .item h2{ font-size:24px; font-weight:500; color:#111; }
.list_down .item .down a{background: var(--blue); color: #fff; line-height: 32px;height: 32px; line-height: 32px; padding-left:20px;  padding-right: 20px; display: inline-block; border-radius: }


.list_message{background: #f6f7f8;}
.list_message .title { position:relative; margin-bottom:20px; }
.list_message .title h2{font-size:36px; color:#111; line-height:50px; }
.list_message .title h3{ line-height: 1em; position: absolute; left: 0px; top: -20px; font-size:60px; color:rgba(0, 0, 0, 0.05); font-family: 'Barlow'; font-weight: bold; text-transform:uppercase; }
.list_message .three{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px;}
.layui-form-label{color: #333;font-size: 15px; display: block!important; float: none!important; text-align: left!important; padding-left: 0!important} 
.layui-input-block{ margin-left:0!important; }
.layui-btn-lg{background: var(--blue)!important; color: #fff; padding-top: 18px!important; padding-bottom: 18px!important; height: auto!important; line-height: 1em!important; width: 300px;}





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

.about_1 .pagewidth{display: grid; grid-template-columns: 6fr 3fr; grid-gap: 60px;}
.about_1 .pagewidth .content .number .item > div strong{ font-size:62px; }
.about_1 .pagewidth .content .number .item > div span{ font-size:18px; color: var(--blue);  font-weight:none; padding-left:5px; }
.about_1 .pagewidth .content .number .item p{ font-size:16px; padding-top:10px; background: }
.about_1 .pagewidth .content .html p{ text-indent: 2em; font-size:16px; color:#333; line-height:1.8em; text-align:justify; }
.index_banner .swiper-slide .info{ width:1320px;}



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

.about_1 .pagewidth{display: grid; grid-template-columns: 6fr 3fr; grid-gap: 60px;}
.about_1 .pagewidth .content .number .item > div strong{ font-size:62px; }
.about_1 .pagewidth .content .number .item > div span{ font-size:20px; color: var(--blue);  font-weight:none; padding-left:5px; }
.about_1 .pagewidth .content .number .item p{ font-size:17px; padding-top:10px; background: }



}
























































@media screen and (max-width: 1440px) {}
@media screen and (max-width: 480px) {
.padding{ padding-top:50px; padding-bottom:50px; }
.padding-bottom-80{ padding-bottom:50px;}
.index_banner .swiper-slide .info{width: calc(100% - 40px); padding-left: 20px; left: 0px; margin-left: 0; padding-right: 20px;  transform: translate(0%, -50%);}
.index_banner .swiper-slide .info h1{ font-size:36px; margin-bottom:10px; }
.index_banner .swiper-slide .info h2{ font-size:40px; margin-bottom:10px; line-height:1.4em }
.index_banner .swiper-slide .info h3{ font-size:18px; line-height: 1.6em;  margin-bottom: 40px;}
.index_banner .swiper-slide .info p{color: #fff;  text-align: justify; font-size:20px;line-height:1.6em; margin-bottom:40px; width:100% }


.index_solution .title{ display:flex; justify-content:space-between; align-items:baseline; padding-bottom:40px; }
.index_solution .title h2{ font-size:36px; font-weight:500; }
.index_solution .title .more{display: flex; justify-content: space-between; align-items: center;}
.index_solution .title .more a{ font-size: 16px; color: #333;}
.index_solution .title .more i{background: var(--orange); color: #fff; display: inline-block;margin-left: 5px; height: 32px; width: 32px; text-align: center; line-height: 32px; border-radius: 32px;}
.index_solution .content{display:grid;grid-template-columns: 1fr; grid-gap: 30px;}
.index_solution .content .left .item{ height: 280px; position:relative; border-radius: 6px; overflow: hidden;}
.index_solution .content .item img{ width:100%; height:100%; object-fit:cover; transition-duration: 0.5s; }
.index_solution .content .item:hover img{transform: scale(1.1);}
.index_solution .content .item p{ position:absolute; left:20px;bottom:60px; opacity: 0.7; z-index:2; font-size:16px; color:#fff;  }
.index_solution .content .item h3{ position:absolute; left:20px;bottom:20px; font-weight: normal; font-size:24px; z-index:2; color:#fff; }
.index_solution .content .right {display: grid;grid-template-columns: 1fr; grid-gap: 30px;}
.index_solution .content .right .item{ height: 300px; position:relative;  border-radius: 6px; overflow: hidden;}

.index_product{background:var(--bg); padding-bottom: 50px; overflow:hidden;
} 
.index_product .tab_title{display: block; justify-content: space-between; align-items: center; margin-bottom: 30px;}
.index_product .tab_title .title { position:relative; }
.index_product .tab_title .title h2{ font-size:32px; font-weight:500; text-align:center; margin-bottom:20px; }
.index_product .tab_title .title h3{ line-height: 1em; position: absolute; left: 0px; top: -20px; font-size:60px; color:rgba(0, 0, 0, 0.05); font-family: 'Barlow'; font-weight: bold; text-transform:uppercase; }
.index_product .tab_title .layui-tab-title{ display:grid; grid-template-columns: repeat(3, 1fr); justify-content: space-between;grid-gap: 0px; grid-gap:0px 20px}
.index_product .tab_title .layui-tab-title li{ text-align: center; transition-duration: 0.2s; cursor:pointer; color:#666666; font-size: 16px; height: 40px; line-height: 40px;}
.index_product .tab_title .layui-tab-title li.layui-this{ color:var(--blue); position:relative; }
.index_product .tab_title .layui-tab-title li.layui-this:after{ content: ""; position: absolute; background:var(--blue); height: 2px; width: 100%; left: 0px; right: 0px; bottom: -6px;}
.index_product .tab_title .more{display: none;}
.index_product .layui-tab-content{ padding-top:0px; }
.index_product .layui-tab-content .layui-tab-item .list{display: grid;grid-template-columns: repeat(2, 1fr);}
.index_product .layui-tab-content .layui-tab-item .list .item{ overflow: hidden; position: relative; background: #fff; border:#ececec solid 1px; margin-left: -0.5px; margin-right: -0.5px;}
.index_product .layui-tab-content .layui-tab-item .list .item .img{width:100%; overflow:hidden; }
.index_product .layui-tab-content .layui-tab-item .list .item .img img{transition-duration: 0.3s; width:100%;}
.index_product .layui-tab-content .layui-tab-item .list .item .info{text-align: center; padding:10px; position: relative; z-index: 3; }
.index_product .layui-tab-content .layui-tab-item .list .item .info h4{ font-size:18px; font-weight: normal; margin-bottom:0px; color:#111; }
.index_product .layui-tab-content .layui-tab-item .list .item .info h4 a{ color:#111; }
.index_product .layui-tab-content .layui-tab-item .list .item .info p{ font-size:16px;  color:#666666; display:none; }
.index_product .layui-tab-content .layui-tab-item .list .item:hover .img img{transform: scale(1.1);}
.index_product .layui-tab-content .layui-tab-item .list .item:hover .info h4 a{ color:var(--blue); }


.index_news {background: var(--bg);}
.index_news .title{ display:flex; justify-content:space-between; align-items:baseline; padding-bottom:40px; }
.index_news .title h2{ font-size:32px; font-weight:500; }
.index_news .title .more{display: flex; justify-content: space-between; align-items: center;}
.index_news .title .more a{ font-size: 16px; color: #333;}
.index_news .title .more i{background: var(--orange); color: #fff; display: inline-block;margin-left: 5px; height: 32px; width: 32px; text-align: center; line-height: 32px; border-radius: 32px;}
.index_news .content{  display: grid;grid-template-columns: repeat(1, 1fr); grid-gap: 30px;}
.index_news .content .item .img{border-radius:6px; overflow: hidden; transform: rotate(0deg);}
.index_news .content .item .img img{width: 100%; height: 100%; object-fit: cover; transition-duration:0.3s;}
.index_news .content .item .info{ padding-top:20px; }
.index_news .content .item .info h2{ font-size:24px; line-height: 1.3em; font-weight: normal; margin-bottom:15px; color:#111;}
.index_news .content .item .info h2 a{color:#111;line-height: 1.3em; }
.index_news .content .item:hover .info h2 a{color:var(--blue);}
.index_news .content .item .info .time{font-size: 16px; font-family: 'Barlow'; color:#333;margin-bottom: 10px;}
.index_news .content .item .info p{font-size: 16px;line-height: 1.8em; color: #666;}
.index_news .content .item:hover .img img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.1);}



.index_about{color:#fff;}
.index_about .title{ display:flex; justify-content:space-between; align-items:baseline; padding-bottom:40px; }
.index_about .title h2{ font-size:32px; font-weight:500; }
.index_about .content{ padding-right:0%; margin-bottom:40px; }
.index_about .content h3{ font-size:24px; margin-bottom:20px; line-height:1.4em; }
.index_about .content p{ font-size:17px; line-height: 1.8em; }
.index_about .number{display: grid;grid-template-columns: repeat(2, 1fr); grid-gap:10px;padding-right:0%; }
.index_about .number .item > div{display: flex; justify-content: left;align-items: baseline;}
.index_about .number .item > div strong{ font-size:48px; font-weight:bold; }
.index_about .number .item > div span{ font-size:16px; font-weight:none; padding-left:5px; }
.index_about .number .item p{ font-size:16px; padding-top:10px; background: }

.index_client .title{ display:flex; justify-content:space-between; align-items:baseline; padding-bottom:40px; }
.index_client .title h2{ font-size:32px; font-weight:500; }
.index_client .title .more{display: flex; justify-content: space-between; align-items: center;}
.index_client .title .more a{ font-size: 16px; color: #333;}
.index_client .title .more i{background: var(--orange); color: #fff; display: inline-block;margin-left: 5px; height: 32px; width: 32px; text-align: center; line-height: 32px; border-radius: 32px;}
.index_client .content{  display: grid;grid-template-columns: repeat(2, 1fr); grid-gap: 20px}
.index_client .content .item{border:#f1f1f1 solid 1px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05); border-radius: 3px; overflow: hidden;}
.index_client .content .item img{width: 100%;display: block;}


.channel_cooperation .content{ margin-bottom:50px; }
.channel_cooperation .title{ font-size:24px; color:#111; margin-bottom:20px; border-bottom:#ececec solid 1px; padding-bottom:20px; }
.channel_cooperation .list{  display: grid;grid-template-columns: repeat(2, 1fr); grid-gap: 20px}
.channel_cooperation .list .item{border:#f1f1f1 solid 1px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05); border-radius: 3px; overflow: hidden;}
.channel_cooperation .list .item img{width: 100%;display: block;}









.detailbanner{overflow: hidden; position: relative; background:#111;}
.detailbanner .pagewidth{ height: 300px; position: relative;}
.detailbanner .text{  text-align: left; position: absolute; left: 20px; right: 0px; bottom: 40px;z-index: 2; }
.detailbanner .text h1{ font-size: 36px; color: #fff; font-weight: 500;  text-align: left;  line-height: 1.1em; z-index: 2; }
.detailbanner .text h2{font-size: 48px; position: absolute; top: 0px; font-style: italic; color: #fff; opacity: 0.2; text-align: left; position: absolute; font-weight: bold; z-index: 2; -webkit-text-stroke: 1px #fff;-webkit-text-fill-color: transparent; }
.detailbanner img.detailbg{ height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; z-index: 1; opacity: 1}

.detailmenu{box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05); position: relative; z-index: 1} 
.detailmenu ul{display: flex; justify-content: left;}
.detailmenu ul li{ margin-right:12px; }
.detailmenu ul li a{ display:block;height:70px; line-height:70px; font-size:14px; color:#333; }
.detailmenu ul li a.active{font-weight: 500; border-bottom: var(--blue) solid 2px; color: var(--blue);}
.detailmenu ul li a:hover{  color:#000; }
.detailmenu ul li a.active:hover{  color:var(--blue); }


.detailmenu_two{}
.detailmenu_two .pagewidth{display: flex; justify-content: left;}
.detailmenu_two ul.one{display: flex; justify-content: left;}
.detailmenu_two ul.one li .two{display: none;}
.detailmenu_two ul.one li .three{display: none;}
.detailmenu_two ul.one li:hover .two{display: block;}
.detailmenu_two ul.one li:hover .three{display: block;}


.list_solution .article-list{display:grid;grid-template-columns: repeat(1, 1fr); grid-gap: 30px;}
.list_solution .article-list .item{ height: 280px; position:relative; border-radius: 6px; overflow: hidden;}
.list_solution .article-list .item img{ width:100%; height:100%; object-fit:cover; transition-duration: 0.5s; }
.list_solution .article-list .item:hover img{transform: scale(1.1);}
.list_solution .article-list .item p{ position:absolute; left:20px;bottom:60px; opacity: 0.7; z-index:2; font-size:16px; color:#fff;  }
.list_solution .article-list .item h3{ position:absolute; left:20px;bottom:20px; font-weight: normal; font-size:24px; z-index:2; color:#fff; }

.show_solution .pagewidth{display:block;grid-template-columns:240px auto; grid-gap: 50px;}
.show_solution .pagewidth .side{ display:none }





.show_solution .pagewidth .content .solution_title{font-size: 32px; color: #111; margin-bottom: 20px;}
.show_solution .pagewidth .content .anchor_1{ border-bottom:#ddd solid 1px; padding-bottom:40px; margin-bottom:40px; }
.show_solution .pagewidth .content .anchor_1 .anchor_title{font-size: 24px; color: #111; padding-bottom: 10px;}
.show_solution .pagewidth .content .anchor_1 .anchor_content h4{font-size: 24px; margin-bottom: 10px;}
.show_solution .pagewidth .content .anchor_1 .anchor_content p{font-size: 18px; color: #333;}
.show_solution .pagewidth .content .anchor_1 .anchor_content .ul1 {display: grid;grid-template-columns: repeat(1, 1fr); grid-gap: 20px;}
.show_solution .pagewidth .content .anchor_1 .anchor_content .ul1 li{ background:#f3f5f6; padding:20px; border:#ececec solid 1px; }
.show_solution .pagewidth .content .anchor_1 .anchor_content .ul1 li h5{ font-size:24px; position:relative; position:relative; color: var(--blue); margin-bottom: 10px;}
.show_solution .pagewidth .content .anchor_1 .anchor_content .ul1 li h5:after	{ position:absolute; content:""; left:-20px; top: 7px; width:3px; background:var(--blue); height:24px; }
.show_solution .pagewidth .content .anchor_1 .anchor_content .ul1 li p{ position:relative; z-index:2; }
.show_solution .pagewidth .content .anchor_1 .anchor_content .ul1 li{ position:relative; }
.show_solution .pagewidth .content .anchor_1 .anchor_content .ul1 li .number{ position: absolute;z-index:1; right: 20px; bottom: 20px; color: #fff; font-size: 200px; line-height: 1em; font-weight:bold;font-style: italic;}
.show_solution .pagewidth .content .anchor_2 .anchor_content{display: grid;grid-template-columns: repeat(2, 1fr); grid-gap: 20px;}

.show_solution .pagewidth .content .anchor_2{ border-bottom:#ddd solid 1px; padding-bottom:40px; margin-bottom:40px; }
.show_solution .pagewidth .content .anchor_2 .anchor_title{font-size: 24px; color: #111; padding-bottom: 20px;}
.show_solution .pagewidth .content .anchor_2 .anchor_content .item{border:#ececec solid 1px;}
.show_solution .pagewidth .content .anchor_2 .anchor_content .item img{width: 100%;display: block;}

.show_solution .pagewidth .content .anchor_3{ border-bottom:#ddd solid 1px; padding-bottom:40px; margin-bottom:40px; }
.show_solution .pagewidth .content .anchor_3 .anchor_title{font-size: 24px; color: #111; padding-bottom: 20px;}
.show_solution .pagewidth .content .anchor_3 .anchor_content{display: grid; grid-template-columns: repeat(2, 1fr);}
.show_solution .pagewidth .content .anchor_3 .anchor_content .item{ overflow: hidden; position: relative; background: #fff; border:#ececec solid 1px; margin-left: -0.5px; margin-right: -0.5px;}
.show_solution .pagewidth .content .anchor_3 .anchor_content .item .img{width:100%; overflow:hidden; }
.show_solution .pagewidth .content .anchor_3 .anchor_content .item .img img{transition-duration: 0.3s; width:100%;}
.show_solution .pagewidth .content .anchor_3 .anchor_content .item .info{text-align: center; padding:20px; position: relative; z-index: 3; }
.show_solution .pagewidth .content .anchor_3 .anchor_content .item .info h4{ font-size:18px; font-weight: normal; color:#111; }
.show_solution .pagewidth .content .anchor_3 .anchor_content .item .info h4 a{ color:#111; }
.show_solution .pagewidth .content .anchor_3 .anchor_content .item:hover .img img{transform: scale(1.1);}
.show_solution .pagewidth .content .anchor_3 .anchor_content .item:hover .info h4 a{ color:var(--blue); }

.show_solution .pagewidth .content .anchor_4{  }
.show_solution .pagewidth .content .anchor_4 .anchor_title{font-size: 24px; color: #111; padding-bottom: 20px;}
.show_solution .pagewidth .content .anchor_4 .anchor_content{  display: grid;grid-template-columns: repeat(2, 1fr); grid-gap: 20px}
.show_solution .pagewidth .content .anchor_4 .anchor_content .item{border:#f1f1f1 solid 1px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05); border-radius: 3px; overflow: hidden;}
.show_solution .pagewidth .content .anchor_4 .anchor_content .item img{width: 100%;display: block;}




.list_product {}
.list_product .title { position:relative; margin-bottom:30px; }
.list_product .title h2{font-size:24px; color:#111;font-weight:400; }
.list_product .pagewidth{display: block;grid-template-columns:240px auto; grid-gap: 50px;}
.list_product .side{ display: none;}

.list_product .content .article-list{display:grid;grid-template-columns: repeat(4, 1fr); grid-gap: 30px;}
.list_product .content .article-list .item{ overflow: hidden; position: relative; background: #fff; border:#ececec solid 1px; margin-left: -0.5px; margin-right: -0.5px;}
.list_product .content .article-list .item .img{width:100%; overflow:hidden; }
.list_product .content .article-list .item .img img{transition-duration: 0.3s; width:100%;}
.list_product .content .article-list .item .info{text-align: center; padding:20px; position: relative; z-index: 3; }
.list_product .content .article-list .item .info h4{ font-size:18px; font-weight: normal; color:#111; }
.list_product .content .article-list .item .info h4 a{ color:#111; }
.list_product .content .article-list .item .info p{ font-size:16px;  color:#666666; }
.list_product .content .article-list .item:hover .img img{transform: scale(1.1);}
.list_product .content .article-list .item:hover .info h4 a{ color:var(--blue); }

.show_product .pagewidth{display: grid;grid-template-columns:240px auto; grid-gap: 50px;}
.show_product .side{border-right: #ddd solid 1px;}
.show_product .side .two.active a.active{ color:var(--blue); }
.show_product .side .two > li a{ line-height:60px; height:60px; display: block; border-bottom:#ddd solid 1px; padding-left:20px; padding-right:20px; }
.show_product .side .two > li a{ color:#111; font-size:18px; }
.show_product .side ul.two{}
.show_product .side ul.two.active{background: var(--bg); border-right:var(--blue) solid 2px;}
.show_product .side .three li a{display:block; height: 48px; color: #666; line-height: 48px; padding-left: 30px; padding-right: 30px;}
.show_product .side .three li a.active{background: var(--blue); color: #fff!important; }
.show_product .side ul.two > li.child{ position:relative; }
.show_product .side ul.two > li.child:after{ content: "\ea4e";font-family: "remixicon"; position: absolute; right: 10px; top: 18px; font-size: 16px; color:#333}
.show_product .content {display:grid; grid-template-columns: 2fr 3fr; grid-gap: 50px;align-items: flex-start; }
.show_product .content .photo{border:#ececec solid 1px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02); border-radius: 3px; overflow: hidden;}
.show_product .content .photo img{ width:100%; }
.show_product .content .info .title{ font-size:36px; color:#111; margin-bottom:30px; }
.show_product .content .info .html h3{ font-size:24px; font-weight:500px; color:var(--blue); padding-bottom:10px;  border-bottom: #ddd solid 1px;margin-bottom: 10px;}
.show_product .content .info .html p{ margin-bottom:24px;font-size:18px;line-height:1.8em; color:#222; }
.show_product .content .info .parameter h3{ font-size:24px; font-weight:500px; color:var(--blue); padding-bottom:10px;  border-bottom: #ddd solid 1px;margin-bottom: 10px;}
.show_product .content .info .parameter p{ margin-bottom:24px;font-size:18px;line-height:1.8em; color:#222; }
.show_product .content .info .parameter .tab_box table {border-collapse: collapse;width: 100%; margin-top: 20px;}
.show_product .content .info .parameter .tab_box table td {padding: 12px;font-size: 16px;color: #333;border: 1px solid #fff;}
.show_product .content .info .parameter .tab_box table tr:nth-child(2n) {background: #f5f5f5}
.show_product .content .info .parameter .tab_box{  padding-bottom: 30px;}


.list_news .title { position:relative; margin-bottom:50px; }
.list_news .title h2{font-size:36px; color:#111; line-height:50px; }
.list_news .title h3{ line-height: 1em; position: absolute; left: 0px; top: -20px; font-size:60px; color:rgba(0, 0, 0, 0.05); font-family: 'Barlow'; font-weight: bold; text-transform:uppercase; }
.list_news .content .item{display:block; grid-template-columns: 1fr 8fr 3fr; grid-gap: 30px; border-bottom: #ddd solid 1px; padding-bottom: 40px; margin-bottom:40px;}
.list_news .content .item .date{ position:relative; padding-top:20px;display: none;}
.list_news .content .item .date:after{ top:0px; position:absolute; width:40px; height:2px; background:var(--blue); content:""; left:0px; }
.list_news .content .item .date p{ color:#333; font-size:16px; margin-bottom:5px;font-family: 'Barlow';  }
.list_news .content .item .date h4{ color:#333; font-size:32px;font-family: 'Barlow'; line-height:1em; }
.list_news .content .item .img{ width: 100%; height: 200px; border-radius:6px; 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{ padding-top:0px; margin-bottom:20px; }
.list_news .content .item .info h2{font-size:24px; line-height: 1.3em; font-weight: normal; margin-bottom:10px; color:#111;}
.list_news .content .item .info h2 a{color:#111;line-height: 1.3em; }
.list_news .content .item:hover .info h2 a{color:var(--blue);}
.list_news .content .item .info .description{font-size: 17px;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 .pagewidth{display: block;grid-template-columns: auto 420px; grid-gap: 100px;}
.show_news .pagewidth .content article h1{ color:#111; font-size:24px; line-height:1.3em; font-weight:400; }
.show_news .pagewidth .content article .date{ color:#999; font-size:16px; padding-top: 20px; line-height:1.3em; margin-bottom: 20px; border-bottom: #ddd solid 1px; padding-bottom: 20px;}
.show_news .pagewidth .content article .html{ font-size:18px;line-height:1.8em; color:#222;border-bottom: #ddd solid 1px; padding-bottom: 40px; margin-bottom:40px; }
.show_news .pagewidth .content article .html p{ margin-bottom:24px;font-size:18px;line-height:1.8em; color:#222; }
.show_news .pagewidth .content .other{display: block; grid-template-columns: repeat(2, 1fr); grid-gap: 50px;}
.show_news .pagewidth .content .other .left span{ font-size:16px; color:#999;margin-bottom:5px; display:block; }
.show_news .pagewidth .content .other .left a{font-size: 18px; line-height: 1.6em; color: #333;}
.show_news .pagewidth .content .other .left a:hover{color: var(--blue);}
.show_news .pagewidth .content .other .right { text-align:right; }
.show_news .pagewidth .content .other .right span{ font-size:16px; color:#999;margin-bottom:5px; display:block; }
.show_news .pagewidth .content .other .right a{font-size: 18px; line-height: 1.6em; color: #333;}
.show_news .pagewidth .content .other .right a:hover{color: var(--blue);}
.show_news .pagewidth .side {display: none;}



.about_1 .pagewidth{display: block; grid-template-columns: 6fr 4fr; grid-gap: 80px;}
.about_1 .pagewidth .photo{display: none;}
.about_1 .pagewidth .photo img{ width:100%; }
.about_1 .pagewidth .content{ position:relative; }
.about_1 .pagewidth .content .title{ margin-bottom:20px; }
.about_1 .pagewidth .content .title h2{ position: relative; font-size: 24px; font-weight: 500; color: #111; padding-bottom: 20px;}
.about_1 .pagewidth .content .title h2:after{ position:absolute; left:0px; bottom:0px; height:2px; width:60px; background:var(--blue); content:""; }
.about_1 .pagewidth .content .html p{ text-indent: 2em; font-size:16px; color:#333; line-height:2em; text-align:justify; }
.about_1 .pagewidth .content .number{padding-top: 30px; z-index: 3; background: rgba(255, 255, 255, 0.9); box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.03); border:none;}
.about_1 .pagewidth .content .number{display: grid;grid-template-columns: repeat(2, 1fr); grid-gap: 20px; }
.about_1 .pagewidth .content .number .item > div{display: flex; justify-content: left;align-items: baseline;}
.about_1 .pagewidth .content .number .item > div strong{ font-size:40px; color: var(--blue); font-weight:bold; line-height:1em; }
.about_1 .pagewidth .content .number .item > div span{ font-size:18px; color: var(--blue);  font-weight:none; padding-left:5px; }
.about_1 .pagewidth .content .number .item p{ font-size:16px; padding-top:10px; background: }


.about_2 .pagewidth{ position:relative;  }
.about_2 .pagewidth .title{ margin-bottom:20px; }
.about_2 .pagewidth .title h2{ position: relative; font-size: 24px; font-weight: 500; color: #fff; padding-bottom: 20px;}
.about_2 .pagewidth .title h2:after{ position:absolute; left:0px; bottom:0px; height:2px; width:60px; background:var(--blue); content:""; }
.about_2 .pagewidth .content{ padding-bottom:100px; padding-top:80px; }
.about_2 .pagewidth .content h2{ font-size:36px; color:#fff; height:auto; line-height:1.4em; }
.about_2 .pagewidth .subtitle{font-size: 60px; position: absolute; bottom: 0px; right: 0px; font-style: italic; color: #fff; opacity: 0.2; text-align: left; position: absolute; font-weight: bold; z-index: 2; -webkit-text-stroke: 1px #fff;-webkit-text-fill-color: transparent;}


.about_3{ background:var(--bg);}
.about_3 .pagewidth .title{ margin-bottom:20px; }
.about_3 .pagewidth .title h2{ position: relative; font-size: 24px; font-weight: 500; color: #111; padding-bottom: 20px;}
.about_3 .pagewidth .title h2:after{ position:absolute; left:0px; bottom:0px; height:2px; width:60px; background:var(--blue); content:""; }
.about_3 .pagewidth .content{display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 30px; padding-top: 10px;}
.about_3 .pagewidth .content .item{ position:relative; overflow: hidden; display:flex; align-items:center; }
.about_3 .pagewidth .content .item img{ width:100%;transition-duration:0.3s;  }
.about_3 .pagewidth .content .item:hover img{ transform: scale(1.1);}
.about_3 .pagewidth .content .item .info{width: 100%; position: absolute; left: 0px; z-index: 2; right: 0px; top: 50%; transform: translateY(-50%);}
.about_3 .pagewidth .content .item .info img{ width:90px; display: block; margin:0 auto; }
.about_3 .pagewidth .content .item .info h3{ color:#fff; font-size:24px; padding-top:10px; text-align:center; font-weight:500; }


.about_4{  background:var(--bg);}
.about_4 .pagewidth .title{ margin-bottom:20px; }
.about_4 .pagewidth .title h2{ position: relative; font-size: 24px; font-weight: 500; color: #111; padding-bottom: 20px;}
.about_4 .pagewidth .title h2:after{ position:absolute; left:0px; bottom:0px; height:2px; width:60px; background:var(--blue); content:""; }
.about_4 .pagewidth .content{display:grid;grid-template-columns: repeat(1, 1fr); grid-gap: 20px;}
.about_4 .pagewidth .content .item{background: #fff; padding-bottom: 20px;border:#ececec solid 1px;}
.about_4 .pagewidth .content .item .img{ padding-top: 20px; padding-bottom: 20px; height:260px; width:100%; display:flex; align-items:center; }
.about_4 .pagewidth .content .item .img img{transition-duration: 0.3s; max-width:80%; max-height:240px; object-fit: cover; margin: 0 auto;}
.about_4 .pagewidth .content .item .info{text-align: center; font-size: 16px; color: #333;}
.about_4 .pagewidth .content .item:hover .img img{transform: scale(1.1);}

.about_4 .more{display: flex; justify-content: center; padding-top: 30px; align-items: center;}
.about_4 .more a{ font-size: 16px; color: #333;}
.about_4 .more i{background: var(--orange); color: #fff; display: inline-block;margin-left: 5px; height: 32px; width: 32px; text-align: center; line-height: 32px; border-radius: 32px;}




.about_5{}
.about_5 .pagewidth .title{ margin-bottom:20px; }
.about_5 .pagewidth .title h2{ position: relative; font-size: 36px; font-weight: 500; color: #111; padding-bottom: 20px;}
.about_5 .pagewidth .title h2:after{ position:absolute; left:0px; bottom:0px; height:2px; width:60px; background:var(--blue); content:""; }
.about_5 .content{ padding-top:10px; }
.about_5 .content .layui-colla-item{background: #fff; margin-bottom: 20px; border-radius:6px; border:#ececec solid 1px; }
.about_5 .content .layui-colla-title{padding:30px;display:grid;grid-template-columns: 7fr 2fr auto; align-items: center;}
.about_5 .content .layui-colla-item .layui-colla-title h2{ color:#222; font-size:24px;  }
.about_5 .content .layui-colla-item .layui-colla-title span{ margin-right:50px; color:#999; font-size:16px; }
.about_5 .content .layui-colla-title.open{box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);}
.about_5 .content .layui-colla-title.open h2{color: var(--blue);}
.about_5 .content .layui-colla-item .layui-icon{display: none!important;}
.about_5 .content .layui-colla-item .ri-arrow-down-s-line{  text-align: right; transition-duration: 0.3s;  color: #999;font-size: 24px; display: inline-block;}
.about_5 .content .layui-colla-title.open .ri-arrow-down-s-line{color: var(--blue);transform: rotate(180deg);}
.about_5 .content .layui-colla-content{border-top: #ececec solid 1px;padding:30px; font-size:16px; line-height:1.7em; color:#333;} 
.about_5 .content .layui-colla-title.open .layui-colla-title p span{ margin-right:50px; color:#333; font-size:16px; }
.about_5 .content .layui-colla-content.layui-show{box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);}

.list_honor .content .article-list{display:grid;grid-template-columns: repeat(1, 1fr); grid-gap: 20px;}
.list_honor .content .article-list .item{background: #fff; padding-bottom: 20px;border:#ececec solid 1px;}
.list_honor .content .article-list .item .img{ padding-top: 20px; padding-bottom: 20px; height:260px; width:100%; display:flex; align-items:center; }
.list_honor .content .article-list .item .img img{transition-duration: 0.3s; max-width:80%; max-height:240px; object-fit: cover; margin: 0 auto;}
.list_honor .content .article-list .item .info{text-align: center; font-size: 16px; color: #333;}
.list_honor .content .article-list .item:hover .img img{transform: scale(1.1);}



.list_contact .item{display: block; grid-template-columns: 2fr 1.5fr 5fr auto; align-items: center; padding-bottom: 30px; margin-bottom: 30px; border-bottom: #ececec solid 1px;}
.list_contact .item .title h2{ font-size:24px; font-weight:normal;padding-bottom: 20px; position:relative; margin-bottom:20px; }
.list_contact .item .title h2:after{ position:absolute; left:0px; bottom:0px; height:2px; width:60px; background:var(--blue); content:""; }
.list_contact .item .img{border-radius: 6px; overflow: hidden; margin-bottom: 20px;}
.list_contact .item .img img{width: 100%;display: block;}
.list_contact .item .info{ padding-left:0px; line-height:2.4em; font-size:18px; color:#111; margin-bottom: 10px;}
.list_contact .item .map a{ color:#999; font-size:18px; }
.list_contact .item .map a i{ border-radius:50px; margin-left: 5px; height:36px; width:36px; background: var(--blue); line-height:36px; text-align:center;display:inline-block; color:#fff; font-size:16px; }
.list_contact .item .map a:hover{color: var(--blue);}


.list_faq .item{  padding-bottom:30px; border-bottom:#ececec solid 1px;  margin-bottom: 30px;}
.list_faq .item h2{ font-size:20px; font-weight:500; color:#111; margin-bottom:10px; }
.list_faq .item p{ font-size:16px;color:#333; line-height:1.8em; }


.list_down .item{padding-bottom:30px; border-bottom:#ececec solid 1px;  margin-bottom: 30px; display: block; grid-template-columns: 6fr 2fr auto; }
.list_down .item p{ font-size:16px;color:#333; line-height:1.8em;margin-bottom: 5px; }
.list_down .item h2{ font-size:18px; font-weight:500; color:#111; margin-bottom: 5px;}
.list_down .item .down a{background: var(--blue); color: #fff; width:100px; display: inline-block; line-height: 32px;height: 32px; line-height: 32px; padding-left:20px; padding-right: 20px; text-align: center;  margin-right: 20px; display: inline-block; border-radius: }
.list_down .item .time{ margin-bottom:10px; color:#999 }

.list_message{background: #f6f7f8;}
.list_message .title { position:relative; margin-bottom:20px; }
.list_message .title h2{font-size:36px; color:#111; line-height:50px; }
.list_message .title h3{ line-height: 1em; position: absolute; left: 0px; top: -20px; font-size:60px; color:rgba(0, 0, 0, 0.05); font-family: 'Barlow'; font-weight: bold; text-transform:uppercase; }
.list_message .three{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px;}
.layui-form-label{color: #333;font-size: 15px; display: block!important; float: none!important; text-align: left!important; padding-left: 0!important} 
.layui-input-block{ margin-left:0!important; }
.layui-btn-lg{background: var(--blue)!important; color: #fff; padding-top: 18px!important; padding-bottom: 18px!important; height: auto!important; line-height: 1em!important; width: 300px;}



.list_message{background: #f6f7f8;}
.list_message .title { position:relative; margin-bottom:20px; }
.list_message .title h2{font-size:24px; color:#111; line-height:50px; }
.list_message .title h3{ line-height: 1em; position: absolute; left: 0px; top: 0px; font-size:48px; color:rgba(0, 0, 0, 0.05); font-family: 'Barlow'; font-weight: bold; text-transform:uppercase; }
.list_message .three{display: block; grid-template-columns: repeat(3, 1fr); grid-gap: 30px;}
.layui-form-label{color: #333;font-size: 15px; display: block!important; float: none!important; text-align: left!important; padding-left: 0!important} 
.layui-input-block{ margin-left:0!important; }
.layui-btn-lg{background: var(--blue)!important; color: #fff; padding-top: 18px!important; padding-bottom: 18px!important; height: auto!important; line-height: 1em!important; width: 100%;}

}

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

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