@charset "utf-8";
* {margin: 0;padding: 0;border-radius: 0;box-sizing: border-box;}
body {font-size: 13px;font-family: sans-serif, Arial, sans-serif !important;background: #fff;max-width: 640px;height: auto;margin: 0px auto !important;padding-top: 65px;}
ul,
li {list-style: none;margin: 0;padding: 0;}
a {text-decoration: none;}
img {border: none;vertical-align: middle;}
h1,
h2,
h3,
h4,
h5,
h6 {color: #000;}
i {font-style: normal;}
:root {
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-15: 15px;
  --font-size-16: 16px;
  --font-size-20: 20px;
  --font-size-18: 18px;
  --font-size-30: 30px;
  --font-size-26: 26px;
  --font-size-36: 36px;
  --font-size-40: 40px;
}

/* 头部 */
.top_bg {position: fixed;top: 0;left: 50%;width: 100%;max-width: 640px; height: 65px;background-color: #fff;box-shadow: 0 0 10px #eee;border-bottom: 1px solid #eeeeee;z-index: 99;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.top {width: 94%;max-width: 1440px;margin: 0 auto;}
.top::after {content: '';display: block;clear: both;}
.top_logo {float: left;margin-top: 5px;}
.top_logo img {height: 50px;}
.top_nav {display: none;position: absolute;top: 65px;right: 0px;width: 50%;background-color: #000;z-index: 999999;}
.top_nav ul::after {content: '';display: block;clear: both;}
.top_nav ul li {border-bottom: 1px solid #ddd;}
.top_nav ul li::after {content: '';display: block;clear: both;}
.top_nav ul li:last-child {border-bottom: 0px;}
.top_nav ul li > a {float: left;display: block;height: 45px;line-height: 45px;font-size: var(--font-size-16);color: #fff;padding-left: 20px;opacity: 0.9;}
.top_nav ul li span {float: right;width: 30px;height: 30px;line-height: 30px;text-align: center;color: #fff;font-size: 23px;margin-top: 6px;}
.top_nav ul li span img {width: 15px;}
.top_phone {display: none;}
.top_search {float: right;margin-top: 20px;cursor: pointer;}
.top_search_menus {display: none;position: absolute;top: 65px;left: 0;width: 100%;height: 50px;padding: 0 3%;background-color: #fff;transition: all 0.4s ease;}
.top_search_menus::after {content: '';display: block;clear: both;}
.top_search_menus_active {display: block;height: 50px;}
.top_search_input {line-height: 38px;margin: 0 auto;border-bottom: 1px solid #333333;}
.top_search_input::after {content: '';display: block;clear: both;}
.top_search_input input {float: left;width: calc(100% - 40px);height: 38px;border: 0;outline: 0;font-size: var(--font-size-15);color: #666;padding: 0 12px;}
.top_search_icon2 {float: right;}
.top_search_icon2 img {width: 25px;}
.menus {display: none;width: 100%;clear: both;}
.menus dl dd {display: block;}
.menus dl dd a {display: block;line-height: 45px;font-size: 15px;color: #666;text-align: left;margin: 0 29px;}
.menus dl dd a::after {content: '';display: block;clear: both;}
.menus dl dd a i {display: none;float: right;font-family: '宋体';font-weight: bold;}
.menus dl dd:hover a {color: #0d6caa;border-color: #0d6caa;}
.menus2_bg {display: none;clear: both;}
.menus2_left dl{max-height: 270px;overflow-y: auto;}
.menus2_left dl dd a {display: block;line-height: 45px;font-size: 15px;color: #666;margin: 0 29px;}
.menus2_left dl dd a::after {content: '';display: block;clear: both;}
.menus2_left dl dd a i {display: none;float: right;font-family: '宋体';font-weight: bold;}
.menus2_right {display: none;}
.top_toggle {float: right;position: relative;width: 26px;height: 65px;margin-left: 10px;overflow: hidden;}
.top_toggle i.top_toggle_s1 {transition: all 0.4s;transition-delay: 0.1s;display: block;position: absolute;top: 33px;right: 0px;width: 26px;height: 2px;background-color: #000;}
.top_toggle i.top_toggle_s1::after {transition: all 0.4s;position: absolute;top: -8px;left: 0;content: '';display: block;width: 26px;height: 2px;background-color: #000;}
.top_toggle i.top_toggle_s1::before {transition: all 0.4s;position: absolute;bottom: -8px;left: 0;content: '';display: block;width: 26px;height: 2px;background-color: #000;margin-top: 3px;}
.top_toggle i.top_toggle_s2 {display: block;position: absolute;top: 33px;right: 0px;}
.top_toggle i.top_toggle_s2::after {content: '';display: block;width: 24px;height: 2px;background-color: #000;transform: rotate(45deg) translateX(-100px);margin-top: -2px;transition: all 0.4s;}
.top_toggle i.top_toggle_s2::before {content: '';display: block;width: 24px;height: 2px;background-color: #000;transform: rotate(-45deg) translateX(-100px);transition: all 0.4s;}
.top_toggle2 .top_toggle_s1 {right: -50px !important;}
.top_toggle2 .top_toggle_s1::after {left: 100px !important;}
.top_toggle2 .top_toggle_s1::before {left: 200px !important;}
.top_toggle2 .top_toggle_s2::after {transform: rotate(45deg) translateX(0px) !important;}
.top_toggle2 .top_toggle_s2::before {transform: rotate(-45deg) translateX(0px) !important;}

/* banner */
[class^="pc_banner_"] {display: none;}
.sj_banner img {width: 100%;height: auto;}
.banner {display: none;}
.box_swipe {overflow: hidden;position: relative;display: block;}
.box_swipe ul li {width: 100%;height: auto;}
.box_swipe ul li img {width: 100%;height: auto;object-fit: cover;vertical-align: middle;}
.box_swipe > ol {width: 100%;height: auto;position: absolute;text-align: center;bottom: 10px;z-index: 1;}
.box_swipe > ol > li {width: 18px;height: 5px;margin-left: 3px;margin-right: 3px;cursor: pointer;background: #eee;display: inline-block;text-align: center;border-radius: 2px;}
.box_swipe > ol > li.on {background: #0d6caa;}

/* 标题 */
.title {width: 94%;max-width: 1440px;margin: 0 auto;}
.title::after {content: '';display: block;clear: both;}
.title h1 {font-size: var(--font-size-26);color: #333;font-weight: bold;margin-bottom: 20px;}
.title i {display: block;width: 30px;height: 2px;background-color: #d78113;margin-bottom: 20px;}
.title a {float: right;font-size: 14px;color: #666;line-height: 24px;margin-top: -40px;}

/* 首页 品牌分类 */
.brand_list_bg {background-color: #f5f5f5;padding: 30px 0;overflow: hidden;}
.brand_list {width: 94%;max-width: 1440px;margin: 0 auto;}
.brand_list ul::after {content: '';display: block;clear: both;}
.brand_list ul li {float: left;width: 49%;text-align: center;margin-right: 2%;margin-bottom: 2%;border: 1px solid #d9d9d9;background-color: #fff;position: relative;}
.brand_list ul li:nth-child(2n+2) {margin-right: 0%;}
.brand_list ul li:hover span.lt {top: 0%;left: 0;}
.brand_list ul li:hover span.lb {left: 0%;bottom: 0;}
.brand_list ul li:hover span.rt {bottom: 0%;right: 0;}
.brand_list ul li:hover span.rb {right: 0%;top: 0;}
.brand_list ul li::after {position: absolute;bottom: 0;right: -40px;content: '';display: block;width: 40px;height: 56px;background: url(../images/bi_bg.png) no-repeat;}
.brand_list ul li a {display: block;padding-top: 7px;padding-bottom: 10px;}
.brand_list ul li span {position: absolute;display: block;z-index: 7;transition: all 0.4s ease;}
.brand_list ul li span.lt,
.brand_list ul li span.rt {width: 2px;height: 100%;background-color: #0d6caa;}
.brand_list ul li span.lb,
.brand_list ul li span.rb {width: 100%;height: 2px;background-color: #0d6caa;}
.brand_list ul li span.lt {top: -100%;left: 0;}
.brand_list ul li span.lb {left: -100%;bottom: 0;}
.brand_list ul li span.rt {bottom: -100%;right: 0;}
.brand_list ul li span.rb {right: -100%;top: 0;}
.brand_list ul li img {max-width: 100%;}
.brand_list ul li i {display: block;width: 32px;height: 2px;background-color: #333;margin: 0 auto;margin-top: 6px;}
.brand_list ul li p {font-size: var(--font-size-16);color: #333;margin-top: 10px;}
.brand_list_ans {overflow: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* 首页 产品 */
.iproducts_bg {background-color: #fff;padding-top: 30px;padding-bottom: 30px;overflow: hidden;position: relative;}
.iproducts_bg .swiper-button-prev {display: none;left: 2%;width: 50px;height: 50px;border-radius: 50%;opacity: 1 !important;box-shadow: 0 0 10px #ddd;background: #fff;top: auto;bottom: 16px;}
.iproducts_bg .swiper-button-prev::after {font-size: 16px;color: #969696;}
.iproducts_bg .swiper-button-prev:hover {background: #0d6caa;}
.iproducts_bg .swiper-button-prev:hover::after {color: #fff;}
.iproducts_bg .swiper-button-next {display: none;right: 2%;width: 50px;height: 50px;border-radius: 50%;opacity: 1 !important;box-shadow: 0 0 10px #ddd;background: #fff;top: auto;bottom: 16px;}
.iproducts_bg .swiper-button-next::after {font-size: 16px;color: #969696;}
.iproducts_bg .swiper-button-next:hover {background: #0d6caa;}
.iproducts_bg .swiper-button-next:hover::after {color: #fff;}
.iproducts {width: 94%;max-width: 1440px;margin: 0 auto;padding-bottom: 50px !important;}
.iproducts::after {content: '';display: block;clear: both;}
.iproducts .swiper-slide {background-color: #fff;opacity: 0;}
.iproducts .swiper-slide-active {opacity: 1;}
.iproducts .swiper-slide-active .iproducts_img {transform: translateX(0%);}
.iproducts .swiper-slide-active .iproducts_text {transform: translateX(0%);}
.iproducts .swiper-slide a {display: block;}
.iproducts .swiper-pagination-bullet {width: 46px;height: 2px;background-color: #dddddd;opacity: 1;border-radius: 0px;margin: 0 5px !important;bottom: 0;position: relative;}
.iproducts .swiper-pagination-bullet::after {position: absolute;top: 0px;left: 0px;content: '';display: block;width: 0%;height: 2px;background-color: #0d6caa;}
.iproducts .swiper-pagination-bullet-active::after {width: 100%;transition: width 5.5s ease;}
.iproducts_img {background-color: #fff;transition: all 1s ease;}
.iproducts_img img {width: 100%;height: auto;}
.iproducts_text {background-color: #fff;transition: all 1s ease;}
.iproducts_text h1 {font-size: 22px;color: #333;font-weight: bold;margin-top: 20px;margin-bottom: 15px;text-align: center;}
.iproducts_text p {font-size: var(--font-size-15);color: #666;line-height: 25px;min-height: 125px;margin-bottom: 20px;}
.iproducts_text ul {margin-bottom: 20px;}
.iproducts_text ul::after {content: '';display: block;clear: both;}
.iproducts_text ul li {float: left;width: 50%;height: 44px;border-right: 1px solid #cdcdcd;padding: 0 36px;margin-bottom: 16px;}
.iproducts_text ul li:nth-child(2n+2) {border-right: 0;}
.iproducts_text ul li i {display: block;font-size: var(--font-size-15);color: #666;margin-bottom: 3px;}
.iproducts_text ul li b {display: block;font-size: 16px;color: #666;line-height: 32px;font-weight: 400;}
.more {display: block;width: 100px;height: 40px;line-height: 38px;font-size: 15px;color: #fff;border: 1px solid #0d6caa;background-color: #0d6caa;border-radius: 30px;text-align: center;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.more:hover {background-color: #333;border-color: #333;}

/* 更多产品 */
.more_products_bg {height: 180px;padding-top: 10px;background: url(../images/mp_bg.jpg) no-repeat center / cover;background-position: -685px;}
.more_products {width: 94%;max-width: 1440px;margin: 0 auto;}
.more_products img {margin-right: 20px;height: 70px;}
.more_products p {display: block;font-size: 12px;color: #fff;line-height: 23px;margin-bottom: 12px;}
.more_products a {display: block;width: 84px;height: 23px;line-height: 21px;text-align: center;font-size: 12px;color: #fff;border: 1px solid #0d6caa;background-color: #0d6caa;border-radius: 20px;}

/* 应用方案 */
.isolution_bg {padding-top: 30px;background-color: #f5f5f5;overflow: hidden;}
.isolution {width: 94%;max-width: 1440px;margin: 0 auto;position: relative;overflow: hidden;}
.isolution ol {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.isolution ol li {position: absolute;top: 0;left: 0;opacity: 0;width: 100%;height: 100%;transition-delay: 0.2s;transition: all 0.7s ease;}
.isolution ol li.isolution_bg_active {opacity: 1;}
.isolution ol li img {width: 100%;min-height: 280px;object-fit: cover;height: auto;}
.isolution ul {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.isolution ul::after {content: '';display: block;clear: both;}
.isolution ul li {float: left;width: 16.66%;height: 100%;background-size: 100% auto;position: relative;border-right: 1px solid #fff;}
.isolution ul li a {display: block;height: 100%;position: relative;padding: 9%;}
.isolution ul li a::after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #0d6caa;opacity: 0;content: '';display: block;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
.isolution ul li:nth-child(6n+6) {border-right: 0;}
.isolution ul li.isolution_active a::after {opacity: 0.5;}
.isolution ul li.isolution_active i {color: #d78113;font-size: var(--font-size-16);}
.isolution ul li.isolution_active .isolution_text {bottom: 24px;}
.isolution ul li.isolution_active .isolution_text img.isolution_icon {filter: none;}
.isolution ul li.isolution_active .isolution_text p {color: #d78113;}
.isolution ul li.isolution_active .isolution_text span {opacity: 1;}
.isolution ul li.isolution_active .isolution_text span img {filter: none;}
.isolution ul li i {display: block;font-size: var(--font-size-14);color: #fff;margin-top: 10px;position: relative;z-index: 9;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
img.isolution_bg_img {width: 100%;min-height: 280px;object-fit: cover;height: auto;visibility: hidden;position: relative;z-index: -9;}
.isolution_text {position: absolute;bottom: -6px;z-index: 9;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
.isolution_text img.isolution_icon {width: 35px;filter: grayscale(1) brightness(500%);}
.isolution_text p {font-size: var(--font-size-14);color: #fff;margin-top: 13px;margin-bottom: 13px;}
.isolution_text span {opacity: 0;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
.isolution_text span img {width: 26px;filter: grayscale(1) brightness(500%);}

/* 首页 服务支持 */
.iservices_bg {background-color: #f5f5f5;padding-top: 30px;padding-bottom: 30px;}
.iservices {width: 94%;max-width: 1440px;margin: 0 auto;}
.iservices ul::after {content: '';display: block;clear: both;}
.iservices ul li {margin-bottom: 15px;background-color: #fff;transition: box-shadow 0.4s ease;}
.iservices ul li:nth-child(3n+3) {margin-right: 0%;}
.iservices ul li:last-child {margin-bottom: 0;}
.iservices ul li:hover {box-shadow: 0 0 20px #ddd;}
.iservices ul li:hover .iservices_img img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.iservices ul li:hover .iservices_text h1 {color: #0d6caa;}
.iservices_img {overflow: hidden;}
.iservices_img img {width: 100%;height: auto;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
.iservices_text {padding: 0 2%;}
.iservices_text h1 {font-size: 18px;color: #333;font-weight: bold;margin-top: 18px;margin-bottom: 12px;}
.iservices_text p {font-size: var(--font-size-15);color: #999;line-height: 26px;overflow: hidden;}
.iservices_text span {display: block;font-size: var(--font-size-15);color: #333;line-height: 42px;border-top: 1px solid #dddddd;margin-top: 16px;}
.iservices_text span::after {content: '';display: block;clear: both;}
.iservices_text span img {width: 23px;float: right;filter: grayscale(1);margin-top: 13px;}

/* 首页 关于我们 */
.iaboutus_bg {position: relative;}
.iaboutus_bg .title {width: 100%;}
.iaboutus_bg .title h1 {color: #fff;font-weight: bold;}
.iaboutus_bg_img {width: 100%;height: 515px;object-position: -795px;object-fit: cover;}
.iaboutus {width: 94%;max-width: 1440px;margin: 0 auto;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.iaboutus_text {margin-bottom: 40px;}
.iaboutus_text p {font-size: var(--font-size-15);color: #fff;line-height: 26px;}

/* 首页 新闻资讯 */
.inews_bg {padding-top: 30px;padding-bottom: 15px;background-color: #f5f5f5;overflow: hidden;}
.inews_list {width: 94%;max-width: 1440px;margin: 0 auto;text-align: right;margin-top: -38px;margin-bottom: 23px;}
.inews_list ul {display: inline-block;}
.inews_list ul::after {content: '';display: block;clear: both;}
.inews_list ul li {float: left;}
.inews_list ul li.inews_list_active a {color: #0d6caa;}
.inews_list ul li:hover a {color: #0d6caa;}
.inews_list ul li:last-child a {padding-right: 0;border-right: 0;}
.inews_list ul li a {display: block;font-size: var(--font-size-16);color: #666;border-right: 1px solid #666666;height: 20px;line-height: 20px;padding: 0 11px;}
.inews_container {position: relative;width: 94%;max-width: 1440px;margin: 0 auto;}
.inews {position: absolute;top: 0;opacity: 0;visibility: hidden;transform: translateY(200px);transition: all 0.8s ease;}
.inews::after {content: '';display: block;clear: both;}
.inews_active {position: relative;visibility: visible;opacity: 1;top: 0;transform: translateY(0px);z-index: 9;}
.inews_left {background-color: #fff;}
.inews_left:hover {box-shadow: 0 0 20px #ddd;}
.inews_left:hover .inews_img img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.inews_left:hover .inews_text h1 {color: #0d6caa;}
.inews_img {overflow: hidden;}
.inews_img img {width: 100%;height: auto;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
.inews_time {float: right;margin-right: 19px;width: 75px;height: 75px;text-align: center;background-color: #0d6caa;padding-top: 5px;margin-top: -62px;position: relative;z-index: 9;}
.inews_time h1 {font-size: 30px;color: #fff;}
.inews_time p {font-size: var(--font-size-13);color: #fff;margin-top: 0px;}
.inews_text {margin-top: 25px;margin-bottom: 15px;padding: 0 3%;padding-bottom: 10px;}
.inews_text h1 {font-size: 18px;color: #333;margin-bottom: 7px;}
.inews_text p {font-size: var(--font-size-15);color: #999;line-height: 26px;height: 78px;overflow: hidden;}
.inews_right ul li {background-color: #fff;margin-bottom: 15px;padding: 3%;border-top: 2px solid #fff;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
.inews_right ul li:hover {border-color: #d78113;box-shadow: 0 0 20px #ddd;}
.inews_right ul li:hover h1 {color: #0d6caa;}
.inews_right ul li h1 {font-size: 18px;color: #333;margin-bottom: 8px;}
.inews_right ul li p {font-size: var(--font-size-15);color: #999;height: 52px;line-height: 26px;overflow: hidden;margin-bottom: 3px;}
.inews_right ul li span {font-size: var(--font-size-15);color: #999;line-height: 28px;}

/* 应用方案 */
.pc_banner_solutions_bg {width: 100%;height: auto;}
.pc_banner_solutions {position: relative;}
.pc_banner_solutions ul {width: 94%;max-width: 1440px;margin: 0 auto;width: 80%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.pc_banner_solutions ul::after {content: '';display: block;clear: both;}
.pc_banner_solutions ul li {float: left;width: 10.4%;text-align: center;margin: 0 3.13%;}
.pc_banner_solutions ul li img {width: 100%;}
.pc_banner_solutions ul li span {display: none;}
.pc_banner_solutions ul li p {font-size: var(--font-size-16);color: #fff;margin-top: 14px;white-space: nowrap;}
.pc_banner_solutions ul li:hover a > img {display: none;}
.pc_banner_solutions ul li:hover span {display: block;}
.pc_banner_solutions ul li:hover p {color: #2abec0;}
.pc_banner_solutions ul li.pc_banner_solutions_active a > img {display: none;}
.pc_banner_solutions ul li.pc_banner_solutions_active span {display: block;}
.pc_banner_solutions ul li.pc_banner_solutions_active p {color: #2abec0;}

/* 应用方案 */
.solutions_bg {padding-bottom: 50px;background-color: #f5f5f5;}
.solutions {width: 94%;max-width: 1440px;margin: 0 auto;margin-top: 25px;margin-bottom: 30px;}
.solutions ul::after {content: '';display: block;clear: both;}
.solutions ul li {margin-bottom: 2.9%;border-radius: 10px;overflow: hidden;background-color: #fff;transition: all 0.4s;}
.solutions ul li:hover {box-shadow: 0 0 20px #ddd;}
.solutions ul li:hover .solutions_img img.solutions_img2 {-webkit-transform: scale(1.1);transform: scale(1.1);}
.solutions ul li:hover .solutions_text h1 {color: #0d6caa;}
.solutions_img {overflow: hidden;position: relative;}
.solutions_img img {width: 100%;height: auto;-webkit-transition: all 0.4s;transition: all 0.4s;}
.solutions_img img.solutions_img1{visibility: hidden;}
.solutions_img img.solutions_img2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.solutions_text {padding: 0 3%;padding-bottom: 15px;}
.solutions_text h1 {font-size: var(--font-size-18);color: #333;font-weight: bold;margin-top: 18px;margin-bottom: 12px;}
.solutions_text p {font-size: var(--font-size-15);color: #666;line-height: 25px;height: 50px;overflow: hidden;}
.solutions_text span {display: block;height: 22px;font-size: var(--font-size-13);color: #666;margin-top: 12px;position: relative;}
.solutions_text span::after {content: '';display: block;clear: both;}
.solutions_text span i {display: block;width: 69px;}
.solutions_text span img {width: 23px;position: absolute;top: 2px;right: calc(100% - 81px);}

/* 应用方案详情页 */
.solutions_de {width: 94%;max-width: 1440px;margin: 0 auto;padding-top: 30px;padding-bottom: 30px;}
.solutions_de_title {font-size: var(--font-size-26);color: #333333;font-weight: bold;text-align: center;padding-bottom: 25px;border-bottom: 1px solid #dddddd;margin-bottom: 20px;}
.solutions_de_main {text-align: center;}
.solutions_de_main b {color: #333 !important;font-size: var(--font-size-16);}
.solutions_de_main p,
.solutions_de_main span {font-size: var(--font-size-15) !important;color: #666 !important;line-height: 25px !important;text-align: left;}
.solutions_de_main img {max-width: 100%;height: auto;}

/* 相关产品 */
.related_products_bg {background-color: #f5f5f5;padding-top: 30px;padding-bottom: 20px;}
.related_products {width: 94%;max-width: 1440px;margin: 0 auto;}
.related_products_title {font-size: var(--font-size-26);color: #333333;font-weight: bold;text-align: center;}

/* 产品展示 */
.pc_banner_products_bg {width: 100%;height: auto;}
.pc_banner_products {position: relative;}
.pc_banner_products .brand_list {width: 80%;max-width: 1380px;margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.pc_banner_products .brand_list::after {content: '';display: block;clear: both;}
.pc_banner_products .brand_list ul li {margin-top: 0.69%;margin-bottom: 0.69%;}
.pc_banner_products .brand_list ul li a {padding-top: 4px;padding-bottom: 12px;}
.pc_banner_products_main ul {width: 94%;max-width: 1440px;margin: 0 auto;width: 80%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.pc_banner_products_main ul::after {content: '';display: block;clear: both;}
.pc_banner_products_main ul li {float: left;width: 14.7%;min-height: 65px;margin-right: 2.36%;margin-top: 1.18%;margin-bottom: 1.18%;background-color: #fff;border-radius: 10px;position: relative;}
.pc_banner_products_main ul li::after {content: '';display: block;clear: both;}
.pc_banner_products_main ul li:nth-child(6n+6) {margin-right: 0%;}
.pc_banner_products_main ul li:hover {background-color: #0d6caa;}
.pc_banner_products_main ul li:hover .pc_banner_solutions_text {color: #fff;}
.pc_banner_solutions_img {float: left;width: 45%;}
.pc_banner_solutions_img img {width: 100%;height: auto;}
.pc_banner_solutions_text {position: absolute;top: 0;right: 0;display: flex;align-items: center;width: 55%;height: 100%;font-size: var(--font-size-15);color: #333;padding-right: 10px;}
.products_bg {background-color: #f7f7f7;padding-bottom: 50px;}
.products {width: 94%;max-width: 1440px;margin: 0 auto;margin-top: 30px;margin-bottom: 30px;}
.products ul::after {content: '';display: block;clear: both;}
.products ul li {margin-bottom: 2.53%;background-color: #fff;border-radius: 10px;overflow: hidden;-webkit-transition: all 0.4s;transition: all 0.4s;padding-bottom: 8px;}
.products ul li:hover {box-shadow: 0 0 20px #ddd;}
.products ul li:hover .products_img img {transform: scale(1.1);}
.products ul li:hover .products_text {transform: translateY(0px);}
.products ul li:hover .products_text span {opacity: 1;}
.products_img {text-align: center;margin-top: 14px;margin-bottom: 3px;position: relative;}
.products_img img {max-width: 100%;height: auto;-webkit-transition: all 0.4s;transition: all 0.4s;}
.products_img img.products_img1{visibility: hidden;}
.products_img img.products_img2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;} 
.products_text {text-align: center;padding: 0 5%;transition: all 0.4s;-webkit-transform: translateY(23px);transform: translateY(23px);}
.products_text h1,
.products_text h2 {font-size: var(--font-size-18);color: #333;line-height: 28px;font-weight: bold;}
.products_text p {font-size: var(--font-size-15);color: #999;line-height: 24px;height: 48px;margin-top: 12px;overflow: hidden;}
.products_text span {opacity: 0;display: block;width: 90px;height: 32px;line-height: 32px;background-color: #0d6caa;border-radius: 20px;text-align: center;font-size: var(--font-size-12);color: #fff;margin: 0 auto;margin-top: 17px;-webkit-transition: all 0.4s;transition: all 0.4s;}

/* 产品展示详情页 产品概述 */
.products_de {width: 94%;max-width: 1440px;margin: 0 auto;margin-top: 30px;margin-bottom: 50px;}
.products_de::after {content: '';display: block;clear: both;}
.products_de_left {border: 1px solid #efefef;}
.products_de_left .swiper-slide {text-align: center;}
.products_de_left .swiper-slide img {max-width: 100%;height: auto;}
.products_de_left .swiper-button-prev {width: 48px;height: 57px;border-radius: 0;left: 0;background: rgba(0, 0, 0, 0.4);opacity: 1 !important;}
.products_de_left .swiper-button-prev::after {font-size: var(--font-size-20);}
.products_de_left .swiper-button-next {width: 48px;height: 57px;border-radius: 0;right: 0;background: rgba(0, 0, 0, 0.4);opacity: 1 !important;}
.products_de_left .swiper-button-next::after {font-size: var(--font-size-20);}
.products_de_right {margin-top: 19px;}
.products_de_right h1 {font-size: var(--font-size-20);color: #333333;font-weight: bold;margin-bottom: 18px;text-align: center;}
.products_de_text h2 {font-size: var(--font-size-15);color: #666666;line-height: 25px;}
.products_de_text p {font-size: var(--font-size-15);color: #666666;line-height: 28px;}
.products_de_text{font-size: var(--font-size-15);color: #666666;line-height: 25px;border-top: 1px solid #9a9a9a;border-bottom: 1px solid #9a9a9a;padding: 15px 0;margin-bottom: 15px;}

/* 产品展示详情页 产品特点 */
.products_features {width: 94%;max-width: 1440px;margin: 0 auto;margin-top: 30px;margin-bottom: 50px;}
.products_features_title {font-size: var(--font-size-26);color: #333;font-weight: bold;text-align: center;margin-bottom: 20px;}
.products_features_main,
.products_features_main p{font-size: var(--font-size-15) !important;color: #666 !important;line-height: 25px !important;}
.products_features_main img {display: block;max-width: 100%;height: auto;}
.products_features_main b {display: block;font-size: var(--font-size-16);}

/* 产品展示详情页 技术参数 */
.products_parameter {width: 94%;max-width: 1440px;margin: 0 auto;margin-top: 30px;margin-bottom: 50px;}
.products_parameter_title {font-size: var(--font-size-26);color: #333;font-weight: bold;text-align: center;margin-bottom: 23px;}
.products_parameter_main {overflow-x: auto;}
.products_parameter_main,
.products_parameter_main p{font-size: var(--font-size-15);color: #666;line-height: 40px;}
.products_parameter_main img {width: 100%;height: auto;}
.products_parameter_main b{color: #000 !important;}

table {width: 900px !important;border-collapse: collapse !important;text-align: left;line-height: 42px !important;}
table th {width: 16.5% !important;border: 1px solid #dddddd;font-size: var(--font-size-15) !important;color: #666666 !important;font-weight: normal;padding: 0 10px;}
table th p,
table th span {font-size: var(--font-size-15) !important;color: #666666 !important;}
table td {border: 1px solid #dddddd;font-size: var(--font-size-15) !important;color: #666666 !important;padding: 0 10px;}
table td p,
table td span {font-size: var(--font-size-15) !important;color: #666666 !important;}

/* 产品展示详情页 应用方案 */
.products_application {margin-top: 30px;margin-bottom: 50px;}
.products_application_title {font-size: var(--font-size-26);color: #333;font-weight: bold;text-align: center;margin-bottom: 23px;}
.products_application_main .solutions {margin-top: 0px;}
.products_application_main .solutions ul li {border: 1px solid #dddddd;}

/* 产品展示详情页 下载 */
.products_download {width: 94%;max-width: 1440px;margin: 0 auto;margin-top: 30px;margin-bottom: 50px;}
.products_download_title {font-size: var(--font-size-26);color: #333;font-weight: bold;text-align: center;margin-bottom: 23px;}
.products_download_list {text-align: center;}
.products_download_list ul {display: inline-block;}
.products_download_list ul::after {content: '';display: block;clear: both;}
.products_download_list ul li {float: left;width: 134px;height: 36px;line-height: 34px;font-size: var(--font-size-15);color: #333333;border: 1px solid #dddddd;border-radius: 20px;margin: 0 9px;cursor: pointer;}
.products_download_list ul li.products_download_list_active {background-color: #0d6caa;color: #fff;border-color: #0d6caa;}
.products_download_list ul li:hover {background-color: #0d6caa;color: #fff;border-color: #0d6caa;}
.products_download_table {display: none;width: 100%;height: auto;overflow-x: auto;margin: 22px auto 0px;border: 1px #dddddd solid;border-bottom: 0;}
.products_download_table_active {display: block;}
.products_download_table ul {width: 636px;}
.products_download_table ul h1 {font-size: 15px;color: #333;text-align: center;line-height: 45px;height: 45px;background: #dddddd;overflow: hidden;}
.products_download_table ul h1 span {width: 19.4%;height: 50px;overflow: hidden;text-align: center;font-size: 15px;color: #333;display: block;float: left;font-weight: bold;}
.products_download_table ul h1 .span1 {width: 41.6%;}
.products_download_table ul h1 .span3 {width: 38%;}
.products_download_table ul li {width: 100%;height: 45px;overflow: hidden;line-height: 50px;font-size: var(--font-size-15);color: #333;text-align: center;border-bottom: 1px #dddddd solid;}
.products_download_table ul li {color: #333;display: block;overflow: hidden;height: 45px;}
.products_download_table ul li span {width: 19.4%;border-left: 1px #dddddd solid;display: block;height: 50px;overflow: hidden;float: left;}
.products_download_table ul li span img {width: 21px;}
.products_download_table ul li .span1 {width: 41.6%;border-left: none;}
.products_download_table ul li .span3 {width: 38%;border-left: none;}
.products_download_table ul li:hover {color: #fff;background: #0d6caa !important;}
.products_download_table ul li:hover img {filter: grayscale(1) brightness(500%);}

/* 服务与支持 */
.pc_banner_services_bg {width: 100%;height: auto;}
.pc_banner_services {position: relative;}
.pc_banner_services ul {width: 80%;max-width: 1225px;margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.pc_banner_services ul::after {content: '';display: block;clear: both;}
.pc_banner_services ul li {float: left;width: 28.3%;min-height: 65px;margin-right: 7.55%;margin-top: 3.775%;margin-bottom: 3%;border-radius: 10px;position: relative;}
.pc_banner_services ul li::after {content: '';display: block;clear: both;}
.pc_banner_services ul li:nth-child(3n+3) {margin-right: 0%;}
.pc_banner_services ul li:hover span {display: block;}
.pc_banner_services ul li:hover a > img {display: none;}
.pc_banner_services ul li:hover:nth-child(1) p {color: #6e74fc;}
.pc_banner_services ul li:hover:nth-child(2) p {color: #ea6871;}
.pc_banner_services ul li:hover:nth-child(3) p {color: #5cda87;}
.pc_banner_services ul li span {display: none;}
.pc_banner_services ul li img {width: 100%;height: auto;}
.pc_banner_services ul li p {position: absolute;top: 0;left: 0;width: 100%;height: 80%;display: flex;align-items: center;padding-left: 23px;font-size: var(--font-size-20);color: #fff;}

/* 校准服务 */
.services_bg {padding-top: 30px;padding-bottom: 30px;background-color: #f5f5f5;}
.services1_bg {width: 94%;max-width: 1440px;margin: 0 auto;}
.services1_bg .solutions {width: 100%;}
.services1 {font-size: var(--font-size-15) !important;color: #999 !important;line-height: 28px !important;}
.services1 p,
.services1 span {font-size: var(--font-size-15) !important;color: #999 !important;line-height: 28px !important;}
.services2_bg {width: 94%;max-width: 1440px;margin: 0 auto;margin-top: 30px;}
.services2 {font-size: var(--font-size-15) !important;color: #999 !important;line-height: 28px !important;}
.services2 p,
.services2 span {font-size: var(--font-size-15) !important;color: #999 !important;line-height: 28px !important;}
.services2 img {max-width: 100%;height: auto;}
.services2_main {margin-top: 30px;}
.services2_main ul li {padding: 2% 0;margin-bottom: 2.8%;background-color: #fff;}
.services2_main ul li::after {content: '';display: block;clear: both;}
.services2_main ul li:nth-child(2n+2) {margin-right: 0%;}
.services2_img {text-align: center;}
.services2_img img {max-width: 120px;height: auto;}
.services2_text {text-align: center;margin-top: 18px;padding-bottom: 10px;}
.services2_text h1 {font-size: var(--font-size-18);color: #666;line-height: 28px;margin-bottom: 9px;font-weight: normal;}
.services2_text p {font-size: var(--font-size-15);color: #999;line-height: 25px;padding: 0 6%;}
.services3_bg {width: 94%;max-width: 1440px;margin: 0 auto;margin-top: 30px;margin-bottom: 30px;}
.services3_bg::after {content: '';display: block;clear: both;}
.services3_text {font-size: var(--font-size-15);color: #999;line-height: 25px;margin-bottom: 16px;}
.services3_img img {width: 100%;height: auto;}
.services4_bg {width: 94%;max-width: 1440px;margin: 0 auto;margin-top: 30px;}
.services4 {font-size: var(--font-size-15) !important;color: #999 !important;line-height: 28px !important;}
.services4 p,
.services4 span {font-size: var(--font-size-15) !important;color: #999 !important;line-height: 28px !important;}
.services4 img {max-width: 100%;height: auto;}
.services4_main {margin-top: 30px;}
.services4_main ul::after {content: '';display: block;clear: both;}
.services4_main ul li {padding: 3% 0;margin-bottom: 2.9%;background-color: #fff;}
.services4_img {text-align: center;margin-top: 3px;margin-bottom: 15px;}
.services4_img img {max-width: 120px;height: auto;}
.services4_text {text-align: center;padding: 0 6%;padding-bottom: 14px;}
.services4_text h1 {font-size: var(--font-size-18);color: #666;line-height: 28px;margin-bottom: 10px;font-weight: normal;}
.services4_text p {font-size: var(--font-size-15);color: #999;line-height: 25px;text-align: left;}
.services5_bg {width: 94%;max-width: 1440px;margin: 0 auto;}
.services5 {font-size: var(--font-size-15) !important;color: #999 !important;line-height: 28px !important;}
.services5 p,
.services5 span {font-size: var(--font-size-15) !important;color: #999 !important;line-height: 28px !important;}
.services5 img {max-width: 100%;height: auto;}
.services5_text {width: 94%;max-width: 1440px;margin: 0 auto;margin-top: 30px;}
.services5_text ul::after {content: '';display: block;clear: both;}
.services5_text ul li {margin-bottom: 2.8%;padding: 3%;background-color: #fff;}
.services5_text ul li h1 {font-size: var(--font-size-18);color: #666666;margin-bottom: 5px;font-weight: normal;}
.services5_text ul li p {font-size: var(--font-size-15);color: #999999;line-height: 25px;}

/* 新闻资讯 */
.news_bg {background-color: #f5f5f5;padding-top: 30px;padding-bottom: 50px;}
.news {width: 94%;max-width: 1440px;margin: 0 auto;margin-bottom: 30px;overflow: hidden;}
.news ul li {border-bottom: 1px solid #dddddd;background-color: #f5f5f5;-webkit-transition: all 0.4s;transition: all 0.4s;border-color: #fff;box-shadow: 0 0 30px #ddd;background-color: #fff;border-radius: 10px;overflow: hidden;margin-bottom: 15px;}
.news ul li::after {content: '';display: block;clear: both;}
.news ul li:hover .news_img img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.news ul li:hover .news_text h1 {color: #0d6caa;}
.news ul li:hover .news_text span {background-color: #0d6caa;color: #fff;border-color: #0d6caa;}
.news_img {overflow: hidden;}
.news_img img {width: 100%;height: auto;-webkit-transition: all 0.4s;transition: all 0.4s;}
.news_text {padding: 3%;}
.news_text h1 {font-size: var(--font-size-18);color: #333333;margin-top: 4px;margin-bottom: 8px;font-weight: normal;}
.news_text i {display: block;font-size: var(--font-size-16);color: #333333;margin-bottom: 9px;}
.news_text p {font-size: var(--font-size-15);color: #999999;line-height: 25px;height: 50px;overflow: hidden;}
.news_text span {display: block;width: 79px;height: 23px;line-height: 21px;font-size: var(--font-size-12);color: #666666;text-align: center;border-radius: 20px;border: 1px solid #999999;margin-top: 9px;}

/* 新闻内页 */
.news_de_bg {background-color: #f5f5f5;padding-top: 30px;padding-bottom: 50px;}
.news_de {width: 94%;max-width: 1440px;margin: 0 auto;padding: 0 2%;padding-top: 25px;padding-bottom: 30px;background-color: #fff;box-shadow: 0 0 10px #eee;box-sizing: border-box;}
.news_de .de_title {text-align: center;}
.news_de .de_title h1 {color: #333333;font-size: var(--font-size-26);font-weight: bold;}
.news_de .fx {text-align: center;margin: 14px 0 25px 0;border-bottom: 1px solid #e5e5e5;padding-bottom: 13px;position: relative;}
.news_de .fx span {font-size: var(--font-size-16);color: #333333;vertical-align: middle;}
.news_de .fx img {width: 26px;height: auto;margin: 0 8px;}
.news_de .fx span.news_de_time {display: block;font-size: var(--font-size-16);color: #333;margin-bottom: 11px;}
.news_de .news_de_item {margin-bottom: 44px;text-align: center;}
.news_de .news_de_item p,
.news_de .news_de_item span {font-size: var(--font-size-15) !important;color: #666 !important;line-height: 25px !important;text-align: left !important;}
.news_de .news_de_item img {margin: 25px auto;max-width: 100%;height: auto;}
.news_de_btns {width: 100%;height: auto;position: relative;border-top: 1px solid #dddddd;padding: 10px 0;margin-top: 50px;}
.news_de_btns a {display: block;font-size: var(--font-size-15);color: #666666;}
.news_de_btns a.prev,
.news_de_de .btns a.next {line-height: 45px;}
.news_de_btns a.prev:hover {color: #0d6caa;}
.news_de_btns a.next:hover {color: #0d6caa;}
.news_de_btns a.return {margin-top: 20px;width: 116px;height: 36px;color: #fff;text-align: center;line-height: 34px;border: 1px solid #0d6caa;border-radius: 19px;background-color: #0d6caa;}
.news_de_btns a.return:hover {border-color: #0d6caa;background-color: #fff;color: #0d6caa;}
.b4_2 {display: none;width: 160px;position: absolute;top: 65px;z-index: 15;height: 180px;left: 50%;background: #FFFFFF;box-shadow: 0 0 5px #ccc;margin: 0 auto;text-align: center;}
.news_de .b4_2 img {margin: auto;}
.b4_2 {transform: translateX(-50%);top: 63px;left: 44%;}

/* 公司简介 */
.aboutus_bg {padding-top: 30px;padding-bottom: 30px;background-color: #f5f5f5;}
.aboutus {width: 94%;max-width: 1440px;margin: 0 auto;}
.aboutus::after {content: '';display: block;clear: both;}
.aboutus_left {font-size: var(--font-size-15);color: #999 !important;line-height: 25px !important;}
.aboutus_left p,
.aboutus_left span {font-size: var(--font-size-15);color: #999 !important;line-height: 25px !important;}
.aboutus_right {overflow: hidden;margin-top: 15px;}
.aboutus_right img {width: 100%;height: auto;-webkit-transition: all 0.4s;transition: all 0.4s;}
.aboutus_right:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}

/* 公司简介 企业文化 */
.culture {width: 94%;max-width: 1440px;margin: 0 auto;padding-top: 30px;padding-bottom: 30px;}
.culture1_bg {position: relative;margin-bottom: 10px;background-color: #f5f5f5;}
.culture1_bg::after {content: '';display: block;clear: both;}
.culture2_bg {position: relative;margin-bottom: 10px;background-color: #f5f5f5;}
.culture2_bg::after {content: '';display: block;clear: both;}
.culture_img {overflow: hidden;}
.culture_img img {width: 100%;height: auto;-webkit-transition: all 0.4s;transition: all 0.4s;}
.culture_text {padding: 3%;}
.culture_text h1 {font-size: var(--font-size-18);color: #333;line-height: 28px;font-weight: bold;margin-bottom: 12px;}
.culture_text p {font-size: var(--font-size-15);color: #666;line-height: 25px;}

/* 走进日图 荣誉资质 */
.honor_bg {padding-top: 30px;padding-bottom: 30px;background-color: #f5f5f5;}
.honor {width: 94%;max-width: 1440px;margin: 0 auto;}
.honor ul::after {content: '';display: block;clear: both;}
.honor ul li {float: left;width: 49%;margin-right: 2%;margin-bottom: 5%;cursor: pointer;}
.honor ul li:nth-child(2n+2) {margin-right: 0%;}
.honor_img {padding: 5.5%;box-shadow: 0 0 10px #ddd;}
.honor_img img {width: 100%;height: auto;border: 2px solid #ddd;box-shadow: 0 0 20px #ddd;}
.honor_text {text-align: center;font-size: var(--font-size-15);color: #666;margin-top: 13px;}

/* 走进日图 加入我们 */
.welfare_bg {padding-top: 30px;padding-bottom: 30px;background-color: #f5f5f5;}
.welfare {width: 94%;max-width: 1440px;margin: 0 auto;}
.welfare ul::after {content: '';display: block;clear: both;}
.welfare ul li {margin-bottom: 3.8%;background-color: #fff;border: 1px solid #eaeaea;}
.welfare ul li:hover .welfare_img img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.welfare_img {overflow: hidden;}
.welfare_img img {width: 100%;height: auto;-webkit-transition: all 0.4s;transition: all 0.4s;}
.welfare_text {padding: 3%;}
.welfare_text h1 {font-size: var(--font-size-20);color: #333;font-weight: bold;margin-bottom: 10px;}
.welfare_text p {font-size: var(--font-size-15);color: #666;line-height: 25px;}

/* 人才招聘 */
.join_bg {position: relative;padding-top: 0px;padding-bottom: 50px;height: auto;border-bottom: 1px solid #dddddd;background-color: #f5f5f5;}
.join {width: 94%;max-width: 1440px;margin: 0 auto;border-bottom: 1px solid #dddddd;}
.join_item {background-color: #fff;box-sizing: border-box;border: 1px solid #dddddd;border-bottom: 0;}
.join_item_active .join_right img {filter: brightness(500%);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
.join_item_active .join_right span {color: #fff !important;}
.join_item_active .join_title {background-color: #0d6caa;}
.join_item_active .join_title h1 {color: #fff;}
.join_item_active .join_title ul li {color: #fff;border-color: #dddddd;}
.join_item:hover .join_right img {filter: brightness(500%);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
.join_item:hover .join_right span {color: #fff !important;}
.join_item:hover .join_title {background-color: #0d6caa;}
.join_item:hover .join_title h1 {color: #fff;}
.join_item:hover .join_title ul li {color: #fff;border-color: #dddddd;}
.join_title {height: auto;cursor: pointer;padding: 0 3%;padding-bottom: 5px;font-size: 20px;box-sizing: border-box;overflow: hidden;background-color: #fff;}
.join_title h1 {float: left;font-size: var(--font-size-20);color: #666;font-weight: 400;line-height: 50px;}
.join_title ul {overflow: hidden;clear: both;}
.join_title ul li {display: inline;border-right: 1px solid #dddddd;line-height: 23px;font-size: 13px;color: #666;padding: 0 9px;}
.join_title ul li:first-child {padding-left: 0px;}
.join_title .join_right {float: right;line-height: 50px;}
.join_title .join_right span {font-size: var(--font-size-15);color: #666;margin-right: 39px;}
.join_title .join_right img {width: 33px;height: 33px;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
.join_text {display: none;height: auto;box-sizing: border-box;padding: 0 3.3%;position: relative;padding-bottom: 25px;}
.join_text h1 {font-size: var(--font-size-15);color: #666;font-weight: 550;line-height: 28px;margin-top: 20px;}
.join_text p {font-size: var(--font-size-15);color: #666;line-height: 25px;}
.join_text_bottom {margin-top: 30px;height: 93px;}
.join_text_bottom h2 {font-size: var(--font-size-16);color: #0d6caa;font-weight: 550;line-height: 28px;margin-bottom: 9px;}
.join_text_bottom h3 {font-size: var(--font-size-15);color: #0d6caa;font-weight: 500;line-height: 25px;}

/* 走进日图 联系我们 */
.contactus {width: 94%;max-width: 1440px;margin: 0 auto;margin-top: 30px;margin-bottom: 30px;}
.contactus::after {content: '';display: block;clear: both;}
.contactus_left h1 {font-size: var(--font-size-20);color: #333333;font-weight: bold;margin-bottom: 15px;}
.contactus_left h2 {font-size: var(--font-size-15);color: #666666;font-weight: normal;}
.contactus_left h3 {font-size: var(--font-size-26);color: #666666;font-weight: bold;padding-bottom: 12px;margin-bottom: 12px;border-bottom: 1px solid #dddddd;}
.contactus_left h4 {font-size: var(--font-size-18);color: #666666;font-weight: bold;margin-bottom: 3px;}
.contactus_left p {font-size: var(--font-size-15);color: #666666;line-height: 28px;}
.contactus_left img {display: inline-block;}
.contactus_left span {display: inline-block;font-size: var(--font-size-15);color: #666;line-height: 25px;vertical-align: middle;margin-left: 12px;}
.contactus_right {height: 280px;overflow: hidden;margin-top: 20px;position: relative;}
.contactus_right iframe {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

/* 走进日图 全国分部 */
.branch_bg {padding-top: 30px;padding-bottom: 50px;background-color: #f5f5f5;}
.branch {width: 94%;max-width: 1440px;margin: 0 auto;}
.branch ul::after {content: '';display: block;clear: both;}
.branch ul li {margin-bottom: 2.8%;padding: 15px 0;background-color: #fff;}
.branch ul li::after {content: '';display: block;clear: both;}
.branch_title {float: left;width: 20.4%;height: 92px;border-right: 1px solid #dddddd;padding-left: 4.5%;margin-top: 11px;}
.branch_title h1 {font-size: var(--font-size-18);color: #333;line-height: 28px;margin-top: 7px;margin-bottom: 19px;font-weight: normal;}
.branch_title i {display: block;width: 26px;height: 2px;background-color: #333333;}
.branch_text {float: right;width: 79.6%;font-size: var(--font-size-15);color: #666;line-height: 25px;height: auto;padding-left: 8.5%;}

/* 弹出层 */
.popup {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);z-index: 9999999;}
.popup_img {position: absolute;top: 50%;left: 50%;width: 100%;-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;cursor: auto;}
.popup_img img {max-width: 96%;height: auto;}
.popup_close {position: absolute;top: 3%;right: 3%;width: 45px;height: 45px;border-radius: 50%;background-color: #fff;overflow: hidden;transition: all 1s;cursor: pointer;}
.popup_close:hover {transform: rotate(720deg);}
.popup_close img {width: 100%;height: auto;}

/* 内页标题 */
.ny_title {text-align: center;margin-bottom: 30px;}
.ny_title h1 {font-size: var(--font-size-26);color: #333;font-weight: bold;margin-bottom: 16px;}
.ny_title i {display: block;width: 38px;height: 2px;background-color: #d78113;margin: 0 auto;}

/* 分类 */
.list {width: 94%;max-width: 1440px;margin: 0 auto;padding-top: 30px;position: relative;}
.list::after {content: '';display: block;clear: both;}
/* .list .list_left span {transform: rotate(0deg);} */
.list_left {position: absolute;top: 30px;left: 0;width: 100%;background-color: #fff;border: 1px solid #dddddd;z-index: 9;}
.list_left h1 {font-size: var(--font-size-14);color: #333;line-height: 40px;padding: 0px 10px;cursor: pointer;font-weight: normal;}
.list_left h1::after {content: '';display: block;clear: both;}
.list_left h1 span {float: right;transition: all 0.25s ease;transform: rotate(-180deg);}
.list_left h1 span img {width: 16px;}
.list_left h1 span.list_active {transform: rotate(0deg);}
.list_left ul {display: none;border-top: 1px solid #ddd;padding-bottom: 20px;}
.list_left ul li a {display: block;font-size: var(--font-size-14);color: #333;padding-left: 10px;line-height: 36px;}
.list_left ul li:hover a {background-color: #0d6caa;color: #fff;}
.list_right {margin-top: 55px;text-align: center;}
.products_bg .list_right h1{font-size: 17px;color: #333;font-weight: bold;margin-bottom: 14px;text-align: left;margin-left: 1.5%;}
.list_right ul {display: block;}
.list_right ul::after {content: '';display: block;clear: both;}
.list_right ul li {float: left;min-width: 47%; display: flex;justify-content: center;align-items: center; height: 40px;line-height: 18px;border-radius: 30px;border: 1px solid #dddddd;text-align: center;background-color: #fff;padding: 0 10px; margin-left: 1.5%;margin-right: 1.5%; margin-bottom: 3%;}
.list_right ul li:hover {background-color: #0d6caa;border-color: #0d6caa;}
.list_right ul li:hover a {color: #fff;}
.list_right ul li.list_active {background-color: #0d6caa;border-color: #0d6caa;}
.list_right ul li.list_active a {color: #fff;}
.list_right ul li a {display: block;font-size: var(--font-size-14);color: #333;padding: 0 5px;}

/* 分页 */
.fy {text-align: center;}
.fy ul {display: inline-block;overflow: hidden;}
.fy ul li {float: left;width: 30px;height: 30px;box-sizing: border-box;text-align: center;margin: 0 4px;border-radius: 50%;overflow: hidden;}
.fy ul li.fy_prev a {font-weight: 600;font-family: '宋体';background-color: #dddddd;}
.fy ul li.fy_next a {font-weight: 600;font-family: '宋体';background-color: #dddddd;}
.fy ul li.fy_active a {background-color: #0d6caa;border-color: #0d6caa;color: #fff;}
.fy ul li:hover a {background-color: #0d6caa;border-color: #0d6caa;color: #fff;}
.fy ul li a {display: block;line-height: 30px;color: #666;font-size: var(--font-size-15);font-weight: 500;}

/* 面包屑导航 */
.breadcrumb_nav_bg {background-color: #fff;border-bottom: 1px solid #dddddd;}
.breadcrumb_nav {width: 94%;max-width: 1440px;margin: 0 auto;}
.breadcrumb_nav::after {content: '';display: block;clear: both;}
.breadcrumb_nav_left {padding-top: 10px;}
.breadcrumb_nav_left ul::after {content: '';display: block;clear: both;}
.breadcrumb_nav_left ul li {float: left;margin-right: 6%;}
.breadcrumb_nav_left ul li:hover a {color: #0d6caa;}
.breadcrumb_nav_left ul li:hover a::after {width: 100%;}
.breadcrumb_nav_left ul li.breadcrumb_nav_left_active a {color: #0d6caa;}
.breadcrumb_nav_left ul li.breadcrumb_nav_left_active a::after {width: 100%;}
.breadcrumb_nav_left ul li a {display: block;font-size: var(--font-size-16);color: #333;position: relative;padding-bottom: 21px;}
.breadcrumb_nav_left ul li a::after {width: 0%;height: 2px;background-color: #0d6caa;content: '';display: block;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);transition: all 0.4s;}
.breadcrumb_nav_right {font-size: var(--font-size-15);color: #666;line-height: 28px;padding-top: 15px;padding-bottom: 15px;}
.breadcrumb_nav_right a {font-size: var(--font-size-15);color: #666;margin-left: 1px;margin-right: 2px;}
.breadcrumb_nav_right a:hover {color: #0d6caa;}
.breadcrumb_nav_right img {margin-top: -4px;margin-right: 5px;}

/* 侧边栏 */
.sidebar {position: fixed;top: 50%;right: 3%;-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);width: 56px;z-index: 90;transition: all 0.4s;}
.sidebar ul li {float: right;width: 46px;height: 46px;background-color: #333;border: 1px solid #333333;margin-bottom: 2px;text-align: center;box-sizing: border-box;cursor: pointer;position: relative;}
.sidebar ul li > img {margin-top: 3px;width: 34px;}
.sidebar ul li p {font-size: 12px;color: #fff;transform: scale(0.9);white-space: nowrap;margin-left: -2px;}
.sidebar ul li:hover {background-color: #0d6caa;border-color: #0d6caa;}
.sidebar ul li.return:hover {background-color: #003399;border-color: #003399;}
.sidebar ul li.al {transition: width 0.4s;overflow: hidden;}
.sidebar ul li.al:hover {width: 126px;}
.sidebar ul li.al:hover .sidebar_icon {display: none;}
.sidebar ul li.al:hover .sidebar_icon2 {display: block;}
.sidebar_icon2 {display: none;width: auto !important;height: 36px;margin-top: 7px !important;}
.sidebar ul li:hover .sidebar_right {opacity: 1;visibility: visible;}
.sidebar ul li.wx .sidebar_right {width: 114px;height: 135px;left: -124px;top: 0;padding-top: 5px;}
.sidebar ul li.wx .sidebar_right p {font-size: 12px;color: #666;}
.sidebar ul li.dh .sidebar_right {left: -200px;top: 0;width: 190px;height: 66px;padding-left: 11px;}
.sidebar ul li.dh .sidebar_right div {display: table-cell;color: #666;font-size: 14px;line-height: 21px;padding-top: 10px;vertical-align: middle;text-align: left;}
.sidebar ul li.dh .sidebar_right div a {color: #666;font-size: 16px;}
.sidebar ul li.dh .sidebar_right div img {width: 40px;height: 40px;margin-right: 16px;}
.sidebar ul li.qq .sidebar_right {left: -247px;top: 0;width: 237px;height: 74px;padding-left: 18px;}
.sidebar ul li.qq .sidebar_right div {display: table-cell;color: #666;font-size: 16px;line-height: 21px;padding-top: 16px;vertical-align: middle;text-align: left;}
.sidebar ul li.qq .sidebar_right div img {width: 40px;height: 40px;margin-right: 16px;}
.sidebar ul li .sidebar_right {opacity: 0;visibility: hidden;position: absolute;border-radius: 5px;background-color: #fff;box-shadow: 0 2px 10px #c8c8c8;border: 1px solid #dfdfdf;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;box-sizing: border-box;}
.sidebar ul li .sidebar_right i {position: absolute;top: 21px;right: -16px;display: block;width: 0;height: 0;border: 10px solid transparent;border-left-color: #fff;}

.sidebar_toggle ul li.al {margin-bottom: -60px;}
.sidebar_toggle ul li.wx {margin-bottom: -60px;}
.sidebar_toggle ul li.dh {margin-bottom: -60px;}


/* 底部 */
.bottom_bg {min-height: 141px;padding-top: 10px;padding-bottom: 10px;background-color: #1c1b1b;}
.bottom_bg a:hover {opacity: 0.7;}
.bottom {display: none;width: 94%;max-width: 1440px;margin: 0 auto;}
.bottom::after {content: '';display: block;clear: both;}
.bottom i.hr {display: block;width: 38px;height: 1px;background-color: #d78113;margin-bottom: 35px;}
.bottom_logo {float: left;width: 213px;margin-top: 40px;}
.bottom_logo a img {margin-bottom: 21px;}
.bottom_logo_item {margin-bottom: 26px;}
.bottom_logo_item::after {content: '';display: block;clear: both;}
.bottom_logo_img {float: left;margin-top: 5px;margin-right: 7px;}
.bottom_logo_text {float: left;}
.bottom_logo_text h1 {font-size: var(--font-size-13);color: #fff;}
.bottom_logo_text b {font-size: var(--font-size-18);color: #fff;}
.bottom_logo_text p {font-size: var(--font-size-15);color: #fff;}
.bottom_contact {float: left;width: 310px;margin-top: 58px;margin-left: 11%;}
.bottom_contact h1 {font-size: var(--font-size-30);color: #fff;font-weight: bold;margin-bottom: 24px;}
.bottom_contact p {font-size: var(--font-size-15);line-height: 28px;color: #999;}
.bottom_contact p span {display: table-cell;}
.bottom_contact p img {margin-right: 5px;margin-top: -2px;}
.bottom_layout {float: left;width: 315px;margin-top: 58px;margin-left: 10.5%;}
.bottom_layout h1 {font-size: var(--font-size-30);color: #fff;font-weight: bold;margin-bottom: 24px;}
.bottom_layout ul::after {content: '';display: block;clear: both;}
.bottom_layout ul li {float: left;margin-right: 30px;margin-bottom: 15px;}
.bottom_layout ul li:nth-child(4n+4) {margin-right: 0px;}
.bottom_layout ul li a {font-size: var(--font-size-15);color: #999;line-height: 28px;}
.bottom_share {float: right;width: 120px;margin-top: 58px;}
.bottom_share h1 {font-size: var(--font-size-30);color: #fff;font-weight: bold;margin-bottom: 24px;white-space: nowrap;}
.bottom_share p {font-size: var(--font-size-15);color: #999;width: 97px;text-align: center;margin-top: 7px;}
.bottom_likes {width: 94%;max-width: 1440px;margin: 0 auto;padding-bottom: 6px;border-bottom: 1px solid #333333;}
.bottom_likes span {font-size: 13px;color: #999;line-height: 28px;}
.bottom_likes a {font-size: 13px;color: #999;line-height: 26px;margin: 0 5px;}
.bottom_likes i {font-size: 13px;color: #999;line-height: 28px;}
.bottom2 {width: 94%;max-width: 1440px;margin: 0 auto;line-height: 26px;text-align: center;}
.bottom2::after {content: '';display: block;clear: both;}
.bottom2_left {font-size: 13px;color: #797979;}
.bottom2_right {font-size: 13px;color: #797979;}
.bottom2_right a {font-size: 13px;color: #797979;}

/* 搜索 */
.search {width: 100%;height: auto;overflow: hidden;margin: 90px auto 70px;}
.search1 {width: 94%;max-width: 1440px;margin: 0 auto;height: 48px;line-height: 48px;border-radius: 25px;border: 1px #999999 solid;overflow: hidden;color: #333;font-size: var(--font-size-16);margin: 0px auto;}
.search1 .input {width: calc(100% - 44px);float: left;height: 48px;padding-left: 15px;overflow: hidden;color: #333;font-size: 16px;border: 0px;outline: none;}
.search1 .img {width: 31px;height: auto;float: left;margin-top: 6px;}
.search2 {width: 100%;height: 36px;overflow: hidden;margin: 90px auto 0px;border-bottom: 1px #dddddd solid;text-align: center;}
.search2 ul {display: inline-block;overflow: hidden;margin: 0px auto;}
.search2 ul li {float: left;}
.search2 ul a {color: #666666;font-size: 16px;width: 86px;display: block;float: left;text-align: center;height: 35px;}
.search2 ul a:hover {border-bottom: 2px #0477b8 solid;color: #0477b8;}
.search2 ul a.hover {border-bottom: 2px #0477b8 solid;color: #0477b8;}
.search3 {width: 96%;max-width: 1200px;overflow: hidden;margin: 36px auto 0px;}
.search3 h2 {font-weight: normal;font-size: var(--font-size-15);color: #666666;height: 40px;overflow: hidden;border-bottom: 1px #dddddd solid;}
.search3 li {height: 140px;overflow: hidden;border-bottom: 1px #dddddd solid;margin-top: 30px;}
.search3 li a {color: #333;font-size: 18px;}
.search3 li a:hover {color: #0477b8;}
.search3 li p {font-size: 14px;color: #999999;line-height: 25px;height: 50px;overflow: hidden;margin-top: 15px;}
.recent_view_sidebar_mini {position: fixed;bottom: 216px;right: 3%;width: 38px;height: 38px;border: 1px solid #f5f5f6;transition: right 0.5s ease 0s;background: #ffffff;text-align: center;line-height: 34px;z-index: 9;}
.recent_view_sidebar_mini_show .open_recent_view_sidebar {transform: rotate(0deg);}
.open_recent_view_sidebar {border-bottom: 1px #f5f5f6;cursor: pointer;transform: rotate(90deg);}
.open_recent_view_sidebar img {width: 23px;height: auto;transform: rotateY(180deg);}

