.index_banner { height: 80%; position: relative; background: #000 }
.index_banner .swiper-pagination{ bottom: 40px; font-family: 'HarmonyOS Sans Bold'; color: #fff; text-align: left; width: 1200px; left:50%; margin-left: -600px; font-size: 16px;}
.index_banner .swiper-pagination-current{ font-size: 24px; }
.index_banner .swiper-container{ height: 100%; }
.index_banner .swiper-slide{ position: relative; }
.index_banner .swiper-slide .h1{top: 33%; z-index: 22;letter-spacing: 5px; color: #fff; font-size: 45px;  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{text-transform: uppercase; top: 42%; z-index: 33; color: #fff; font-family: 'HarmonyOS Sans Bold'; 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: 52%; 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: #333; background: #fff; border-radius: 40px; height:40px; line-height: 40px; padding-left: 20px; padding-right: 40px; font-size: 14px; position: relative; display: block; width: 100px;}
.index_banner .swiper-slide .more a:after{ position: absolute;content: ""; width: 24px; height: 24px; border-radius: 24px; background: #009801; right: 8px; top: 8px; }
.index_banner .swiper-slide .more a:before{ position: absolute;font-family: "remixicon";content: "\ea6c"; right: -2px; color: #fff; font-size: 14px; line-height: 24px;width: 24px; height: 24px; top:3px;  z-index: 3; border: 5px solid transparent; }
.index_banner .swiper-slide-active .h1{opacity: 1; top: 35% }
.index_banner .swiper-slide-active .h2{opacity: 1; top: 44%; }
.index_banner .swiper-slide-active .more{opacity: 1; top: 54%; }
.index_banner .swiper-slide { height: 100%; }
.index_banner .swiper-slide img{ height: 100%; width: 100%; object-fit: cover; }
.index_banner .swiper-button-next{ top: auto; right: 3%;bottom: 40px!important;  border-radius:36px; height: 36px; width: 36px; line-height: 36px; border:#fff solid 2px; background-size: 10px 20px; background:none; text-align: center; color: #fff;  z-index: 333; }
.index_banner .swiper-button-prev{top: auto;left: auto;bottom: 40px!important;  right: 7%; border-radius: 36px; height: 36px; line-height: 36px; width: 36px; border:#fff solid 2px; background-size: 10px 20px; background:none; text-align: center; color: #fff; z-index: 333;}



.index_about{ padding-top: 70px; padding-bottom: 70px; background: #fff}
.index_about .title{ margin-bottom: 40px; }
.index_about .title h2{ font-size: 36px; font-weight: bold; color: #333; text-align: center; margin-bottom: 5px;}
.index_about .title p{ font-size: 16px; color: #333333; text-align: center; font-weight: normal; }
.index_about .number ul li{ float:left; width: 20%; text-align: center; }
.index_about .number ul li strong{ font-size: 40px; color: #3ea4d1;font-family: 'HarmonyOS Sans Bold'; }
.index_about .number ul li span{  position: relative; top: -15px;left: 4px; color: #3ea4d1;}
.index_about .number{ padding-bottom: 50px; padding-top: 10px; }
.index_about .number p{ color: #333333; font-weight: bold; padding-top: 6px;}
.index_about .culture .swiper-container{overflow: initial!important; }
.index_about .culture .swiper-slide{overflow: initial!important; }
.index_about .culture .swiper-slide .box{ position: relative; overflow: hidden; height: 240px; transition-duration: 0.2s; border-radius: 3px; background:#3ea4d1  }
.index_about .culture .swiper-slide .box a{ display: block;  }
.index_about .culture .swiper-slide .box *{ transition-duration: 0.3s; }
.index_about .culture .swiper-slide .box h2{ position: absolute; left: 20px; top: 170px; z-index: 3; color: #fff; font-size: 20px; font-weight: 500; transition-delay: 0.05s; }
.index_about .culture .swiper-slide .box h3{ position: absolute; left: 20px; top: 200px; z-index: 3; color: #fff; font-size: 16px;  font-weight: 300; transition-delay: 0.05s; }
.index_about .culture .swiper-slide .box p{ position: absolute; left: 20px; top: 210px; opacity: 0; z-index: 4;font-size: 14px; text-align: justify; right: 20px; color: #fff; font-weight: normal; transition-delay: 0.1s;}
.index_about .culture .swiper-slide .box .bg{ width: 100%; border-radius: 3px; top: 0px; display: block; transition-duration: 0.3s; z-index: 1;opacity: 0.9; }
.index_about .culture .swiper-slide .box:hover{transform: scale(1.02);}
.index_about .culture .swiper-slide .box:hover h2{ position: absolute; left: 20px; top: 120px; z-index: 3; color: #fff; font-size: 20px; font-weight: 500; }
.index_about .culture .swiper-slide .box:hover h3{ position: absolute; left: 20px; top: 150px; z-index: 3; color: #fff;  }
.index_about .culture .swiper-slide .box:hover p{ position: absolute; left: 20px; top: 180px; opacity: 1; z-index: 4;font-size: 14px; text-align: justify; right: 20px; color: #fff; font-weight: normal;}
.index_about .culture .swiper-slide .box:hover .bg{ width: 100%; display: block;transform: scale(1.1); opacity: 0.3}

.index_about .culture .swiper-container{ padding-bottom:0px;}
.index_about .culture .swiper-pagination{ display: none; }
.index_about .culture .swiper-pagination-bullet{  opacity: 1; width: 10px; height: 10px; margin:0px 5px!important; opacity: 1; background: #c4c4c4; border-radius: 10px; border:none; transition-duration: 0.3s; }
.index_about .culture .swiper-pagination-bullet-active{ background: #fff;opacity: 1; width: 30px; background: #3ea4d1;  opacity:1;}




.index_case{ padding-top: 70px; padding-bottom: 60px; background: #f5f7fb}
.index_case .title{ padding-bottom: 10px; }
.index_case .title h2{ color: #333; font-size: 36px;padding-bottom:5px; text-align: center; }
.index_case .title h3{ color: #e0e0e0; font-size: 18px;padding-bottom: 20px;font-family: 'HarmonyOS Sans Bold';text-align: center; }
.index_case .swiper-slide{ width: auto; transition-duration: 0.3s; }
.index_case .swiper-slide .box{ width: 1100px;background: #fff; border-radius: 3px; overflow: hidden; box-shadow: 0px 5px 10px rgba(0,0,0,0.05); margin: 20px; }
.index_case .swiper-slide .box .img{ float: left; width: 550px; height: 400px; overflow: hidden;  }
.index_case .swiper-slide .box .img img{ width: 100%; height: 100%; object-fit: cover; }
.index_case .swiper-slide .box .info{ float: left; width: 470px; padding: 40px; height: 320px; overflow: hidden;  }
.index_case .swiper-slide .box .info h4{ font-size: 24px; color: #333; }
.index_case .swiper-slide .box .info h4 a{ font-size: 24px; color: #333; }
.index_case .swiper-slide .box .info h4 a:hover{ font-size: 24px; color: #3ea4d1; }
.index_case .swiper-slide .box .info span{display: block; width: 40px; height: 2px; background: #3ea4d1; margin-top: 15px;margin-bottom: 15px;}
.index_case .swiper-slide .box .info p{ font-size: 14px; color: #666; line-height: 1.8em;} 
.index_case .swiper-slide-active{}
.index_case .swiper-container{ padding-bottom: 50px; }
.index_case .swiper-pagination-bullet{  opacity: 1; width: 10px; height: 10px; margin:0px 5px!important; opacity: 1; background: #c4c4c4; border-radius: 10px; border:none; transition-duration: 0.3s; }
.index_case .swiper-pagination-bullet-active{ background: #fff;opacity: 1; width: 30px; background: #3ea4d1;  opacity:1;}


.index_news{padding-top: 70px; padding-bottom: 70px; background: #fff; }
.index_news .left{ width: 230px; float: left;}
.index_news .left h2{ color: #333; font-size: 36px;padding-bottom:5px; text-align: left; }
.index_news .left h3{ color: #e0e0e0; font-size: 18px;padding-bottom: 20px;font-family: 'HarmonyOS Sans Bold';text-align: left; }
.index_news .left .tab{ padding-top:40px; margin-bottom: 80px;}
.index_news .left .tab li{}
.index_news .left .tab .sssd01{ position: relative; display: inline-block; color: #3ea4d1; font-size: 16px; font-weight: bold;  height: 32px; line-height: 32px; border-bottom: #3ea4d1 solid 2px;}
.index_news .left .tab .sssd02{ color: #999; display: inline-block; font-size: 16px; font-weight: bold;  height: 32px; line-height: 32px; border-bottom: #fff solid 2px;}
.index_news .left .more a:after{ position: absolute;content: ""; width: 24px; height: 24px; border-radius: 24px; background: #009801; right: 8px; top: 8px; }
.index_news .left .more a:before{ position: absolute;font-family: "remixicon";content: "\ea6c"; right: -2px; color: #fff; font-size: 14px; line-height: 24px;width: 24px; height: 24px; top:3px;  z-index: 3; border: 5px solid transparent; }
.index_news .left .more a{ color: #009801; border-radius: 40px; height:40px; line-height: 40px; padding-left: 0px; padding-right: 0px; font-size: 14px; position: relative; display: block; width: 100px;}
.index_news .right{ width: 970px; float: left;}
.index_news .right .swiper-slide .box{ border:#ececec solid 1px;  border-radius: 3px; overflow: hidden;}
.index_news .right .swiper-slide .box .img{ height: 200px; }
.index_news .right .swiper-slide .box .img img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.index_news .right .swiper-slide .box .date{ font-size: 14px; color: #666; padding:5px 20px; padding-top: 20px;} 
.index_news .right .swiper-slide .box h2{ padding: 20px; padding-top: 0px; padding-bottom:10px; font-size: 18px; line-height: 1.6em;text-align: justify; }
.index_news .right .swiper-slide .box h2 a{ color: #333 }
.index_news .right .swiper-slide .box h2 a:hover{ color: #3ea4d1; }
.index_news .right .swiper-slide .box p{ font-size: 14px; color: #666; line-height: 1.8em; padding:0px 20px; padding-bottom: 20px;} 

.index_news .swiper-container{ padding-bottom: 50px; }
.index_news .swiper-pagination-bullet{  opacity: 1; width: 10px; height: 10px; margin:0px 5px!important; opacity: 1; background: #c4c4c4; border-radius: 10px; border:none; transition-duration: 0.3s; }
.index_news .swiper-pagination-bullet-active{ background: #fff;opacity: 1; width: 30px; background: #3ea4d1;  opacity:1;}



.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; overflow: hidden; position: relative; }
.detailbanner .pagewidth{ height: 300px; position: relative;}
.detailbanner h1{font-size: 36px; text-shadow: 2px 2px 2px rgba(0,0,0,.3);  color: #fff;  text-align: center; position: absolute; left: 0px; right: 0px; bottom: 110px;  z-index: 4; }
.detailbanner h2{ font-size: 18px; text-transform: uppercase; font-family: 'HarmonyOS Sans Bold';text-shadow: 2px 2px 2px rgba(0,0,0,.3); position: absolute; font-weight: normal;  z-index: 4; left: 0px; right: 0px; bottom: 85px;  text-align: center; }
.detailbanner img.detailbg{ width: 100%; object-fit: cover; position: absolute; left: 0px; top: -25px; bottom: 0px; right: 0px; z-index: 1; }


.search_banner{ color: #fff; overflow: hidden; position: relative; }
.search_banner .pagewidth{ height: 150px; position: relative;}
.search_banner img.detailbg{ width: 100%; object-fit: cover; position: absolute; left: 0px; top: -20px; bottom: 0px; right: 0px; z-index: 1; }
.search_banner .search{ height: 50px; position: absolute;left: 50%; margin-left: -250px;  width: 500px; display: block; overflow: hidden; transition-duration: 0.3s; border-radius: 60px; padding-left: 0px; z-index: 33; background: #fff;top: 50px;}
.search_banner .search .input_text{padding-left: 20px; font-weight: bold; height:40px; font-size: 16px; color: #333; width: 80%; line-height:40px; padding-top: 5px; padding-bottom: 5px; border:none; opacity: 1; background: none; transition-duration: 0.3s }
.search_banner .search .ss_btn{ position: absolute; right: 0; height: 50px; width: 50px;  background:url(../image/search-2-line.svg) no-repeat  5px center; text-indent: -999em;  background-size: 20px 20px;border:none; transition-duration: 0.3s; opacity: 1;}
.search_list{ padding-top: 30px ;padding-bottom: 50px; width: 1000px; margin: 0 auto; }
.search_list .search-point{ text-align: left;font-size: 16px;  color: #666; margin-bottom: 30px;}
.search_list .search-point strong{ font-weight: bold; color: #ce0000; font-size: 18px; }

.search_list .noimglist ul li{ margin-bottom: 40px; }
.search_list .noimglist ul li .img{ width: 180px; height: 120px; float: left; margin-right: 20px; overflow: hidden; border-radius: 3px;  }
.search_list .noimglist ul li .img img{ width: 100%; height: 100%; object-fit: cover; }
.search_list .noimglist ul li .title{ margin-bottom: 5px; }
.search_list .noimglist ul li .title a{ font-size: 22px; color: #333; }
.search_list .noimglist ul li .title a strong{ color: #ce0000; font-weight:normal; }
.search_list .noimglist ul li .description{ font-size: 14px; color:#666; line-height: 1.8em; }
.search_list .noimglist ul li .description strong{ color: #ce0000; font-weight: normal; }

.submenu{ height: 60px; line-height: 60px; background: #fff;  box-shadow: 0px 0px 20px rgba(0,0,0,0.1); position: relative; z-index: 9; }
.submenu ul { text-align: center; }
.submenu ul li{display: inline-block; }
.submenu ul li a{ display: block; font-size: 16px; padding-left: 25px; padding-right: 25px; color: #333;}
.submenu ul li a:hover{color: #3ea4d1; }
.submenu ul li a.active{ color: #3ea4d1; position: relative; font-weight: bold;}
.submenu ul li a.active:after{ position: absolute; content: ""; bottom: 5px; left: 0px; width: 30px; margin-left: -15px; left: 50%; height: 2px; background: #3ea4d1; border-radius: 3px;  }
.submenu span{color: #666; font-size: 14px; float: right;}
.submenu span i{ margin-left: 10px; margin-right: 10px; }
.submenu span a{ color: #666; }

.about_menu ul { text-align: center; padding-top: 50px; padding-bottom: 50px; }
.about_menu ul li{ display: inline-block; }
.about_menu ul li a{ display: block; font-size: 24px; padding-left: 25px; padding-right: 25px; color: #333;}
.about_menu ul li a:hover{color: #3ea4d1; }
.about_menu ul li a.active{ color: #3ea4d1; font-weight: bold; position: relative;}
.about_menu ul li a.active:after{ position: absolute; content: ""; bottom: -12px; left: 0px;  margin-left: -8px; left: 50%;border: 6px solid transparent; border-bottom-width: 0; border-top-color: #3ea4d1; }

.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: #1080f2 }
.subimgmenu ul li a:hover img.icona{ display: none; }
.subimgmenu ul li a:hover img.iconb{ display: block; }

.years ul { text-align: center; padding-bottom: 30px; }
.years ul li{ display: inline-block; }
.years ul li:first-child{ display: none; }
.years ul li a{ display: block; font-size: 18px; font-weight: bold; padding-left:15px; padding-right: 15px; color: #333;}
.years ul li a:hover{color: #3ea4d1; }
.years ul li em{ color: #3ea4d1; font-weight: bold; font-style: normal; font-size: 18px;padding-left:15px; padding-right: 15px; }
.years ul li .box{ background:#fff; border-radius: 6px; background: #f5f5f5; }

.list_dashiji{ padding-bottom: 50px; }
.list_dashiji ul { width: 1000px; margin: 0 auto;position: relative;}
.list_dashiji ul li:before{ content: ""; position: absolute; left:-32px; top: 0px;bottom: 0px; height: 100%; width: 1px; background: #ececec; }
.list_dashiji ul li{ padding-bottom: 20px; position: relative;}
.list_dashiji ul li:after{ content: ""; position: absolute; width: 11px; left:-40px; top: 33px; background: #fff; height: 11px; border-radius: 50px; border:#cccccc solid 3px; }
.list_dashiji ul li .box{ background: #f5f5f5; padding: 25px; border-radius: 6px; transition-duration: 0.1s; }
.list_dashiji ul li .box h3{ font-size: 24px; color: #222; margin-bottom:4px; transition-duration: 0.1s;  }
.list_dashiji ul li .box p{ font-size: 16px; color: #222; transition-duration: 0.1s;}
.list_dashiji ul li .box:hover{ background: #3ea4d1; padding: 25px; border-radius: 6px; }
.list_dashiji ul li .box:hover h3{ font-size: 24px; color: #fff; margin-bottom:4px;  }
.list_dashiji ul li .box:hover p{ font-size: 16px; color: #fff }

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

.list_news{ padding-top: 50px; padding-bottom:80px;background: #f5f7fc}
.list_news ul{ margin-bottom: 40px; }
.list_news ul li{ margin-bottom: 20px; padding: 25px; background: #fff; border-radius: 3px; box-shadow: 0px 5px 10px rgba(0,0,0,0.05); transition-duration: 0.3s; }
.list_news ul li .img{ border-radius: 3px; overflow: hidden; float: left; width: 250px; margin-right: 30px;  overflow: hidden; height: 170px;}
.list_news ul li .img img{ border-radius: 3px; width: 100%; height: 100%; display: block; object-fit: cover; transition-duration: 0.3s;}
.list_news ul li .time{ color: #aaa;  float: left; width: 100px; margin-right: 25px; padding-left: 0px;  transition-duration: 0.3s;}
.list_news ul li .time strong{font-size: 56px; display: block; text-align: center; font-family: 'HarmonyOS Sans Bold';}
.list_news ul li .time span{  font-size: 16px; text-align: center; display: block; font-family: 'HarmonyOS Sans Bold';}
.list_news ul li .info .title{ font-size: 22px; color: #333333; font-weight: bold;  margin-bottom: 10px;}
.list_news ul li .info .title a{   color: #333333;  }
.list_news ul li .info .description{   color: #666666;line-height: 1.8em; font-size: 15px;  }
.list_news ul li:hover{  box-shadow: 0px 10px 15px rgba(0,0,0,0.05);transform: translateY(-2px)}
.list_news ul li:hover .time{ color: #01acea }
.list_news ul li:hover .info .title a{ color: #01acea }

.show_news{ padding-top: 50px; padding-bottom:80px;background: #fff}
.show_news { background: #fff; border-radius: 3px; padding: 50px;box-shadow: 0px 10px 20px rgba(0,0,0,0.04); }
.show_news .html{ line-height: 2em; font-size: 16px; color: #333; padding-bottom: 30px;  margin-bottom: 30px; border-bottom: #ececec solid 1px; }
.show_news .html p{ line-height: 2em; text-indent: 2em; font-size: 16px; color: #333; }
.show_news .html p strong{ color: #333; font-size: 18px; }
.show_news .html img{ width: 60%; display: block; margin: 20px auto; }
.show_news .title{ padding-bottom: 30px; border-bottom: #ececec solid 1px; margin-bottom: 20px;}
.show_news .title h1{ text-align: center; font-size: 28px; color: #333; padding-bottom: 15px; }
.show_news .title p{ text-align: center; font-size: 14px; color: #999; font-weight: normal; }
.show_news .other{ }
.show_news .other .left{ float: left; font-size: 14px;}
.show_news .other .right{ float: right; font-size: 14px;}
.show_news .other a{ color: #333; }
.show_news .other a:hover{ color: #003d94; }


.list_case{ padding-top: 50px; padding-bottom:80px;background: #f5f7fc}
.list_case ul { width: 110%; }
.list_case ul li{ float: left;  overflow: hidden; width: 380px; margin-bottom: 30px; border-radius: 3px; margin-right: 30px; background: #fff; box-shadow: 0px 5px 10px rgba(0,0,0,0.05); transition-duration: 0.3s;}
.list_case ul li .img{ height: 280px;  overflow: hidden; }
.list_case ul li .info{ padding: 20px; }
.list_case ul li .info h2{font-size: 16px; font-weight: bold; text-align: center; transition-duration:0.3s;} 
.list_case ul li .info h2 a{ color: #333 }
.list_case ul li .img img{ width: 100%; display: block; height: 100%; object-fit: cover; }
.list_case ul li:hover{  box-shadow: 0px 10px 15px rgba(0,0,0,0.05);transform: translateY(-2px)}
.list_case ul li:hover .info h2{ color: #01acea }



.show_case{ padding-top: 50px; padding-bottom:80px;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 img{ width: 80%; display: block; margin: 20px auto; }
.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: #3ea4d1; }



.list_down{padding-top: 50px; padding-bottom:80px;background: #f5f7fc;}
.list_down ul li{ position: relative; margin-bottom: 20px; padding: 25px; background: #fff; border-radius: 3px; box-shadow: 0px 5px 10px rgba(0,0,0,0.05); transition-duration: 0.3s; }
.list_down ul li .img { float: left; width: 60px; margin-right: 20px; }
.list_down ul li .img img{ width: 100%; display: block;}
.list_down ul li .info{ float: left; padding-top: 5px;}
.list_down ul li .info .title a{ font-size:18px; font-weight: bold; color: #333; }
.list_down ul li .info .other { padding-top: 8px; }
.list_down ul li .info .other span{ font-size: 16px; color: #999; padding-top: 5px; margin-right: 40px;}
.list_down ul li .time{ position: absolute; right: 310px;font-size: 16px; color: #999; top: 74px;}
.list_down ul li .down{  float: right; padding-top: 6px; padding-right: 40px;  }
.list_down ul li .down a{background: #f4f7fc;  color: #01acea; font-weight: bold; font-size: 18px; width: 60px; height: 60px; display: block; line-height: 62px; border-radius:80px; text-align: center; transition-duration: 0.3s;}
.list_down ul li:hover .down a{background: #01acea;  color: #fff;}
.list_down ul li:hover{  box-shadow: 0px 10px 15px rgba(0,0,0,0.05);transform: translateY(-2px)}



.page_about{padding-top: 0px; padding-bottom:80px;background: #fff;}
.page_about .html{float: left; width: 720px;}
.page_about .html p{ line-height: 2em; color: #111; font-size: 16px; text-indent: 2em; text-align: justify;}
.page_about .right {float: right; width: 370px;}
.page_about .right ul{border-top: #ececec solid 1px;}
.page_about .right ul li{ padding: 50px 0 ; border-bottom: #ececec solid 1px;}
.page_about .right ul li img{ display: block; height: 82px; }



.page_content{padding-top: 50px; padding-bottom:80px;background: #fff;}
.page_content .html{ line-height: 2em; color: #111; font-size: 16px; }
.page_content .html p strong.big{ font-size: 20px; }
.page_content .html p a{  color: #01acea; font-weight: bold; border-bottom: #01acea solid 1.5px;}


.page_guihua{padding-top: 50px; padding-bottom:80px;background: #fff;}
.page_guihua .html{ line-height: 2em; color: #111; font-size: 16px;width:635px; float: left;  }
.page_guihua .html h4{ color: #333; font-size: 24px; padding-top: 30px; line-height:1.6em;  position: relative;padding-bottom: 30px; margin-bottom: 20px;}
.page_guihua .html h4:after{content: ""; position: absolute; left: 0px; bottom: 0px; height: 2px;width: 50px;background: #01acea}
.page_guihua .html p{ text-indent: 2em; }
.page_guihua .html h4 span{color: #01acea}
.page_guihua .img{ width: 485px; float: right;}

.page_fazhan{padding-top: 50px; padding-bottom:80px;background: #fff;}
.page_fazhan .html{ line-height: 2em; color: #111; font-size: 16px;width:800px; float: left;  }
.page_fazhan .html h4{ color: #01acea; font-size: 24px; margin-bottom: 10px; }
.page_fazhan .html p{ text-indent: 2em; }
.page_fazhan .img{ width: 300px; float: right;}



.page_culture{padding-top: 0px; padding-bottom:80px;background: #fff;}
.page_culture .pagewidth{ width: 960px; margin: 0 auto}
.page_culture .title{ text-align: center; font-size: 30px; font-weight: bold; color: #111; margin-bottom: 15px;}
.page_culture .title span{ padding-left: 60px; padding-right: 60px; position: relative; }
.page_culture .title span:after{ position: absolute; content: ""; left:0px; top: 18px; width:50px; height: 2px; background: #666; }
.page_culture .title span:before{ position: absolute; content: ""; right:0px; top: 18px; width:50px; height: 2px; background: #666; }
.page_culture .box { margin-bottom: 60px; padding-top: 15px; }
.page_culture .box .left{ float: left; width: 450px; }
.page_culture .box .right{ float: right; width: 450px; }
.page_culture .box .img{ display: block; border-radius: 6px; overflow: hidden; box-shadow: 0px 10px 20px rgba(0,0,0,0.1) }
.page_culture .box .img img{ display: block;  width: 100%; }
.page_culture .box .info {  }
.page_culture .box .info h3{ font-size: 20px; font-weight: bold; color: #111; margin-bottom: 10px; }
.page_culture .box .info p{ font-size: 16px; font-weight: normal; line-height: 2em; color: #333; }


.page_culture .title1{ text-align: center; font-size: 20px; font-weight: bold; color: #111; margin-bottom: 20px;}
.page_culture .box1 .swiperTab{ text-align: center; background: #f1f1f1; padding: 4px;  border-radius: 2px 20px 2px 20px; margin-bottom: 20px;}
.page_culture .box1 .swiperTab li{ float: left; width: 20%; height: 40px; line-height: 40px; color: #222; border-radius: 2px 20px 2px 20px; }
.page_culture .box1 .swiperTab li em{ position: relative; top: 3px; }
.page_culture .box1 .swiperTab li.active{background: #3ea4d1; color: #fff;}


.list_join{ padding-top: 50px; padding-bottom: 80px; background: #fff; }
.list_join .info{ padding-top: 30px; color: #666666; font-weight: normal; text-align: center;font-size: 20px; font-weight:400;}
.list_join .info span { color: #01acea; font-weight: bold;font-family: 'HarmonyOS Sans Bold'; }
.list_join .accordion li {padding:15px 25px; background: #f9f9f9; border-radius: 4px; margin-bottom: 20px;box-shadow: 0px 0px 10px rgba(0,0,0,0.0); transition-duration: 0.3s;}
.list_join .accordion .link { cursor: pointer; display: block; color: #666666; font-size: 20px; font-weight: normal; position: relative; padding-top: 10px; border-radius: 6px; padding-bottom: 10px; }
.list_join .accordion .link p{ font-size: 14px; font-weight: normal; color: #666666; padding-top: 10px; }
.list_join .accordion .link p span{ margin-right: 30px; }
.list_join .accordion li:last-child .link {border-bottom: 0;}
.list_join .accordion li i {position: absolute; top: 14px;left: 12px; font-size: 18px;color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.list_join .accordion li i.fa-chevron-down {right: 12px;left: auto;font-size: 16px;}
.list_join .accordion li.open{ background: #f6f8fb;}
.list_join .accordion li.open i {color: #01acea;}
.list_join .accordion li.open i.fa-chevron-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.list_join .subcontent {display: none; font-size: 16px;line-height: 2em; color: #111; }
.list_join .accordion li.open .link{ color: #01acea; font-weight: bold; }
.list_join .accordion li .link{ position: relative; }
.list_join .accordion li .link strong{ display: block; width: 500px;  font-size: 14px; color: #999; font-weight: normal; position: absolute; left: 500px; top: 14px; }
.list_join .accordion li .link strong span{ float: left; }
.list_join .accordion li .link strong span.diqu{width: 200px; }
.list_join .accordion li .link strong span.renshu{width: 150px; }
.list_join .accordion li .link strong span.jingyan{width: 150px; }
.list_join .accordion li.open .link strong{ font-size: 14px; color: #999;  }
.list_join .accordion li.open .subcontent { }
.list_join .accordion li.open .link i{ }
.list_join .accordion li.open  .link strong span.diqu{width: 200px; color: #f00 }
.list_join .accordion li.open  .link strong span.renshu{width: 150px;color: #f00 }
.list_join .accordion li.open  .link strong span.jingyan{width: 150px;color: #f00 }

.list_gongyi{ padding-top: 50px; padding-bottom:80px;background: #fff}
.list_gongyi .box{ background: #f5f5f5; margin-bottom: 30px; padding: 30px; border-radius: 3px; line-height: 2em; font-size: 16px; color: #111 }
.list_gongyi ul{ margin-bottom: 40px; }
.list_gongyi ul li{ margin-bottom: 20px; padding: 25px; background: #f5f5f5; border-radius: 3px;  transition-duration: 0.3s; }
.list_gongyi ul li .img{ border-radius: 3px; overflow: hidden; float: left; width: 250px; margin-right: 30px;  overflow: hidden; height: 170px;}
.list_gongyi ul li .img img{ border-radius: 3px; width: 100%; height: 100%; display: block; object-fit: cover; transition-duration: 0.3s;}
.list_gongyi ul li .time{ color: #aaa;  float: left; width: 100px; margin-right: 25px; padding-left: 0px;  transition-duration: 0.3s;}
.list_gongyi ul li .time strong{font-size: 56px; display: block; text-align: center; font-family: 'HarmonyOS Sans Bold';}
.list_gongyi ul li .time span{  font-size: 16px; text-align: center; display: block; font-family: 'HarmonyOS Sans Bold';}
.list_gongyi ul li .info .title{ font-size: 22px; color: #333333; font-weight: bold;  margin-bottom: 10px;}
.list_gongyi ul li .info .title a{   color: #333333;  }
.list_gongyi ul li .info .description{   color: #666666;line-height: 1.8em; font-size: 15px;  }
.list_gongyi ul li:hover{ transform: translateY(-2px)}
.list_gongyi ul li:hover .time{ color: #01acea }
.list_gongyi ul li:hover .info .title a{ color: #01acea }


.page_contact{ padding-top:50px; padding-bottom:80px;background: #fff}
.page_contact ul{ margin-bottom: 50px; }
.page_contact ul li{ float: left; width: 25%; }
.page_contact ul li .icon{ height: 42px; width: 42px; border-radius: 42px; background: #01acea; padding: 15px; margin: 0 auto }
.page_contact ul li img{  height: 42px; width: 42px; display: block; }
.page_contact ul li h2{ font-size: 16px; color: #666; margin-bottom: 4px; text-align: center; padding-top: 10px; }
.page_contact ul li h3{ font-size: 20px; color: #333; line-height: 1.5em; text-align: center; }
.page_contact .map{ padding-top: 60px; border:#ececec solid 1px; padding: 4px;  }

#container {width:100%;height: 480px; }  
.amap-zoom-touch-plus > div, .amap-zoom-touch-minus > div {margin: auto;font-size: 20px;line-height: 30px;font-family: verdana;text-align: center;color: #666;height: auto;cursor: pointer;}
.amap-touch-toolbar .amap-zoomcontrol {position: absolute;right: 4px;bottom: -96px;z-index: 500;width: 30px;background-color: white;background-color: rgba(255, 255, 255, 0.9);border-radius: 3px;border: 1px solid #ccc;box-shadow: 1px 1px 10px 0 #ccc;}
.amap-zoom-touch-plus, .amap-zoom-touch-minus {height: 30px;}
.amap-touch-toolbar .amap-zoomcontrol:after { display: none; }
.amap-zoom-touch-plus { margin-bottom: 0px;}

.messages_form{padding-bottom:30px;padding-top: 30px; background: #f5f7fb; }
.messages_form .box{ padding: 30px 0px; }
.messages_form .box h2{ color:#01acea; font-size: 24px; margin-bottom: 10px; }
.messages_form .box h3{ font-size: 16px; color: #333; margin-bottom: 0px; font-weight: normal; }
.messages_form .box .contact{ line-height: 2em; font-size: 16px; color: #333; }
.messages_form .box .contact p{ line-height: 2em; font-size: 16px; color: #333; }
.messages_form .box .contact h2{ color: #35538d; font-size: 24px; padding-top: 30px; margin-bottom: 10px;}
.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: #fff;height: 44px; line-height: 1.3; line-height: 44px\9; border:none;}
.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: #fff;height: 200px; line-height: 1.3; line-height: 44px\9;border:none}
.messages_form .layui-btn{ background: #01acea; height: 48px; line-height: 48px; font-size: 16px; font-weight: bold; }



.list_honor{padding-top:120px;padding-bottom:160px; background: #fff;position: relative;}
.list_honor .swiper-slide img{ width: 100%; }
.list_honor .swiper-slide .name{ text-align: center; font-size: 16px; padding-top: 20px; }
.list_honor .swiper-container{ padding-bottom: 80px; }
.list_honor .swiper-pagination-bullet{  opacity: 1; width: 10px; height: 10px; margin:0px 5px!important; opacity: 0.7; background: #999; border-radius: 10px; border:none; transition-duration: 0.3s;}
.list_honor .swiper-pagination-bullet-active{ background: #3ea4d1;opacity: 1; width: 40px; opacity:1;}
.list_honor:after{content: ""; right: 0; position: absolute; bottom: 0; width: 300px; height: 100%; top: 0;z-index: 10; background: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255,1) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);}
.list_honor:before{content: ""; left: 0; position: absolute; bottom: 0; width: 300px; height: 100%; top: 0;z-index: 10; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);}

.list_partners{ padding-top: 50px; padding-bottom:80px; background: #f5f7fb; }
.list_partners ul { width: 110% }
.list_partners ul li{ float:left; width: 540px; background: #fff; border-radius: 3px; margin-bottom: 30px;  margin-right: 30px; padding: 30px; box-shadow: 0px 5px 10px rgba(0,0,0,0.05); transition-duration: 0.3s; } 
.list_partners ul li .img{ width: 170px; margin-right: 30px; float: left; }
.list_partners ul li .img img{ width: 100%; display: block; }
.list_partners ul li .info { width: 308px; padding-left: 30px; float: left;border-left: #ececec solid 1px; }
.list_partners ul li .info .title{ font-size: 20px; font-weight: bold; color: #222; margin-bottom: 10px; transition-duration: 0.3s;}
.list_partners ul li .info .description{ height:100px;font-size: 14px; font-weight: normal; color: #666; line-height: 1.8em; margin-right: 0px;}
.list_partners ul li:hover{  box-shadow: 0px 10px 15px rgba(0,0,0,0.05);transform: translateY(-2px)}
.list_partners ul li:hover .info .title{ color: #01acea }
.list_partners ul li:nth-child(2n + 1) { clear: both;}



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


.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-bottom:50px;background: #fff;}
.side{ width: 250px; float: left; margin-right: 28px;  }
.side .category{ margin-bottom: 20px; }
.side .category h2{ font-size: 18px; height: 60px; color: #fff; line-height: 60px; padding-left: 20px;
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%); }
.side .category ul li{ border: #ededed solid 1px; border-top: none;}
.side .category ul li a{height: 55px;line-height: 55px; display: block;  padding-left: 20px; color: #333333; font-size: 16px;}
.side .category ul li a.active{ color: #1080f2; font-weight: bold; position: relative; } 
.side .category ul li a.active:after{ position: absolute; content: "\f105"; font-size: 14px; color: #999;font-family: 'FontAwesome'; right: 20px; font-weight: normal; }
.side .recommend{border:#ececec solid 1px;}
.side .recommend h2{ position: relative; font-size: 18px; color: #1080f2; font-weight: bold; padding-left: 20px; padding-top: 20px; }
.side .recommend h2:after{ position: absolute; content:""; left: 0px; top:24px; bottom: 0px; height: 18px; width: 2px; background: #1080f2; background: #1080f2 }
.side .recommend ul li { border-bottom: #ececec solid 1px; }
.side .recommend ul li:last-child{ border-bottom: none; }
.side .recommend ul li .img {  padding: 20px; padding-bottom: 10px; }
.side .recommend ul li .img img{ width: 100%; }
.side .recommend ul li .info{ text-align: center; padding-bottom: 20px;}
.side .recommend ul li .info h3{ font-size: 14px; font-weight: normal; color: #666; }



.list_product .content{ width: 922px; float: left; }
.list_product .content .title{ font-size: 24px; color: #333; height: 60px; line-height: 60px; font-weight: bold;font-family: 'HarmonyOS Sans Bold'; }
.list_product .content ul{ width: 950px; }
.list_product .content ul li{ width: 288px; margin-right: 26px; float: left; margin-bottom: 26px; border:#ededed solid 1px; transition-duration: 0.3s;box-shadow: 0px 0px 5px rgba(16,128,242,0) }
.list_product .content ul li .img { padding: 10px; }
.list_product .content ul li .img img{ width: 100%; display: block;}
.list_product .content ul li:hover .img img{ width: 100%;}
.list_product .content ul li .info{ padding:0px 15px 15px 15px; }
.list_product .content ul li .info h2{ margin-bottom: 6px; }
.list_product .content ul li .info h2 a{ color: #333; font-size: 16px;}
.list_product .content ul li:hover .info h2 a{ color: #1080f2; }
.list_product .content ul li .info .description{  line-height: 1.8em; font-size: 14px; color: #666; }
.list_product .content ul li:hover{  border:#1080f2 solid 1px;box-shadow: 0px 0px 5px rgba(16,128,242,0.2) }
.list_product .page{ text-align: left; padding-left: 0px ; padding-right: 0px; }

.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: #1080f2;border: #1080f2 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: #1080f2; 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: #1080f2; color: #fff ; border:#1080f2 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 .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;}




.productbanner{background: #222; color: #fff; overflow: hidden; position: relative; }
.productbanner .pagewidth{ height: 600px; position: relative;}
.productbanner h2{ font-size: 30px; font-family: 'HarmonyOS Sans Bold';text-shadow: 2px 2px 2px rgba(0,0,0,.3); position: absolute; font-weight: normal;  z-index: 4; left: 0px; right: 0px; top: 240px;  text-align: left; }
.productbanner h1{font-size: 60px; text-shadow: 2px 2px 2px rgba(0,0,0,.3);  color: #fff;  text-align: left; position: absolute; left: 0px; right: 0px; top: 285px;  z-index: 4; }
.productbanner .description{ font-size: 18px; position: absolute; font-weight: normal; line-height:1.6em;  z-index: 4; left: 0px;top: 380px;  text-align: left; width: 600px; }
.productbanner img.detailbg{ width: 105%;height: 105%; object-fit: cover; position: absolute; left: 0px; top: -30px; bottom: 0px; right: 0px; z-index: 1; }

.product_1 .box1 { padding-top: 70px; padding-bottom: 70px; }
.product_1 .box1 .pagewidth{ position: relative; }
.product_1 .box1 .img{ float: left; width: 500px; border-radius: 6px; height: 420px;border:#ececec solid 1px; overflow: hidden; }
.product_1 .box1 .img img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.product_1 .box1 .info{ float: right; width:640px; }
.product_1 .box1 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_1 .box1 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_1 .box1 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_1 .box1 .info ul{ position: absolute; bottom: 0; }
.product_1 .box1 .info ul li{ float: left; width: 198px; border-radius: 6px; margin-right: 20px; height: 150px;border:#ececec solid 1px; overflow: hidden; }
.product_1 .box1 .info ul li img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.product_1 .box1 .info ul li.mr0{ margin-right: 0; }

.product_1 .box2 { padding-top: 70px; padding-bottom: 70px; background: #f4f7fb; }
.product_1 .box2 .pagewidth{ position: relative; }
.product_1 .box2 .img{ float: right; width: 500px; border-radius: 6px; height: 420px;border:#ececec solid 1px; overflow: hidden; }
.product_1 .box2 .img img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.product_1 .box2 .info{ float: left; width:640px; }
.product_1 .box2 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_1 .box2 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_1 .box2 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_1 .box2 .info ul{ position: absolute; bottom: 0; }
.product_1 .box2 .info ul li{ float: left; width: 198px; border-radius: 6px; margin-right: 20px; height: 150px;border:#ececec solid 1px; overflow: hidden; }
.product_1 .box2 .info ul li img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.product_1 .box2 .info ul li.mr0{ margin-right: 0; }

.product_1 .box3 { padding-top: 70px; padding-bottom: 70px; }
.product_1 .box3 .pagewidth{ position: relative; }
.product_1 .box3 .img{ float: left; width: 500px; border-radius: 6px; height: 480px;border:#ececec solid 1px; overflow: hidden; }
.product_1 .box3 .img img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.product_1 .box3 .info{ float: right; width:640px; }
.product_1 .box3 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_1 .box3 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_1 .box3 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_1 .box3 .info ul{ position: absolute; bottom: 0; }
.product_1 .box3 .info ul li{ float: left; width: 198px; border-radius: 6px; margin-right: 20px; height: 150px;border:#ececec solid 1px; overflow: hidden; }
.product_1 .box3 .info ul li img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.product_1 .box3 .info ul li.mr0{ margin-right: 0; }

.product_1 .box4 { padding-top: 70px; padding-bottom: 70px; background: #f4f7fb; }
.product_1 .box4 .pagewidth{ position: relative; }
.product_1 .box4 .img{ float: left; width: 380px; border-radius: 6px; height:280px;border:#ececec solid 1px; overflow: hidden; }
.product_1 .box4 .img img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.product_1 .box4 .info{ float: right; width:760px; }
.product_1 .box4 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_1 .box4 .info h4{ font-size: 18px; font-weight:bold; color: #333; padding-top: 20px; margin-bottom: 10px;}
.product_1 .box4 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_1 .box4 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_1 .box4 .info ul{  }
.product_1 .box4 .info ul li{ float: left; width: 33.33%; font-size: 16px; color: #666; height: 30px; }
.product_1 .box4 .info ul li i{ position: relative; top: 2px; }

.product_1 .box5 { padding-top: 70px; padding-bottom: 70px;}
.product_1 .box5 .pagewidth{ position: relative; }
.product_1 .box5 .img{ float: left; width: 320px;}
.product_1 .box5 .img img{ display: block; width: 100%;}
.product_1 .box5 .info{ float: right; width:800px; }
.product_1 .box5 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_1 .box5 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_1 .box5 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }

.product_1 .box6 { padding-top: 70px; padding-bottom: 70px; background: #f4f7fb; }
.product_1 .box6 .pagewidth{ position: relative; }
.product_1 .box6 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_1 .box6 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_1 .box6 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }

.product_1 .box7 { padding-top: 70px; padding-bottom: 70px;}
.product_1 .box7 .pagewidth{ position: relative; }
.product_1 .box7 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_1 .box7 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_1 .box7 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }



.product_2 .box1 { padding-top: 70px; padding-bottom: 70px;}
.product_2 .box1 .pagewidth{ position: relative; }
.product_2 .box1 .info{ margin-bottom: 20px; }
.product_2 .box1 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_2 .box1 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_2 .box1 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_2 .box1 .charts{ padding: 30px; border-radius: 6px; border:#ececec solid 1px; }
.product_2 .box1 .charts ul li{ float: left; margin-right: 30px; }
.product_2 .box1 .charts ul li.img{ width: 170px; }
.product_2 .box1 .charts ul li.text{ width: 100px; font-size: 16px; color: #666; line-height: 1.8em; padding-top: 20px;	 }
.product_2 .box1 .charts ul li.jt{ width: 100px; position: relative; padding-top:35px; padding-left: 20px; line-height: 3em; color: #01acea; font-weight: bold; }
.product_2 .box1 .charts ul li.jt img{ position: absolute; width: 100%; left:0px; right:0px; top: 76px; }
.product_2 .box1 .charts ul li.img img{ width: 100%; }
.product_2 .box1 .charts ul li.mr0{ width: 120px; margin-right: 0px; padding-top: 10px;color: #01acea; }

.product_2 .box2 { padding-top: 70px; padding-bottom: 70px; background: #f4f7fc;}
.product_2 .box2 .pagewidth{ position: relative; }
.product_2 .box2 .info{ margin-bottom: 20px; }
.product_2 .box2 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_2 .box2 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_2 .box2 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_2 .box2 .list {padding-top: 10px;}
.product_2 .box2 .list ul li{ float: left; width: 168px; background: #fff; margin-right: 33px; padding-bottom: 30px; border-radius: 6px; border:#ececec solid 2px; }
.product_2 .box2 .list ul li.mr0{ margin-right: 0;  }
.product_2 .box2 .list ul li img{ display: block; width: 66px; margin: 30px auto; }
.product_2 .box2 .list ul li p{ text-align: center;font-size: 16px; color: #333;  }

.product_2 .box3 { padding-top: 70px; padding-bottom: 70px;}
.product_2 .box3 .pagewidth{ position: relative; }
.product_2 .box3 .info{ margin-bottom: 20px; }
.product_2 .box3 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_2 .box3 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_2 .box3 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_2 .box3 .list {padding-top: 0px;}
.product_2 .box3 .list ul li{ border-radius:6px; border:#ececec solid 2px; float: left; width: 374px; height: 200px; position: relative; }
.product_2 .box3 .list ul li.li1{ margin-right: 33px; }
.product_2 .box3 .list ul li.li2{ margin-right: 33px; }
.product_2 .box3 .list ul li .number{ width: 84px; height: 84px; line-height: 84px; text-align: center; color: #01acea; font-size: 30px; font-weight: bold; border-radius: 84px;  border:#ececec solid 2px; position: absolute; left: 60px; top: 53px; }
.product_2 .box3 .list ul li dl{ position: absolute; left: 170px; top: 40px; }
.product_2 .box3 .list ul li dl dt{ font-size: 16px;  color: #333333; line-height: 1.8em; }
.product_2 .box3 .list ul li dl dt i{ color: #01acea; position: relative;top: 2px; }
.product_2 .box3 .list ul li.li3 dl{ position: absolute; left: 170px; top: 23px; }

.product_2 .box4 { padding-top: 70px; padding-bottom: 70px;background: #f4f7fc;}
.product_2 .box4 .pagewidth{ position: relative; }
.product_2 .box4 .info{ float: left; width:280px; }
.product_2 .box4 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_2 .box4 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_2 .box4 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_2 .box4 .img{ float: right; width: 840px;}
.product_2 .box4 .img img{ display: block; width: 100%;}

.product_2 .box5 { padding-top: 70px; padding-bottom: 70px;}
.product_2 .box5 .pagewidth{ position: relative; }
.product_2 .box5 .info{ float: left; width:600px; }
.product_2 .box5 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_2 .box5 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_2 .box5 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_2 .box5 .img{ float: right; width: 520px; padding-top:60px;}
.product_2 .box5 .img img{ display: block; width: 100%;}

.product_2 .box6 { padding-top: 70px; padding-bottom: 40px; text-align: center;}
.product_2 .box6 h3{ font-size: 36px; color: #fff; }
.product_2 .box6 h4{ font-size: 24px; color: #fff; }
.product_2 .box6 span{ background: #fff; width: 30px; height: 2px; display: block; margin:15px auto;} 

.product_2 .box7 { padding-top: 70px; padding-bottom: 70px;}
.product_2 .box7 .pagewidth{ position: relative; }
.product_2 .box7 .info{  }
.product_2 .box7 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_2 .box7 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_2 .box7 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_2 .box7 .img{padding-top:30px;}
.product_2 .box7 .img img{ display: block; width: 90%; margin: 0 auto;}


.product_2 .box8 { padding-top: 70px; padding-bottom:70px;background: #f4f7fc;}
.product_2 .box8 .info{ float: left; width:640px; }
.product_2 .box8 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_2 .box8 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_2 .box8 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_2 .box8 .info ul{ padding-top: 30px; }
.product_2 .box8 .info ul li {font-size: 16px; color: #333333; line-height: 2em;}
.product_2 .box8 .info ul li i { color: #01acea; position: relative; top: 2px;}
.product_2 .box8 .img{ float: right; width: 440px; padding-top:60px; border-radius: 6px; background: #fff; padding: 30px;}
.product_2 .box8 .img h4{ text-align: center; font-size: 18px ;color: #333; padding-bottom: 20px; }
.product_2 .box8 .img img{ display: block; width: 100%;}



.product_2 .box8 .content1{  margin-bottom: 30px;}
.product_2 .box8 .content2{ border-radius: 6px; padding: 30px; background: #fff;}
.product_2 .box8 .img1{ width: 360px; margin-right: 30px; float: left;}
.product_2 .box8 .img1 h4{ text-align: left; font-size: 18px ;color: #333; padding-bottom: 20px; }
.product_2 .box8 .img1 img{ width: 96%; }
.product_2 .box8 .mr0{ margin-right: 0; }

.product_2 .box9 { padding-top: 70px; padding-bottom:70px;}
.product_2 .box9 .pagewidth{ }
.product_2 .box9 .info{ }
.product_2 .box9 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_2 .box9 .info h4{ font-size: 18px; font-weight:bold; color: #01acea; padding-top: 30px; margin-bottom: 10px;}
.product_2 .box9 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 25px; } 
.product_2 .box9 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_2 .box9 .table table{ background: #f1f9fc; width: 100%; }
.product_2 .box9 .table table th{ background: #72c0de; padding: 15px; color: #fff; font-size: 16px;}
.product_2 .box9 .table table tr td{color: #555; padding:25px 15px; font-size: 16px;}
.product_2 .box9 .table table tr:nth-child(2n-1){ background:#e3f2f8;  }


.product_2 .box10 { padding-top: 70px; padding-bottom:70px;background: #f4f7fc;}
.product_2 .box10 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_2 .box10 .info h4{ font-size: 18px; font-weight:bold; color: #01acea; padding-top: 30px; margin-bottom: 10px;}
.product_2 .box10 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 25px; } 
.product_2 .box10 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_2 .box10 .table table{ background: #e7f1f9; width: 100%; }
.product_2 .box10 .table table th{ background: #72c0de; padding: 15px; color: #fff; font-size: 16px;}
.product_2 .box10 .table table tr td{color: #555; padding:25px 15px; font-size: 16px;}
.product_2 .box10 .table table tr:nth-child(2n-1){ background:#daecf6;  }
.product_2 .box10 .table table tr td.green{ text-align: center; color:#92cc76 }
.product_2 .box10 .table table tr td.red{ text-align: center;color: #ee6666 }
.product_2 .box10 .table table tr td.yellow{ text-align: center; color: #fac857;}


.product_2 .box11 { padding-top: 70px; padding-bottom:70px;}
.product_2 .box11 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_2 .box11 .info h4{ font-size: 18px; font-weight:bold; color: #01acea; padding-top: 30px; margin-bottom: 10px;}
.product_2 .box11 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 25px; } 
.product_2 .box11 .press ul li{ float: left; width: 12.5%; position: relative;  }
.product_2 .box11 .press ul li:before {  content: "\ea6c"; color: #999; font-size: 24px; font-family: "remixicon"; position: absolute; right: 0px; top: 38px; right: -12px;}
.product_2 .box11 .press ul li:last-child:before{ display: none; }
.product_2 .box11 .press ul li div{ border-radius: 120px; position:relative; z-index: 4; background: #00acea; height: 100px; line-height: 100px; margin: 0 auto; text-align: center; width: 100px;}
.product_2 .box11 .press ul li div i{ font-size: 40px; color: #fff; }
.product_2 .box11 .press ul li p{ font-size: 16px; color: #333; text-align: center; padding-top: 20px;}


.product_2 .box12 { padding-top: 0px; padding-bottom:70px;}
.product_2 .box12 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_2 .box12 .info h4{ font-size: 18px; font-weight:bold; color: #01acea; padding-top: 30px; margin-bottom: 10px;}
.product_2 .box12 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 25px; } 
.product_2 .box12 .table table{width: 100%;border-collapse:collapse; border:#fff solid 3px; }
.product_2 .box12 .table table td{padding: 15px;color: #333; font-size: 16px;border:#fff solid 3px; background: #daecf6}



.product_3 .box1 { padding-top: 70px; padding-bottom:70px;}
.product_3 .box1 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_3 .box1 .info h4{ font-size: 18px; font-weight:bold; color: #01acea; padding-top: 30px; margin-bottom: 10px;}
.product_3 .box1 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 25px; } 
.product_3 .box1 ul li{ float: left; width: 283px; margin-right: 20px; border-radius: 6px; overflow: hidden; border:#ececec solid 1px; }
.product_3 .box1 ul li img{ display: block; width: 100%; }
.product_3 .box1 ul li h3{ font-size: 18px; padding: 20px; padding-bottom: 10px; }
.product_3 .box1 ul li p{ font-size: 14px; padding: 0px 20px; line-height: 1.8em; padding-bottom: 20px; color: #666; }
.product_3 .box1 ul li.mr0{ margin-right: 0; }


.product_3 .box2 { padding-top: 70px; padding-bottom: 70px; background: #f4f7fb; }
.product_3 .box2 .pagewidth{ position: relative; }
.product_3 .box2 .img{ float: right; width: 540px; border-radius: 6px; overflow: hidden; }
.product_3 .box2 .img img{ display: block; width: 100%;  }
.product_3 .box2 .info{ float: left; width:600px; }
.product_3 .box2 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_3 .box2 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_3 .box2 .info p{ font-size: 16px; color: #333; line-height: 1.8em; margin-bottom: 20px;}

.product_3 .box3 { padding-top: 70px; padding-bottom: 70px;}
.product_3 .box3 .pagewidth{ position: relative; }
.product_3 .box3 .img{ float: right; width: 540px; border-radius: 6px; overflow: hidden; }
.product_3 .box3 .img img{ display: block; width: 100%;  }
.product_3 .box3 .info{ float: left; width:600px; }
.product_3 .box3 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_3 .box3 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_3 .box3 .info p{ font-size: 16px; color: #333; line-height: 1.8em; margin-bottom: 20px;}


.product_3 .box4 { padding-top: 70px; padding-bottom: 70px;background: #f4f7fb; }
.product_3 .box4 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_3 .box4 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_3 .box4 .info p{ font-size: 16px; color: #333; line-height: 1.8em; margin-bottom: 20px;}


.product_3 .box5 { padding-top: 70px; padding-bottom: 70px;}
.product_3 .box5 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_3 .box5 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_3 .box5 .info p{ font-size: 16px; color: #333; line-height: 1.8em; margin-bottom: 20px;}


.show_casefixed .case_title{ font-weight: bold; font-size: 36px; text-align: center; padding-top: 70px;padding-bottom: 30px;  }

.show_casefixed .box1 { padding-top: 30px; padding-bottom: 70px; background: #fff; }
.show_casefixed .box1 .title{font-size: 30px; font-weight:bold; color: #01acea; position: relative; padding-left: 20px;}
.show_casefixed .box1 .title:after{ position: absolute; content: ""; left:0px; width: 4px; height: 30px; top: 6px;bottom: 6px; background: #01acea }
.show_casefixed .box1 .content{ padding-top: 20px; overflow: hidden; font-size: 16px; line-height: 2em; }
.show_casefixed .box1 .content p{text-indent: 2em;}
.show_casefixed .box1 .content ul{ width: 110%; }
.show_casefixed .box1 .content ul li{ float: left; width: 538px; margin-bottom:20px; margin-right:20px; border:#dadada solid 1px; border-radius: 6px; padding: 25px; }
.show_casefixed .box1 .content ul li h3{ font-weight: bold; font-size: 20px; margin-bottom: 6px; }
.show_casefixed .box1 .content ul li p{ font-size: 16px; line-height: 2em; text-indent:0em; }
.show_casefixed .box1 .content img{margin-top: 15px; margin-bottom: 15px;}
.show_casefixed .box2 .content .info p img{margin-top: 15px; margin-bottom: 15px;}
.show_casefixed .box2 { padding-top: 70px; padding-bottom: 70px; background: #f4f7fb; }
.show_casefixed .box2 .title{font-size: 30px; font-weight:bold; color: #01acea; position: relative; padding-left: 20px;}
.show_casefixed .box2 .title:after{ position: absolute; content: ""; left:0px; width: 4px; height: 30px; top: 6px;bottom: 6px; background: #01acea }

.show_casefixed .box2 .content .info{padding-top: 20px;}
.show_casefixed .box2 .content .info h3{ font-weight: bold; font-size: 20px; margin-bottom: 6px; }
.show_casefixed .box2 .content .info p{ font-size: 16px; line-height: 2em;}
.show_casefixed .box2 .content .swiper-slide img{  width: 100%;display: block; border-radius: 6px; }

.show_casefixed .box2 .content .swiper-container{ padding-bottom: 40px; padding-top: 30px; }
.show_casefixed .box2 .content .swiper-pagination-bullet{  opacity: 1; width: 10px; height: 10px; margin:0px 5px!important; opacity: 1; background: #c4c4c4; border-radius: 10px; border:none; transition-duration: 0.3s; }
.show_casefixed .box2 .content .swiper-pagination-bullet-active{ background: #fff;opacity: 1; width: 30px; background: #3ea4d1;  opacity:1;}



.show_casefixed .box3 { padding-top: 70px; padding-bottom: 70px; background: #fff; }
.show_casefixed .box3 .title{font-size: 30px; font-weight:bold; color: #01acea; position: relative; padding-left: 20px;}
.show_casefixed .box3 .title:after{ position: absolute; content: ""; left:0px; width: 4px; height: 30px; top: 6px;bottom: 6px; background: #01acea }
.show_casefixed .box3 .content{ padding-top: 20px; overflow: hidden; }
.show_casefixed .box3 .content .img{ float: left; width: 550px;  }
.show_casefixed .box3 .content .info{ float: right; width:580px; border-radius: 6px; overflow: hidden;  }
.show_casefixed .box3 .content .img img{ width: 100%; display: block;border-radius: 6px;}
.show_casefixed .box3 .content .info ul li{  margin-bottom:20px; border-bottom:#dadada solid 1px; padding-bottom: 20px; }
.show_casefixed .box3 .content .info ul li h3{ font-weight: bold; font-size: 20px; margin-bottom: 6px; }
.show_casefixed .box3 .content .info ul li p{ font-size: 16px; line-height: 2em; }
.show_casefixed .box3 .content .info ul li:last-child{ border-bottom: none; padding-bottom: 0; margin-bottom: 0; }

.show_casefixed .box4 { padding-top: 70px; padding-bottom: 70px; background: #f4f7fb; }
.show_casefixed .box4 .title{font-size: 30px; font-weight:bold; color: #01acea; position: relative; padding-left: 20px;}
.show_casefixed .box4 .title:after{ position: absolute; content: ""; left:0px; width: 4px; height: 30px; top: 6px;bottom: 6px; background: #01acea }
.show_casefixed .box4 .content .swiper-container{ padding-bottom: 40px; padding-top: 30px; }
.show_casefixed .box4 .content .swiper-pagination-bullet{  opacity: 1; width: 10px; height: 10px; margin:0px 5px!important; opacity: 1; background: #c4c4c4; border-radius: 10px; border:none; transition-duration: 0.3s; }
.show_casefixed .box4 .content .swiper-pagination-bullet-active{ background: #fff;opacity: 1; width: 30px; background: #3ea4d1;  opacity:1;}
.show_casefixed .box4 .content .swiper-slide img{ height:360px;display: block; border-radius: 6px; }
.show_casefixed .box4 .content .swiper-slide{ width: auto; }

.show_casefixed .box5 { padding-top: 70px; padding-bottom: 70px; background: #fff; }
.show_casefixed .box5 .title{font-size: 30px; font-weight:bold; color: #01acea; position: relative; padding-left: 20px;}
.show_casefixed .box5 .title:after{ position: absolute; content: ""; left:0px; width: 4px; height: 30px; top: 6px;bottom: 6px; background: #01acea }
.show_casefixed .box5 .content{ padding-top: 20px; overflow: hidden; }
.show_casefixed .box5 .content .img{ float: left; width: 900px; height: 500px; overflow: hidden; border-radius: 6px 0px 0px 6px; }
.show_casefixed .box5 .content .img img{ width: 100%; display: block; }
.show_casefixed .box5 .content .info { float: left; width: 300px; height: 500px; background: #01acea;border-radius: 0px 6px 6px 0px;}
.show_casefixed .box5 .content .info .box{padding:30px }
.show_casefixed .box5 .content .info .box p{ font-size: 16px; line-height: 2em; color: #fff }
.show_casefixed .box5 .content .info .box h3{ font-weight: bold; font-size: 20px; margin-bottom: 6px;  color: #fff }


.show_casefixed .box6 { padding-top: 70px; padding-bottom: 70px; background: #f4f7fb; }
.show_casefixed .box6 .title{font-size: 30px; font-weight:bold; color: #01acea; position: relative; padding-left: 20px;}
.show_casefixed .box6 .title:after{ position: absolute; content: ""; left:0px; width: 4px; height: 30px; top: 6px;bottom: 6px; background: #01acea }
.show_casefixed .box6 .content{ padding-top: 20px; overflow: hidden; }
.show_casefixed .box6 .content p{ font-size: 16px; line-height: 2em; }





/*大屏幕*/
@media screen and (max-width: 1920px) {}
/*中屏幕*/
@media screen and (max-width: 1440px) {}
/*平板*/
@media screen and (max-width: 768px) {
.index_banner { height: 320px; position: relative; background: #000 }
.index_banner .swiper-pagination{ bottom: 20px; font-family: 'HarmonyOS Sans Bold'; color: #fff; text-align: left; width: auto; left:20px; margin-left:0px; font-size: 16px;}
.index_banner .swiper-pagination-current{ font-size: 24px; }
.index_banner .swiper-container{ height: 100%; }
.index_banner .swiper-slide{ position: relative; }
.index_banner .swiper-slide .h1{top: 80px; z-index: 22;letter-spacing: 0px; color: #fff; font-size: 26px; right: 20px; line-height: 1.3em; font-weight: bold; text-shadow: 2px 2px 5px rgba(15,63,129,0.5); position: absolute;left: 20px; width: auto; margin-left: 0px; text-align: left;opacity: 0; transition: 0.5s;  transition-delay: 0.4s;transition-timing-function: linear; }
.index_banner .swiper-slide .h2{ top: 120px; z-index: 33; text-transform: uppercase; color: #fff; right: 20px; font-family: 'HarmonyOS Sans Bold'; font-size:18px; line-height: 1.3em; text-shadow: 2px 2px 5px rgba(15,63,129,0.5); position: absolute;left: 20px; width: auto; margin-left: 0px;text-align: left;opacity: 0; transition: 0.5s;  transition-delay: 0.6s;transition-timing-function: linear; }
.index_banner .swiper-slide .more{ top: 180px; z-index: 33; color: #fff; position: absolute;left: 20px; width: auto; font-weight: normal;text-align: left;opacity: 0; transition: 0.5s;margin-left: 0px;  transition-delay: 0.6s;transition-timing-function: linear; }
.index_banner .swiper-slide .more a{ color: #333; background: #fff; border-radius: 40px; height:40px; line-height: 40px; padding-left: 20px; padding-right: 40px; font-size: 14px; position: relative; display: block; width: 100px;}
.index_banner .swiper-slide .more a:after{ position: absolute;content: ""; width: 24px; height: 24px; border-radius: 24px; background: #009801; right: 8px; top: 8px; }
.index_banner .swiper-slide .more a:before{ position: absolute;font-family: "remixicon";content: "\ea6c"; right: -2px; color: #fff; font-size: 14px; line-height: 24px;width: 24px; height: 24px; top:3px;  z-index: 3; border: 5px solid transparent; }
.index_banner .swiper-slide-active .h1{opacity: 1; top: 100px }
.index_banner .swiper-slide-active .h2{opacity: 1; top: 140px; }
.index_banner .swiper-slide-active .more{opacity: 1; top: 200px; }
.index_banner .swiper-slide { height: 100%; }
.index_banner .swiper-slide img{ height: 100%; width: 100%; object-fit: cover; }
.index_banner .swiper-button-next{ top: auto; right:3%;bottom: 20px!important;  border-radius:36px; height: 36px; width: 36px; line-height: 36px; border:#fff solid 2px; background-size: 10px 20px; background:none; text-align: center; color: #fff;  z-index: 333; }
.index_banner .swiper-button-prev{top: auto;left: auto;bottom: 20px!important;  right: 15%; border-radius: 36px; height: 36px; line-height: 36px; width: 36px; border:#fff solid 2px; background-size: 10px 20px; background:none; text-align: center; color: #fff; z-index: 333;}



.index_about{ padding-top: 40px; padding-bottom: 40px; background: #fff; overflow: hidden;}
.index_about .title{ margin-bottom: 40px; }
.index_about .title h2{ font-size: 24px; font-weight: bold; color: #333; text-align: center; margin-bottom: 5px;}
.index_about .title p{ font-size: 16px; color: #333333; text-align: center; font-weight: normal; }
.index_about .number ul{ text-align: center; }
.index_about .number ul li{ float:none; display: inline-block; width: 30%; text-align: center; margin-bottom: 20px; }
.index_about .number ul li strong{ font-size: 32px; color: #3ea4d1;font-family: 'HarmonyOS Sans Bold'; }
.index_about .number ul li span{  position: relative; top: -15px;left: 4px; color: #3ea4d1;}
.index_about .number{ padding-bottom: 20px; padding-top: 10px; }
.index_about .number p{ color: #333333; font-weight: bold; padding-top: 6px;}
.index_about .culture .swiper-container{overflow: initial!important; }
.index_about .culture .swiper-slide{overflow: initial!important; }
.index_about .culture .swiper-slide .box{ position: relative; overflow: hidden; height: auto; transition-duration: 0.2s; border-radius: 3px; background:#3ea4d1  }
.index_about .culture .swiper-slide .box a{ display: block;  }
.index_about .culture .swiper-slide .box *{ transition-duration: 0.3s; }
.index_about .culture .swiper-slide .box h2{ position: absolute; left: 20px; top: 130px; z-index: 3; color: #fff; font-size: 20px; font-weight: 500; transition-delay: 0.05s; }
.index_about .culture .swiper-slide .box h3{ position: absolute; left: 20px; top: 160px; z-index: 3; color: #fff; font-size: 16px;  font-weight: 300; transition-delay: 0.05s; }
.index_about .culture .swiper-slide .box p{ position: absolute; left: 20px; top: 170px; opacity: 0; z-index: 4;font-size: 14px; text-align: justify; right: 20px; color: #fff; font-weight: normal; transition-delay: 0.1s;}
.index_about .culture .swiper-slide .box .bg{ width: 100%; border-radius: 3px; top: 0px; display: block; transition-duration: 0.3s; z-index: 1;opacity: 0.9; }
.index_about .culture .swiper-slide .box:hover{transform: scale(1.02);}
.index_about .culture .swiper-slide .box:hover h2{ position: absolute; left: 20px; top: 90px; z-index: 3; color: #fff; font-size: 20px; font-weight: 500; }
.index_about .culture .swiper-slide .box:hover h3{ position: absolute; left: 20px; top: 120px; z-index: 3; color: #fff;  }
.index_about .culture .swiper-slide .box:hover p{ position: absolute; left: 20px; top: 150px; opacity: 1; z-index: 4;font-size: 14px; text-align: justify; right: 20px; color: #fff; font-weight: normal;}
.index_about .culture .swiper-slide .box:hover .bg{ width: 100%; display: block;transform: scale(1.1); opacity: 0.3}
.index_about .culture .swiper-container{ padding-bottom:40px;}
.index_about .culture .swiper-pagination{ display: block; }
.index_about .culture .swiper-pagination-bullet{  opacity: 1; width: 10px; height: 10px; margin:0px 5px!important; opacity: 1; background: #c4c4c4; border-radius: 10px; border:none; transition-duration: 0.3s; }
.index_about .culture .swiper-pagination-bullet-active{ background: #fff;opacity: 1; width: 30px; background: #3ea4d1;  opacity:1;}



.index_case{ padding-top: 40px; padding-bottom: 40px; background: #f5f7fb; padding-left: 15px; padding-right: 15px;}
.index_case .title{ padding-bottom: 10px; }
.index_case .title h2{ color: #333; font-size: 24px;padding-bottom:5px; text-align: center; }
.index_case .title h3{ color: #e0e0e0; font-size: 16px;padding-bottom: 0px;font-family: 'HarmonyOS Sans Bold';text-align: center; }
.index_case .swiper-slide{ width: auto; transition-duration: 0.3s; }
.index_case .swiper-slide .box{ width: auto;background: #fff; border-radius: 3px; overflow: hidden; box-shadow: 0px 5px 10px rgba(0,0,0,0.05); margin: 0px; }
.index_case .swiper-slide .box .img{ float: none; width: auto; height: 240px; overflow: hidden;  }
.index_case .swiper-slide .box .img img{ width: 100%; height: 100%; object-fit: cover; }
.index_case .swiper-slide .box .info{ float: none; width: auto; padding: 30px; height: auto; overflow: hidden;  }
.index_case .swiper-slide .box .info h4{ font-size: 18px; color: #333; }
.index_case .swiper-slide .box .info h4 a{ font-size: 18px; color: #333; }
.index_case .swiper-slide .box .info h4 a:hover{ font-size: 18px; color: #3ea4d1; }
.index_case .swiper-slide .box .info span{display: block; width: 40px; height: 2px; background: #3ea4d1; margin-top: 15px;margin-bottom: 15px;}
.index_case .swiper-slide .box .info p{ font-size: 14px; color: #666; line-height: 1.8em;} 
.index_case .swiper-slide-active{}
.index_case .swiper-container{ padding-bottom: 50px; }
.index_case .swiper-pagination-bullet{  opacity: 1; width: 10px; height: 10px; margin:0px 5px!important; opacity: 1; background: #c4c4c4; border-radius: 10px; border:none; transition-duration: 0.3s; }
.index_case .swiper-pagination-bullet-active{ background: #fff;opacity: 1; width: 30px; background: #3ea4d1;  opacity:1;}


.index_news{padding-top: 40px; padding-bottom: 40px; background: #fff; }
.index_news .left{ width: auto; float: none;}
.index_news .left h2{ color: #333; font-size: 24px;padding-bottom:5px; text-align: center; }
.index_news .left h3{ color: #e0e0e0; font-size: 16px;padding-bottom: 20px;font-family: 'HarmonyOS Sans Bold';text-align: center; }
.index_news .left .tab{ padding-top:0px; margin-bottom: 20px; text-align: center;}
.index_news .left .tab br{ display: none; }
.index_news .left .tab li{ margin-left: 10px; margin-right: 10px; }
.index_news .left .tab .sssd01{ position: relative; display: inline-block; color: #3ea4d1; font-size: 16px; font-weight: bold;  height: 32px; line-height: 32px; border-bottom: #3ea4d1 solid 2px;}
.index_news .left .tab .sssd02{ color: #999; display: inline-block; font-size: 16px; font-weight: bold;  height: 32px; line-height: 32px; border-bottom: #fff solid 2px;}
.index_news .left .more{ display: none; }
.index_news .right{ width: 100%; float: none;}
.index_news .right .swiper-slide .box{ border:#ececec solid 1px;  border-radius: 3px; overflow: hidden;}
.index_news .right .swiper-slide .box .img{ height: 240px; }
.index_news .right .swiper-slide .box .img img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.index_news .right .swiper-slide .box .date{ font-size: 14px; color: #666; padding:5px 20px; padding-top: 20px;} 
.index_news .right .swiper-slide .box h2{ padding: 20px; padding-top: 0px; padding-bottom:10px; font-size: 18px; line-height: 1.6em;text-align: justify; }
.index_news .right .swiper-slide .box h2 a{ color: #333 }
.index_news .right .swiper-slide .box h2 a:hover{ color: #3ea4d1; }
.index_news .right .swiper-slide .box p{ font-size: 14px; color: #666; line-height: 1.8em; padding:0px 20px; padding-bottom: 20px;} 

.index_news .swiper-container{ padding-bottom: 50px; }
.index_news .swiper-pagination-bullet{  opacity: 1; width: 10px; height: 10px; margin:0px 5px!important; opacity: 1; background: #c4c4c4; border-radius: 10px; border:none; transition-duration: 0.3s; }
.index_news .swiper-pagination-bullet-active{ background: #fff;opacity: 1; width: 30px; background: #3ea4d1;  opacity:1;}



.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; overflow: hidden; position: relative; }
.detailbanner .pagewidth{ height: 160px; position: relative;}
.detailbanner h1{font-size: 28px; text-shadow: 2px 2px 2px rgba(0,0,0,.3);  color: #fff;  text-align: center; position: absolute; left: 0px; right: 0px; bottom: 60px;  z-index: 4; }
.detailbanner h2{ font-size: 16px; font-family: 'HarmonyOS Sans Bold';text-shadow: 2px 2px 2px rgba(0,0,0,.3); position: absolute; font-weight: normal;  z-index: 4; left: 0px; right: 0px; bottom:40px;  text-align: center; }
.detailbanner img.detailbg{ width: 110%; height: 110%; object-fit: cover; position: absolute; left: 0px; top: -10px; bottom: 0px; right: 0px; z-index: 1; }


.search_banner{ color: #fff; overflow: hidden; position: relative; }
.search_banner .pagewidth{ height: 150px; position: relative;}
.search_banner img.detailbg{ width: 100%; object-fit: cover; position: absolute; left: 0px; top: -20px; bottom: 0px; right: 0px; z-index: 1; }
.search_banner .search{ height: 50px; position: absolute;left: 50%; margin-left: -250px;  width: 500px; display: block; overflow: hidden; transition-duration: 0.3s; border-radius: 60px; padding-left: 0px; z-index: 33; background: #fff;top: 50px;}
.search_banner .search .input_text{padding-left: 20px; font-weight: bold; height:40px; font-size: 16px; color: #333; width: 80%; line-height:40px; padding-top: 5px; padding-bottom: 5px; border:none; opacity: 1; background: none; transition-duration: 0.3s }
.search_banner .search .ss_btn{ position: absolute; right: 0; height: 50px; width: 50px;  background:url(../image/search-2-line.svg) no-repeat  5px center; text-indent: -999em;  background-size: 20px 20px;border:none; transition-duration: 0.3s; opacity: 1;}
.search_list{ padding-top: 30px ;padding-bottom: 50px; width: 1000px; margin: 0 auto; }
.search_list .search-point{ text-align: left;font-size: 16px;  color: #666; margin-bottom: 30px;}
.search_list .search-point strong{ font-weight: bold; color: #ce0000; font-size: 18px; }

.search_list .noimglist ul li{ margin-bottom: 40px; }
.search_list .noimglist ul li .img{ width: 180px; height: 120px; float: left; margin-right: 20px; overflow: hidden; border-radius: 3px;  }
.search_list .noimglist ul li .img img{ width: 100%; height: 100%; object-fit: cover; }
.search_list .noimglist ul li .title{ margin-bottom: 5px; }
.search_list .noimglist ul li .title a{ font-size: 22px; color: #333; }
.search_list .noimglist ul li .title a strong{ color: #ce0000; font-weight:normal; }
.search_list .noimglist ul li .description{ font-size: 14px; color:#666; line-height: 1.8em; }
.search_list .noimglist ul li .description strong{ color: #ce0000; font-weight: normal; }

.submenu{ height: auto; line-height: 50px; background: #fff;  box-shadow: 0px 0px 20px rgba(0,0,0,0.1); position: relative; z-index: 9; }
.submenu ul { text-align: center; }
.submenu ul li{display: inline-block; }
.submenu ul li a{ display: block; font-size: 14px; padding-left:3px; padding-right:3px; color: #333;}
.submenu ul li a:hover{color: #3ea4d1; }
.submenu ul li a.active{ color: #3ea4d1; position: relative; font-weight: bold;}
.submenu ul li a.active:after{ position: absolute; content: ""; bottom: 5px; left: 0px; width: 30px; margin-left: -15px; left: 50%; height: 2px; background: #3ea4d1; border-radius: 3px;  }
.submenu span{color: #666; font-size: 14px; float: right;}
.submenu span i{ margin-left: 10px; margin-right: 10px; }
.submenu span a{ color: #666; }

.about_menu ul { text-align: center; padding-top: 30px; padding-bottom: 30px; }
.about_menu ul li{ display: inline-block; }
.about_menu ul li a{ display: block; font-size: 16px; padding-left: 15px; padding-right: 15px; color: #333;}
.about_menu ul li a:hover{color: #3ea4d1; }
.about_menu ul li a.active{ color: #3ea4d1; font-weight: bold; position: relative;}
.about_menu ul li a.active:after{ position: absolute; content: ""; bottom: -12px; left: 0px;  margin-left: -8px; left: 50%;border: 6px solid transparent; border-bottom-width: 0; border-top-color: #3ea4d1; }

.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: #1080f2 }
.subimgmenu ul li a:hover img.icona{ display: none; }
.subimgmenu ul li a:hover img.iconb{ display: block; }

.years ul { text-align: center; padding-bottom: 30px; }
.years ul li{ display:block; float: left; margin-bottom: 10px; width: 25%}
.years ul li a{ display: block; font-size: 16px; font-weight: bold; padding-left:15px; padding-right: 15px; color: #333;}
.years ul li a:hover{color: #3ea4d1; }
.years ul li em{ color: #3ea4d1; font-weight: bold; font-style: normal; font-size: 16px;padding-left:15px;padding-top: 5px; padding-bottom: 5px; padding-right: 15px;background: #3ea4d1; color: #fff; border-radius: 50px; }
.years ul li .box{ background:#fff; border-radius: 6px; background: #f5f5f5; }

.list_dashiji{ padding-bottom: 50px; }
.list_dashiji ul { width: auto; margin: 0 auto;position: relative; padding-left: 30px;}
.list_dashiji ul li:before{ content: ""; position: absolute; left:-22px; top: 0px;bottom: 0px; height: 100%; width: 1px; background: #ececec; }
.list_dashiji ul li{ padding-bottom: 10px; position: relative;}
.list_dashiji ul li:after{ content: ""; position: absolute; width: 11px; left:-30px; top: 20px; background: #fff; height: 11px; border-radius: 50px; border:#cccccc solid 3px; }
.list_dashiji ul li .box{ background: #f5f5f5; padding: 15px; border-radius: 6px; transition-duration: 0.1s; }
.list_dashiji ul li .box h3{ font-size: 18px; color: #222; margin-bottom:4px; transition-duration: 0.1s;  }
.list_dashiji ul li .box p{ font-size: 16px; color: #222; transition-duration: 0.1s;}
.list_dashiji ul li .box:hover{ background: #3ea4d1; padding: 15px; border-radius: 6px; }
.list_dashiji ul li .box:hover h3{ font-size: 18px; color: #fff; margin-bottom:4px;  }
.list_dashiji ul li .box:hover p{ font-size: 16px; color: #fff }

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

.list_news{ padding-top: 40px; padding-bottom:40px;background: #f5f7fc}
.list_news ul{ margin-bottom: 30px; }
.list_news ul li{ margin-bottom: 20px; padding: 0px; background: #fff; border-radius: 3px; box-shadow: 0px 5px 10px rgba(0,0,0,0.05); transition-duration: 0.3s; }
.list_news ul li .img{ border-radius: 3px; overflow: hidden; float: none; width: auto; margin-right: 0px;  overflow: hidden; height: 220px;}
.list_news ul li .img img{ border-radius: 3px; width: 100%; height: 100%; display: block; object-fit: cover; transition-duration: 0.3s;}
.list_news ul li .time{ display: none;}
.list_news ul li .time strong{font-size: 56px; display: block; text-align: center; font-family: 'HarmonyOS Sans Bold';}
.list_news ul li .time span{  font-size: 16px; text-align: center; display: block; font-family: 'HarmonyOS Sans Bold';}
.list_news ul li .info{ padding: 20px; }
.list_news ul li .info .title{ font-size: 20px; color: #333333; font-weight: bold;  margin-bottom: 10px;}
.list_news ul li .info .title a{   color: #333333;  }
.list_news ul li .info .description{   color: #666666;line-height: 1.8em; font-size: 15px;  }
.list_news ul li:hover{  box-shadow: 0px 10px 15px rgba(0,0,0,0.05);transform: translateY(-2px)}
.list_news ul li:hover .time{ color: #01acea }
.list_news ul li:hover .info .title a{ color: #01acea }

.show_news { background: #fff; border-radius: 3px; padding:10px; padding-top: 30px; padding-bottom: 40px; box-shadow: 0px 10px 20px rgba(0,0,0,0.04); }
.show_news .html{ line-height: 2em; font-size: 16px; color: #333; padding-bottom: 30px;  margin-bottom: 30px; border-bottom: #ececec solid 1px; }
.show_news .html p{ line-height: 2em; text-indent: 2em; font-size: 16px; color: #333; }
.show_news .html p strong{ color: #333; font-size: 18px; }
.show_news .html img{ width: 100%; display: block; margin: 10px auto; }
.show_news .title{ padding-bottom: 30px; border-bottom: #ececec solid 1px; margin-bottom: 20px;}
.show_news .title h1{ text-align: center; font-size: 20px; color: #333; padding-bottom: 15px; }
.show_news .title p{ text-align: center; font-size: 14px; color: #999; font-weight: normal; }
.show_news .other i{ display: none; }
.show_news .other .left{ float: none; margin-bottom: 10px; font-size: 14px;}
.show_news .other .right{ float: none; font-size: 14px;}
.show_news .other a{ color: #333; }
.show_news .other a:hover{ color: #003d94; }


.list_case{ padding-top: 40px; padding-bottom:40px;background: #f5f7fc}
.list_case ul { width: auto; }
.list_case ul li{ float: none;  overflow: hidden; width: auto; margin-bottom: 20px; border-radius: 3px; margin-right: 0px; background: #fff; box-shadow: 0px 5px 10px rgba(0,0,0,0.05); transition-duration: 0.3s;}
.list_case ul li .img{ height: 240px;  overflow: hidden; }
.list_case ul li .info{ padding: 20px; }
.list_case ul li .info h2{font-size: 16px; font-weight: bold; text-align: center; transition-duration:0.3s;} 
.list_case ul li .info h2 a{ color: #333 }
.list_case ul li .img img{ width: 100%; display: block; height: 100%; object-fit: cover; }
.list_case ul li:hover{  box-shadow: 0px 10px 15px rgba(0,0,0,0.05);transform: translateY(-2px)}
.list_case ul li:hover .info h2{ color: #01acea }



.show_case{ padding-top: 40px; padding-bottom:40px;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 img{ width: 100%!important; display: block; margin:10px auto!important; float: none!important; }
.show_case .title{  text-align: center; font-size: 20px; color: #333; padding-bottom: 30px; font-weight: bold; border-bottom: #ececec solid 1px; margin-bottom: 20px;}
.show_case .other i{ display: none; }
.show_case .other .left{ float: none; margin-bottom: 10px; font-size: 14px;}
.show_case .other .right{ float: none; font-size: 14px;}
.show_case .other a{ color: #333; }
.show_case .other a:hover{ color: #003d94; }



.list_down{padding-top: 40px; padding-bottom:40px;background: #f5f7fc;}
.list_down ul li{ position: relative; margin-bottom: 20px; padding: 20px; background: #fff; border-radius: 3px; box-shadow: 0px 5px 10px rgba(0,0,0,0.05); transition-duration: 0.3s; }
.list_down ul li .img { float: left; width: 100px; margin-right: 30px; display: none; }
.list_down ul li .img img{ width: 100%; display: block;}
.list_down ul li .info{ float: none; padding-top: 0px; width: 80%;}
.list_down ul li .info .title a{ font-size:18px; font-weight: bold; color: #333; }
.list_down ul li .info .other { padding-top: 5px; }
.list_down ul li .info .other span{ font-size: 14px; color: #999; padding-top: 5px; margin-right: 20px; display: block;}
.list_down ul li .time{ position: initial; right: 310px;font-size: 14px;padding-top: 5px;  color: #999; top: 74px;}
.list_down ul li .down{ position: absolute; right: 20px; top: 50%; margin-top: -25px;  float: right; padding-top: 0px; padding-right: 0px;  }
.list_down ul li .down a{background: #f4f7fc;  color: #01acea; font-weight: bold; font-size: 18px; width: 48px; height: 48px; display: block; line-height: 48px; border-radius:48px; text-align: center; transition-duration: 0.3s;}
.list_down ul li:hover .down a{background: #01acea;  color: #fff;}
.list_down ul li:hover{  box-shadow: 0px 10px 15px rgba(0,0,0,0.05);transform: translateY(-2px)}



.page_about{padding-top: 0px; padding-bottom:40px;background: #fff;}
.page_about .html{float: none; width: auto; margin-bottom: 30px;}
.page_about .html p{ line-height: 2em; color: #111; font-size: 16px; text-indent: 2em; text-align: justify;}
.page_about .right {float: none; width: auto;}
.page_about .right ul{border-top: #ececec solid 1px;}
.page_about .right ul li{ padding: 30px 0 ; border-bottom: #ececec solid 1px;}
.page_about .right ul li img{ display: block; height: 82px; }



.page_content{padding-top: 40px; padding-bottom:40px;background: #fff;}
.page_content .html{ line-height: 2em; color: #111; font-size: 16px; }
.page_content .html p strong.big{ font-size: 20px; }
.page_content .html p a{  color: #01acea; font-weight: bold; border-bottom: #01acea solid 1.5px;}
.page_content .html img{width: 100%!important; margin: 0!important; display: block!important; float: none!important; margin-bottom: 30px!important;}

.page_guihua{padding-top: 40px; padding-bottom:40px;background: #fff;}
.page_guihua .html{ line-height: 2em; color: #111; font-size: 16px;width:auto; float: none;  }
.page_guihua .html h4{ color: #01acea; font-size: 20px; margin-bottom: 10px; }
.page_guihua .html p{ text-indent: 2em; }
.page_guihua .img{ width: 485px; float: right; display: none;}
.page_guihua .html h4 br{ display: none; }



.page_fazhan{padding-top: 50px; padding-bottom:80px;background: #fff;}
.page_fazhan .html{ line-height: 2em; color: #111; font-size: 16px;width:auto; float: none;  }
.page_fazhan .html h4{ color: #01acea; font-size: 20px; margin-bottom: 10px; }
.page_fazhan .html p{ text-indent: 2em; }
.page_fazhan .img{ width: 300px; float: right; display: none;}



.page_culture{padding-top: 0px; padding-bottom:40px;background: #fff;}
.page_culture .pagewidth{ width: auto; margin: 0 15px}
.page_culture .title{ text-align: center; font-size: 24px; font-weight: bold; color: #111; margin-bottom: 5px;}
.page_culture .title span{ padding-left: 40px; padding-right: 40px; position: relative; }
.page_culture .title span:after{ position: absolute; content: ""; left:0px; top: 13px; width:30px; height: 2px; background: #666; }
.page_culture .title span:before{ position: absolute; content: ""; right:0px; top: 13px; width:30px; height: 2px; background: #666; }
.page_culture .box { margin-bottom: 40px; padding-top: 15px; }
.page_culture .box .left{ float: none; width: auto; }
.page_culture .box .right{ float: none; width: auto; }
.page_culture .box .img{ display: block; border-radius: 6px; overflow: hidden; box-shadow: 0px 10px 20px rgba(0,0,0,0.1) }
.page_culture .box .img img{ display: block;  width: 100%; }
.page_culture .box .info { padding-top: 20px; }
.page_culture .box .info h3{ font-size: 20px; font-weight: bold; color: #111; margin-bottom: 10px; }
.page_culture .box .info p{ font-size: 16px; font-weight: normal; line-height: 2em; color: #333; }


.page_culture .title1{ text-align: center; font-size: 18px; font-weight: bold; color: #111; margin-bottom: 0px;}
.page_culture .box1 .swiperTab{ display: none; text-align: center; background: #f1f1f1; padding: 4px;  border-radius: 2px 20px 2px 20px; margin-bottom: 20px;}
.page_culture .box1 .swiperTab li{ float: left; width: 100%; height: 40px; line-height: 40px; color: #222; border-radius: 2px 20px 2px 20px; }
.page_culture .box1 .swiperTab li em{ position: relative; top: 3px; }
.page_culture .box1 .swiperTab li.active{background: #3ea4d1; color: #fff;}


.list_join{ padding-top: 40px; padding-bottom: 40px; background: #fff; }
.list_join .info{ padding-top: 30px; color: #666666; font-weight: normal; text-align: center;font-size: 18px; line-height: 1.8em; font-weight:400;}
.list_join .info span { color: #01acea; font-weight: bold;font-family: 'HarmonyOS Sans Bold'; }
.list_join .accordion li {padding:15px 15px; background: #f9f9f9; border-radius: 4px; margin-bottom: 10px;box-shadow: 0px 0px 10px rgba(0,0,0,0.0); transition-duration: 0.3s;}
.list_join .accordion .link { cursor: pointer; display: block; color: #666666; font-size: 18px; font-weight: normal; position: relative; padding-top: 10px; border-radius: 6px; padding-bottom: 10px; }
.list_join .accordion .link p{ font-size: 14px; font-weight: normal; color: #666666; padding-top: 10px; }
.list_join .accordion .link p span{ margin-right: 30px; }
.list_join .accordion li:last-child .link {border-bottom: 0;}
.list_join .accordion li i {position: absolute; top: 14px;left: 12px; font-size: 18px;color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.list_join .accordion li i.fa-chevron-down {right: 12px;left: auto;font-size: 16px;}
.list_join .accordion li.open{ background: #f6f8fb;}
.list_join .accordion li.open i {color: #01acea;}
.list_join .accordion li.open i.fa-chevron-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.list_join .subcontent {display: none; font-size: 16px;line-height: 2em; color: #111; }
.list_join .accordion li.open .link{ color: #01acea; font-weight: bold; }
.list_join .accordion li .link{ position: relative; }
.list_join .accordion li .link strong{ display: block; width: 500px;  font-size: 14px; color: #999; font-weight: normal; position: absolute; left: 500px; top: 14px; }
.list_join .accordion li .link strong span{ float: left; }
.list_join .accordion li .link strong span.diqu{width: 200px; }
.list_join .accordion li .link strong span.renshu{width: 150px; }
.list_join .accordion li .link strong span.jingyan{width: 150px; }
.list_join .accordion li.open .link strong{ font-size: 14px; color: #999;  }
.list_join .accordion li.open .subcontent { }
.list_join .accordion li.open .link i{ }
.list_join .accordion li.open  .link strong span.diqu{width: 200px; color: #f00 }
.list_join .accordion li.open  .link strong span.renshu{width: 150px;color: #f00 }
.list_join .accordion li.open  .link strong span.jingyan{width: 150px;color: #f00 }

.list_gongyi{ padding-top: 50px; padding-bottom:80px;background: #fff}
.list_gongyi .box{ background: #f5f5f5; margin-bottom: 30px; padding: 30px; border-radius: 3px; line-height: 2em; font-size: 16px; color: #111 }
.list_gongyi ul{ margin-bottom: 40px; }
.list_gongyi ul li{ margin-bottom: 20px; padding: 25px; background: #f5f5f5; border-radius: 3px;  transition-duration: 0.3s; }
.list_gongyi ul li .img{ border-radius: 3px; overflow: hidden; float: left; width: 250px; margin-right: 30px;  overflow: hidden; height: 170px;}
.list_gongyi ul li .img img{ border-radius: 3px; width: 100%; height: 100%; display: block; object-fit: cover; transition-duration: 0.3s;}
.list_gongyi ul li .time{ color: #aaa;  float: left; width: 100px; margin-right: 25px; padding-left: 0px;  transition-duration: 0.3s;}
.list_gongyi ul li .time strong{font-size: 56px; display: block; text-align: center; font-family: 'HarmonyOS Sans Bold';}
.list_gongyi ul li .time span{  font-size: 16px; text-align: center; display: block; font-family: 'HarmonyOS Sans Bold';}
.list_gongyi ul li .info .title{ font-size: 22px; color: #333333; font-weight: bold;  margin-bottom: 10px;}
.list_gongyi ul li .info .title a{   color: #333333;  }
.list_gongyi ul li .info .description{   color: #666666;line-height: 1.8em; font-size: 15px;  }
.list_gongyi ul li:hover{ transform: translateY(-2px)}
.list_gongyi ul li:hover .time{ color: #01acea }
.list_gongyi ul li:hover .info .title a{ color: #01acea }


.page_contact{ padding-top:40px; padding-bottom:40px;background: #fff}
.page_contact ul{ margin-bottom: 40px; }
.page_contact ul li{ float: left; width: 50%; margin-bottom: 30px; }
.page_contact ul li .icon{ height: 42px; width: 42px; border-radius: 42px; background: #01acea; padding: 15px; margin: 0 auto }
.page_contact ul li img{  height: 42px; width: 42px; display: block; }
.page_contact ul li h2{ font-size: 15px; color: #666; margin-bottom: 4px; text-align: center; padding-top: 10px; }
.page_contact ul li h3{ font-size: 18px; color: #333; line-height: 1.5em; text-align: center; }
.page_contact .map{ padding-top: 60px; border:#ececec solid 1px; padding: 4px;  }

#container {width:100%;height: 480px; }  
.amap-zoom-touch-plus > div, .amap-zoom-touch-minus > div {margin: auto;font-size: 20px;line-height: 30px;font-family: verdana;text-align: center;color: #666;height: auto;cursor: pointer;}
.amap-touch-toolbar .amap-zoomcontrol {position: absolute;right: 4px;bottom: -96px;z-index: 500;width: 30px;background-color: white;background-color: rgba(255, 255, 255, 0.9);border-radius: 3px;border: 1px solid #ccc;box-shadow: 1px 1px 10px 0 #ccc;}
.amap-zoom-touch-plus, .amap-zoom-touch-minus {height: 30px;}
.amap-touch-toolbar .amap-zoomcontrol:after { display: none; }
.amap-zoom-touch-plus { margin-bottom: 0px;}

.messages_form{padding-bottom:30px;padding-top: 0px; background: #f5f7fb; }
.messages_form .box{ padding: 30px 0px; }
.messages_form .box h2{ color:#01acea; font-size: 20px; margin-bottom: 10px; }
.messages_form .box h3{ font-size: 14px; color: #333; margin-bottom: 0px; font-weight: normal; }
.messages_form .box .contact{ line-height: 2em; font-size: 16px; color: #333; }
.messages_form .box .contact p{ line-height: 2em; font-size: 16px; color: #333; }
.messages_form .box .contact h2{ color: #35538d; font-size: 24px; padding-top: 30px; margin-bottom: 10px;}
.messages_form .layui-input-block{ margin-left: 0; }
.messages_form .layui-form-item{ margin-bottom: 0px; }
.messages_form .two .layui-input-block{ float:none; width: 100%; margin-bottom: 10px;}
.messages_form .two .layui-input-block .layui-input{ background: #fff;height: 44px; line-height: 1.3; line-height: 44px\9; border:none;}
.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; margin-bottom: 10px; background: #fff;height: 200px; line-height: 1.3; line-height: 44px\9;border:none}
.messages_form .layui-btn{ background: #01acea; height: 48px; line-height: 48px; font-size: 16px; font-weight: bold; }



.list_honor{padding-top:50px;padding-bottom:50px; background: #fff;position: relative; padding-left: 10px; padding-right: 10px;}
.list_honor .swiper-slide img{ width: 100%; }
.list_honor .swiper-slide .name{ text-align: center; font-size: 16px; padding-top: 20px; }
.list_honor .swiper-container{ padding-bottom: 50px; }
.list_honor .swiper-pagination-bullet{  opacity: 1; width: 10px; height: 10px; margin:0px 5px!important; opacity: 0.7; background: #999; border-radius: 10px; border:none; transition-duration: 0.3s;}
.list_honor .swiper-pagination-bullet-active{ background: #3ea4d1;opacity: 1; width: 40px; opacity:1;}
.list_honor:after{ display: none; }
.list_honor:before{ display: none;}

.list_partners{ padding-top: 40px; padding-bottom:40px; background: #f5f7fb; }
.list_partners ul { width: auto }
.list_partners ul li{ float:none; width: auto; background: #fff; border-radius: 3px; margin-bottom: 20px;  margin-right: 0px; padding: 20px; box-shadow: 0px 5px 10px rgba(0,0,0,0.05); transition-duration: 0.3s; } 
.list_partners ul li .img{ width: 170px; margin-right: 0px; margin: 0 auto; float: none; }
.list_partners ul li .img img{ width: 100%; display: block; }
.list_partners ul li .info { width: auto; padding-left: 0px; float: non;border-left: none; }
.list_partners ul li .info .title{ font-size: 20px; font-weight: bold; color: #222; margin-bottom: 10px; transition-duration: 0.3s;}
.list_partners ul li .info .description{ height:100px;font-size: 14px; font-weight: normal; color: #666; line-height: 1.8em; margin-right: 0px;}
.list_partners ul li:hover{  box-shadow: 0px 10px 15px rgba(0,0,0,0.05);transform: translateY(-2px)}
.list_partners ul li:hover .info .title{ color: #01acea }
.list_partners ul li:nth-child(2n + 1) { clear: both;}



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


.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-bottom:50px;background: #fff;}
.side{ width: 250px; float: left; margin-right: 28px;  }
.side .category{ margin-bottom: 20px; }
.side .category h2{ font-size: 18px; height: 60px; color: #fff; line-height: 60px; padding-left: 20px;
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%); }
.side .category ul li{ border: #ededed solid 1px; border-top: none;}
.side .category ul li a{height: 55px;line-height: 55px; display: block;  padding-left: 20px; color: #333333; font-size: 16px;}
.side .category ul li a.active{ color: #1080f2; font-weight: bold; position: relative; } 
.side .category ul li a.active:after{ position: absolute; content: "\f105"; font-size: 14px; color: #999;font-family: 'FontAwesome'; right: 20px; font-weight: normal; }
.side .recommend{border:#ececec solid 1px;}
.side .recommend h2{ position: relative; font-size: 18px; color: #1080f2; font-weight: bold; padding-left: 20px; padding-top: 20px; }
.side .recommend h2:after{ position: absolute; content:""; left: 0px; top:24px; bottom: 0px; height: 18px; width: 2px; background: #1080f2; background: #1080f2 }
.side .recommend ul li { border-bottom: #ececec solid 1px; }
.side .recommend ul li:last-child{ border-bottom: none; }
.side .recommend ul li .img {  padding: 20px; padding-bottom: 10px; }
.side .recommend ul li .img img{ width: 100%; }
.side .recommend ul li .info{ text-align: center; padding-bottom: 20px;}
.side .recommend ul li .info h3{ font-size: 14px; font-weight: normal; color: #666; }



.list_product .content{ width: 922px; float: left; }
.list_product .content .title{ font-size: 24px; color: #333; height: 60px; line-height: 60px; font-weight: bold;font-family: 'HarmonyOS Sans Bold'; }
.list_product .content ul{ width: 950px; }
.list_product .content ul li{ width: 288px; margin-right: 26px; float: left; margin-bottom: 26px; border:#ededed solid 1px; transition-duration: 0.3s;box-shadow: 0px 0px 5px rgba(16,128,242,0) }
.list_product .content ul li .img { padding: 10px; }
.list_product .content ul li .img img{ width: 100%; display: block;}
.list_product .content ul li:hover .img img{ width: 100%;}
.list_product .content ul li .info{ padding:0px 15px 15px 15px; }
.list_product .content ul li .info h2{ margin-bottom: 6px; }
.list_product .content ul li .info h2 a{ color: #333; font-size: 16px;}
.list_product .content ul li:hover .info h2 a{ color: #1080f2; }
.list_product .content ul li .info .description{  line-height: 1.8em; font-size: 14px; color: #666; }
.list_product .content ul li:hover{  border:#1080f2 solid 1px;box-shadow: 0px 0px 5px rgba(16,128,242,0.2) }
.list_product .page{ text-align: left; padding-left: 0px ; padding-right: 0px; }

.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: #1080f2;border: #1080f2 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: #1080f2; 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: #1080f2; color: #fff ; border:#1080f2 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 .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;}




.productbanner{background: #222; color: #fff; overflow: hidden; position: relative; }
.productbanner .pagewidth{ height: 300px; position: relative;}
.productbanner h2{ font-size: 18px; font-family: 'HarmonyOS Sans Bold';text-shadow: 2px 2px 2px rgba(0,0,0,.3); position: absolute; font-weight: normal;  z-index: 4; left: 0px; right: 0px; top:100px;  text-align: left; }
.productbanner h1{font-size: 32px; text-shadow: 2px 2px 2px rgba(0,0,0,.3);  color: #fff;  text-align: left; position: absolute; left: 0px; right: 0px; top: 130px;  z-index: 4; }
.productbanner .description{ font-size: 16px; position: absolute; font-weight: normal; line-height:1.6em;  z-index: 4; left: 0px;top: 180px;  text-align: left; width: auto; }
.productbanner img.detailbg{ width: 105%;height: 105%; object-fit: cover; position: absolute; left: 0px; top: -10px; bottom: 0px; right: 0px; z-index: 1; }

.product_1 .box1 { padding-top: 30px; padding-bottom: 30px; }
.product_1 .box1 .pagewidth{ position: initial; }
.product_1 .box1 .img{ float: none; width: auto; border-radius: 6px; height: 280px;border:#ececec solid 1px; overflow: hidden; }
.product_1 .box1 .img img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.product_1 .box1 .info{ float: none; width:auto; padding-top: 20px; }
.product_1 .box1 .info h2{ font-size: 24px; font-weight:bold; color: #01acea;}
.product_1 .box1 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_1 .box1 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_1 .box1 .info ul{ position: initial; bottom: 0; padding-top: 10px; }
.product_1 .box1 .info ul li{ float: left; width: calc(33.333% - 9px); border-radius: 6px; margin-right: 10px; height: auto;border:#ececec solid 1px; overflow: hidden; }
.product_1 .box1 .info ul li img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.product_1 .box1 .info ul li.mr0{ margin-right: 0; }
.product_1 .box1 .info ul li:last-child{ margin-right: 0px; }

.product_1 .box2 { padding-top: 30px; padding-bottom: 30px; background: #f4f7fb; }
.product_1 .box2 .pagewidth{ position: initial; }
.product_1 .box2 .img{ float: none; width: auto; border-radius: 6px; height: 280px;border:#ececec solid 1px; overflow: hidden; }
.product_1 .box2 .img img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.product_1 .box2 .info{ float: none; width:auto; padding-top: 20px; }
.product_1 .box2 .info h2{ font-size: 24px; font-weight:bold; color: #01acea;}
.product_1 .box2 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_1 .box2 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_1 .box2 .info ul{ position: initial; bottom: 0; padding-top: 10px; }
.product_1 .box2 .info ul li{ float: left; width: calc(33.333% - 9px); border-radius: 6px; margin-right: 10px; height: auto;border:#ececec solid 1px; overflow: hidden; }
.product_1 .box2 .info ul li img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.product_1 .box2 .info ul li.mr0{ margin-right: 0; }
.product_1 .box2 .info ul li:last-child{ margin-right: 0px; }



.product_1 .box3 { padding-top:30px; padding-bottom: 30px; }
.product_1 .box3 .pagewidth{ position: initial; }
.product_1 .box3 .img{ float: none; width: auto; border-radius: 6px; height: 280px;border:#ececec solid 1px; overflow: hidden; }
.product_1 .box3 .img img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.product_1 .box3 .info{ float: none; width:auto; padding-top: 20px; }
.product_1 .box3 .info h2{ font-size: 24px; font-weight:bold; color: #01acea;}
.product_1 .box3 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_1 .box3 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_1 .box3 .info ul{ position: initial; bottom: 0; padding-top: 10px; }
.product_1 .box3 .info ul li{ float: left; width: calc(33.333% - 9px); border-radius: 6px; margin-right: 10px; height: auto;border:#ececec solid 1px; overflow: hidden; }
.product_1 .box3 .info ul li img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.product_1 .box3 .info ul li.mr0{ margin-right: 0; }
.product_1 .box3 .info ul li:last-child{ margin-right: 0px; }

.product_1 .box4 { padding-top: 30px; padding-bottom: 30px; background: #f4f7fb; }
.product_1 .box4 .pagewidth{ position: relative; }
.product_1 .box4 .img{ float: none; width: auto; border-radius: 6px; height:240px;border:#ececec solid 1px; overflow: hidden; }
.product_1 .box4 .img img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.product_1 .box4 .info{ float: none; width:auto; padding-top: 20px; }
.product_1 .box4 .info h2{ font-size: 24px; font-weight:bold; color: #01acea;}
.product_1 .box4 .info h4{ font-size: 18px; font-weight:bold; color: #333; padding-top: 20px; margin-bottom: 10px;}
.product_1 .box4 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_1 .box4 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_1 .box4 .info ul{  }
.product_1 .box4 .info ul li{ float: left;font-size: 16px; color: #666; height: 30px; width: 35%; }
.product_1 .box4 .info ul li i{ position: relative; top: 2px; }
.product_1 .box4 .info ul li:nth-child(2n){ width:65%;  }

.product_1 .box5 { padding-top: 30px; padding-bottom: 30px;}
.product_1 .box5 .pagewidth{ position: relative; }
.product_1 .box5 .img{ float: none; width: auto;}
.product_1 .box5 .img img{ display: block; width: 80%; margin: 0 auto;}
.product_1 .box5 .info{ float: none; width:auto; padding-top: 20px; }
.product_1 .box5 .info h2{ font-size: 24px; font-weight:bold; color: #01acea;}
.product_1 .box5 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_1 .box5 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }

.product_1 .box6 { padding-top: 30px; padding-bottom: 30px; background: #f4f7fb; }
.product_1 .box6 .pagewidth{ position: relative; }
.product_1 .box6 .info h2{ font-size: 24px; font-weight:bold; color: #01acea;}
.product_1 .box6 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_1 .box6 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }

.product_1 .box7 { padding-top: 30px; padding-bottom: 30px;}
.product_1 .box7 .pagewidth{ position: relative; }
.product_1 .box7 .info h2{ font-size: 24px; font-weight:bold; color: #01acea;}
.product_1 .box7 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_1 .box7 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }



.product_2 .box1 { padding-top: 30px; padding-bottom: 30px;}
.product_2 .box1 .pagewidth{ position: relative; }
.product_2 .box1 .info{ margin-bottom: 20px; }
.product_2 .box1 .info h2{ font-size: 24px; font-weight:bold; color: #01acea;}
.product_2 .box1 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_2 .box1 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_2 .box1 .charts{ padding: 30px; border-radius: 6px; border:#ececec solid 1px; }
.product_2 .box1 .charts ul li{ float: left; margin-right:0px; }
.product_2 .box1 .charts ul li.img{ width: 40%; margin-right: 10%; }
.product_2 .box1 .charts ul li.text{ width:50%;  font-size: 16px; color: #666; line-height: 1.8em; padding-top: 20px;	 }
.product_2 .box1 .charts ul li:nth-child(1){  margin-bottom: 20px; }
.product_2 .box1 .charts ul li:nth-child(3) { clear: both;}

.product_2 .box1 .charts ul li.jt{ width: 100%; position: relative; padding-top:20px; padding-bottom: 20px; padding-left: 20px; line-height: 1.5em; color: #01acea; font-weight: bold; }
.product_2 .box1 .charts ul li.jt img{ position: absolute; width:50%; left:auto; right:0px; top: 32px; }
.product_2 .box1 .charts ul li.img img{ width: 100%; }
.product_2 .box1 .charts ul li.mr0{ width: 50%; margin-right: 0px; padding-top: 10px;color: #01acea; }

.product_2 .box2 { padding-top: 30px; padding-bottom: 30px; background: #f4f7fc;}
.product_2 .box2 .pagewidth{ position: relative; }
.product_2 .box2 .info{ margin-bottom: 20px; }
.product_2 .box2 .info h2{ font-size: 24px; font-weight:bold; color: #01acea;}
.product_2 .box2 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_2 .box2 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_2 .box2 .list {padding-top: 0px;}
.product_2 .box2 .list ul li{ float: left;width: calc(33.333% - 11px); border-radius: 6px; margin-right: 10px; margin-bottom: 10px; padding-bottom: 20px; border-radius: 6px; border:#ececec solid 2px; }
.product_2 .box2 .list ul li:nth-child(3) { margin-right: 0;}
.product_2 .box2 .list ul li.mr0{ margin-right: 0;  }
.product_2 .box2 .list ul li img{ display: block; width: 48px; margin: 20px auto; }
.product_2 .box2 .list ul li p{ text-align: center;font-size: 14px; color: #333; padding-bottom: 0;}

.product_2 .box3 { padding-top: 30px; padding-bottom: 30px;}
.product_2 .box3 .pagewidth{ position: relative; }
.product_2 .box3 .info{ margin-bottom: 20px; }
.product_2 .box3 .info h2{ font-size: 24px; font-weight:bold; color: #01acea;}
.product_2 .box3 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_2 .box3 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_2 .box3 .list {padding-top: 0px;}
.product_2 .box3 .list ul li{ border-radius:6px; border:#ececec solid 2px; float: none; width: auto; height: 180px; position: relative; margin-bottom: 10px; }
.product_2 .box3 .list ul li.li1{ margin-right: 0px; }
.product_2 .box3 .list ul li.li2{ margin-right: 0px; }
.product_2 .box3 .list ul li .number{ width: 84px; height: 84px; line-height: 84px; text-align: center; color: #01acea; font-size: 30px; font-weight: bold; border-radius: 84px;  border:#ececec solid 2px; position: absolute; left: 60px; top: 53px; }
.product_2 .box3 .list ul li dl{ position: absolute; left: 170px; top: 30px; }
.product_2 .box3 .list ul li dl dt{ font-size: 16px;  color: #333333; line-height: 1.8em; }
.product_2 .box3 .list ul li dl dt i{ color: #01acea; position: relative;top: 2px; }
.product_2 .box3 .list ul li.li3 dl{ position: absolute; left: 170px; top: 13px; }

.product_2 .box4 { padding-top: 30px; padding-bottom: 30px;background: #f4f7fc;}
.product_2 .box4 .pagewidth{ position: relative; }
.product_2 .box4 .info{ float: none; width:auto; margin-bottom: 20px; }
.product_2 .box4 .info h2{ font-size: 24px; font-weight:bold; color: #01acea;}
.product_2 .box4 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_2 .box4 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_2 .box4 .img{ float: none; width: auto;}
.product_2 .box4 .img img{ display: block; width: 100%;}

.product_2 .box5 { padding-top: 30px; padding-bottom: 30px;}
.product_2 .box5 .pagewidth{ position: relative; }
.product_2 .box5 .info{ float: left; width:auto; margin-bottom: 20px; }
.product_2 .box5 .info h2{ font-size: 24px; font-weight:bold; color: #01acea;}
.product_2 .box5 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_2 .box5 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_2 .box5 .img{ float: none; width: auto; padding-top:20px;}
.product_2 .box5 .img img{ display: block; width: 100%;}

.product_2 .box6 { padding-top:30px; padding-bottom: 20px; text-align: center;}
.product_2 .box6 h3{ font-size: 24px; color: #fff; }
.product_2 .box6 h4{ font-size: 18px; color: #fff; }
.product_2 .box6 span{ background: #fff; width: 30px; height: 2px; display: block; margin:15px auto;} 

.product_2 .box7 { padding-top: 30px; padding-bottom: 30px;}
.product_2 .box7 .pagewidth{ position: relative; }
.product_2 .box7 .info{  }
.product_2 .box7 .info h2{ font-size: 24px; font-weight:bold; color: #01acea;}
.product_2 .box7 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_2 .box7 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_2 .box7 .img{padding-top:30px;}
.product_2 .box7 .img img{ display: block; width: 100%; margin: 0 auto;}


.product_2 .box8 { padding-top: 30px; padding-bottom:30px;background: #f4f7fc;}
.product_2 .box8 .info{ float: none; width:auto; margin-bottom: 20px; }
.product_2 .box8 .info h2{ font-size: 24px; font-weight:bold; color: #01acea;}
.product_2 .box8 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_2 .box8 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_2 .box8 .info ul{ padding-top: 30px; }
.product_2 .box8 .info ul li {font-size: 16px; color: #333333; line-height: 1.6em; position: relative; padding-left: 20px; margin-bottom: 5px;}
.product_2 .box8 .info ul li i { color: #01acea; position: absolute; top: 0px; left: 0;}
.product_2 .box8 .img{ float: none; width: auto; padding-top:60px; border-radius: 6px; background: #fff; padding: 20px;}
.product_2 .box8 .img h4{ text-align: center; font-size: 18px ;color: #333; padding-bottom: 20px; }
.product_2 .box8 .img img{ display: block; width: 100%;}



.product_2 .box8 .content1{  margin-bottom: 10px;}
.product_2 .box8 .content2{ border-radius: 6px; padding: 30px; background: #fff;}
.product_2 .box8 .img1{ width: auto; margin-right: 0px; float: none; margin-bottom: 20px;}
.product_2 .box8 .img1 h4{ text-align: left; font-size: 18px ;color: #333; padding-bottom: 20px; }
.product_2 .box8 .img1 img{ width: 96%; }
.product_2 .box8 .mr0{ margin-right: 0; margin-bottom: 0; }

.product_2 .box9 { padding-top: 30px; padding-bottom:30px;}
.product_2 .box9 .pagewidth{ }
.product_2 .box9 .info{ }
.product_2 .box9 .info h2{ font-size: 24px; font-weight:bold; color: #01acea;}
.product_2 .box9 .info h4{ font-size: 18px; font-weight:bold; color: #01acea; padding-top: 30px; margin-bottom: 10px;}
.product_2 .box9 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 25px; } 
.product_2 .box9 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_2 .box9 .table table{ background: #f1f9fc; width: 100%; }
.product_2 .box9 .table table th{ background: #72c0de; padding: 5px; color: #fff; font-size: 14px;}
.product_2 .box9 .table table tr td{color: #555; padding:10px 5px;  font-size: 14px; line-height: 1.6em;}
.product_2 .box9 .table table tr:nth-child(2n-1){ background:#e3f2f8;  }
.product_2 .box9 .table table tr td:nth-child(1){ width: 30%; }

.product_2 .box10 { padding-top: 30px; padding-bottom:30px;background: #f4f7fc;}
.product_2 .box10 .info h2{ font-size: 24px; font-weight:bold; color: #01acea;}
.product_2 .box10 .info h4{ font-size: 18px; font-weight:bold; color: #01acea; padding-top: 30px; margin-bottom: 10px;}
.product_2 .box10 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 25px; } 
.product_2 .box10 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_2 .box10 .table table{ background: #e7f1f9; width: 100%; }
.product_2 .box10 .table table th{ background: #72c0de; padding: 5px; color: #fff; font-size: 16px;}
.product_2 .box10 .table table tr td{color: #555; padding:10px 5px; font-size: 14px; line-height: 1.6em;}
.product_2 .box10 .table table tr:nth-child(2n-1){ background:#daecf6;  }
.product_2 .box10 .table table tr td.green{ text-align: center; color:#92cc76 }
.product_2 .box10 .table table tr td.red{ text-align: center;color: #ee6666 }
.product_2 .box10 .table table tr td.yellow{ text-align: center; color: #fac857;}


.product_2 .box11 { padding-top: 30px; padding-bottom:30px;}
.product_2 .box11 .info h2{ font-size: 24px; font-weight:bold; color: #01acea;}
.product_2 .box11 .info h4{ font-size: 18px; font-weight:bold; color: #01acea; padding-top: 30px; margin-bottom: 10px;}
.product_2 .box11 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 25px; } 
.product_2 .box11 .press ul li{ float: left; width: 33.33%; position: relative;  margin-bottom: 30px; }
.product_2 .box11 .press ul li:before {  content: "\ea6c"; color: #999; font-size: 24px; font-family: "remixicon"; position: absolute; right: 0px; top: 28px; right: -12px;}
.product_2 .box11 .press ul li:last-child:before{ display: none; }
.product_2 .box11 .press ul li div{ border-radius: 80px; position:relative; z-index: 4; background: #00acea; height: 80px; line-height: 80px; margin: 0 auto; text-align: center; width: 80px;}
.product_2 .box11 .press ul li div i{ font-size: 32px; color: #fff; }
.product_2 .box11 .press ul li p{ font-size: 16px; color: #333; text-align: center; padding-top: 10px;}
.product_2 .box11 .press ul li:nth-child(3):before { display: none;}
.product_2 .box11 .press ul li:nth-child(6):before { display: none;}


.product_2 .box12 { padding-top: 0px; padding-bottom:30px;}
.product_2 .box12 .info h2{ font-size: 24px; font-weight:bold; color: #01acea;}
.product_2 .box12 .info h4{ font-size: 18px; font-weight:bold; color: #01acea; padding-top: 30px; margin-bottom: 10px;}
.product_2 .box12 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 25px; } 
.product_2 .box12 .table table{width: 100%;border-collapse:collapse; border:#fff solid 2px; }
.product_2 .box12 .table table td{padding: 5px;color: #333; font-size: 14px;border:#fff solid 2px; background: #daecf6}



.product_3 .box1 { padding-top: 30px; padding-bottom:30px;}
.product_3 .box1 .info h2{ font-size: 24px; font-weight:bold; color: #01acea;}
.product_3 .box1 .info h4{ font-size: 18px; font-weight:bold; color: #01acea; padding-top: 30px; margin-bottom: 10px;}
.product_3 .box1 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 25px; } 
.product_3 .box1 ul li{ float: none; width: auto; margin-right: 0px; border-radius: 6px; overflow: hidden; border:#ececec solid 1px; margin-bottom: 10px; }
.product_3 .box1 ul li img{ display: block; width: 100%; }
.product_3 .box1 ul li h3{ font-size: 18px; padding: 20px; padding-bottom: 10px; }
.product_3 .box1 ul li p{ font-size: 14px; padding: 0px 20px; line-height: 1.8em; padding-bottom: 20px; color: #666; }
.product_3 .box1 ul li.mr0{ margin-right: 0; margin-bottom: 0; }


.product_3 .box2 { padding-top: 30px; padding-bottom: 30px; background: #f4f7fb; }
.product_3 .box2 .pagewidth{ position: relative; }
.product_3 .box2 .img{ float: none; width: auto; border-radius: 6px; overflow: hidden; }
.product_3 .box2 .img img{ display: block; width: 100%;  }
.product_3 .box2 .info{ float: none; width:auto; padding-top: 20px; }
.product_3 .box2 .info h2{ font-size: 24px; font-weight:bold; color: #01acea;}
.product_3 .box2 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_3 .box2 .info p{ font-size: 16px; color: #333; line-height: 1.8em; margin-bottom: 20px;}

.product_3 .box3 { padding-top: 30px; padding-bottom: 30px;}
.product_3 .box3 .pagewidth{ position: relative; }
.product_3 .box3 .img{ float: none; width: auto; border-radius: 6px; overflow: hidden; margin-bottom: 20px; }
.product_3 .box3 .img img{ display: block; width: 100%;  }
.product_3 .box3 .info{ float: none; width:auto; }
.product_3 .box3 .info h2{ font-size: 24px; font-weight:bold; color: #01acea;}
.product_3 .box3 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_3 .box3 .info p{ font-size: 16px; color: #333; line-height: 1.8em; margin-bottom: 20px;}


.product_3 .box4 { padding-top: 30px; padding-bottom: 30px;background: #f4f7fb; }
.product_3 .box4 .info h2{ font-size: 24px; font-weight:bold; color: #01acea;}
.product_3 .box4 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_3 .box4 .info p{ font-size: 16px; color: #333; line-height: 1.8em; margin-bottom: 20px;}


.product_3 .box5 { padding-top: 30px; padding-bottom: 30px;}
.product_3 .box5 .info h2{ font-size: 24px; font-weight:bold; color: #01acea;}
.product_3 .box5 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_3 .box5 .info p{ font-size: 16px; color: #333; line-height: 1.8em; margin-bottom: 20px;}





.show_casefixed .case_title{ font-weight: bold; font-size: 24px; text-align: left; padding:40px 20px;padding-bottom: 20px;  }

.show_casefixed .box1 { padding-top: 10px; padding-bottom: 30px; background: #fff; }
.show_casefixed .box1 .title{font-size: 24px; font-weight:bold; color: #01acea; position: relative; padding-left: 20px;}
.show_casefixed .box1 .title:after{ position: absolute; content: ""; left:0px; width: 4px; height: 22px; top: 6px;bottom: 6px; background: #01acea }
.show_casefixed .box1 .content{ padding-top: 20px; overflow: hidden; }
.show_casefixed .box1 .content ul{ width: auto; }
.show_casefixed .box1 .content ul li{ float: none; width: auto; margin-bottom:20px; margin-right:0px; border:#dadada solid 1px; border-radius: 6px; padding: 25px; }
.show_casefixed .box1 .content ul li h3{ font-weight: bold; font-size: 20px; margin-bottom: 6px; }
.show_casefixed .box1 .content ul li p{ font-size: 16px; line-height: 2em;  }

.show_casefixed .box2 { padding-top: 30px; padding-bottom: 30px; background: #f4f7fb; }
.show_casefixed .box2 .title{font-size: 24px; font-weight:bold; color: #01acea; position: relative; padding-left: 20px;}
.show_casefixed .box2 .title:after{ position: absolute; content: ""; left:0px; width: 4px; height: 22px; top: 6px;bottom: 6px; background: #01acea }
.show_casefixed .box2 .content .info{padding-top: 20px;}
.show_casefixed .box2 .content .info h3{ font-weight: bold; font-size: 20px; margin-bottom: 6px; }
.show_casefixed .box2 .content .info p{ font-size: 16px; line-height: 2em; }
.show_casefixed .box2 .content .swiper-slide img{  width: 100%;display: block; border-radius: 6px; }
.show_casefixed .box2 .content .swiper-container{ padding-bottom: 40px; padding-top: 30px; }
.show_casefixed .box2 .content .swiper-pagination-bullet{  opacity: 1; width: 10px; height: 10px; margin:0px 5px!important; opacity: 1; background: #c4c4c4; border-radius: 10px; border:none; transition-duration: 0.3s; }
.show_casefixed .box2 .content .swiper-pagination-bullet-active{ background: #fff;opacity: 1; width: 30px; background: #3ea4d1;  opacity:1;}
.show_casefixed .box2 .content .info p img{width: 90%; margin-left: -30px; height: auto;}
.show_casefixed .box1 .content img {width: 100%; height: auto; margin-left: -10px;}

.show_casefixed .box3 { padding-top: 30px; padding-bottom: 30px; background: #fff; }
.show_casefixed .box3 .title{font-size: 24px; font-weight:bold; color: #01acea; position: relative; padding-left: 20px;}
.show_casefixed .box3 .title:after{ position: absolute; content: ""; left:0px; width: 4px; height: 22px; top: 6px;bottom: 6px; background: #01acea }
.show_casefixed .box3 .content{ padding-top: 20px; overflow: hidden; }
.show_casefixed .box3 .content .img{ float: none; width: auto; margin-bottom: 30px; }
.show_casefixed .box3 .content .info{ float: none; width:auto; border-radius: 6px; overflow: hidden;  }
.show_casefixed .box3 .content .img img{ width: 100%; display: block;border-radius: 6px;}
.show_casefixed .box3 .content .info ul li{  margin-bottom:20px; border-bottom:#dadada solid 1px; padding-bottom: 20px; }
.show_casefixed .box3 .content .info ul li h3{ font-weight: bold; font-size: 20px; margin-bottom: 6px; }
.show_casefixed .box3 .content .info ul li p{ font-size: 16px; line-height: 2em; }
.show_casefixed .box3 .content .info ul li:last-child{ border-bottom: none; padding-bottom: 0; margin-bottom: 0; }

.show_casefixed .box4 { padding-top: 30px; padding-bottom: 30px; background: #f4f7fb; }
.show_casefixed .box4 .title{font-size: 24px; font-weight:bold; color: #01acea; position: relative; padding-left: 20px;}
.show_casefixed .box4 .title:after{ position: absolute; content: ""; left:0px; width: 4px; height: 22px; top: 6px;bottom: 6px; background: #01acea }
.show_casefixed .box4 .content .swiper-container{ padding-bottom: 40px; padding-top: 30px; }
.show_casefixed .box4 .content .swiper-pagination-bullet{  opacity: 1; width: 10px; height: 10px; margin:0px 5px!important; opacity: 1; background: #c4c4c4; border-radius: 10px; border:none; transition-duration: 0.3s; }
.show_casefixed .box4 .content .swiper-pagination-bullet-active{ background: #fff;opacity: 1; width: 30px; background: #3ea4d1;  opacity:1;}
.show_casefixed .box4 .content .swiper-slide img{ height:320px;display: block; border-radius: 6px; }
.show_casefixed .box4 .content .swiper-slide{ width: auto; }

.show_casefixed .box5 { padding-top: 30px; padding-bottom: 30px; background: #fff; }
.show_casefixed .box5 .title{font-size: 24px; font-weight:bold; color: #01acea; position: relative; padding-left: 20px;}
.show_casefixed .box5 .title:after{ position: absolute; content: ""; left:0px; width: 4px; height: 22px; top: 6px;bottom: 6px; background: #01acea }
.show_casefixed .box5 .content{ padding-top: 20px; overflow: hidden; }
.show_casefixed .box5 .content .img{ float: none; width: auto; height: auto; overflow: hidden; border-radius: 6px 6px 0px 0px; }
.show_casefixed .box5 .content .img img{ width: 100%; display: block; }
.show_casefixed .box5 .content .info { float: none; width: auto; height: auto; background: #01acea;border-radius: 0px 0px 6px 6px;}
.show_casefixed .box5 .content .info .box{padding:30px }
.show_casefixed .box5 .content .info .box p{ font-size: 16px; line-height: 2em; color: #fff }
.show_casefixed .box5 .content .info .box h3{ font-weight: bold; font-size: 20px; margin-bottom: 6px;  color: #fff }


.show_casefixed .box6 { padding-top: 30px; padding-bottom: 30px; background: #f4f7fb; }
.show_casefixed .box6 .title{font-size: 24px; font-weight:bold; color: #01acea; position: relative; padding-left: 20px;}
.show_casefixed .box6 .title:after{ position: absolute; content: ""; left:0px; width: 4px; height: 22px; top: 6px;bottom: 6px; background: #01acea }
.show_casefixed .box6 .content{ padding-top: 20px; overflow: hidden; }
.show_casefixed .box6 .content p{ font-size: 16px; line-height: 2em; }

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