.index_banner { height:720px; position: relative; background: #000 }
.index_banner .swiper-pagination-bullet{ border:#fff solid 1px; opacity: 1; background: none;  width: 8px; height: 8px;}
.index_banner .swiper-pagination-bullet-active{ background: #fff; }
.index_banner .swiper-container{ height: 100%; }
.index_banner .swiper-slide{ position: relative; }
.index_banner .swiper-slide .h1{top: 240px; z-index: 22;letter-spacing: 5px; color: #fff; font-size: 60px;  line-height: 1.3em; font-weight: bold; text-shadow: 2px 2px 5px rgba(15,63,129,0.5); position: absolute;left: 50%; width: 1200px; margin-left: -600px; text-align: left;opacity: 0; transition: 0.5s;  transition-delay: 0.4s;transition-timing-function: linear; }
.index_banner .swiper-slide .h2{font-weight: bold;top: 320px; z-index: 33; color: #fff; font-size:24px; line-height: 1.8em; text-shadow: 2px 2px 5px rgba(15,63,129,0.5); position: absolute;left: 50%; width: 1200px; margin-left: -600px;text-align: left;opacity: 0; transition: 0.5s;  transition-delay: 0.6s;transition-timing-function: linear;  }
.index_banner .swiper-slide .more{ top: 400px; z-index: 33; color: #fff; position: absolute;left: 50%; width: 1200px; font-weight: normal;text-align: left;opacity: 0; transition: 0.5s;margin-left: -600px;  transition-delay: 0.6s;transition-timing-function: linear; }
.index_banner .swiper-slide .more a{ color: #fff; border-radius: 40px; height:40px; line-height: 40px; padding-left: 20px; padding-right: 20px; font-size: 16px; position: relative; border:#fff solid 2px; display: block; width: 140px;}
.index_banner .swiper-slide .more a i{ font-size: 16px;float: right; line-height: 40px;}
.index_banner .swiper-slide-active .h1{opacity: 1; top: 260px }
.index_banner .swiper-slide-active .h2{opacity: 1; top: 340px; }
.index_banner .swiper-slide-active .more{opacity: 1; top: 420px; }
.index_banner .swiper-slide { height: 100%; }
.index_banner .swiper-slide img{ height: 100%; width: 100%; object-fit: cover; }
.index_banner .swiper-pagination{  bottom: 5%!important;}
.index_banner .swiper-pagination-bullet{  opacity: 1; width: 10px; height: 10px; margin:0px 5px!important; opacity: 0.7; border-radius: 10px; border:none; transition-duration: 0.3s; border:#fff solid 1px; }
.index_banner .swiper-pagination-bullet-active{ background: #fff;opacity: 1; width: 10px; background: #fff;  opacity:1;border:#fff solid 1px;}
.index_banner .swiper-button-next{ right: 3%; border-radius: 48px; height: 48px; width: 48px; border:#fff solid 1px; background-size: 20px 40px }
.index_banner .swiper-button-prev{ left: 3%; border-radius: 48px; height: 48px; width: 48px; border:#fff solid 1px; background-size: 20px 40px }




.index_case{ padding-top: 70px; padding-bottom:70px; background: url(../images/casebg.jpg) no-repeat center; background-size: cover; overflow:hidden;}
.index_case .title h3{ text-align: center; font-size: 36px; font-weight: bold; }
.index_case .title span{ width: 36px; height: 3px; border-radius: 3px; background: #1ba6e7; display: block; margin: 15px auto; }
.index_case .content{ padding-top: 10px; position: relative;  }
.index_case .content .img_case{ margin-bottom: 20px; }
.index_case .content .img_case .swiper-slide{transform:translate3d(0,0,0); overflow:hidden;   background: #fff; border-radius: 3px; overflow: hidden;}
.index_case .content .img_case .swiper-slide .img{ height: 280px;  overflow: hidden; }
.index_case .content .img_case .swiper-slide .info{ padding-top: 15px; padding-bottom:15px; }
.index_case .content .img_case .swiper-slide .info h2{font-size: 16px; font-weight: normal; text-align: center;} 
.index_case .content .img_case .swiper-slide .info h2 a{ color: #333 }
.index_case .content .img_case .swiper-slide .img img{ width: 100%; display: block; height: 100%; object-fit: cover; transition-duration: 0.3s; }
.index_case .content .img_case .swiper-slide:hover .img img{transform: scale(1.05); }
.index_case .content .img_case .swiper-container{ padding-bottom: 50px; }
.index_case .content .img_case .swiper-pagination-bullet{ width: 8px; border:#fff solid 2px; height:8px; opacity: 1; border-radius: 0px; transition-duration: 0.3s; border-radius: 12px; background: none; }
.index_case .content .img_case .swiper-pagination-bullet-active{width: 8px; height: 8px;border-radius: 8px; background: #1ba6e7; border-color: #1ba6e7}
.index_case .content .img_case  .swiper-button-next{ top: 44%; right: -60px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") ; background-repeat: no-repeat; background-position: center center; background-color:#eb5d1e; border-radius: 44px 44px; width: 44px; height: 44px; border-radius: 44px; background-size: 18px 18px;  }
.index_case .content .img_case  .swiper-button-prev{ top: 44%; left: -60px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");background-repeat: no-repeat; background-position: center center; background-color:#eb5d1e; border-radius:44px 44px; width: 44px; height: 44px; border-radius: 44px; background-size: 18px 18px;  }
.index_case .content .img_case  .swiper-button-disabled{background-color:#999!important;}
.index_case .content .noimg_case{ margin-bottom: 30px }
.index_case .content .noimg_case ul li{ float: left; width: 33.33%; text-indent: 12px; font-size: 16px; line-height: 36px; height: 36px; position: relative;}
.index_case .content .noimg_case ul li:after{ width: 4px; height: 4px; content: ""; background: #555; position: absolute; left: 0px; top:16px  }
.index_case .content .noimg_case ul li a{ color: #333; }
.index_case .content .noimg_case ul li a:hover{ color: #1ba6e7;  transform: translateY(-2px)  }
.index_case .more{  width: 120px;  width:background: #fff; margin: 0 auto; }
.index_case .more a{ font-family: 'HarmonyOS Sans Bold'; width: 100%; background: #ffbc48; line-height: 40px; font-size: 16px; padding-left:10px; padding-right: 10px; height: 40px; text-align: center; color: #fff; font-weight: bold; color: #fff; display: block; border-radius: 40px; box-shadow: 0px 0px 10px rgba(255,188,72,0.5) }



.index_about{ padding-top: 70px; padding-bottom:70px; background: #1ba6e7;}
.index_about .title h3{ text-align: left; font-size: 18px; font-weight: bold; color: #fff; position: relative; padding-left: 20px; margin-bottom: 15px;}
.index_about .title h3:after{content: ""; position: absolute; left: 0px; border:#fff solid 3px; top: 6px; width: 8px; height: 8px; border-radius: 40px;}
.index_about .title h2{ text-align: left; font-size: 30px; font-weight: bold; color: #fff; }
.index_about .title span{ width: 36px; height: 3px; border-radius: 3px; background: #1ba6e7; display: block; margin: 15px auto; }
.index_about .left{ width: 50%; float: left; }
.index_about .left .box{ float: right; width: 600px; }

.index_about .content{ padding-top: 20px; color: #fff; font-size: 16px; line-height: 1.8em; margin-bottom: 40px; }
.index_about .number{  padding-top: 25px; border-top: rgba(255,255,255,0.2) solid 1px;}
.index_about .number ul{ width: 120%; }
.index_about .number ul li{ float: left; width: 260px; position: relative; padding-bottom: 5px; padding-top: 5px; margin-right: 100px; }
.index_about .number ul li img{ width: 30px; display: block; position: absolute; left: 200px; top: 20px; }
.index_about .number ul li h3{ color: #1ba6e7; font-size: 45px; text-align: left;}
.index_about .number ul li h3 p{ font-size: 16px; font-weight: bold; color: #fff; text-align: left; }
.index_about .number ul li h3 strong{ font-size: 46px; font-weight: bold; color: #fff; font-family: 'DIN-Alternate-Bold'; }
.index_about .number ul li h3 span{ font-size: 16px; font-weight: bold; color: #fff; padding-left: 10px; }
.index_about .number ul li p{ text-align: center; padding-top: 10px; color: #666666 }
.index_about .more { margin-bottom: 50px; }
.index_about .more a{ display: block; background: #fff; color: #1ba6e7; font-size: 14px; font-weight: bold;font-family: 'HarmonyOS Sans Bold'; width: 120px; height: 40px; line-height: 40px; border-radius: 50px; text-align: center; }



.index_about .right{ width: 46%; float: left; padding-left: 4%; }
.index_about .right .swiper-slide {width: 600px; position: relative;}
.index_about .right .swiper-slide img{ width: 100%; display: block; border-radius: 3px; }
.index_about .right .swiper-slide h4{ z-index: 4; position: absolute; left: 10px; bottom: 10px; font-size: 14px; font-weight: normal; background: rgba(0,0,0,0.4); border-radius: 40px; color: #fff; padding: 3px 10px }
.index_about .right .swiper-slide:after{ content:""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 100%; z-index: 2;
background: -moz-linear-gradient(right, rgba(2, 66, 130, 0.5) 0%, rgba(2, 66, 130, 0) 100%);
background: -webkit-linear-gradient(right, rgba(2, 66, 130, 0.5) 0%, rgba(2, 66, 130, 0) 100%);
background: linear-gradient(to right, rgba(2, 66, 130, 0.5) 0%, rgba(2, 66, 130, 0) 100%); border-radius: 3px; }

.index_solution{ overflow: hidden;  width: 100%}
.index_solution ul li{ float: left; width: 25%; }
.index_solution ul li{background: #000; position: relative;}
.index_solution ul li:after{ content:""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 100%; z-index: 2;background: rgba(2, 66, 130, 0.4); transition-duration: 0.3s; opacity: 1;}
.index_solution ul li:before{ content:""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 4px; z-index: 2; background: #1ba6e7; z-index: 5; transition-duration: 0.3s; opacity: 0;}
.index_solution ul li img.bg{ opacity: 0.7; width: 100%; display: block;  transition-duration: 0.3s;}
.index_solution ul li img.icon{ width: 50px; position: absolute; transition-duration: 0.3s; z-index: 3; left: 50%; margin-left: -25px; top: 240px; }
.index_solution ul li img.more{ width: 40px; position: absolute; transition-duration: 0.3s; z-index: 3; left: 50%; margin-left: -20px; top: 400px; opacity: 1;}
.index_solution ul li a.more1{ position: absolute; opacity: 0; top: 400px; z-index: 5; display: block; background: #1ba6e7; color: #fff; font-size: 14px; font-weight: bold;font-family: 'HarmonyOS Sans Bold'; transition-duration: 0.3s; width: 120px; height: 40px; line-height: 40px; position: absolute; left: 50%; margin-left: -60px; border-radius: 50px; text-align: center; }
.index_solution ul li h2{  color: #fff; font-size: 24px; text-align: center; transition-duration: 0.3s; position: absolute; z-index: 3; top: 300px; display: block; left: 0; right: 0;}

.index_solution ul li:hover:after{ opacity: 0; }
.index_solution ul li:hover img.bg{ opacity: 0.7; width: 100%; display: block; }
.index_solution ul li:hover img.icon{ width: 50px; position: absolute; z-index: 3; left: 50%; margin-left: -25px; top: 220px; }
.index_solution ul li:hover img.more{top: 380px; opacity: 0;}
.index_solution ul li:hover h2{  color: #fff; font-size: 24px; text-align: center; position: absolute; z-index: 3; top: 280px; display: block; left: 0; right: 0;}
.index_solution ul li:hover .more{ width: 40px; position: absolute; transition-duration: 0.3s; z-index: 3; left: 50%; margin-left: -20px; top: 400px; opacity: 0;}
.index_solution ul li:hover a.more1{ opacity: 1; top: 380px; }
.index_solution ul li:hover:before{ opacity: 1; }


.index_product { padding-top: 70px; padding-bottom: 70px; }
.index_product .title{ margin-bottom: 30px; }
.index_product .title h3{ text-align: center; font-size: 18px; font-weight: bold; color: #1ba6e7; position: relative; padding-left: 20px; margin-bottom: 15px;}
.index_product .title h3:after{content: ""; position: absolute; left: 50%; margin-left: -48px; border:#1ba6e7 solid 3px; top: 6px; width: 8px; height: 8px; border-radius: 40px;}
.index_product .title h2{ text-align: center; font-size: 30px; font-weight: bold; color: #000; }
.index_product .title span{ width: 36px; height: 3px; border-radius: 3px; background: #1ba6e7; display: block; margin: 15px auto; }
.index_product .content .swiper-slide .box{ border:#ececec solid 1px; padding: 30px; height: 300px; transition-duration: 0.3s;}
.index_product .content .swiper-slide .box:hover{ border:#1ba6e7 solid 1px;  }
.index_product .content .swiper-slide .box h2{ border-bottom:#ececec solid 1px; padding-bottom: 20px; margin-bottom: 20px; }
.index_product .content .swiper-slide .box h2 a{ font-size: 20px; font-weight: normal; color: #333; }
.index_product .content .swiper-slide .box .description{ font-size: 14px; color: #666666; line-height: 1.8em; position: absolute; }
.index_product .content .swiper-slide .box .more{ position: absolute; left: 30px; bottom: 30px; opacity: 1; width: 40px; display: block; transition-duration: 0.3s }
.index_product .content .swiper-slide .box:hover .more{ opacity: 0;}
.index_product .content .swiper-slide .box .more1{ position: absolute; left: 30px; bottom: 30px; width: 40px; opacity: 0; transition-duration: 0.3s; }
.index_product .content .swiper-slide .box:hover .more1{ position: absolute; left: 30px; bottom: 30px;opacity: 1; width: 40px;  }
.index_product .content .swiper-slide .box .thumb{ width: 180px; position: absolute; right: 30px; bottom: 2px; }
.index_product .content .swiper-container{ padding-bottom: 60px; }
.index_product .content .swiper-pagination-bullet{background: #999;}
.index_product .content .swiper-pagination-bullet-active{ background: #1ba6e7 }

.index_news { padding-top: 70px; padding-bottom: 70px; 
background: -moz-linear-gradient(bottom, rgba(229, 236, 242, 0.5) 0%, rgba(2, 66, 130, 0) 100%);
background: -webkit-linear-gradient(bottom, rgba(229, 236, 242, 0.5) 0%, rgba(2, 66, 130, 0) 100%);
background: linear-gradient(to bottom, rgba(229, 236, 242, 0.5) 0%, rgba(2, 66, 130, 0) 100%); }
.index_news .title{ margin-bottom: 20px; }
.index_news .title h3{ text-align: left; font-size: 18px; font-weight: bold; color: #1ba6e7; position: relative; padding-left: 20px; margin-bottom: 15px;}
.index_news .title h3:after{content: ""; position: absolute; left: 0px;  border:#1ba6e7 solid 3px; top: 6px; width: 8px; height: 8px; border-radius: 40px;}
.index_news .title h2{ text-align: left; font-size: 30px; font-weight: bold; color: #000; }
.index_news .title span{ width: 36px; height: 3px; border-radius: 3px; background: #1ba6e7; display: block; margin: 15px auto; }
.index_news .content ul li{ padding-top: 20px; padding-bottom: 20px; transition-duration: 0.3s; }
.index_news .content ul li:hover{ background: #fff; }
.index_news .content ul li .box{ width: 1200px; margin: 0 auto; }
.index_news .content ul li .time{ float: left; width: 10%; padding-top: 20px;}
.index_news .content ul li .time span{ display: block; text-align: left; font-size: 23px; font-weight: normal; color: #333;font-family: 'DIN-Alternate-Bold';  }
.index_news .content ul li .time strong{ display: block; text-align: left; font-size: 30px; color: #333; font-weight: normal; font-family: 'DIN-Alternate-Bold'; }
.index_news .content ul li .thumb{ float: left; width: 24%;border:#ececec solid 1px; border-radius: 3px; overflow: hidden;}
.index_news .content ul li .thumb img{ display: block; width: 100%; }
.index_news .content ul li .info{ float: left; padding-top: 20px; width: 55%; padding-left: 3%; }
.index_news .content ul li .info h2{ font-size: 24px; font-weight: normal; margin-bottom: 10px; }
.index_news .content ul li .info h2 a{ color: #333; }
.index_news .content ul li:hover .info h2 a{ color: #1ba6e7; }
.index_news .content ul li .info p{ font-size: 14px; line-height: 1.8em; color: #666; font-weight: normal; }
.index_news .content ul li .more{ float: right; position: relative; }
.index_news .content ul li .more1{ opacity: 1; width: 40px; top: 74px; position: absolute; display: block; transition-duration: 0.3s }
.index_news .content ul li:hover .more1{ opacity: 0;  }
.index_news .content ul li .more2{ width: 40px; opacity: 0; top: 74px; position: absolute; transition-duration: 0.3s; }
.index_news .content ul li:hover .more2{ opacity: 1; width: 40px;    }


.index_rad{ padding-top: 70px; padding-bottom: 70px; background: url(../images/radbg.jpg) no-repeat center; background-size: cover; }
.index_rad .title h3{ text-align: left; font-size: 18px; font-weight: bold; color: #1ba6e7; position: relative; padding-left: 20px; margin-bottom: 15px;}
.index_rad .title h3:after{content: ""; position: absolute; left: 0px; border:#1ba6e7 solid 3px; top: 6px; width: 8px; height: 8px; border-radius: 40px;}
.index_rad .title h2{ text-align: left; font-size: 30px; font-weight: bold; color: #000; }
.index_rad .title span{ width: 36px; height: 3px; border-radius: 3px; background: #1ba6e7; display: block; margin: 15px auto; }
.index_rad .left{ width: 50%; float: left; }
.index_rad .left .box{ float: right; width: 600px; }
.index_rad .content{ width: 50%; padding-top: 20px; color: #444444; font-size: 16px; line-height: 1.8em; margin-bottom: 40px; }

.index_rad .list{ padding-top: 100px; }
.index_rad .list .left{ width: 540px; float: left; background: #fff; padding: 20px; box-shadow: 4px 4px 10px rgba(0,0,0,0.1); transition-duration: 0.3s;}
.index_rad .list .left .icon{ float: left; width: 150px; padding-top: 25px; }
.index_rad .list .left .icon img{  width: 55px; display: block; margin: 0 auto; margin-bottom: 20px; }
.index_rad .list .left .icon h3{  text-align: center; font-size: 18px; color:#333; }
.index_rad .list .left .text{ float: left; width: 349px; padding-left: 30px; border-left: #ececec solid 1px; padding-top: 20px; padding-bottom: 20px; margin-bottom: 0; }
.index_rad .list .left .text h4{ font-size: 20px; color:#333; line-height: 140%; margin-bottom: 10px; }
.index_rad .list .left .text p{ font-size: 14px; color:#333;  line-height: 1.8em; }

.index_rad .list .right{ width: 540px; float: right; background: #fff; padding: 20px; box-shadow: 4px 4px 10px rgba(0,0,0,0.1);transition-duration: 0.3s; }
.index_rad .list .right .icon{ float: left; width: 150px; padding-top: 25px; }
.index_rad .list .right .icon img{  width: 55px; display: block; margin: 0 auto; margin-bottom: 20px; }
.index_rad .list .right .icon h3{  text-align: center; color: #333; font-size: 18px;}
.index_rad .list .right .text{ float: left; width: 349px; padding-left: 30px; border-left: #ececec solid 1px; margin-bottom: 0; }
.index_rad .list .right .text img{ height: 154px; }
.index_rad .list a{ display:block; }
.index_rad .list .left:hover{ display:block;transform: translateY(-2px) }
.index_rad .list .right:hover{ display:block;transform: translateY(-2px) }







.nodata{ text-align: center; font-size: 16px; color: #999; padding-top: 40px; padding-bottom: 40px; } 
.nodata img{ width: 80px; display: block; margin: 0 auto; margin-bottom: 20px;  }

.detailbanner{background: #222; color: #fff; position: relative; overflow: hidden; }
.detailbanner .pagewidth{ height: 300px; position: relative;}
.detailbanner h1{ top: 150px; font-size: 36px; text-shadow: 2px 2px 2px rgba(0,0,0,.1);  color: #fff;  text-align: left; position: absolute; left: 0px; right: 0px; z-index:2; }
.detailbanner h2{ top: 125px;font-family: 'HarmonyOS Sans Bold'; font-size: 18px;text-shadow: 2px 2px 2px rgba(0,0,0,.1); text-transform: uppercase; position: absolute; font-weight: normal;  z-index: 2; left: 0px; right: 0px;  text-align: left; }
.detailbanner img.detailbg{ width: 100%; object-fit: cover; position: absolute; top: 0; z-index: 1; }
.detailbanner img.icon{ position: absolute; left: 50%; width:130px; z-index: 4; top: 160px; margin-left: -50px; }
 



.submenu{ height: 60px; line-height: 60px; background: #fff;  box-shadow: 0px 0px 5px rgba(0,0,0,0.2); position: relative; z-index: 9; }
.submenu ul { float: left;}
.submenu ul li{ float: left;}
.submenu ul li a{ display: block; margin-right: 10px; font-size: 16px; padding-left: 25px; padding-right: 25px; color: #666666;}
.submenu ul li a:hover{color: #333; background: #f5f5f5}
.submenu ul li a.active{ color: #fff; font-weight: bold; position: relative; background: #1ba6e7}
.submenu span{color: #666; font-size: 14px; float: right;}
.submenu span i{ margin-left: 10px; margin-right: 10px; }
.submenu span a{ color: #666; }


.subimgmenu{ border-bottom: #ececec solid 1px; }
.subimgmenu ul {text-align: center; padding-top: 20px; padding-bottom: 20px;}
.subimgmenu ul li{ display: inline-block; width: 300px; margin-left: 6px; margin-right: 6px;}
.subimgmenu ul li a{ display: block; background: #f9f9f9; padding-top: 20px; padding-bottom: 20px;}
.subimgmenu ul li a img{ height: 56px; margin: 0 auto; display: block; }
.subimgmenu ul li a img.icona{ display: block; }
.subimgmenu ul li a img.iconb{ display: none; }
.subimgmenu ul li a span{  display: block; text-align: center; color: #666; padding-top: 10px; font-size: 16px;}
.subimgmenu ul li a:hover{ background: #f6f6f6 }
.subimgmenu ul li a:hover span{ color: #1ba6e7 }
.subimgmenu ul li a:hover img.icona{ display: none; }
.subimgmenu ul li a:hover img.iconb{ display: block; }


.crumbs{box-shadow: 0px 0px 5px rgba(0,0,0,0.2);  margin-bottom: 30px; background: #fff; height:50px; line-height: 50px; color: #999; font-size: 14px; }
.crumbs i{ margin-left: 10px; margin-right: 10px; }
.crumbs a{ color: #999; }


.page_content{ background:#f6f8fb; position: relative; overflow: hidden; padding-bottom: 40px; }
.page_content:after{ position: absolute; content: ""; left: 50%; z-index: 1; margin-left: -400px; top: 0px; bottom: 0px; width: 100%; background: #fff; box-shadow: 0 20px 20px rgba(0,0,0,0.05) }
.page_content .side{ float: left; width:200px; padding-top: 100px; padding-bottom: 40px;  }
.page_content .side ul li a{ display: block; height: 50px; line-height: 50px; padding-left:25px; color: #333333; font-size: 15px; }
.page_content .side ul li a.active{ position: relative; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%); color: #1ba6e7; font-weight: bold;}
.page_content .side ul li a.active:after{content: ""; position: absolute; left: 0px;  border:#1ba6e7 solid 2px; top: 20px; width: 6px; height: 6px; border-radius: 40px;}
.page_content .content{ float: left; width:920px; padding-left: 80px; position: relative; z-index: 2; padding-top: 50px; }
.page_content .content .title{ font-size: 24px; color: #333; font-weight: bold; padding-bottom: 20px; border-bottom: #ececec solid 1px; margin-bottom: 20px; }
.page_content .content .page_html{ padding-top: 30px; font-size: 16px; color: #333; line-height: 1.8em; position: relative; margin-bottom: 50px; }
.page_content .content .page_html .time{ position: absolute; left: 0px; top: 0px; font-size: 14px; color: #999; }
.page_content .content .product_html{ padding-top: 30px; font-size: 16px; color: #333; line-height: 1.8em; position: relative; margin-bottom: 50px; }
.page_content .content .product_html img{  width: 80%; margin:0 auto; }
.page_content .content h4{ font-size: 24px; line-height: 1.3em; color: #024282; margin-bottom: 10px; }

 
.page_service{ padding-top: 50px; padding-bottom: 80px; }



.accordion li {padding: 20px; background: #f6f8fb; border-radius: 4px; margin-bottom: 20px;}

.accordion .link {
  cursor: pointer;
  display: block;
  color: #333333;
  font-size: 24px; font-weight: bold;
  position: relative;
}
.accordion .link p{ font-size: 14px; font-weight: normal; color: #999; padding-top: 10px; }
.accordion .link p span{ margin-right: 30px; }
.accordion li:last-child .link {
  border-bottom: 0;
}

.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}

.accordion li.open{ background: #1ba6e7; }
.accordion li.open .link {
  color: #b63b4d;
}

.accordion li.open i {
  color: #b63b4d;
}
.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

 .subcontent {
  display: none;
  font-size: 16px;line-height: 1.8em; 
 }

.accordion li.open .link{ color: #fff; }
.accordion li.open .link p{ color: #fff; }
.accordion li.open .subcontent {color: #fff}
.accordion li.open .link i{ color: #fff; }

/*发展历程*/
.licheng_list{ position: relative;  }
.licheng_list ul { padding-top: 30px; padding-bottom: 40px; }
.licheng_list ul li{  line-height: 1.5em;}
.licheng_list ul li .year{ position: relative; float: left; width: 9%; padding-top: 25px;  margin-right: 4%; color: #024282; font-size: 16px; font-weight:bold;font-family: 'HarmonyOS Sans Bold';}
.licheng_list ul li .year:after{ content: ""; right: -10px; top: 31px; position: absolute; width: 6px; height: 6px; background: #fff; z-index: 2; border-radius: 12px;  border:#cccccc solid 2px; }
.licheng_list ul li .event{ float: left; width: 86%; color: #333333; padding-top: 20px;  line-height: 2em; color: #333; position: relative; }
.licheng_list ul li .event:after{ content: ""; left: -32.5px; z-index: -1; top: 0px; bottom: 0px; position: absolute; width: 1px; background: #cccccc; height: auto;  }
.licheng_list:before{ content: "\f017";font-family: 'FontAwesome'; position: absolute; left: 81px; top: 18px; font-size: 16px; color: #ccc}
.licheng_list ul li .event{ padding-bottom: 30px; }
.licheng_list .more{ width: 120px; margin: 0 auto;padding-top: 20px; }
.licheng_list .more a{ width: 100%; background: #ffbc48; line-height: 40px; font-size: 16px; padding-left:10px; padding-right: 10px; height: 40px; text-align: center; color: #fff; font-weight: bold; color: #fff; display: block; border-radius: 40px; box-shadow: 0px 0px 10px rgba(255,188,72,0.5) }


.service_list{ padding-top: 50px; padding-bottom: 80px; }
.service_list .title{ font-weight: bold; font-size: 24px; margin-bottom: 20px; color: #333; }
.service_list{  padding-top: 50px; padding-bottom: 50px; }
.service_list path{ fill:#d7e3ef; cursor: pointer!important; data-stroke:#fff; stroke-width:1  }
.service_list path:hover{ fill:#239cd6; }
.service_list path#taiwan:hover{ fill:#d7e3ef; }
.service_list path#xianggang:hover{ fill:#d7e3ef; }
.service_list path#aomen:hover{ fill:#d7e3ef; }
.service_list text{ font-size:10px;pointer-events:none; }
.service_list .map{ width: 800px; float: left; }
.service_list .right{ width: 400px; float: left; padding-top: 100px; }
.service_list .right .box{ border-radius: 6px; border:#1ba6e7 solid 2px; position: relative; }
.service_list .right .box:after{ position: absolute;content: ""; left: -10px; top: 22px; border: 8px solid transparent; border-left-width: 0; border-right-color: #1ba6e7; }
.service_list .right .box .h2{ background: #1ba6e7; color: #fff;  font-size: 20px; font-weight: bold; line-height: 60px; padding-left: 20px; padding-right: 20px; margin-bottom: 20px; }
.service_list .right .box h4{ position: relative; padding-left: 40px; font-size: 14px; color: #666666; font-weight: normal; margin-bottom: 5px;}
.service_list .right .box h3{ padding-right: 40px;padding-left: 40px; font-weight: bold; color: #111; font-size: 16px; margin-bottom: 15px; }
.service_list .right .box h4 img{ width: 16px; position: absolute; top: 2px; left:20px;  }
.hidden{display:none;}


/*新闻详细*/
.show_news .news_other{ line-height: 2em; font-size: 16px; color: #333; padding-bottom: 30px;  margin-bottom: 30px; border-bottom: #ececec solid 1px; }
.show_news .news_other p{ line-height: 2em; font-size: 16px; color: #333; }
.show_news .news_other p strong{ color: #333; font-size: 18px; }
.show_news .news_other ul li{ float: left; width:33.333%; }
.show_news .news_other ul li img{ width: 90%; display: block; margin: 0 auto; }
.show_news .news_other ul li p{  text-align: center; font-size: 14px; padding-top: 5px; }
.show_news .news_title{ padding-bottom: 30px; border-bottom: #ececec solid 1px; margin-bottom: 20px;}
.show_news .news_title h1{ text-align: left; font-size: 28px; color: #333; padding-bottom: 15px; }
.show_news .news_title p{ text-align: left; font-size: 14px; color: #999; font-weight: normal; }
.show_news .news_html{ font-size: 16px; line-height: 1.8em;color: #333; padding-bottom: 20px; }
.show_news .news_other{ padding-top: 20px; border-top: #ececec solid 1px;}
.show_news .news_other .left{ float: none; font-size: 14px;}
.show_news .news_other .right{ float: none; font-size: 14px;}
.show_news .news_other a{ color: #333; }
.show_news .news_other a:hover{ color: #003d94; }

.page_content .content .article{ width: 635px; padding-right: 80px;float: left; }
.page_content .content .right_side h3{ font-size:18px; margin-bottom: 20px; }
.page_content .content .right_side{ width: 204px; float: left; }
.page_content .content .right_side ul li{ margin-bottom: 30px;  line-height: 1.6em; font-size: 14px; color: #333; font-weight: normal;}
.page_content .content .right_side ul li a{ color: #666; }
.page_content .content .right_side ul li a:hover{ color: #1ba6e7; }
.page_content .content .right_side ul li .img{  margin-bottom: 10px; }
.page_content .content .right_side ul li img{ width: 100%; display: block;  }
.page_content .content .right_side ul li {}

.page_contact{ padding-top:50px; padding-bottom:50px;background: #fff;}
.page_contact .contact{ float: left; width: 35%; margin-right: 5%; }
.page_contact .contact h2{ font-size: 24px; margin-bottom: 20px; color: #333; }
.page_contact .message{ float: left; width: 60%; }
.page_contact .message h2{ font-size: 24px; margin-bottom: 20px; color: #333; }
.page_contact .contact ul li{ margin-bottom: 10px; font-size: 16px; color: #333; }
.page_contact .contact .wechat{ width: 120px; text-align: center; padding-top: 50px; }
.page_contact .contact .wechat img{ width: 120px;  }
.page_contact .contact .wechat p{  font-size: 14px; font-size: 14px; color: #999; padding-top: 10px; }
.page_contact .box{ background: #fff; padding: 40px; }
.page_contact .box h2{ color: #35538d; font-size: 24px; margin-bottom: 10px; }
.page_contact .box h4{ font-size: 16px; color: #333; margin-bottom: 40px; font-weight: normal; }

.page_contact .box .contact{ line-height: 2em; font-size: 16px; color: #333; }
.page_contact .box .contact p{ line-height: 2em; font-size: 16px; color: #333; }
.page_contact .box .contact h2{ color: #35538d; font-size: 24px; padding-top: 30px; margin-bottom: 10px;}

.page_contact .layui-input-block{ margin-left: 0; }
.page_contact .layui-form-item{ margin-bottom: 24px; }
.page_contact .two .layui-input-block{ float:left; width: 48.8%; }
.page_contact .two .layui-input-block .layui-input{ background: #f6f8fb;height: 44px; line-height: 1.3; line-height: 44px\9; border:none;}
.page_contact .two .left{ float: left; }
.page_contact .two .right{ float: right; }

.page_contact .one .layui-input-block{  }
.page_contact .one .layui-input-block .layui-textarea{ padding-top: 10px; background: #f6f8fb;height: 200px; line-height: 1.3; line-height: 44px\9;border:none}
.page_contact .layui-btn{ background: #1ba6e7; height: 48px; line-height: 48px; font-size: 16px; font-weight: bold; }



.list_picture{ padding-top:50px; padding-bottom:50px;background: #fff}
.list_picture ul{ width: 110%; }
.list_picture ul li{ float: left; width:576px; margin-right: 48px; margin-bottom: 28px; transition-duration: 0.3s}
.list_picture ul li .img{  display: block; border:#ececec solid 1px; padding: 4px; overflow: hidden;}
.list_picture ul li .img img{ width: 100%; height: 100%; display: block; object-fit: cover; transition-duration: 0.3s;}
.list_picture ul li:hover {transform: translateY(-5px) }
.list_picture ul li .info{  }
.list_picture ul li .info h2{text-align: center; font-weight: normal; font-size: 16px; padding-top: 15px;}
.list_picture ul li .info h2 a{ color: #333; }



.list_case{padding-bottom:50px;background: #fff}

.list_case .tuijian { overflow: hidden; margin-bottom: 10px;}
.list_case .tuijian ul{ width: 1300px; }
.list_case .tuijian ul li{ float: left;  width: 380px; margin-bottom: 30px;margin-right: 30px; border:#ececec solid 1px; border-radius: 4px; }
.list_case .tuijian ul li .img{ height: 280px;  overflow: hidden; }
.list_case .tuijian ul li .info{ padding-top: 15px; padding-bottom:15px; }
.list_case .tuijian ul li .info h2{font-size: 16px; font-weight: normal; text-align: center;} 
.list_case .tuijian ul li .info h2 a{ color: #333 }
.list_case .tuijian ul li .img img{ width: 100%; display: block; height: 100%; object-fit: cover; }

.list_case .yewu .listtitle{ width: 100%; color:#fff; background: #1ba6e7; font-size: 15px;  text-indent: 1em; line-height: 44px; height: 44px }
.list_case .yewu .listtitle .name{ float: left; width: 50%; text-indent: 1em; line-height: 44px; height: 44px;}
.list_case .yewu .listtitle .con{ float: left; width: 50%; text-indent: 1em; line-height: 44px; height: 44px; }

.list_case .yewu .listcontent{ margin-bottom: 30px; }
.list_case .yewu .listcontent li{ font-size: 15px; }
.list_case .yewu .listcontent li:hover{ font-size: 15px; background: #f6f6f6 }
.list_case .yewu .listcontent li .name{ float: left; width: 50%; text-indent: 30px; line-height: 44px; height: 44px;  position: relative; }
.list_case .yewu .listcontent li .name:after{ position: absolute; left:20px; top: 20px; width: 3px; height: 3px;content: ""; background: #333; }
.list_case .yewu .listcontent li .con{ float: left; width: 50%; text-indent: 1em; line-height: 44px; height: 44px; color: #999; }

.show_case{ padding-top: 50px; padding-bottom:50px;background: #fff}
.show_case .html{ line-height: 2em; font-size: 16px; color: #333; padding-bottom: 30px;  margin-bottom: 30px; border-bottom: #ececec solid 1px; }
.show_case .html p{ line-height: 2em; font-size: 16px; color: #333; }
.show_case .html p strong{ color: #333; font-size: 18px; }
.show_case .html ul li{ float: left; width:33.333%; }
.show_case .html ul li img{ width: 90%; display: block; margin: 0 auto; }
.show_case .html ul li p{  text-align: center; font-size: 14px; padding-top: 5px; }
.show_case .title{  text-align: center; font-size: 26px; color: #333; padding-bottom: 30px; font-weight: bold; border-bottom: #ececec solid 1px; margin-bottom: 20px;}
.show_case .other{ }
.show_case .other .left{ float: left; font-size: 14px;}
.show_case .other .right{ float: right; font-size: 14px;}
.show_case .other a{ color: #333; }
.show_case .other a:hover{ color: #eb5d1e; }



.service_box{ padding-top: 70px; padding-bottom: 70px; }
.service_box .title{ text-align: center; font-size: 32px; color: #333; font-weight:bold; position: relative; padding-bottom: 20px; margin-bottom: 30px;}
.service_box .title:after{position: absolute; content: "";  width:30px; left: 50%; background: #1b86f2; bottom:0px; margin-left: -15px;  height: 3px; border-radius: 3px; z-index: 2;}
.service_box_a .content{box-shadow: 0px 0px 10px rgba(0,0,0,0.1)}
.service_box_a .content .swiperTab{  float: left;  padding-top: 20px; padding-bottom: 20px; width: 240px;}
.service_box_a .content .swiperTab li{ height: 50px; line-height: 50px; padding-left: 20px; border-left: #fff solid 2px; cursor: pointer; }
.service_box_a .content .swiperTab li.active{ background: #f6f7f7; color: #1b86f2; font-weight: bold; border-left: #1b86f2 solid 2px; }
.service_box_a .content .swiper-container{ float: left; width: 940px; border-left: #e5edf7 solid 1px;  }
.service_box_a .content .swiper-container .swiper-slide ul{  width: 970px; }
.service_box_a .content .swiper-container .swiper-slide ul li{ float: left; width: 440px; padding-right: 20px;padding-left: 20px; padding-top: 30px; padding-bottom: 30px; border-bottom:#ececec solid 1px; }
.service_box_a .content .swiper-container .swiper-slide ul li:nth-child(2n){ border-left: #e5edf7 solid 1px;}
.service_box_a .content .swiper-container .swiper-slide ul li .img { float: left; width: 58px; height: 58px; border-radius: 3px; border:#e5edf7 solid 1px; margin-right: 10px; }
.service_box_a .content .swiper-container .swiper-slide ul li .img img{ width: 48px; height: 48px; display: block; }
.service_box_a .content .swiper-container .swiper-slide ul li .info{ float: left; }
.service_box_a .content .swiper-container .swiper-slide ul li .info h3{ font-size: 16px; color: #333; margin-bottom: 5px; padding-top: 5px; }
.service_box_a .content .swiper-container .swiper-slide ul li .info p{ font-size: 13px; color: #999; }
.service_box_a .content .swiper-container .swiper-slide ul li .info p span{ margin-right: 20px; }
.service_box_a .content .swiper-container .swiper-slide ul li .down{  float: right; padding-top: 14px;  }
.service_box_a .content .swiper-container .swiper-slide ul li .down a{background: #1b86f2;  color: #fff; font-weight: bold; font-size: 14px; padding: 6px 20px; border-radius: 3px;  display: inline-block;}
.service_box .more{ width: 120px; margin: 0 auto; bottom: 80px; z-index: 3; padding-top: 40px; }
.service_box .more a{ width: 100%; background: #ffbc48; line-height: 40px; font-size: 16px; padding-left:10px; padding-right: 10px; height: 40px; text-align: center; color: #fff; font-weight: bold; color: #fff; display: block; border-radius: 40px; box-shadow: 0px 0px 10px rgba(255,188,72,0.5) }


.service_box_a{ background: #fff; }
.service_box_b{ background: #f5f9fa; }
.service_box_b .content ul{ width: 1280px; }
.service_box_b .content ul li{ float: left; width:600px; margin-right: 40px; border-bottom: #e1e2e2 solid 1px; padding-bottom: 20px; padding-top: 20px; }
.service_box_b .content ul li h3{ color: #1b86f2; font-size: 18px; margin-bottom: 5px; }
.service_box_b .content ul li h3 a{ color: #1b86f2 }
.service_box_b .content ul li p{ color: #666; font-size: 14px; line-height: 1.8em; }




.service_box_c .swiper-slide a{  }
.service_box_c .swiper-slide a .img img{ width: 100%; display: block;  } 
.service_box_c .swiper-slide a .info{ background: #f6f7f7; padding: 20px; height: 130px; position: relative; }
.service_box_c .swiper-slide a .info h3{ color: #333333; font-size: 20px; margin-bottom: 5px; }
.service_box_c .swiper-slide a .info p{ color: #999; font-size: 14px; line-height: 1.8em;}
.service_box_c .swiper-slide a .info .more{ width: 24px; position: absolute; left: 20px; bottom: 20px; }
.service_box_c .swiper-slide a .info .more img.icona{ width: 100%; display: block; }
.service_box_c .swiper-slide a .info .more img.iconb{ width: 100%; display: none; }
.service_box_c .swiper-slide a:hover .info{ background: #1ba6e7 }
.service_box_c .swiper-slide a:hover .info h3{ color: #fff }
.service_box_c .swiper-slide a:hover .info p{ color: #fff }
.service_box_c .swiper-slide a:hover .info .more img.iconb{ width: 100%; display: none; }
.service_box_c .swiper-slide a:hover .info .more img.iconb{ width: 100%; display: block; }


.list_honor ul{ width: 110%; padding-top: 10px; }
.list_honor ul li{ float: left; width: 284px; background: #fff; transition-duration: 0.3s; border:#ececec solid 1px; margin-bottom: 30px; margin-right: 30px; }
.list_honor ul li:hover{ border:#1ba6e7 solid 1px; }
.list_honor ul li .img{padding:40px; height: 240px;}
.list_honor ul li .img img{ width: 100%; height: 100%; margin: 0 auto; display: block; object-fit: contain; }
.list_honor ul li .name{ text-align: center; padding-bottom: 30px; }

.list_join{ padding-bottom: 20px; }
.list_join .side{position: -webkit-sticky;position: sticky;top:110px;}

.list_join .content{ width: 922px; float: left; }

.list_join .content ul{ }
.list_join .content ul li{ background: #f6f8fb; margin-bottom: 30px;position: relative;  border:#ececec solid 1px;}
.list_join .content ul li .box{ padding: 30px; }
.list_join .content ul li .box h1{ font-size: 24px;font-weight: bold; color: #333333; margin-bottom: 10px; position: relative; }
.list_join .content ul li .box h1:after{ position: absolute; left: -30px; top: 5px; bottom: 0px; content: ""; width: 3px; height: 22px;background: #1b86f2 }
.list_join .content ul li .box p{ color: #333; font-size: 14px;line-height: 2em; text-align: justify; }
.list_join .content ul li .box a{ position: absolute; left: 30px; bottom: 30px; color: #666; font-size: 14px; border-radius: 50px; border:#cccccc solid 1px; width: 120px; height: 40px; line-height: 40px; text-align: center; transition-duration: 0.3s }
.list_join .content ul li .box a:hover{background: linear-gradient(to bottom, #5babef 0%, #2f95eb 100%); border:#2f95eb solid 1px;  color: #fff;}

.list_join_liucheng{ padding-top: 20px; padding-bottom: 50px; }
.list_join_liucheng h3{ color: #0f3f81; font-size: 24px; font-weight: bold; }
.list_join_liucheng ul{ text-align: center; padding-top: 40px; padding-bottom: 40px;}
.list_join_liucheng ul li{ display: inline-block; margin-right: 13px; margin-left: 13px; }
.list_join_liucheng ul li img{ display: block; height: 97px;}
.list_join_liucheng .info{ line-height: 1.8em; font-size:16px; color: #333333; }
.list_join_liucheng .info a{ color: #0f3f81; font-weight: bold; }

.list_news{ padding-bottom: 50px; }
.list_news ul li{ margin-bottom: 30px; border-bottom: #ececec solid 1px;  padding-bottom: 30px; }
.list_news ul li .img{ float: left; width: 240px; margin-right: 30px;  overflow: hidden; height: 180px;}
.list_news ul li .img img{ width: 100%; height: 100%; display: block; object-fit: cover; transition-duration: 0.3s;}
.list_news ul li:hover .img img{transform: rotate(0deg) scale(1.05);}
.list_news ul li .info{ float: left; width: 650px;  height: 180px; position: relative; }
.list_news ul li .info .newstitle{ margin-bottom: 10px; line-height: 1.8em; }
.list_news ul li .info .newstitle a{ font-size: 20px; color: #333; }
.list_news ul li .info .newstitle a:hover{ color: #1ba6e7; }
.list_news ul li .info .description{ font-size: 14px; color: #666; line-height: 1.6em; }
.list_news ul li .info .time{ font-size: 14px; color: #999; line-height: 1.6em; position: relative;margin-bottom: 0px; bottom: 0px;}
.list_news ul li .info .description{line-height: 1.8em; font-size: 16px; margin-bottom: 20px; color: #666;}
.list_news ul li .info .description a{ color: #1ba6e7; font-weight: bold; }
.list_news ul li .info span{ display: block; width: 30px; height: 2px; background: #1ba6e7; margin-top: 20px; margin-bottom: 20px; }




.list_partners{ padding-top: 50px; padding-bottom:50px;background: #fff}
.list_partners ul li{ margin-bottom: 30px; border-bottom: #ececec solid 1px;  padding-bottom: 30px; float: left; width: 25%; }
.list_partners ul li .img{ height: 60px; overflow: hidden; padding-top: 20px; padding-bottom: 20px; }
.list_partners ul li .img img{ height:60px; display: block; margin: 0 auto; transition-duration: 0.3s;}
.list_partners ul li:hover .img img{transform: rotate(0deg) scale(1.05);}
.list_partners ul li .info{ }
.list_partners ul li .info .title{ margin-bottom: 10px; line-height: 1.8em;  text-align: center; font-size: 14px; color: #999;}
.list_partners ul li .info .title a{  font-weight: bold; color: #333; }





.list_serivce{ padding-top: 50px; padding-bottom:50px;background: #fff}
.list_serivce h4{ font-size: 18px; color: #333; padding-bottom: 40px; }
.list_serivce ul li{ background: #f5f5f5; }
.list_serivce ul li .img{  width: 50%;}
.list_serivce ul li .img img{ width: 100%; display: block; }
.list_serivce ul li .info{width: 50%; position: relative;}
.list_serivce ul li .info .box{ padding: 50px; }
.list_serivce ul li .info .box .title{ font-weight: bold; font-size: 24px; color: #333;}
.list_serivce ul li .info .box span{ width: 30px; height: 2px; display: block; margin-top: 24px; margin-bottom: 24px; background: #eb5d1e}
.list_serivce ul li .info .box .content{ line-height: 1.8em; font-size: 16px; color: #333; text-align: justify;}
.list_serivce ul li.li1 .img{ float: left; }
.list_serivce ul li.li1 .info{ float: left; }
.list_serivce ul li.li1 .info:after{ position: absolute; left: -10px; top: 54px; border: 10px solid transparent; border-left-width: 0; border-right-color: #f5f5f5; content: "" }
.list_serivce ul li.li2 .img{ float: right; }
.list_serivce ul li.li2 .info{ float: right; }
.list_serivce ul li.li2 .info:after{ position: absolute; right: -10px; top: 54px; border: 10px solid transparent; border-right-width: 0; border-left-color: #f5f5f5; content: "" }
.list_serivce ul li.li3 .img{ float: left; }
.list_serivce ul li.li3 .info{ float: left; }
.list_serivce ul li.li3 .info:after{ position: absolute; left: -10px; top: 54px; border: 10px solid transparent; border-left-width: 0; border-right-color: #f5f5f5; content: "" }
.list_serivce ul li.li4 .img{ float: right; }
.list_serivce ul li.li4 .info{ float: right; }
.list_serivce ul li.li4 .info:after{ position: absolute; right: -10px; top: 54px; border: 10px solid transparent; border-right-width: 0; border-left-color: #f5f5f5; content: "" }
.list_serivce ul li.li5 .img{ float: left; }
.list_serivce ul li.li5 .info{ float: left; }
.list_serivce ul li.li5 .info:after{ position: absolute; left: -10px; top: 54px; border: 10px solid transparent; border-left-width: 0; border-right-color: #f5f5f5; content: "" }
.list_serivce ul li.li6 .img{ float: right; }
.list_serivce ul li.li6 .info{ float: right; }
.list_serivce ul li.li6 .info:after{ position: absolute; right: -10px; top: 54px; border: 10px solid transparent; border-right-width: 0; border-left-color: #f5f5f5; content: "" }
.list_serivce ul li.li7 .img{ float: left; }
.list_serivce ul li.li7 .info{ float: left; }



.show_picture{ padding-top: 50px; padding-bottom:50px;background: #fff}
.show_picture .html{ line-height: 2em; font-size: 16px; color: #333; padding-bottom: 30px;  margin-bottom: 30px; border-bottom: #ececec solid 1px; }
.show_picture .html p{ line-height: 2em; font-size: 16px; color: #333; }
.show_picture .html p strong{ color: #333; font-size: 18px; }
.show_picture .html ul li{ float: left; width:33.333%; }
.show_picture .html ul li img{ width: 90%; display: block; margin: 0 auto; }
.show_picture .html ul li p{  text-align: center; font-size: 14px; padding-top: 5px; }
.show_picture .title{  text-align: center; font-size: 30px; color: #333; padding-bottom: 40px; font-weight: bold; }
.show_picture .other{ padding-top: 50px; text-align: center; padding-bottom: 50px;}
.show_picture .other .left{ float: left; font-size: 16px;}
.show_picture .other .right{ float: right; font-size: 16px;}
.show_picture .other a{ color: #333; }
.show_picture .other a:hover{ color: #eb5d1e; }

.show_picture .swiper-slide img{ width: 100%; display: block; }
.show_picture .imglist .swiper-container{ padding-bottom: 50px; }
.show_picture .imglist .swiper-pagination-bullet{ width: 10px; height: 10px; }
.show_picture .imglist .swiper-pagination-bullet-active{width: 10px; height: 10px;background: #eb5d1e;}
.show_picture .imglist .swiper-button-next{ right: -60px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") ; background-repeat: no-repeat; background-position: center center; background-color:#eb5d1e; border-radius: 44px 44px; width: 44px; height: 44px; border-radius: 44px; background-size: 18px 18px;  }
.show_picture .imglist .swiper-button-prev{ left: -60px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");background-repeat: no-repeat; background-position: center center; background-color:#eb5d1e; border-radius:44px 44px; width: 44px; height: 44px; border-radius: 44px; background-size: 18px 18px;  }
.show_picture .imglist .swiper-button-disabled{ background-color:#ccc; }



.page_solution{ padding-top: 30px; padding-bottom:30px;background: #f6f9fa}
.page_solution .left{ width: 260px; float: left;}
.page_solution .left .list{  }
.page_solution .left .list li{  }
.page_solution .left .list li a{ font-size: 16px; color: #333; height: 48px; line-height: 48px;  display: block; padding-left: 20px; border:#ececec solid 1px; margin-bottom: 10px; background: #fff; border-radius: 3px; }
.page_solution .left .list li a.active{ font-weight: bold;  color: #fff; display: block; background: linear-gradient(to left, #009fe6 0%, #0170bf 100%);  }
.page_solution .right{ width: 820px; float: right; background: #fff; padding: 40px;border:#ececec solid 1px;background: #fff; border-radius: 3px; }
.page_solution .right .title{ text-align: center; margin-bottom: 30px;}
.page_solution .right .title h1{ font-size: 24px; margin-bottom: 10px;  }
.page_solution .right .title p{ font-size: 14px; color: #999; }
.page_solution .right .html{ border-top: #ececec solid 1px; padding-bottom: 30px;padding-top: 30px; } 
.page_solution .right .html h2{ font-size: 20px; color: #eb5d1e; margin-bottom: 20px; }
.page_solution .right .html p{ font-size: 15px; color: #333; line-height: 1.8em; }
.page_solution .right .html .row{ margin-bottom: 50px; }
.page_solution .right .html ul li{font-size: 15px; color: #333; line-height: 1.8em}
.page_solution .right .button{ border-top: #ececec solid 1px; padding-top: 40px; padding-bottom: 30px; }
.page_solution .right .button a{ display: block; width: 240px; position: relative; top: 0px; height: 50px; border-radius: 40px; background: #eb5d1e; color: #fff; font-size: 16px; line-height: 50px; text-align: center; font-weight: bold; margin: 0 auto; transition-duration: 0.1s;cursor:pointer;}
.page_solution .right .button a:active{ position: relative; top: 2px; }


.list_product{ padding-top: 30px; margin-bottom: 50px }
.list_product ul{ width: 110%; }
.list_product ul li { float: left; width: 380px; margin-right: 30px;  margin-bottom: 30px; }
.list_product ul li .box{ border:#ececec solid 1px; padding: 30px; height: 300px; transition-duration: 0.3s; position: relative;} 
.list_product ul li .box:hover{ border:#1ba6e7 solid 1px;  }
.list_product ul li .box h2{ border-bottom:#ececec solid 1px; padding-bottom: 20px; margin-bottom: 20px; }
.list_product ul li .box h2 a{ font-size: 20px; font-weight: normal; color: #333; }
.list_product ul li .box .description{ font-size: 14px; color: #666666; line-height: 1.8em; }
.list_product ul li .box .more{ position: absolute; left: 30px; bottom: 30px; opacity: 1; width: 40px; display: block; transition-duration: 0.3s }
.list_product ul li .box:hover .more{ opacity: 0;}
.list_product ul li .box .more1{ position: absolute; left: 30px; bottom: 30px; width: 40px; opacity: 0; transition-duration: 0.3s; }
.list_product ul li .box:hover .more1{ position: absolute; left: 30px; bottom: 30px;opacity: 1; width: 40px;  }
.list_product ul li .box .thumb{ width: 180px; position: absolute; right: 30px; bottom: 2px; }







.show_product{ padding-bottom:50px;background: #fff;}
.show_product .content{ width: 920px; float: left; border:#ececec solid 1px; }
.show_product .content  .top{}
.show_product .content  .top .photo{ width: 460px;margin-right: 30px; float: left; border-right: #ececec solid 1px; }
.show_product .content  .top .photo img{ width: 100%; display: block; }
.show_product .content  .top .photo .swiper-pagination{ bottom: 20px; }
.show_product .content  .top .photo .swiper-pagination-bullet{ width: 8px; height: 8px; border: #666 solid 2px; background: #fff;}
.show_product .content  .top .photo .swiper-pagination-bullet-active{width: 8px; height: 8px;background: #1ba6e7;border: #1ba6e7 solid 2px;: }
.show_product .content  .top .info{ width: 410px; float: left; padding-top: 40px;}
.show_product .content  .top .info h1{ font-weight: bold; font-size: 32px; color: #1ba6e7; margin-bottom: 10px; }
.show_product .content  .top .info .description{ line-height: 2em; font-size: 16px; color: #555; margin-bottom: 40px; }
.show_product .content  .top .info .olineservice{ border-top:#ececec solid 1px;  }
.show_product .content  .top .info .olineservice h4{ font-weight: normal; padding-top: 30px;font-size: 14px; color: #666; margin-bottom: 10px; }
.show_product .content  .top .info .olineservice .qqcontent a.qq{ display: inline-block; border-radius: 3px; background: #1ba6e7; color: #fff ; border:#1ba6e7 solid 2px; margin-right: 20px;  padding:10px 20px; font-size: 16px; }
.show_product .content  .top .info .olineservice .qqcontent a.wechat{ position: relative; display: inline-block; border-radius: 3px; border:#00be5d solid 2px; background: #00be5d; margin-right: 20px;  color: #fff; padding:10px 20px; font-size: 16px;}
.show_product .content  .top .info .olineservice .qqcontent a.wechat .wechatcontent{ position: absolute; display: none; border-radius: 3px; background: #fff;border:#ececec solid 1px; top: 48px; right: -8px; width: 140px; height: 140px; box-shadow: 0px 0px 5px rgba(0,0,0,0.1) }
.show_product .content  .top .info .olineservice .qqcontent a.wechat .wechatcontent img{ width: 100%; display: block;}
.show_product .content  .top .info .olineservice .qqcontent a.wechat .wechatcontent:after{ content: '';position: absolute;border: 7px solid transparent;border-top-width: 0;border-bottom-color: #ececec;top: -7px;right: 3px}
.show_product .content  .top .info .olineservice .qqcontent a.wechat .wechatcontent:before{ content: '';position: absolute;border: 7px solid transparent;border-top-width: 0;border-bottom-color: #fff;top: -5px;right: 3px; z-index: 999;}
.show_product .content  .top .info .olineservice .qqcontent a.wechat:hover .wechatcontent{ position: absolute; display: block; }
.show_product .content  .top .info .olineservice .telcontent {  font-size: 24px; color: #ce0000;}
.show_product .content  .top .info .olineservice .telcontent strong{ margin-right: 30px; }
.show_product .content  .top .info .olineservice .telcontent span{ margin-right: 6px; }
.show_product .content  .top .info .olineservice .telcontent span img{ height: 20px; position: relative; top: -2px  }

.show_product .jieshao{ padding: 0px; background: #fff; }
.show_product .jieshao .html img{ display: block;width: 100%; }
.show_product .jieshao .html p{ line-height: 2em; font-size: 14px; color: #333; }
.show_product .jieshao .html strong{ font-size: 18px; color: #eb5d1e }


.show_product table {border-collapse: collapse;width: 100%;}
.show_product table td 

.show_product .canshu { border-bottom: #ececec solid 1px; }
.show_product .canshu .html{ padding:0 20px; }

.show_product .canshu .right_title{ font-weight: bold; position: relative;  color: #1b86f2; font-size: 32px; text-align: center; padding-top: 40px; height: 60px; margin-bottom: 20px;}
.show_product .canshu .right_title:after{position: absolute; content: "";  width:40px; left: 50%; background: #1b86f2; bottom:0px; margin-left: -20px;  height: 2px; z-index: 2;}


.show_product .kehu .html{ padding:0 20px; }
.show_product .kehu .html img{ display: block;width: 100%; }
.show_product .kehu .right_title{ font-weight: bold; position: relative; border-top: #ececec solid 1px; color: #1b86f2; font-size: 32px; text-align: center; padding-top: 40px; height: 60px; margin-bottom: 20px;}
.show_product .kehu .right_title:after{position: absolute; content: "";  width:40px; left: 50%; background: #1b86f2; bottom:0px; margin-left: -20px;  height: 2px; z-index: 2;}

.show_product .pro_tab .swiperTab{ border-bottom: #ececec solid 1px; border-top: #ececec solid 1px; }
.show_product .pro_tab .swiperTab li{ float: left; color: #666666; font-size: 16px; padding-left: 20px; padding-right: 20px; height: 44px; line-height: 44px; }
.show_product .pro_tab .swiperTab li.active{ color: #fff; font-size: 16px; background: #1b86f2;font-weight: bold;}

.show_product .pro_tab .texthtml{ padding:20px; line-height: 2em;font-size: 14px;}
.show_product .pro_tab .imghtml{ padding:	0px; }
.show_product .pro_tab .imghtml img{ display: block;width: 100%; }

.show_product .pro_tab .html{ padding:	20px;  line-height: 2em;font-size: 14px;}
.show_product .pro_tab .html img{ display: block;width: 100%; }
.show_product .pro_tab .html table {border-collapse: collapse;width: 100%;}
.show_product .pro_tab .html table td {padding:12px ;font-size: 14px;color: #333;  border: 1px solid #ececec;line-height: 1.6em;}


.list_down{ padding-bottom:50px;background: #fff;}
.list_down .content{ width: 922px; float: left;  }
.list_down .content .righttitle{ font-size: 24px; color: #333; height: 60px; line-height: 60px; font-weight: bold;font-family: 'HarmonyOS Sans Bold'; border-bottom: #ececec solid 1px; }
.list_down .content ul li{ padding-top: 30px; padding-bottom: 30px; border-bottom:#ececec solid 1px; }
.list_down .content ul li:nth-child(2n){ border-left: #e5edf7 solid 1px;}
.list_down .content ul li .img { float: left; width: 58px; height: 58px; border-radius: 3px; border:#e5edf7 solid 1px; margin-right: 10px; }
.list_down .content ul li .img img{ width: 48px; height: 48px; display: block; }
.list_down .content ul li .info{ float: left; }
.list_down .content ul li .info h3{ font-size: 16px; color: #333; margin-bottom: 5px; padding-top: 5px; }
.list_down .content ul li .info p{ font-size: 14px; color: #999; }
.list_down .content ul li .info p span{ margin-right: 30px; } 
.list_down .content ul li .down{  float: right; padding-top: 14px;  }
.list_down .content ul li .down a{background: #1b86f2;  color: #fff; font-weight: bold; font-size: 14px; padding: 6px 20px; border-radius: 3px;  display: inline-block;}






.list_guzhang{  padding-bottom:50px;background: #fff;}
.list_guzhang .righttitle{ font-size: 24px; color: #333; height: 60px; line-height: 60px; font-weight: bold;font-family: 'HarmonyOS Sans Bold'; border-bottom: #ececec solid 1px; }
.list_guzhang ul li{ border-bottom: #e1e2e2 solid 1px; padding-bottom: 20px; padding-top: 20px; }
.list_guzhang ul li h3{ color: #1b86f2; font-size: 20px; margin-bottom: 5px;  }
.list_guzhang ul li h3 a{ color: #1b86f2 }
.list_guzhang ul li p{ font-size: 16px; line-height: 1.8em; color: #666; }


.list_zhishi{ padding-bottom:50px;background: #fff;}
.list_zhishi .righttitle{ font-size: 24px; color: #333; height: 60px; line-height: 60px; font-weight: bold;font-family: 'HarmonyOS Sans Bold'; border-bottom: #ececec solid 1px; }
.list_zhishi ul{ padding-top: 20px; }
.list_zhishi ul li{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: #ececec solid 1px; }
.list_zhishi ul li .img{ float: left; width: 240px; margin-right: 30px;  overflow: hidden; height: 160px;}
.list_zhishi ul li .img img{ width: 100%; height: 100%; display: block; object-fit: cover; transition-duration: 0.3s;}
.list_zhishi ul li:hover .img img{transform: rotate(0deg) scale(1.05);}
.list_zhishi ul li .info{ float: left; width: 930px; }
.list_zhishi ul li .info .title{ margin-bottom: 5px; line-height: 1.8em; }
.list_zhishi ul li .info .title a{ font-size: 20px; font-weight: bold; color: #333; }
.list_zhishi ul li .info .title a:hover{ color: #1ba6e7; }
.list_zhishi ul li .info .description{ font-size: 14px; color: #666; line-height: 1.6em; }
.list_zhishi ul li .info .time{ font-size: 14px; color: #999; line-height: 1.6em; position: relative;margin-bottom: 10px;}
.list_zhishi ul li .info .description{line-height: 1.8em; font-size: 16px; color: #666;}
.list_zhishi ul li .info .description a{ color: #1ba6e7; font-weight: bold; }
.list_zhishi ul li .info span{ display: block; width: 30px; height: 2px; background: #eb5d1e; margin-top: 20px; margin-bottom: 20px; }



.custom_table{border:#ececec solid 1px; background:#fff }
.custom_table { width: 100%; margin: 0 auto; font-size: 15px; color: #333; border-collapse: collapse; font-weight: bold; }
.custom_table tr:nth-of-type(odd) { background: #fff; }
.custom_table th { background: #ececec; color: #999; font-weight: bold; }
.custom_table td,.custom_table th {padding: 12px; border: 1px solid #ececec;}
.custom_table td,.custom_table th { text-align: center;}

.team_list{padding-bottom:30px;padding-top: 30px; background: #f5f6f7; }
.team_list .box{ background: #fff; padding: 40px; }
.team_list .box ul li{ margin-bottom: 40px; }
.team_list .box ul li .img{ float: left;width: 160px;margin-right: 20px;}
.team_list .box ul li .img img{ width: 140px; display: block; border:#ececec solid 1px; padding: 4px;  }
.team_list .box ul li .info{ float: left; width: 940px;}
.team_list .box ul li .info h2{ font-size: 24px; padding-top: 5px; color: #333; margin-bottom: 10px; }
.team_list .box ul li .info .html{ line-height: 1.8em; color: #333; font-size: 16px; }






.list_training{padding-bottom:30px;padding-top: 30px; background: #f5f6f7; }
.list_training .box{ background: #fff; padding: 20px 40px; padding-bottom: 40px;}
.list_training ul li{ padding-bottom: 20px; padding-top: 20px; border-bottom: #ececec solid 1px; }
.list_training ul li h2{ margin-bottom: 10px; }
.list_training ul li h2 a{ font-size: 22px; color: #333; }
.list_training ul li h2 a:hover{ font-size: 22px; color: #eb5d1e; }
.list_training ul li .description{ line-height: 1.8em; font-size: 16px; color: #333; }
.list_training ul li .description a{ color: #3b5389; font-weight: bold; }




.about_box_a{ padding-top: 70px;  background: #f5f9fa; }
.about_box_a .left .title{text-align: left ;position: relative;  margin-bottom: 20px;}
.about_box_a .left .title h2{ font-size: 36px; color: #333; margin-bottom: 5px; }
.about_box_a .left .content{ text-align: justify; line-height:2em; color: #333; }
.about_box_a .left .content p{ text-indent: 2em; }
.about_box_a .right img{ width: 100%; float: right; display: block;   }
.about_box_a .left{ width: 50%;float: left; margin-bottom: 40px; }
.about_box_a .right{ width: 45%;  padding-left: 5%; float: left; padding-top: 73px; }

.about_box_a .number{background: -moz-linear-gradient(left, #3b9bec 0%, #62aff0 100%);
background: -webkit-linear-gradient(left, #3b9bec 0%, #62aff0 100%);
background: linear-gradient(to right, #3b9bec 0%, #62aff0 100%); margin-top: 30px;  padding-top: 30px; padding-bottom: 30px; }
.about_box_a .number li { width:25%; float: left; position: relative; }
.about_box_a .number li h3{ font-size: 36px; font-weight: bold; color: #fff;margin-bottom:8px;font-family: 'HarmonyOS Sans Bold';}
.about_box_a .number li p{ font-size: 16px; color: #fff; }
.about_box_a .number li:after{ position: absolute;content: ""; right: 40px; top:0px; bottom: 0px;height: auto; width: 1px; background:rgba(255,255,255,0.3); }
.about_box_a .number li:last-child:after{ display: none; }


.about_box_b {padding-top: 70px; padding-bottom: 50px; background: url(../images/aboutbg1.jpg) no-repeat center; background-size: cover;   }
.about_box_b .title{text-align: left ;position: relative;  margin-bottom: 20px;}
.about_box_b .title h2{ font-size: 36px; color: #fff; margin-bottom: 5px; }
.about_box_b .title h2 span{ font-size: 16px; padding-left: 6px; color: #fff;}
.about_box_b .content .swiper-slide{transform:translate3d(0,0,0); overflow:hidden; border-radius: 5px;}
.about_box_b .content .swiper-slide .box{ display: block; position: relative;background:#000; border-radius: 5px; overflow: hidden; height: 367px; }
.about_box_b .content .swiper-slide .box img{ transition-duration: 0.3s; width: 100%; height: 100%; object-fit: cover; }
.about_box_b .content .swiper-slide .box .info { transition-duration: 0.3s; color: #fff; position: absolute; z-index: 3; left: 30px; bottom: 30px; font-size: 18px; line-height: 1.6em; right: 30px; font-weight: normal; }
.about_box_b .content .swiper-slide .box .info h3{ text-shadow: 2px 2px 2px rgba(0,0,0,0.3); font-size: 24px; line-height: 1.4em;   font-weight: normal; margin-bottom: 10px; }
.about_box_b .content .swiper-slide .box .info span{ display: block; width: 30px; height: 2px; background: #fff; margin-top: 15px; margin-bottom: 15px; }
.about_box_b .content .swiper-slide .box .info p{ text-shadow: 2px 2px 2px rgba(0,0,0,0.3);  font-size: 16px;line-height: 1.4em;  font-weight: normal; }
.about_box_b .content .swiper-slide .box:after{ content:""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 200px; z-index: 2;
background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); }
.about_box_b .content .swiper-container{ padding-bottom: 50px; }
.about_box_b .content .swiper-pagination-bullet{ width: 8px; border:#dadada solid 2px; height:8px; opacity: 1; border-radius: 0px; transition-duration: 0.3s; border-radius: 12px; background: none; }
.about_box_b .content .swiper-pagination-bullet-active{width: 8px; height: 8px;border-radius: 8px; background: #1ba6e7; border-color: #1ba6e7}
.about_box_b .content .swiper-slide .box:hover img{ width: 100%; height: 100%; object-fit: cover; }
.about_box_b .content .swiper-slide .box:hover .info{bottom: 40px; }






.about_box_d{ padding-top: 60px; padding-bottom: 60px; background: #f8f9fb }
.about_box_d .title{text-align: left ;position: relative;  margin-bottom: 30px;}
.about_box_d .title h2{ font-size: 36px; color: #333; margin-bottom: 10px; text-align: center; }
.about_box_d .title h3{ font-size: 16px; text-align: center; font-weight: normal; color: #666;}
.about_box_d .content .swiper-slide { width: auto; }
.about_box_d .content .swiper-slide .box img{ transition-duration: 0.3s; width: auto; display: block; height: 200px; object-fit: cover; }
.about_box_d .content .swiper-container{ padding-bottom: 50px; }
.about_box_d .content .swiper-pagination-bullet{ width: 8px; border:#dadada solid 2px; height:8px; opacity: 1; border-radius: 0px; transition-duration: 0.3s; border-radius: 12px; background: none; }
.about_box_d .content .swiper-pagination-bullet-active{width: 8px; height: 8px;border-radius: 8px; background: #1ba6e7; border-color: #1ba6e7}



.detail_down{ padding-top: 30px; padding-bottom: 50px; }
.detail_down ol{ border-bottom: #ececec solid 1px;padding-bottom: 5px; }
.detail_down ol li{ float: left; }
.detail_down ol li.name{ font-size: 12px; color: #999; width: 60%;text-indent: 10px;}
.detail_down ol li.size{ font-size: 12px; color: #999; width: 30%;}
.detail_down ol li.down{ font-size: 12px; color: #999; width: 10%;}
.detail_down ul li{ height: 32px; line-height: 32px; padding-top:10px; padding-bottom: 10px; border-bottom: #ececec solid 1px; }
.detail_down ul li:nth-child(2n){ background: #f9f9f9 }
.detail_down ul li .name{ font-size: 14px; color: #999; width: 60%; float: left;text-indent: 10px;}
.detail_down ul li .name a{ color: #333;}
.detail_down ul li .size{ font-size: 14px; color: #999; width: 30%;float: left}
.detail_down ul li .down{ font-size: 14px; color: #999; width: 10%;float: left}
.detail_down ul li .down a{ display: block; width: 80px; height: 32px; line-height: 32px;text-align: center; color: #fff;line-height: 36px; background:#20a366; font-size: 14px;border-radius: 3px;  }

.detail_contact ul li{ padding-top: 30px; padding-bottom:30px; border-bottom: #ececec solid 1px; }
.detail_contact ul li.one{ padding-bottom: 10px; }
.detail_contact ul li.one .img{ float: left; width: 90px; height: 90px; line-height: 90px;text-align: center; color: #fff;font-weight:bold; font-size: 18px; border-radius: 90px; margin-right: 25px; }
.detail_contact ul li.one .info{ width: 1000px; float: left; }
.detail_contact ul li.one .info dl{ float: left;  width:45%; margin-right: 5%; padding-bottom: 20px; }
.detail_contact ul li.one .info dl dt{ font-size: 18px; color: #333; font-weight: bold; margin-bottom: 10px; padding-top:10px; }
.detail_contact ul li.one .info dl dd{ line-height: 1.8em; font-size: 14px; color: #555; }

.detail_contact ul li{ padding-top: 30px; padding-bottom:30px; border-bottom: #ececec solid 1px; }
.detail_contact ul li.two .right{float: left; width: 50%;}
.detail_contact ul li.two .left {float: left; width: 50%;}
.detail_contact ul li.two .img{ float: left; width: 90px; height: 90px; line-height: 90px;text-align: center; color: #fff;font-weight:bold; font-size: 18px; border-radius: 90px; margin-right: 25px; }
.detail_contact ul li.two .info{ width: 450px; float: left; }
.detail_contact ul li.two .info dl{ float: left;  width:45%; margin-right: 5%; }
.detail_contact ul li.two .info dl dt{ font-size: 18px; color: #333; font-weight: bold; margin-bottom: 10px;  padding-top:10px; }
.detail_contact ul li.two .info dl dd{ line-height: 1.8em; font-size: 14px; color: #555; }


.pagecontact{padding-bottom:50px;padding-top: 50px;}
.pagecontact .contact{ line-height: 2em; font-size: 16px; color: #333; }
.pagecontact .contact .left { width: 48%; float: left; }
.pagecontact .contact .right { width: 48%; float: right; }
.pagecontact .contact .left p{ line-height: 2em; font-size: 16px; color: #333; }
.pagecontact .contact .left h2{ color: #5ead87; font-size: 22px; padding-top: 0px; margin-bottom: 10px;}
.pagecontact .contact .right img { width: calc(100% - 10px); display: block; border:#ececec solid 1px; padding: 4px; }



.messages_form{padding-bottom:50px;padding-top: 50px; background: #fff;}
.messages_form .html h2{ color: #eb5d1e; font-size: 24px; margin-bottom: 10px; }
.messages_form .html h4{ font-size: 16px; color: #333; margin-bottom: 40px; font-weight: normal; }
.messages_form .layui-input-block{ margin-left: 0; }
.messages_form .layui-form-item{ margin-bottom: 24px; }
.messages_form .two .layui-input-block{ float:left; width: 48.8%; }
.messages_form .two .layui-input-block .layui-input{ background: #f5f5f5;height: 44px; line-height: 1.3; line-height: 44px\9; border:none; border:#ececec solid 1px;}
.messages_form .two .left{ float: left; }
.messages_form .two .right{ float: right; }

.messages_form .one .layui-input-block{  }
.messages_form .one .layui-input-block .layui-textarea{ padding-top: 10px; background: #f5f6f7;height: 200px; line-height: 1.3; line-height: 44px\9;border:none}
.messages_form .layui-btn{ background: #eb5d1e; height: 48px; line-height: 48px; font-size: 16px; font-weight: bold; }



































































/*大屏幕*/
@media screen and (max-width: 1920px) {}
/*中屏幕*/
@media screen and (max-width: 1440px) {}
/*平板*/
@media screen and (max-width: 768px) {


.index_banner { height:240px; position: relative; background: #000 }
.index_banner .swiper-pagination-bullet{ border:#fff solid 1px; opacity: 1; background: none;  width: 8px; height: 8px;}
.index_banner .swiper-pagination-bullet-active{ background: #fff; }
.index_banner .swiper-container{ height: 100%; }
.index_banner .swiper-slide{ position: relative; }
.index_banner .swiper-slide .h1{top: 23%; z-index: 22;letter-spacing: 5px; color: #fff; font-size: 32px;  line-height: 1.3em; font-weight: bold; text-shadow: 2px 2px 5px rgba(15,63,129,0.5); position: absolute;left:0px; width:auto; padding-left: 30px; margin-left: 0; text-align: left;opacity: 0; transition: 0.5s;  transition-delay: 0.4s;transition-timing-function: linear; }
.index_banner .swiper-slide .h2{font-weight: bold;top: 40%; z-index: 33; color: #fff; font-size:18px; line-height: 1.8em; text-shadow: 2px 2px 5px rgba(15,63,129,0.5); position: absolute;left: 0px; width: 100%; margin-left: 0px;text-align: left;opacity: 0; transition: 0.5s;  transition-delay: 0.6s;transition-timing-function: linear;   width:auto; padding-left: 30px;}
.index_banner .swiper-slide .more{ top: 56%; z-index: 33; color: #fff; position: absolute;left: 30px; margin-left: auto; font-weight: normal;text-align: center;opacity: 0; transition: 0.5s; transition-delay: 0.6s;transition-timing-function: linear; width: 140px;}
.index_banner .swiper-slide .more a{ color: #fff; border-radius: 40px; height:40px; line-height: 40px; padding-left: 20px; padding-right: 20px; font-size: 16px; position: relative; border:#fff solid 2px; display: block; margin: 0 auto; width: 100%;}
.index_banner .swiper-slide .more a i{ font-size: 16px;float: right; line-height: 40px;}
.index_banner .swiper-slide-active .h1{opacity: 1; top: 25% }
.index_banner .swiper-slide-active .h2{opacity: 1; top: 42%; }
.index_banner .swiper-slide-active .more{opacity: 1; top: 58%; }
.index_banner .swiper-slide { height: 100%; }
.index_banner .swiper-slide img{ height: 100%; width: 100%; object-fit: cover; }
.index_banner .swiper-pagination{  bottom: 5%!important;}
.index_banner .swiper-pagination-bullet{  opacity: 1; width: 10px; height: 10px; margin:0px 5px!important; opacity: 0.7; border-radius: 10px; border:none; transition-duration: 0.3s; border:#fff solid 1px; }
.index_banner .swiper-pagination-bullet-active{ background: #fff;opacity: 1; width: 10px; background: #fff;  opacity:1;border:#fff solid 1px;}
.index_banner .swiper-button-next{ display: none; right: 3%; border-radius: 48px; height: 48px; width: 48px; border:#fff solid 1px; background-size: 20px 40px }
.index_banner .swiper-button-prev{ display: none; left: 3%; border-radius: 48px; height: 48px; width: 48px; border:#fff solid 1px; background-size: 20px 40px }




.index_case{ padding-top: 70px; padding-bottom:70px; background: url(../images/casebg.jpg) no-repeat center; background-size: cover; overflow:hidden;}
.index_case .title h3{ text-align: center; font-size: 36px; font-weight: bold; }
.index_case .title span{ width: 36px; height: 3px; border-radius: 3px; background: #1ba6e7; display: block; margin: 15px auto; }
.index_case .content{ padding-top: 10px; position: relative;  }
.index_case .content .img_case{ margin-bottom: 20px; }
.index_case .content .img_case .swiper-slide{transform:translate3d(0,0,0); overflow:hidden;   background: #fff; border-radius: 3px; overflow: hidden;}
.index_case .content .img_case .swiper-slide .img{ height: 280px;  overflow: hidden; }
.index_case .content .img_case .swiper-slide .info{ padding-top: 15px; padding-bottom:15px; }
.index_case .content .img_case .swiper-slide .info h2{font-size: 16px; font-weight: normal; text-align: center;} 
.index_case .content .img_case .swiper-slide .info h2 a{ color: #333 }
.index_case .content .img_case .swiper-slide .img img{ width: 100%; display: block; height: 100%; object-fit: cover; transition-duration: 0.3s; }
.index_case .content .img_case .swiper-slide:hover .img img{transform: scale(1.05); }
.index_case .content .img_case .swiper-container{ padding-bottom: 50px; }
.index_case .content .img_case .swiper-pagination-bullet{ width: 8px; border:#fff solid 2px; height:8px; opacity: 1; border-radius: 0px; transition-duration: 0.3s; border-radius: 12px; background: none; }
.index_case .content .img_case .swiper-pagination-bullet-active{width: 8px; height: 8px;border-radius: 8px; background: #1ba6e7; border-color: #1ba6e7}
.index_case .content .img_case  .swiper-button-next{ top: 44%; right: -60px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") ; background-repeat: no-repeat; background-position: center center; background-color:#eb5d1e; border-radius: 44px 44px; width: 44px; height: 44px; border-radius: 44px; background-size: 18px 18px;  }
.index_case .content .img_case  .swiper-button-prev{ top: 44%; left: -60px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");background-repeat: no-repeat; background-position: center center; background-color:#eb5d1e; border-radius:44px 44px; width: 44px; height: 44px; border-radius: 44px; background-size: 18px 18px;  }
.index_case .content .img_case  .swiper-button-disabled{background-color:#999!important;}
.index_case .content .noimg_case{ margin-bottom: 30px }
.index_case .content .noimg_case ul li{ float: left; width: 33.33%; text-indent: 12px; font-size: 16px; line-height: 36px; height: 36px; position: relative;}
.index_case .content .noimg_case ul li:after{ width: 4px; height: 4px; content: ""; background: #555; position: absolute; left: 0px; top:16px  }
.index_case .content .noimg_case ul li a{ color: #333; }
.index_case .content .noimg_case ul li a:hover{ color: #1ba6e7;  transform: translateY(-2px)  }
.index_case .more{  width: 120px;  width:background: #fff; margin: 0 auto; }
.index_case .more a{ font-family: 'HarmonyOS Sans Bold'; width: 100%; background: #ffbc48; line-height: 40px; font-size: 16px; padding-left:10px; padding-right: 10px; height: 40px; text-align: center; color: #fff; font-weight: bold; color: #fff; display: block; border-radius: 40px; box-shadow: 0px 0px 10px rgba(255,188,72,0.5) }



.index_about{ padding-top: 40px; padding-bottom:0px; background: #1ba6e7; overflow: hidden;}
.index_about .title h3{ text-align: left; font-size: 18px; font-weight: bold; color: #fff; position: relative; padding-left: 20px; margin-bottom: 15px;}
.index_about .title h3:after{content: ""; position: absolute; left: 0px; border:#fff solid 3px; top: 6px; width: 8px; height: 8px; border-radius: 40px;}
.index_about .title h2{ text-align: left; font-size: 24px; font-weight: bold; color: #fff; }
.index_about .title span{ width: 36px; height: 3px; border-radius: 3px; background: #1ba6e7; display: block; margin: 15px auto; }
.index_about .left{ width: auto; float: initial; padding-left: 20px; padding-right: 20px; }
.index_about .left .box{ float: initial; width: auto; }

.index_about .content{ padding-top: 20px; color: #fff; font-size: 16px; line-height: 1.8em; margin-bottom: 40px; }
.index_about .number{  padding-top: 25px; border-top: rgba(255,255,255,0.2) solid 1px;}
.index_about .number ul{ width: auto; }
.index_about .number ul li{ float: left; width: 50%; padding-top: 25px; margin-bottom: 20px; position: relative; padding-bottom: 5px; margin-right: 0px; }
.index_about .number ul li img{ width: 30px; display: block; position: absolute; left: 0px; top: 0px; }
.index_about .number ul li h3{ color: #1ba6e7; font-size: 45px; text-align: left;}
.index_about .number ul li h3 p{ font-size: 16px; font-weight: bold; color: #fff; text-align: left; }
.index_about .number ul li h3 strong{ font-size: 46px; font-weight: bold; color: #fff; font-family: 'DIN-Alternate-Bold'; }
.index_about .number ul li h3 span{ font-size: 16px; font-weight: bold; color: #fff; padding-left: 10px; }
.index_about .number ul li p{ text-align: center; padding-top: 10px; color: #666666 }
.index_about .more { margin-bottom: 50px; }
.index_about .more a{ display: block; background: #fff; color: #1ba6e7; font-size: 14px; font-weight: bold;font-family: 'HarmonyOS Sans Bold'; width: 120px; height: 40px; line-height: 40px; border-radius: 50px; text-align: center; }



.index_about .right{ width: auto; float: initial; padding-left: auto; padding-left: 0px; }
.index_about .right .swiper-slide {width: 100%; position: relative;}
.index_about .right .swiper-slide img{ width: 100%; display: block; border-radius: 3px; }
.index_about .right .swiper-slide h4{ z-index: 4; position: absolute; left: 10px; bottom: 10px; font-size: 14px; font-weight: normal; background: rgba(0,0,0,0.4); border-radius: 40px; color: #fff; padding: 3px 10px }
.index_about .right .swiper-slide:after{ content:""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 100%; z-index: 2;
background: -moz-linear-gradient(right, rgba(2, 66, 130, 0.5) 0%, rgba(2, 66, 130, 0) 100%);
background: -webkit-linear-gradient(right, rgba(2, 66, 130, 0.5) 0%, rgba(2, 66, 130, 0) 100%);
background: linear-gradient(to right, rgba(2, 66, 130, 0.5) 0%, rgba(2, 66, 130, 0) 100%); border-radius: 3px; }

.index_solution{ overflow: hidden;  width: 100%}
.index_solution ul li{ float: left; width: 100%; height: 440px; }
.index_solution ul li{background: #000; position: relative;}
.index_solution ul li:after{ content:""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 100%; z-index: 2;background: rgba(2, 66, 130, 0.4); transition-duration: 0.3s; opacity: 1;}
.index_solution ul li:before{ content:""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 4px; z-index: 2; background: #1ba6e7; z-index: 5; transition-duration: 0.3s; opacity: 0;}
.index_solution ul li img.bg{ opacity: 0.7; width: 100%; display: block; height: 100%; object-fit: cover;  transition-duration: 0.3s;}
.index_solution ul li img.icon{ width: 50px; position: absolute; transition-duration: 0.3s; z-index: 3; left: 50%; margin-left: -25px; top: 120px; }
.index_solution ul li img.more{ width: 40px; position: absolute; transition-duration: 0.3s; z-index: 3; left: 50%; margin-left: -20px; top: 240px; opacity: 1;}
.index_solution ul li a.more1{ position: absolute; opacity: 0; top: 400px; z-index: 5; display: block; background: #1ba6e7; color: #fff; font-size: 14px; font-weight: bold;font-family: 'HarmonyOS Sans Bold'; transition-duration: 0.3s; width: 120px; height: 40px; line-height: 40px; position: absolute; left: 50%; margin-left: -60px; border-radius: 50px; text-align: center; }
.index_solution ul li h2{  color: #fff; font-size: 24px; text-align: center; transition-duration: 0.3s; position: absolute; z-index: 3; top: 180px; display: block; left: 0; right: 0;}

.index_solution ul li:hover:after{ opacity: 0; }
.index_solution ul li:hover img.bg{ opacity: 0.7; width: 100%; display: block; }
.index_solution ul li:hover img.icon{ width: 50px; position: absolute; z-index: 3; left: 50%; margin-left: -25px; top: 120px; }
.index_solution ul li:hover img.more{top: 280px; opacity: 0;}
.index_solution ul li:hover h2{  color: #fff; font-size: 24px; text-align: center; position: absolute; z-index: 3; top: 180px; display: block; left: 0; right: 0;}
.index_solution ul li:hover .more{ width: 40px; position: absolute; transition-duration: 0.3s; z-index: 3; left: 50%; margin-left: -20px; top: 240px; opacity: 0;}
.index_solution ul li:hover a.more1{ opacity: 1; top: 240px; }
.index_solution ul li:hover:before{ opacity: 1; }


.index_product { padding-top: 40px; padding-bottom: 40px; }
.index_product .title{ margin-bottom: 30px; }
.index_product .title h3{ text-align: center; font-size: 18px; font-weight: bold; color: #1ba6e7; position: relative; padding-left: 20px; margin-bottom: 15px;}
.index_product .title h3:after{content: ""; position: absolute; left: 50%; margin-left: -48px; border:#1ba6e7 solid 3px; top: 6px; width: 8px; height: 8px; border-radius: 40px;}
.index_product .title h2{ text-align: center; font-size: 30px; font-weight: bold; color: #000; }
.index_product .title span{ width: 36px; height: 3px; border-radius: 3px; background: #1ba6e7; display: block; margin: 15px auto; }
.index_product .content .swiper-slide .box{ border:#ececec solid 1px; padding: 30px; height: 300px; transition-duration: 0.3s;}
.index_product .content .swiper-slide .box:hover{ border:#1ba6e7 solid 1px;  }
.index_product .content .swiper-slide .box h2{ border-bottom:#ececec solid 1px; padding-bottom: 20px; margin-bottom: 20px; }
.index_product .content .swiper-slide .box h2 a{ font-size: 20px; font-weight: normal; color: #333; }
.index_product .content .swiper-slide .box .description{ font-size: 14px; color: #666666; line-height: 1.8em; position: absolute; }
.index_product .content .swiper-slide .box .more{ position: absolute; left: 30px; bottom: 30px; opacity: 1; width: 40px; display: block; transition-duration: 0.3s }
.index_product .content .swiper-slide .box:hover .more{ opacity: 0;}
.index_product .content .swiper-slide .box .more1{ position: absolute; left: 30px; bottom: 30px; width: 40px; opacity: 0; transition-duration: 0.3s; }
.index_product .content .swiper-slide .box:hover .more1{ position: absolute; left: 30px; bottom: 30px;opacity: 1; width: 40px;  }
.index_product .content .swiper-slide .box .thumb{ width: 180px; position: absolute; right: 30px; bottom: 2px; }
.index_product .content .swiper-container{ padding-bottom: 60px; }
.index_product .content .swiper-pagination-bullet{background: #999;}
.index_product .content .swiper-pagination-bullet-active{ background: #1ba6e7 }

.index_news { padding-top: 40px; padding-bottom: 30px; 
background: -moz-linear-gradient(bottom, rgba(229, 236, 242, 0.5) 0%, rgba(2, 66, 130, 0) 100%);
background: -webkit-linear-gradient(bottom, rgba(229, 236, 242, 0.5) 0%, rgba(2, 66, 130, 0) 100%);
background: linear-gradient(to bottom, rgba(229, 236, 242, 0.5) 0%, rgba(2, 66, 130, 0) 100%); }
.index_news .title{ margin-bottom: 20px; }
.index_news .title h3{ text-align: left; font-size: 18px; font-weight: bold; color: #1ba6e7; position: relative; padding-left: 20px; margin-bottom: 15px;}
.index_news .title h3:after{content: ""; position: absolute; left: 0px;  border:#1ba6e7 solid 3px; top: 6px; width: 8px; height: 8px; border-radius: 40px;}
.index_news .title h2{ text-align: left; font-size: 30px; font-weight: bold; color: #000; }
.index_news .title span{ width: 36px; height: 3px; border-radius: 3px; background: #1ba6e7; display: block; margin: 15px auto; }
.index_news .content ul li{ padding-top: 20px; padding-bottom: 20px; transition-duration: 0.3s; }
.index_news .content ul li:hover{ background: #fff; }
.index_news .content ul li .box{ width: auto; margin: 0 auto; padding: 20px; }
.index_news .content ul li .time{ float: initial; width: 100%; padding-top: 20px; display: none;}
.index_news .content ul li .time span{ display: initial; text-align: left; padding-right: 10px; font-size: 16px; font-weight: normal; color: #333;font-family: 'DIN-Alternate-Bold';  }
.index_news .content ul li .time strong{ margin-right: 5px; display: initial; text-align: left; font-size: 16px; color: #333; font-weight: normal; font-family: 'DIN-Alternate-Bold'; }
.index_news .content ul li .thumb{ float: initial; width:auto;border:#ececec solid 1px; border-radius: 3px; overflow: hidden;}
.index_news .content ul li .thumb img{ display: block; width: 100%; }
.index_news .content ul li .info{ float: initial; padding-top: 20px; width: auto; padding-left: 0%;  }
.index_news .content ul li .info h2{ font-size: 24px; font-weight: normal; margin-bottom: 10px; }
.index_news .content ul li .info h2 a{ color: #333; }
.index_news .content ul li:hover .info h2 a{ color: #1ba6e7; }
.index_news .content ul li .info p{ font-size: 14px; line-height: 1.8em; color: #666; font-weight: normal; }
.index_news .content ul li .more{ float: right; position: relative; display: none; }
.index_news .content ul li .more1{ opacity: 1; width: 40px; top: 74px; position: absolute; display: block; transition-duration: 0.3s; display: none;}
.index_news .content ul li:hover .more1{ opacity: 0;  }
.index_news .content ul li .more2{ width: 40px; opacity: 0; top: 74px; position: absolute; transition-duration: 0.3s; }
.index_news .content ul li:hover .more2{ opacity: 1; width: 40px;    }




.index_rad{ padding-top: 40px; padding-bottom: 40px; overflow: hidden; background: url(../images/radbg.jpg) no-repeat center; background-size: cover; }
.index_rad .title h3{ text-align: left; font-size: 18px; font-weight: bold; color: #1ba6e7; position: relative; padding-left: 20px; margin-bottom: 15px;}
.index_rad .title h3:after{content: ""; position: absolute; left: 0px; border:#1ba6e7 solid 3px; top: 6px; width: 8px; height: 8px; border-radius: 40px;}
.index_rad .title h2{ text-align: left; font-size: 30px; font-weight: bold; color: #000; }
.index_rad .title span{ width: 36px; height: 3px; border-radius: 3px; background: #1ba6e7; display: block; margin: 15px auto; }
.index_rad .left{ width: 50%; float: left; }
.index_rad .left .box{ float: right; width: 600px; }
.index_rad .content{ width: 100%; padding-top: 20px; color: #444444; font-size: 16px; line-height: 1.8em; margin-bottom: 20px; }

.index_rad .list{ padding-top: 0px; }
.index_rad .list .left{ width: auto; margin-bottom: 20px; float: initial; background: #fff; padding: 20px; box-shadow: 4px 4px 10px rgba(0,0,0,0.1); transition-duration: 0.3s;}
.index_rad .list .left .icon{ float: initial; width: auto; padding-top: 0px; }
.index_rad .list .left .icon img{  width: 55px; display: block; margin: 0 auto; margin-bottom: 20px; }
.index_rad .list .left .icon h3{  text-align: center; font-size: 18px; color:#333; }
.index_rad .list .left .text{ float: initial; width: auto; padding: 20px; border-left: none;  margin-bottom: 0; }
.index_rad .list .left .text h4{ font-size: 14px; color:#333; line-height: 140%; margin-bottom: 10px; }
.index_rad .list .left .text p{ font-size: 14px; color:#333;  line-height: 1.8em; }

.index_rad .list .right{ width: auto; float: initial; background: #fff; padding: 20px; box-shadow: 4px 4px 10px rgba(0,0,0,0.1);transition-duration: 0.3s; }
.index_rad .list .right .icon{ float: initial; width: auto; padding-top: 0px; }
.index_rad .list .right .icon img{  width: 55px; display: block; margin: 0 auto; margin-bottom: 20px; }
.index_rad .list .right .icon h3{  text-align: center; color: #333; font-size: 18px; margin-bottom: 20px;}
.index_rad .list .right .text{ float: initial; width: 349px; padding-left: 30px; border-left:none; margin-bottom: 0; }
.index_rad .list .right .text img{ height: 154px; }
.index_rad .list a{ display:block; }
.index_rad .list .left:hover{ display:block;transform: translateY(-2px) }
.index_rad .list .right:hover{ display:block;transform: translateY(-2px) }







.nodata{ text-align: center; font-size: 16px; color: #999; padding-top: 40px; padding-bottom: 40px; } 
.nodata img{ width: 80px; display: block; margin: 0 auto; margin-bottom: 20px;  }

.detailbanner{background: #222; color: #fff; position: relative; overflow: hidden; }
.detailbanner .pagewidth{ height: 150px; position: relative;}
.detailbanner h1{ top: 95px; font-size: 28px; text-shadow: 2px 2px 2px rgba(0,0,0,.1);  color: #fff;  text-align: left; position: absolute; left: 0px; right: 0px; z-index:2; }
.detailbanner h2{ top: 75px;font-family: 'HarmonyOS Sans Bold'; font-size: 18px;text-shadow: 2px 2px 2px rgba(0,0,0,.1); text-transform: uppercase; position: absolute; font-weight: normal;  z-index: 2; left: 0px; right: 0px;  text-align: left; }
.detailbanner img.detailbg{ width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; z-index: 1; }
.detailbanner img.icon{ position: absolute; left: 50%; width:130px; z-index: 4; top: 160px; margin-left: -50px; }
 



.submenu{ display: none; height: 60px; line-height: 60px; background: #fff;  box-shadow: 0px 0px 5px rgba(0,0,0,0.2); position: relative; z-index: 9; }
.submenu ul { float: left;}
.submenu ul li{ float: left;}
.submenu ul li a{ display: block; margin-right: 10px; font-size: 16px; padding-left: 25px; padding-right: 25px; color: #666666;}
.submenu ul li a:hover{color: #333; background: #f5f5f5}
.submenu ul li a.active{ color: #fff; font-weight: bold; position: relative; background: #1ba6e7}
.submenu span{color: #666; font-size: 14px; float: right;}
.submenu span i{ margin-left: 10px; margin-right: 10px; }
.submenu span a{ color: #666; }


.subimgmenu{ border-bottom: #ececec solid 1px; display: none; }
.subimgmenu ul {text-align: center; padding-top: 20px; padding-bottom: 20px;}
.subimgmenu ul li{ display: inline-block; width: 300px; margin-left: 6px; margin-right: 6px;}
.subimgmenu ul li a{ display: block; background: #f9f9f9; padding-top: 20px; padding-bottom: 20px;}
.subimgmenu ul li a img{ height: 56px; margin: 0 auto; display: block; }
.subimgmenu ul li a img.icona{ display: block; }
.subimgmenu ul li a img.iconb{ display: none; }
.subimgmenu ul li a span{  display: block; text-align: center; color: #666; padding-top: 10px; font-size: 16px;}
.subimgmenu ul li a:hover{ background: #f6f6f6 }
.subimgmenu ul li a:hover span{ color: #1ba6e7 }
.subimgmenu ul li a:hover img.icona{ display: none; }
.subimgmenu ul li a:hover img.iconb{ display: block; }


.crumbs{box-shadow: 0px 0px 5px rgba(0,0,0,0.2);  margin-bottom: 30px; background: #fff; height:50px; line-height: 50px; color: #999; font-size: 14px; }
.crumbs i{ margin-left: 10px; margin-right: 10px; }
.crumbs a{ color: #999; }


.page_content{ background:#ffff; position: relative; overflow: hidden; padding-bottom: 20px; }
.page_content:after{ display: none; position: absolute; content: ""; left: 50%; z-index: 1; margin-left: -400px; top: 0px; bottom: 0px; width: 100%; background: #fff; box-shadow: 0 20px 20px rgba(0,0,0,0.05) }
.page_content .side{ float: left; width:200px; padding-top: 100px; padding-bottom: 40px; display: none;  }
.page_content .side ul li a{ display: block; height: 50px; line-height: 50px; padding-left:25px; color: #333333; font-size: 15px; }
.page_content .side ul li a.active{ position: relative; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%); color: #1ba6e7; font-weight: bold;}
.page_content .side ul li a.active:after{content: ""; position: absolute; left: 0px;  border:#1ba6e7 solid 2px; top: 20px; width: 6px; height: 6px; border-radius: 40px;}
.page_content .content{ float: none; width:auto; padding-left:0px; position: relative; z-index: 2; padding-top: 30px; }
.page_content .content .title{ font-size: 24px; color: #333; font-weight: bold; padding-bottom: 20px; border-bottom: #ececec solid 1px; margin-bottom: 20px; }
.page_content .content .page_html{ padding-top: 0px; font-size: 16px; color: #333; line-height: 1.8em; position: relative; margin-bottom: 50px; }
.page_content .content .page_html .time{ position: absolute; left: 0px; top: 0px; font-size: 14px; color: #999; }
.page_content .content .product_html{ padding-top: 10px; font-size: 16px; color: #333; line-height: 1.8em; position: relative; margin-bottom: 50px; }
.page_content .content .product_html img{  width: 100%; margin:0 auto; }
.page_content .content h4{ font-size: 20px!important;  line-height: 1.3em; color: #024282; margin-bottom: 10px; }
.page_content .content h5{padding-top: 0px!important;}
 
.page_service{ padding-top: 50px; padding-bottom: 80px; }

.page_content .content .page_html > div > div{ text-align: justify; width: 100%!important; margin-bottom: 20px; margin-right: 0!important; }
.page_content .content .page_html > ul{ width: 100%!important }
.page_content .content .page_html > ul li{ width: 100%!important; margin-bottom: 30px!important; float: none!important; margin-right: 0!important }
.page_content .content .page_html > ul li img{ width: 100%; }
.accordion li {padding: 20px; background: #f6f8fb; border-radius: 4px; margin-bottom: 20px;}

.accordion .link {
  cursor: pointer;
  display: block;
  color: #333333;
  font-size: 24px; font-weight: bold;
  position: relative;
}
.accordion .link p{ font-size: 14px; font-weight: normal; color: #999; padding-top: 10px; }
.accordion .link p span{float: left; width: 50%; margin-right: 0; line-height: 1.8em; }
.accordion li:last-child .link {
  border-bottom: 0;
}

.accordion li i {
  position: absolute;
  top: 5px;
  left: 12px;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
  right: 0px;
  left: auto;
  font-size: 16px;
}

.accordion li.open{ background: #1ba6e7; }
.accordion li.open .link {
  color: #b63b4d;
}

.accordion li.open i {
  color: #b63b4d;
}
.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

 .subcontent {
  display: none;
  font-size: 16px;line-height: 1.8em; 
 }

.accordion li.open .link{ color: #fff; }
.accordion li.open .link p{ color: #fff; }
.accordion li.open .subcontent {color: #fff}
.accordion li.open .link i{ color: #fff; }

/*发展历程*/
.licheng_list{ position: relative;  }
.licheng_list ul { padding-top: 0px; padding-bottom: 20px; }
.licheng_list ul li{  line-height: 1.5em;}
.licheng_list ul li .year{ position: relative; float: left; width: 25%; padding-top: 15px;  margin-right: 4%; color: #024282; font-size: 16px; font-weight:bold;font-family: 'HarmonyOS Sans Bold';}
.licheng_list ul li .year:after{ content: ""; right: 3px; top: 21px; position: absolute; width: 6px; height: 6px; background: #fff; z-index: 2; border-radius: 12px;  border:#cccccc solid 2px; }
.licheng_list ul li .event{ float: left; width: 70%; color: #333333; padding-top: 10px;  line-height: 2em; color: #333; position: relative; }
.licheng_list ul li .event:after{ content: ""; left: -22.5px; z-index: -1; top: 0px; bottom: 0px; position: absolute; width: 1px; background: #cccccc; height: auto;  }
.licheng_list:before{ display: none; }
.licheng_list ul li .event{ padding-bottom: 20px; }
.licheng_list .more{ width: 120px; margin: 0 auto;padding-top: 20px; }
.licheng_list .more a{ width: 100%; background: #ffbc48; line-height: 40px; font-size: 16px; padding-left:10px; padding-right: 10px; height: 40px; text-align: center; color: #fff; font-weight: bold; color: #fff; display: block; border-radius: 40px; box-shadow: 0px 0px 10px rgba(255,188,72,0.5) }


.service_list{ padding-top: 50px; padding-bottom: 80px; }
.service_list .title{ font-weight: bold; font-size: 24px; margin-bottom: 20px; color: #333; }
.service_list{  padding-top: 50px; padding-bottom: 50px; }
.service_list path{ fill:#d7e3ef; cursor: pointer!important; data-stroke:#fff; stroke-width:1  }
.service_list path:hover{ fill:#239cd6; }
.service_list path#taiwan:hover{ fill:#d7e3ef; }
.service_list path#xianggang:hover{ fill:#d7e3ef; }
.service_list path#aomen:hover{ fill:#d7e3ef; }
.service_list text{ font-size:10px;pointer-events:none; }
.service_list .map{ width: 800px; float: left; }
.service_list .right{ width: 400px; float: left; padding-top: 100px; }
.service_list .right .box{ border-radius: 6px; border:#1ba6e7 solid 2px; position: relative; }
.service_list .right .box:after{ position: absolute;content: ""; left: -10px; top: 22px; border: 8px solid transparent; border-left-width: 0; border-right-color: #1ba6e7; }
.service_list .right .box .h2{ background: #1ba6e7; color: #fff;  font-size: 20px; font-weight: bold; line-height: 60px; padding-left: 20px; padding-right: 20px; margin-bottom: 20px; }
.service_list .right .box h4{ position: relative; padding-left: 40px; font-size: 14px; color: #666666; font-weight: normal; margin-bottom: 5px;}
.service_list .right .box h3{ padding-right: 40px;padding-left: 40px; font-weight: bold; color: #111; font-size: 16px; margin-bottom: 15px; }
.service_list .right .box h4 img{ width: 16px; position: absolute; top: 2px; left:20px;  }
.hidden{display:none;}


/*新闻详细*/
.show_news .news_other{ line-height: 2em; font-size: 16px; color: #333; padding-bottom: 30px;  margin-bottom: 30px; border-bottom: #ececec solid 1px; }
.show_news .news_other p{ line-height: 2em; font-size: 16px; color: #333; }
.show_news .news_other p strong{ color: #333; font-size: 18px; }
.show_news .news_other ul li{ float: left; width:33.333%; }
.show_news .news_other ul li img{ width: 90%; display: block; margin: 0 auto; }
.show_news .news_other ul li p{  text-align: center; font-size: 14px; padding-top: 5px; }
.show_news .news_title{ padding-bottom: 30px; border-bottom: #ececec solid 1px; margin-bottom: 20px;}
.show_news .news_title h1{ text-align: left; font-size: 28px; color: #333; padding-bottom: 15px; }
.show_news .news_title p{ text-align: left; font-size: 14px; color: #999; font-weight: normal; }
.show_news .news_html{ font-size: 16px; line-height: 1.8em;color: #333; padding-bottom: 20px; }
.show_news .news_other{ padding-top: 20px; border-top: #ececec solid 1px;}
.show_news .news_other .left{ float: none; font-size: 14px;}
.show_news .news_other .right{ float: none; font-size: 14px;}
.show_news .news_other a{ color: #333; }
.show_news .news_other a:hover{ color: #003d94; }

.page_content .content .article{ width: 635px; padding-right: 80px;float: left; }
.page_content .content .right_side h3{ font-size:18px; margin-bottom: 20px; }
.page_content .content .right_side{ width: 204px; float: left; }
.page_content .content .right_side ul li{ margin-bottom: 30px;  line-height: 1.6em; font-size: 14px; color: #333; font-weight: normal;}
.page_content .content .right_side ul li a{ color: #666; }
.page_content .content .right_side ul li a:hover{ color: #1ba6e7; }
.page_content .content .right_side ul li .img{  margin-bottom: 10px; }
.page_content .content .right_side ul li img{ width: 100%; display: block;  }
.page_content .content .right_side ul li {}

.page_contact{ padding-top:30px; padding-bottom:30px;background: #fff;}
.page_contact .contact{ float: none; width: 100%; margin-right: 0; }
.page_contact .contact h2{ font-size: 24px; margin-bottom: 20px; color: #333; }
.page_contact .message{ float: left; width: 100%; }
.page_contact .message h2{ font-size: 24px; margin-bottom: 20px; color: #333; }
.page_contact .contact ul li{ margin-bottom: 10px; font-size: 16px; color: #333; }
.page_contact .contact .wechat{ width: 120px; text-align: center; padding-top: 20px; padding-bottom: 50px; }
.page_contact .contact .wechat img{ width: 120px;  }
.page_contact .contact .wechat p{  font-size: 14px; font-size: 14px; color: #999; padding-top: 10px; }
.page_contact .box{ background: #fff; padding: 40px; }
.page_contact .box h2{ color: #35538d; font-size: 24px; margin-bottom: 10px; }
.page_contact .box h4{ font-size: 16px; color: #333; margin-bottom: 40px; font-weight: normal; }

.page_contact .box .contact{ line-height: 2em; font-size: 16px; color: #333; }
.page_contact .box .contact p{ line-height: 2em; font-size: 16px; color: #333; }
.page_contact .box .contact h2{ color: #35538d; font-size: 24px; padding-top: 30px; margin-bottom: 10px;}

.page_contact .layui-input-block{ margin-left: 0; }
.page_contact .layui-form-item{ margin-bottom: 14px; }
.page_contact .two .layui-input-block{ float:none; width: 100%; }
.page_contact .two .layui-input-block .layui-input{ background: #f6f8fb;height: 44px; line-height: 1.3; line-height: 44px\9; border:none;}
.page_contact .two .left{ float: none; margin-bottom: 14px; }
.page_contact .two .right{ float: none; }

.page_contact .one .layui-input-block{  }
.page_contact .one .layui-input-block .layui-textarea{ padding-top: 10px; background: #f6f8fb;height: 200px; line-height: 1.3; line-height: 44px\9;border:none}
.page_contact .layui-btn{ background: #1ba6e7; height: 48px; line-height: 48px; font-size: 16px; font-weight: bold; }



.list_picture{ padding-top:50px; padding-bottom:50px;background: #fff}
.list_picture ul{ width: 110%; }
.list_picture ul li{ float: left; width:576px; margin-right: 48px; margin-bottom: 28px; transition-duration: 0.3s}
.list_picture ul li .img{  display: block; border:#ececec solid 1px; padding: 4px; overflow: hidden;}
.list_picture ul li .img img{ width: 100%; height: 100%; display: block; object-fit: cover; transition-duration: 0.3s;}
.list_picture ul li:hover {transform: translateY(-5px) }
.list_picture ul li .info{  }
.list_picture ul li .info h2{text-align: center; font-weight: normal; font-size: 16px; padding-top: 15px;}
.list_picture ul li .info h2 a{ color: #333; }



.list_case{padding-bottom:50px;background: #fff}

.list_case .tuijian { overflow: hidden; margin-bottom: 10px;}
.list_case .tuijian ul{ width: 1300px; }
.list_case .tuijian ul li{ float: left;  width: 380px; margin-bottom: 30px;margin-right: 30px; border:#ececec solid 1px; border-radius: 4px; }
.list_case .tuijian ul li .img{ height: 280px;  overflow: hidden; }
.list_case .tuijian ul li .info{ padding-top: 15px; padding-bottom:15px; }
.list_case .tuijian ul li .info h2{font-size: 16px; font-weight: normal; text-align: center;} 
.list_case .tuijian ul li .info h2 a{ color: #333 }
.list_case .tuijian ul li .img img{ width: 100%; display: block; height: 100%; object-fit: cover; }

.list_case .yewu .listtitle{ width: 100%; color:#fff; background: #1ba6e7; font-size: 15px;  text-indent: 1em; line-height: 44px; height: 44px }
.list_case .yewu .listtitle .name{ float: left; width: 50%; text-indent: 1em; line-height: 44px; height: 44px;}
.list_case .yewu .listtitle .con{ float: left; width: 50%; text-indent: 1em; line-height: 44px; height: 44px; }

.list_case .yewu .listcontent{ margin-bottom: 30px; }
.list_case .yewu .listcontent li{ font-size: 15px; }
.list_case .yewu .listcontent li:hover{ font-size: 15px; background: #f6f6f6 }
.list_case .yewu .listcontent li .name{ float: left; width: 50%; text-indent: 30px; line-height: 44px; height: 44px;  position: relative; }
.list_case .yewu .listcontent li .name:after{ position: absolute; left:20px; top: 20px; width: 3px; height: 3px;content: ""; background: #333; }
.list_case .yewu .listcontent li .con{ float: left; width: 50%; text-indent: 1em; line-height: 44px; height: 44px; color: #999; }

.show_case{ padding-top: 50px; padding-bottom:50px;background: #fff}
.show_case .html{ line-height: 2em; font-size: 16px; color: #333; padding-bottom: 30px;  margin-bottom: 30px; border-bottom: #ececec solid 1px; }
.show_case .html p{ line-height: 2em; font-size: 16px; color: #333; }
.show_case .html p strong{ color: #333; font-size: 18px; }
.show_case .html ul li{ float: left; width:33.333%; }
.show_case .html ul li img{ width: 90%; display: block; margin: 0 auto; }
.show_case .html ul li p{  text-align: center; font-size: 14px; padding-top: 5px; }
.show_case .title{  text-align: center; font-size: 26px; color: #333; padding-bottom: 30px; font-weight: bold; border-bottom: #ececec solid 1px; margin-bottom: 20px;}
.show_case .other{ }
.show_case .other .left{ float: left; font-size: 14px;}
.show_case .other .right{ float: right; font-size: 14px;}
.show_case .other a{ color: #333; }
.show_case .other a:hover{ color: #eb5d1e; }



.service_box{ padding-top: 70px; padding-bottom: 70px; }
.service_box .title{ text-align: center; font-size: 32px; color: #333; font-weight:bold; position: relative; padding-bottom: 20px; margin-bottom: 30px;}
.service_box .title:after{position: absolute; content: "";  width:30px; left: 50%; background: #1b86f2; bottom:0px; margin-left: -15px;  height: 3px; border-radius: 3px; z-index: 2;}
.service_box_a .content{box-shadow: 0px 0px 10px rgba(0,0,0,0.1)}
.service_box_a .content .swiperTab{  float: left;  padding-top: 20px; padding-bottom: 20px; width: 240px;}
.service_box_a .content .swiperTab li{ height: 50px; line-height: 50px; padding-left: 20px; border-left: #fff solid 2px; cursor: pointer; }
.service_box_a .content .swiperTab li.active{ background: #f6f7f7; color: #1b86f2; font-weight: bold; border-left: #1b86f2 solid 2px; }
.service_box_a .content .swiper-container{ float: left; width: 940px; border-left: #e5edf7 solid 1px;  }
.service_box_a .content .swiper-container .swiper-slide ul{  width: 970px; }
.service_box_a .content .swiper-container .swiper-slide ul li{ float: left; width: 440px; padding-right: 20px;padding-left: 20px; padding-top: 30px; padding-bottom: 30px; border-bottom:#ececec solid 1px; }
.service_box_a .content .swiper-container .swiper-slide ul li:nth-child(2n){ border-left: #e5edf7 solid 1px;}
.service_box_a .content .swiper-container .swiper-slide ul li .img { float: left; width: 58px; height: 58px; border-radius: 3px; border:#e5edf7 solid 1px; margin-right: 10px; }
.service_box_a .content .swiper-container .swiper-slide ul li .img img{ width: 48px; height: 48px; display: block; }
.service_box_a .content .swiper-container .swiper-slide ul li .info{ float: left; }
.service_box_a .content .swiper-container .swiper-slide ul li .info h3{ font-size: 16px; color: #333; margin-bottom: 5px; padding-top: 5px; }
.service_box_a .content .swiper-container .swiper-slide ul li .info p{ font-size: 13px; color: #999; }
.service_box_a .content .swiper-container .swiper-slide ul li .info p span{ margin-right: 20px; }
.service_box_a .content .swiper-container .swiper-slide ul li .down{  float: right; padding-top: 14px;  }
.service_box_a .content .swiper-container .swiper-slide ul li .down a{background: #1b86f2;  color: #fff; font-weight: bold; font-size: 14px; padding: 6px 20px; border-radius: 3px;  display: inline-block;}
.service_box .more{ width: 120px; margin: 0 auto; bottom: 80px; z-index: 3; padding-top: 40px; }
.service_box .more a{ width: 100%; background: #ffbc48; line-height: 40px; font-size: 16px; padding-left:10px; padding-right: 10px; height: 40px; text-align: center; color: #fff; font-weight: bold; color: #fff; display: block; border-radius: 40px; box-shadow: 0px 0px 10px rgba(255,188,72,0.5) }


.service_box_a{ background: #fff; }
.service_box_b{ background: #f5f9fa; }
.service_box_b .content ul{ width: 1280px; }
.service_box_b .content ul li{ float: left; width:600px; margin-right: 40px; border-bottom: #e1e2e2 solid 1px; padding-bottom: 20px; padding-top: 20px; }
.service_box_b .content ul li h3{ color: #1b86f2; font-size: 18px; margin-bottom: 5px; }
.service_box_b .content ul li h3 a{ color: #1b86f2 }
.service_box_b .content ul li p{ color: #666; font-size: 14px; line-height: 1.8em; }




.service_box_c .swiper-slide a{  }
.service_box_c .swiper-slide a .img img{ width: 100%; display: block;  } 
.service_box_c .swiper-slide a .info{ background: #f6f7f7; padding: 20px; height: 130px; position: relative; }
.service_box_c .swiper-slide a .info h3{ color: #333333; font-size: 20px; margin-bottom: 5px; }
.service_box_c .swiper-slide a .info p{ color: #999; font-size: 14px; line-height: 1.8em;}
.service_box_c .swiper-slide a .info .more{ width: 24px; position: absolute; left: 20px; bottom: 20px; }
.service_box_c .swiper-slide a .info .more img.icona{ width: 100%; display: block; }
.service_box_c .swiper-slide a .info .more img.iconb{ width: 100%; display: none; }
.service_box_c .swiper-slide a:hover .info{ background: #1ba6e7 }
.service_box_c .swiper-slide a:hover .info h3{ color: #fff }
.service_box_c .swiper-slide a:hover .info p{ color: #fff }
.service_box_c .swiper-slide a:hover .info .more img.iconb{ width: 100%; display: none; }
.service_box_c .swiper-slide a:hover .info .more img.iconb{ width: 100%; display: block; }


.list_honor ul{ width: auto; padding-top: 10px; }
.list_honor ul li{ float: none; width: auto; background: #fff; transition-duration: 0.3s; border:#ececec solid 1px; margin-bottom: 20px; margin-right: 0px; }
.list_honor ul li:hover{ border:#1ba6e7 solid 1px; }
.list_honor ul li .img{padding:20px; height: 240px;}
.list_honor ul li .img img{ width: 100%; height: 100%; margin: 0 auto; display: block; object-fit: contain; }
.list_honor ul li .name{ text-align: center; padding-bottom: 30px; }

.list_join{ padding-bottom: 20px; }
.list_join .side{position: -webkit-sticky;position: sticky;top:110px;}

.list_join .content{ width: 922px; float: left; }

.list_join .content ul{ }
.list_join .content ul li{ background: #f6f8fb; margin-bottom: 30px;position: relative;  border:#ececec solid 1px;}
.list_join .content ul li .box{ padding: 30px; }
.list_join .content ul li .box h1{ font-size: 24px;font-weight: bold; color: #333333; margin-bottom: 10px; position: relative; }
.list_join .content ul li .box h1:after{ position: absolute; left: -30px; top: 5px; bottom: 0px; content: ""; width: 3px; height: 22px;background: #1b86f2 }
.list_join .content ul li .box p{ color: #333; font-size: 14px;line-height: 2em; text-align: justify; }
.list_join .content ul li .box a{ position: absolute; left: 30px; bottom: 30px; color: #666; font-size: 14px; border-radius: 50px; border:#cccccc solid 1px; width: 120px; height: 40px; line-height: 40px; text-align: center; transition-duration: 0.3s }
.list_join .content ul li .box a:hover{background: linear-gradient(to bottom, #5babef 0%, #2f95eb 100%); border:#2f95eb solid 1px;  color: #fff;}

.list_join_liucheng{ padding-top: 20px; padding-bottom: 50px; }
.list_join_liucheng h3{ color: #0f3f81; font-size: 24px; font-weight: bold; }
.list_join_liucheng ul{ text-align: center; padding-top: 40px; padding-bottom: 40px;}
.list_join_liucheng ul li{ display: inline-block; margin-right: 13px; margin-left: 13px; }
.list_join_liucheng ul li img{ display: block; height: 97px;}
.list_join_liucheng .info{ line-height: 1.8em; font-size:16px; color: #333333; }
.list_join_liucheng .info a{ color: #0f3f81; font-weight: bold; }

.list_news{ padding-bottom: 20px; }
.list_news ul li{ margin-bottom: 20px; border-bottom: #ececec solid 1px;  padding-bottom: 10px; }
.list_news ul li .img{ float: none; width: 100%; margin-right: 0px;  overflow: hidden; height: auto; margin-bottom: 20px;}
.list_news ul li .img img{ width: 100%; height: 100%; display: block; object-fit: cover; transition-duration: 0.3s;}
.list_news ul li:hover .img img{transform: rotate(0deg) scale(1.05);}
.list_news ul li .info{ float: none; width: auto;  height: auto; position: relative; }
.list_news ul li .info .newstitle{ margin-bottom: 10px; line-height: 1.8em; }
.list_news ul li .info .newstitle a{ font-size: 20px; color: #333; }
.list_news ul li .info .newstitle a:hover{ color: #1ba6e7; }
.list_news ul li .info .description{ font-size: 14px; color: #666; line-height: 1.6em; }
.list_news ul li .info .time{ font-size: 14px; color: #999; line-height: 1.6em; position: relative;margin-bottom: 0px; bottom: 0px;}
.list_news ul li .info .description{line-height: 1.8em; font-size: 16px; margin-bottom: 20px; color: #666;}
.list_news ul li .info .description a{ color: #1ba6e7; font-weight: bold; }
.list_news ul li .info span{ display: block; width: 30px; height: 2px; background: #1ba6e7; margin-top: 20px; margin-bottom: 20px; }




.list_partners{ padding-top: 50px; padding-bottom:50px;background: #fff}
.list_partners ul li{ margin-bottom: 30px; border-bottom: #ececec solid 1px;  padding-bottom: 30px; float: left; width: 25%; }
.list_partners ul li .img{ height: 60px; overflow: hidden; padding-top: 20px; padding-bottom: 20px; }
.list_partners ul li .img img{ height:60px; display: block; margin: 0 auto; transition-duration: 0.3s;}
.list_partners ul li:hover .img img{transform: rotate(0deg) scale(1.05);}
.list_partners ul li .info{ }
.list_partners ul li .info .title{ margin-bottom: 10px; line-height: 1.8em;  text-align: center; font-size: 14px; color: #999;}
.list_partners ul li .info .title a{  font-weight: bold; color: #333; }





.list_serivce{ padding-top: 50px; padding-bottom:50px;background: #fff}
.list_serivce h4{ font-size: 18px; color: #333; padding-bottom: 40px; }
.list_serivce ul li{ background: #f5f5f5; }
.list_serivce ul li .img{  width: 50%;}
.list_serivce ul li .img img{ width: 100%; display: block; }
.list_serivce ul li .info{width: 50%; position: relative;}
.list_serivce ul li .info .box{ padding: 50px; }
.list_serivce ul li .info .box .title{ font-weight: bold; font-size: 24px; color: #333;}
.list_serivce ul li .info .box span{ width: 30px; height: 2px; display: block; margin-top: 24px; margin-bottom: 24px; background: #eb5d1e}
.list_serivce ul li .info .box .content{ line-height: 1.8em; font-size: 16px; color: #333; text-align: justify;}
.list_serivce ul li.li1 .img{ float: left; }
.list_serivce ul li.li1 .info{ float: left; }
.list_serivce ul li.li1 .info:after{ position: absolute; left: -10px; top: 54px; border: 10px solid transparent; border-left-width: 0; border-right-color: #f5f5f5; content: "" }
.list_serivce ul li.li2 .img{ float: right; }
.list_serivce ul li.li2 .info{ float: right; }
.list_serivce ul li.li2 .info:after{ position: absolute; right: -10px; top: 54px; border: 10px solid transparent; border-right-width: 0; border-left-color: #f5f5f5; content: "" }
.list_serivce ul li.li3 .img{ float: left; }
.list_serivce ul li.li3 .info{ float: left; }
.list_serivce ul li.li3 .info:after{ position: absolute; left: -10px; top: 54px; border: 10px solid transparent; border-left-width: 0; border-right-color: #f5f5f5; content: "" }
.list_serivce ul li.li4 .img{ float: right; }
.list_serivce ul li.li4 .info{ float: right; }
.list_serivce ul li.li4 .info:after{ position: absolute; right: -10px; top: 54px; border: 10px solid transparent; border-right-width: 0; border-left-color: #f5f5f5; content: "" }
.list_serivce ul li.li5 .img{ float: left; }
.list_serivce ul li.li5 .info{ float: left; }
.list_serivce ul li.li5 .info:after{ position: absolute; left: -10px; top: 54px; border: 10px solid transparent; border-left-width: 0; border-right-color: #f5f5f5; content: "" }
.list_serivce ul li.li6 .img{ float: right; }
.list_serivce ul li.li6 .info{ float: right; }
.list_serivce ul li.li6 .info:after{ position: absolute; right: -10px; top: 54px; border: 10px solid transparent; border-right-width: 0; border-left-color: #f5f5f5; content: "" }
.list_serivce ul li.li7 .img{ float: left; }
.list_serivce ul li.li7 .info{ float: left; }



.show_picture{ padding-top: 50px; padding-bottom:50px;background: #fff}
.show_picture .html{ line-height: 2em; font-size: 16px; color: #333; padding-bottom: 30px;  margin-bottom: 30px; border-bottom: #ececec solid 1px; }
.show_picture .html p{ line-height: 2em; font-size: 16px; color: #333; }
.show_picture .html p strong{ color: #333; font-size: 18px; }
.show_picture .html ul li{ float: left; width:33.333%; }
.show_picture .html ul li img{ width: 90%; display: block; margin: 0 auto; }
.show_picture .html ul li p{  text-align: center; font-size: 14px; padding-top: 5px; }
.show_picture .title{  text-align: center; font-size: 30px; color: #333; padding-bottom: 40px; font-weight: bold; }
.show_picture .other{ padding-top: 50px; text-align: center; padding-bottom: 50px;}
.show_picture .other .left{ float: left; font-size: 16px;}
.show_picture .other .right{ float: right; font-size: 16px;}
.show_picture .other a{ color: #333; }
.show_picture .other a:hover{ color: #eb5d1e; }

.show_picture .swiper-slide img{ width: 100%; display: block; }
.show_picture .imglist .swiper-container{ padding-bottom: 50px; }
.show_picture .imglist .swiper-pagination-bullet{ width: 10px; height: 10px; }
.show_picture .imglist .swiper-pagination-bullet-active{width: 10px; height: 10px;background: #eb5d1e;}
.show_picture .imglist .swiper-button-next{ right: -60px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") ; background-repeat: no-repeat; background-position: center center; background-color:#eb5d1e; border-radius: 44px 44px; width: 44px; height: 44px; border-radius: 44px; background-size: 18px 18px;  }
.show_picture .imglist .swiper-button-prev{ left: -60px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");background-repeat: no-repeat; background-position: center center; background-color:#eb5d1e; border-radius:44px 44px; width: 44px; height: 44px; border-radius: 44px; background-size: 18px 18px;  }
.show_picture .imglist .swiper-button-disabled{ background-color:#ccc; }



.page_solution{ padding-top: 30px; padding-bottom:30px;background: #f6f9fa}
.page_solution .left{ width: 260px; float: left;}
.page_solution .left .list{  }
.page_solution .left .list li{  }
.page_solution .left .list li a{ font-size: 16px; color: #333; height: 48px; line-height: 48px;  display: block; padding-left: 20px; border:#ececec solid 1px; margin-bottom: 10px; background: #fff; border-radius: 3px; }
.page_solution .left .list li a.active{ font-weight: bold;  color: #fff; display: block; background: linear-gradient(to left, #009fe6 0%, #0170bf 100%);  }
.page_solution .right{ width: 820px; float: right; background: #fff; padding: 40px;border:#ececec solid 1px;background: #fff; border-radius: 3px; }
.page_solution .right .title{ text-align: center; margin-bottom: 30px;}
.page_solution .right .title h1{ font-size: 24px; margin-bottom: 10px;  }
.page_solution .right .title p{ font-size: 14px; color: #999; }
.page_solution .right .html{ border-top: #ececec solid 1px; padding-bottom: 30px;padding-top: 30px; } 
.page_solution .right .html h2{ font-size: 20px; color: #eb5d1e; margin-bottom: 20px; }
.page_solution .right .html p{ font-size: 15px; color: #333; line-height: 1.8em; }
.page_solution .right .html .row{ margin-bottom: 50px; }
.page_solution .right .html ul li{font-size: 15px; color: #333; line-height: 1.8em}
.page_solution .right .button{ border-top: #ececec solid 1px; padding-top: 40px; padding-bottom: 30px; }
.page_solution .right .button a{ display: block; width: 240px; position: relative; top: 0px; height: 50px; border-radius: 40px; background: #eb5d1e; color: #fff; font-size: 16px; line-height: 50px; text-align: center; font-weight: bold; margin: 0 auto; transition-duration: 0.1s;cursor:pointer;}
.page_solution .right .button a:active{ position: relative; top: 2px; }


.list_product{ padding-top: 30px; margin-bottom: 50px }
.list_product ul{ width: auto; }
.list_product ul li { float: none; width: auto; margin-right: 0px;  margin-bottom: 20px; }
.list_product ul li .box{ border:#ececec solid 1px; padding: 20px; height: 300px; transition-duration: 0.3s; position: relative;} 
.list_product ul li .box:hover{ border:#1ba6e7 solid 1px;  }
.list_product ul li .box h2{ border-bottom:#ececec solid 1px; padding-bottom: 20px; margin-bottom: 20px; }
.list_product ul li .box h2 a{ font-size: 20px; font-weight: normal; color: #333; }
.list_product ul li .box .description{ font-size: 14px; color: #666666; line-height: 1.8em; }
.list_product ul li .box .more{ position: absolute; left: 30px; bottom: 30px; opacity: 1; width: 40px; display: block; transition-duration: 0.3s }
.list_product ul li .box:hover .more{ opacity: 0;}
.list_product ul li .box .more1{ position: absolute; left: 30px; bottom: 30px; width: 40px; opacity: 0; transition-duration: 0.3s; }
.list_product ul li .box:hover .more1{ position: absolute; left: 30px; bottom: 30px;opacity: 1; width: 40px;  }
.list_product ul li .box .thumb{ width: 180px; position: absolute; right: 30px; bottom: 2px; }







.show_product{ padding-bottom:50px;background: #fff;}
.show_product .content{ width: 920px; float: left; border:#ececec solid 1px; }
.show_product .content  .top{}
.show_product .content  .top .photo{ width: 460px;margin-right: 30px; float: left; border-right: #ececec solid 1px; }
.show_product .content  .top .photo img{ width: 100%; display: block; }
.show_product .content  .top .photo .swiper-pagination{ bottom: 20px; }
.show_product .content  .top .photo .swiper-pagination-bullet{ width: 8px; height: 8px; border: #666 solid 2px; background: #fff;}
.show_product .content  .top .photo .swiper-pagination-bullet-active{width: 8px; height: 8px;background: #1ba6e7;border: #1ba6e7 solid 2px;: }
.show_product .content  .top .info{ width: 410px; float: left; padding-top: 40px;}
.show_product .content  .top .info h1{ font-weight: bold; font-size: 32px; color: #1ba6e7; margin-bottom: 10px; }
.show_product .content  .top .info .description{ line-height: 2em; font-size: 16px; color: #555; margin-bottom: 40px; }
.show_product .content  .top .info .olineservice{ border-top:#ececec solid 1px;  }
.show_product .content  .top .info .olineservice h4{ font-weight: normal; padding-top: 30px;font-size: 14px; color: #666; margin-bottom: 10px; }
.show_product .content  .top .info .olineservice .qqcontent a.qq{ display: inline-block; border-radius: 3px; background: #1ba6e7; color: #fff ; border:#1ba6e7 solid 2px; margin-right: 20px;  padding:10px 20px; font-size: 16px; }
.show_product .content  .top .info .olineservice .qqcontent a.wechat{ position: relative; display: inline-block; border-radius: 3px; border:#00be5d solid 2px; background: #00be5d; margin-right: 20px;  color: #fff; padding:10px 20px; font-size: 16px;}
.show_product .content  .top .info .olineservice .qqcontent a.wechat .wechatcontent{ position: absolute; display: none; border-radius: 3px; background: #fff;border:#ececec solid 1px; top: 48px; right: -8px; width: 140px; height: 140px; box-shadow: 0px 0px 5px rgba(0,0,0,0.1) }
.show_product .content  .top .info .olineservice .qqcontent a.wechat .wechatcontent img{ width: 100%; display: block;}
.show_product .content  .top .info .olineservice .qqcontent a.wechat .wechatcontent:after{ content: '';position: absolute;border: 7px solid transparent;border-top-width: 0;border-bottom-color: #ececec;top: -7px;right: 3px}
.show_product .content  .top .info .olineservice .qqcontent a.wechat .wechatcontent:before{ content: '';position: absolute;border: 7px solid transparent;border-top-width: 0;border-bottom-color: #fff;top: -5px;right: 3px; z-index: 999;}
.show_product .content  .top .info .olineservice .qqcontent a.wechat:hover .wechatcontent{ position: absolute; display: block; }
.show_product .content  .top .info .olineservice .telcontent {  font-size: 24px; color: #ce0000;}
.show_product .content  .top .info .olineservice .telcontent strong{ margin-right: 30px; }
.show_product .content  .top .info .olineservice .telcontent span{ margin-right: 6px; }
.show_product .content  .top .info .olineservice .telcontent span img{ height: 20px; position: relative; top: -2px  }

.show_product .jieshao{ padding: 0px; background: #fff; }
.show_product .jieshao .html img{ display: block;width: 100%; }
.show_product .jieshao .html p{ line-height: 2em; font-size: 14px; color: #333; }
.show_product .jieshao .html strong{ font-size: 18px; color: #eb5d1e }


.show_product table {border-collapse: collapse;width: 100%;}
.show_product table td 

.show_product .canshu { border-bottom: #ececec solid 1px; }
.show_product .canshu .html{ padding:0 20px; }

.show_product .canshu .right_title{ font-weight: bold; position: relative;  color: #1b86f2; font-size: 32px; text-align: center; padding-top: 40px; height: 60px; margin-bottom: 20px;}
.show_product .canshu .right_title:after{position: absolute; content: "";  width:40px; left: 50%; background: #1b86f2; bottom:0px; margin-left: -20px;  height: 2px; z-index: 2;}


.show_product .kehu .html{ padding:0 20px; }
.show_product .kehu .html img{ display: block;width: 100%; }
.show_product .kehu .right_title{ font-weight: bold; position: relative; border-top: #ececec solid 1px; color: #1b86f2; font-size: 32px; text-align: center; padding-top: 40px; height: 60px; margin-bottom: 20px;}
.show_product .kehu .right_title:after{position: absolute; content: "";  width:40px; left: 50%; background: #1b86f2; bottom:0px; margin-left: -20px;  height: 2px; z-index: 2;}

.show_product .pro_tab .swiperTab{ border-bottom: #ececec solid 1px; border-top: #ececec solid 1px; }
.show_product .pro_tab .swiperTab li{ float: left; color: #666666; font-size: 16px; padding-left: 20px; padding-right: 20px; height: 44px; line-height: 44px; }
.show_product .pro_tab .swiperTab li.active{ color: #fff; font-size: 16px; background: #1b86f2;font-weight: bold;}

.show_product .pro_tab .texthtml{ padding:20px; line-height: 2em;font-size: 14px;}
.show_product .pro_tab .imghtml{ padding:	0px; }
.show_product .pro_tab .imghtml img{ display: block;width: 100%; }

.show_product .pro_tab .html{ padding:	20px;  line-height: 2em;font-size: 14px;}
.show_product .pro_tab .html img{ display: block;width: 100%; }
.show_product .pro_tab .html table {border-collapse: collapse;width: 100%;}
.show_product .pro_tab .html table td {padding:12px ;font-size: 14px;color: #333;  border: 1px solid #ececec;line-height: 1.6em;}


.list_down{ padding-bottom:50px;background: #fff;}
.list_down .content{ width: 922px; float: left;  }
.list_down .content .righttitle{ font-size: 24px; color: #333; height: 60px; line-height: 60px; font-weight: bold;font-family: 'HarmonyOS Sans Bold'; border-bottom: #ececec solid 1px; }
.list_down .content ul li{ padding-top: 30px; padding-bottom: 30px; border-bottom:#ececec solid 1px; }
.list_down .content ul li:nth-child(2n){ border-left: #e5edf7 solid 1px;}
.list_down .content ul li .img { float: left; width: 58px; height: 58px; border-radius: 3px; border:#e5edf7 solid 1px; margin-right: 10px; }
.list_down .content ul li .img img{ width: 48px; height: 48px; display: block; }
.list_down .content ul li .info{ float: left; }
.list_down .content ul li .info h3{ font-size: 16px; color: #333; margin-bottom: 5px; padding-top: 5px; }
.list_down .content ul li .info p{ font-size: 14px; color: #999; }
.list_down .content ul li .info p span{ margin-right: 30px; } 
.list_down .content ul li .down{  float: right; padding-top: 14px;  }
.list_down .content ul li .down a{background: #1b86f2;  color: #fff; font-weight: bold; font-size: 14px; padding: 6px 20px; border-radius: 3px;  display: inline-block;}






.list_guzhang{  padding-bottom:50px;background: #fff;}
.list_guzhang .righttitle{ font-size: 24px; color: #333; height: 60px; line-height: 60px; font-weight: bold;font-family: 'HarmonyOS Sans Bold'; border-bottom: #ececec solid 1px; }
.list_guzhang ul li{ border-bottom: #e1e2e2 solid 1px; padding-bottom: 20px; padding-top: 20px; }
.list_guzhang ul li h3{ color: #1b86f2; font-size: 20px; margin-bottom: 5px;  }
.list_guzhang ul li h3 a{ color: #1b86f2 }
.list_guzhang ul li p{ font-size: 16px; line-height: 1.8em; color: #666; }


.list_zhishi{ padding-bottom:50px;background: #fff;}
.list_zhishi .righttitle{ font-size: 24px; color: #333; height: 60px; line-height: 60px; font-weight: bold;font-family: 'HarmonyOS Sans Bold'; border-bottom: #ececec solid 1px; }
.list_zhishi ul{ padding-top: 20px; }
.list_zhishi ul li{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: #ececec solid 1px; }
.list_zhishi ul li .img{ float: left; width: 240px; margin-right: 30px;  overflow: hidden; height: 160px;}
.list_zhishi ul li .img img{ width: 100%; height: 100%; display: block; object-fit: cover; transition-duration: 0.3s;}
.list_zhishi ul li:hover .img img{transform: rotate(0deg) scale(1.05);}
.list_zhishi ul li .info{ float: left; width: 930px; }
.list_zhishi ul li .info .title{ margin-bottom: 5px; line-height: 1.8em; }
.list_zhishi ul li .info .title a{ font-size: 20px; font-weight: bold; color: #333; }
.list_zhishi ul li .info .title a:hover{ color: #1ba6e7; }
.list_zhishi ul li .info .description{ font-size: 14px; color: #666; line-height: 1.6em; }
.list_zhishi ul li .info .time{ font-size: 14px; color: #999; line-height: 1.6em; position: relative;margin-bottom: 10px;}
.list_zhishi ul li .info .description{line-height: 1.8em; font-size: 16px; color: #666;}
.list_zhishi ul li .info .description a{ color: #1ba6e7; font-weight: bold; }
.list_zhishi ul li .info span{ display: block; width: 30px; height: 2px; background: #eb5d1e; margin-top: 20px; margin-bottom: 20px; }



.custom_table{border:#ececec solid 1px; background:#fff }
.custom_table { width: 100%; margin: 0 auto; font-size: 15px; color: #333; border-collapse: collapse; font-weight: bold; }
.custom_table tr:nth-of-type(odd) { background: #fff; }
.custom_table th { background: #ececec; color: #999; font-weight: bold; }
.custom_table td,.custom_table th {padding: 12px; border: 1px solid #ececec;}
.custom_table td,.custom_table th { text-align: center;}

.team_list{padding-bottom:30px;padding-top: 30px; background: #f5f6f7; }
.team_list .box{ background: #fff; padding: 40px; }
.team_list .box ul li{ margin-bottom: 40px; }
.team_list .box ul li .img{ float: left;width: 160px;margin-right: 20px;}
.team_list .box ul li .img img{ width: 140px; display: block; border:#ececec solid 1px; padding: 4px;  }
.team_list .box ul li .info{ float: left; width: 940px;}
.team_list .box ul li .info h2{ font-size: 24px; padding-top: 5px; color: #333; margin-bottom: 10px; }
.team_list .box ul li .info .html{ line-height: 1.8em; color: #333; font-size: 16px; }






.list_training{padding-bottom:30px;padding-top: 30px; background: #f5f6f7; }
.list_training .box{ background: #fff; padding: 20px 40px; padding-bottom: 40px;}
.list_training ul li{ padding-bottom: 20px; padding-top: 20px; border-bottom: #ececec solid 1px; }
.list_training ul li h2{ margin-bottom: 10px; }
.list_training ul li h2 a{ font-size: 22px; color: #333; }
.list_training ul li h2 a:hover{ font-size: 22px; color: #eb5d1e; }
.list_training ul li .description{ line-height: 1.8em; font-size: 16px; color: #333; }
.list_training ul li .description a{ color: #3b5389; font-weight: bold; }




.about_box_a{ padding-top: 70px;  background: #f5f9fa; }
.about_box_a .left .title{text-align: left ;position: relative;  margin-bottom: 20px;}
.about_box_a .left .title h2{ font-size: 36px; color: #333; margin-bottom: 5px; }
.about_box_a .left .content{ text-align: justify; line-height:2em; color: #333; }
.about_box_a .left .content p{ text-indent: 2em; }
.about_box_a .right img{ width: 100%; float: right; display: block;   }
.about_box_a .left{ width: 50%;float: left; margin-bottom: 40px; }
.about_box_a .right{ width: 45%;  padding-left: 5%; float: left; padding-top: 73px; }

.about_box_a .number{background: -moz-linear-gradient(left, #3b9bec 0%, #62aff0 100%);
background: -webkit-linear-gradient(left, #3b9bec 0%, #62aff0 100%);
background: linear-gradient(to right, #3b9bec 0%, #62aff0 100%); margin-top: 30px;  padding-top: 30px; padding-bottom: 30px; }
.about_box_a .number li { width:25%; float: left; position: relative; }
.about_box_a .number li h3{ font-size: 36px; font-weight: bold; color: #fff;margin-bottom:8px;font-family: 'HarmonyOS Sans Bold';}
.about_box_a .number li p{ font-size: 16px; color: #fff; }
.about_box_a .number li:after{ position: absolute;content: ""; right: 40px; top:0px; bottom: 0px;height: auto; width: 1px; background:rgba(255,255,255,0.3); }
.about_box_a .number li:last-child:after{ display: none; }


.about_box_b {padding-top: 70px; padding-bottom: 50px; background: url(../images/aboutbg1.jpg) no-repeat center; background-size: cover;   }
.about_box_b .title{text-align: left ;position: relative;  margin-bottom: 20px;}
.about_box_b .title h2{ font-size: 36px; color: #fff; margin-bottom: 5px; }
.about_box_b .title h2 span{ font-size: 16px; padding-left: 6px; color: #fff;}
.about_box_b .content .swiper-slide{transform:translate3d(0,0,0); overflow:hidden; border-radius: 5px;}
.about_box_b .content .swiper-slide .box{ display: block; position: relative;background:#000; border-radius: 5px; overflow: hidden; height: 367px; }
.about_box_b .content .swiper-slide .box img{ transition-duration: 0.3s; width: 100%; height: 100%; object-fit: cover; }
.about_box_b .content .swiper-slide .box .info { transition-duration: 0.3s; color: #fff; position: absolute; z-index: 3; left: 30px; bottom: 30px; font-size: 18px; line-height: 1.6em; right: 30px; font-weight: normal; }
.about_box_b .content .swiper-slide .box .info h3{ text-shadow: 2px 2px 2px rgba(0,0,0,0.3); font-size: 24px; line-height: 1.4em;   font-weight: normal; margin-bottom: 10px; }
.about_box_b .content .swiper-slide .box .info span{ display: block; width: 30px; height: 2px; background: #fff; margin-top: 15px; margin-bottom: 15px; }
.about_box_b .content .swiper-slide .box .info p{ text-shadow: 2px 2px 2px rgba(0,0,0,0.3);  font-size: 16px;line-height: 1.4em;  font-weight: normal; }
.about_box_b .content .swiper-slide .box:after{ content:""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 200px; z-index: 2;
background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); }
.about_box_b .content .swiper-container{ padding-bottom: 50px; }
.about_box_b .content .swiper-pagination-bullet{ width: 8px; border:#dadada solid 2px; height:8px; opacity: 1; border-radius: 0px; transition-duration: 0.3s; border-radius: 12px; background: none; }
.about_box_b .content .swiper-pagination-bullet-active{width: 8px; height: 8px;border-radius: 8px; background: #1ba6e7; border-color: #1ba6e7}
.about_box_b .content .swiper-slide .box:hover img{ width: 100%; height: 100%; object-fit: cover; }
.about_box_b .content .swiper-slide .box:hover .info{bottom: 40px; }






.about_box_d{ padding-top: 60px; padding-bottom: 60px; background: #f8f9fb }
.about_box_d .title{text-align: left ;position: relative;  margin-bottom: 30px;}
.about_box_d .title h2{ font-size: 36px; color: #333; margin-bottom: 10px; text-align: center; }
.about_box_d .title h3{ font-size: 16px; text-align: center; font-weight: normal; color: #666;}
.about_box_d .content .swiper-slide { width: auto; }
.about_box_d .content .swiper-slide .box img{ transition-duration: 0.3s; width: auto; display: block; height: 200px; object-fit: cover; }
.about_box_d .content .swiper-container{ padding-bottom: 50px; }
.about_box_d .content .swiper-pagination-bullet{ width: 8px; border:#dadada solid 2px; height:8px; opacity: 1; border-radius: 0px; transition-duration: 0.3s; border-radius: 12px; background: none; }
.about_box_d .content .swiper-pagination-bullet-active{width: 8px; height: 8px;border-radius: 8px; background: #1ba6e7; border-color: #1ba6e7}



.detail_down{ padding-top: 30px; padding-bottom: 50px; }
.detail_down ol{ border-bottom: #ececec solid 1px;padding-bottom: 5px; }
.detail_down ol li{ float: left; }
.detail_down ol li.name{ font-size: 12px; color: #999; width: 60%;text-indent: 10px;}
.detail_down ol li.size{ font-size: 12px; color: #999; width: 30%;}
.detail_down ol li.down{ font-size: 12px; color: #999; width: 10%;}
.detail_down ul li{ height: 32px; line-height: 32px; padding-top:10px; padding-bottom: 10px; border-bottom: #ececec solid 1px; }
.detail_down ul li:nth-child(2n){ background: #f9f9f9 }
.detail_down ul li .name{ font-size: 14px; color: #999; width: 60%; float: left;text-indent: 10px;}
.detail_down ul li .name a{ color: #333;}
.detail_down ul li .size{ font-size: 14px; color: #999; width: 30%;float: left}
.detail_down ul li .down{ font-size: 14px; color: #999; width: 10%;float: left}
.detail_down ul li .down a{ display: block; width: 80px; height: 32px; line-height: 32px;text-align: center; color: #fff;line-height: 36px; background:#20a366; font-size: 14px;border-radius: 3px;  }

.detail_contact ul li{ padding-top: 30px; padding-bottom:30px; border-bottom: #ececec solid 1px; }
.detail_contact ul li.one{ padding-bottom: 10px; }
.detail_contact ul li.one .img{ float: left; width: 90px; height: 90px; line-height: 90px;text-align: center; color: #fff;font-weight:bold; font-size: 18px; border-radius: 90px; margin-right: 25px; }
.detail_contact ul li.one .info{ width: 1000px; float: left; }
.detail_contact ul li.one .info dl{ float: left;  width:45%; margin-right: 5%; padding-bottom: 20px; }
.detail_contact ul li.one .info dl dt{ font-size: 18px; color: #333; font-weight: bold; margin-bottom: 10px; padding-top:10px; }
.detail_contact ul li.one .info dl dd{ line-height: 1.8em; font-size: 14px; color: #555; }

.detail_contact ul li{ padding-top: 30px; padding-bottom:30px; border-bottom: #ececec solid 1px; }
.detail_contact ul li.two .right{float: left; width: 50%;}
.detail_contact ul li.two .left {float: left; width: 50%;}
.detail_contact ul li.two .img{ float: left; width: 90px; height: 90px; line-height: 90px;text-align: center; color: #fff;font-weight:bold; font-size: 18px; border-radius: 90px; margin-right: 25px; }
.detail_contact ul li.two .info{ width: 450px; float: left; }
.detail_contact ul li.two .info dl{ float: left;  width:45%; margin-right: 5%; }
.detail_contact ul li.two .info dl dt{ font-size: 18px; color: #333; font-weight: bold; margin-bottom: 10px;  padding-top:10px; }
.detail_contact ul li.two .info dl dd{ line-height: 1.8em; font-size: 14px; color: #555; }


.pagecontact{padding-bottom:50px;padding-top: 50px;}
.pagecontact .contact{ line-height: 2em; font-size: 16px; color: #333; }
.pagecontact .contact .left { width: 48%; float: left; }
.pagecontact .contact .right { width: 48%; float: right; }
.pagecontact .contact .left p{ line-height: 2em; font-size: 16px; color: #333; }
.pagecontact .contact .left h2{ color: #5ead87; font-size: 22px; padding-top: 0px; margin-bottom: 10px;}
.pagecontact .contact .right img { width: calc(100% - 10px); display: block; border:#ececec solid 1px; padding: 4px; }



.messages_form{padding-bottom:50px;padding-top: 50px; background: #fff;}
.messages_form .html h2{ color: #eb5d1e; font-size: 24px; margin-bottom: 10px; }
.messages_form .html h4{ font-size: 16px; color: #333; margin-bottom: 40px; font-weight: normal; }
.messages_form .layui-input-block{ margin-left: 0; }
.messages_form .layui-form-item{ margin-bottom: 24px; }
.messages_form .two .layui-input-block{ float:left; width: 48.8%; }
.messages_form .two .layui-input-block .layui-input{ background: #f5f5f5;height: 44px; line-height: 1.3; line-height: 44px\9; border:none; border:#ececec solid 1px;}
.messages_form .two .left{ float: left; }
.messages_form .two .right{ float: right; }

.messages_form .one .layui-input-block{  }
.messages_form .one .layui-input-block .layui-textarea{ padding-top: 10px; background: #f5f6f7;height: 200px; line-height: 1.3; line-height: 44px\9;border:none}
.messages_form .layui-btn{ background: #eb5d1e; height: 48px; line-height: 48px; font-size: 16px; font-weight: bold; }





}
/*手机*/
@media screen and (max-width: 480px) {}
/*小尺寸手机*/
@media screen and (max-width: 320px) {}
/*横屏*/
@media all and (orientation : landscape) {} 
/*竖屏*/
@media all and (orientation : portrait){}