@charset "utf-8";
* {margin: 0; padding: 0; border-radius: 0;box-sizing: border-box;}
body {font-family: 'Inter', 'Roboto', 'Open Sans', sans-serif;margin: 0px auto;background: #fff;overflow-x: hidden;}
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;}
/* ===== Header (global.css) ===== */
.page-header {
  --hero-blue: #1c4889;
  --hero-blue-hover: #2560ad;
  --hero-accent: #3d7fd4;
  --hero-text: #ffffff;
  --nav-line: #ffffff;
  --nav-color-fixed: #595959;
  --nav-line-fixed: #1c4889;
  --nav-font: clamp(16px, 1.04vw, 18px);
  --nav-gap: clamp(22px, 2.4vw, 46px);
  --container-w: 90%;
  --container-max: 1580px;
  --header-h: 80px;
  --nav-y: 15px;
  --tool-y: 5px;
  --nav-tools-gap: 50px;
  --nav-link-pad-b: 11px;
  --nav-line-h: 2px;
  background: #ffffff;
  color: var(--hero-text);
}



/* 头部*/
.top_bg {width: 100%;color: #fff; position: absolute;left: 50%;top: 0px;box-sizing: border-box; z-index: 9999;transform: translateX(-50%);transition: all 0.4s ease; border-bottom:0px rgba(255,255,255,0.2) solid;}
.en {float: right;margin-top: 35px;margin-left: 10px;position: relative;cursor: pointer;}
.en a {display:inline-table; font-size: 16px;color: #fff;line-height: 36px;margin-left: 10px;}
.en span {display:inline-table; font-size: 15px;color: #fff;line-height: 36px;margin-left: 10px;}
.en span:hover div {display: block;}
.en div {display: none;position: absolute;top: 35px;left:-20px;width: 97px;height: auto;background-color: #fff;text-align: center;padding-top: 10px;border-radius: 0 0 10px 10px; z-index:1000;}
.en div a{color:#666666;margin-left: 0px; display:block;}
.en a:hover {opacity: 0.7;}
.en img{filter:grayscale(100%) brightness(500);}
.en a.header__contact{ background:#FFFFFF; border-radius:30px; color:#1c4889;line-height: 30px; padding:0px 12px; margin-right:2px;}
.en a.header__contact img{filter:none;}
.top_bg2 .en a.header__contact{ background:#1c4889; color:#fff;/*box-shadow: 0 0 10px 1px rgba(22,119,255,0.2);*/}
.top_bg2 .en a.header__contact img{filter:grayscale(100%) brightness(500);}

.sj_search {float: left;margin-right: 0px;margin-top: 4px;}
.sj_search img {filter:grayscale(100%) brightness(500);}
.top_search {float: right;text-align: right;margin-top: 26px; position: relative;}
.ss {display: none;position: fixed;top: 130px;left: 10%;width: 80%;cursor: pointer;border: 1px solid transparent;box-sizing: border-box;background-color: #f1f1f1;}
.ss .input {height: 40px; background:#fffff;width: 100%;padding-left: 10px;font-size: 14px; color: #666;line-height: 40px;border: 1px #eeeeee solid; border-radius:20px;outline: none;}
.ss .inputimg { position:absolute; top:5px; right:5px;width: auto;height: auto;padding-right: 12px;padding-top: 3.5px;filter: grayscale(100%);}
.ss:hover .input {display: block;}
.ss:hover .inputimg {filter: grayscale(1);}
.ss .tclose{width:93%; text-align:right; margin:10px auto; font-size:20px; color:#555; font-weight:bold;}
.topss{width:96%; margin:10px auto; margin-bottom:20px; overflow:hidden; position:relative;}
.top_bg2 .top_t{border-bottom:0.5px #dddddd solid;}.top_bg2 .en span{color:#666666;}.top_bg2 .en a{color:#666666;}.top_bg2 .en img{filter:none;}
.top_bg2 .top_taleft img{ background:#cce4f3; border-radius:50%;filter:none;}.top_bg2 .top_taleft a{color:#666666;}
.top {width: 90%;max-width:1680px;height:75px; margin: 0 auto; }
.top .top_logo {float: left; padding-top:28px;}
.top .top_logo img {height: 42px;filter:grayscale(100%) brightness(500);}
.top_bg2 .top .top_logo img {filter:none;}
.top_bg2 .top .sj_search img { filter:grayscale(100%)}
.top .top_nav {float: right;}
.top .top_nav>ul {margin-top: 42px;}
.top .top_nav>ul>li {float: left;box-sizing: border-box;padding: 0px 12px;margin: 0 12px;}
.top .top_nav>ul>li>a {float: left;height: 33px; padding: 0 3px;font-size: 16px;color: #fff; display: block;text-align: center;position: relative;}

.top_bg2 .top .top_nav>ul>li>a { color: #666666;}
.top_bg2 .top .top_nav>ul>li.active>a {color: #1c4889!important;}.top_bg .top .top_nav>ul>li.active>a {color: #ffffff;}
.top .top_nav>ul>li.active i {width: 100%; background:#ffffff;}
.top_bg2 .top .top_nav>ul>li.active i {background: linear-gradient(45deg, #217d41, #145c9a);}
.top_bg2 .top .top_nav>ul>li:hover>a { color: #1c4889!important;}.top_bg .top .top_nav>ul>li:hover>a { color: #ffffff;}
.top .top_nav>ul>li:hover i {width: 100%;}
.top_bg2 .top .top_nav>ul>li:hover i {background: linear-gradient(45deg, #217d41, #145c9a);}
.top .top_nav>ul>li i {position: absolute;left: 0%; bottom: 0;width: 0%;height: 2px;background:#ffffff; display: block;transform: translateX(-0%); transition: all 0.4s ease;}



.top .nav_sj { display: none;}
.top .top_rr {display: none;}
.top_bg2 {width: 100%;top: 0;position: fixed;background:#ffffff;box-shadow: 6px 6px 12px rgba(0,0,0,0.1);}
/* 下拉菜单 */
.top_pro .top_menus_bg {padding-bottom: 0px;}
.top_menus_bg {display: none;position: absolute;top: 75px;border-top:1px rgba(0,0,0,0.2) solid;left: 0px;width: 100%;z-index: 99;}
.top_menus {width: 100%; max-width:1920px;margin: 0 auto;padding-top: 0;position: relative;}
/*产品下拉*/
.top_pro .top_menus_bg {background-color: #fff; padding-top:30px; padding-bottom:30px;}
.top_menus_title {width: 40%; float:left; border-right:1px #dddddd solid; margin:0 auto; padding-right:2%;}
.top_pro .top_menus_title dl dd.top_menus_nav_active,
/*.top_pro .top_menus_title dl dd:hover{background-color:rgba(0,0,0,0.05);}*/
.top_pro .top_menus_title dl dd.top_menus_nav_active a,
.top_pro .top_menus_title dl dd:hover a{color:#1c4889;}.top_pro .top_menus_title dl dd:hover a img{filter:none;}
.top_pro .top_menus_title dl{margin:0 auto;text-align: left; margin-right:20px;}
.top_pro .top_menus_title dl dd{ margin:0 auto;}.top_pro .top_menus_title dl h1{margin-left:50%; font-size:18px; font-weight:bold;padding: 0 25px; height:50px;}
.top_pro .top_menus_title dl dd a {display: block;margin-left:50%;line-height: 50px;font-size: 16px;color: #666; border-bottom:1px rgba(0,0,0,0.1) solid; font-weight:bold;}
.top_pro .top_menus_title dl dd a:hover {border-bottom:2px #1c4889 solid;}
.top_pro .top_menus_title dl dd a img {
  float: right;
  opacity: 1; width:25px; margin-top:10px;filter:grayscale(100%);
}
.top_pro .top_menus_title .top_img{width:53%; margin-left:40%;margin-right:8%; padding-top:2%; padding-bottom:3%;}.top_pro .top_menus_title .top_img img{width:100%; border-radius:10px;}

.top_pro .top_menus_right {display: none;width:60%; float:right;}
.top_pro .top_menus_right_active { display: block;}

.top_pro .top_menus_two ul {width:90%; margin-left:2%;}
.top_pro .top_menus_two ul li { width:21%; margin-right:1.3%;margin-left:2%; float:left;margin-bottom:10px;border-bottom:1px rgba(0,0,0,0.1) solid;}
.top_pro .top_menus_two ul li a:hover span{color: #1c4889; }.top_pro .top_menus_two ul li a:hover img{filter:none;}
.top_pro .top_menus_two ul li a{display: flex;justify-content: center; /* 水平居中 */align-items: center;/* 垂直居中 */height:52px; line-height:16px;color: #666666; font-size: 14px;}
.top_pro .top_menus_two ul li a span {
  float: left;
  font-size: 16px;
  color: #333; width:80%;
}
.top_pro .top_menus_two ul li a img {
  float: right;
  opacity: 1; width:26px; margin-top:8px;filter:grayscale(100%);
}

.top_pro .top_menus_three ul {width:30%; margin-left:5%; float:left;}
.top_pro .top_menus_three ul li { width:100%; margin-right:1.3%;margin-left:2%;margin-bottom:10px;border-bottom:1px rgba(0,0,0,0.1) solid;}
.top_pro .top_menus_three ul li a:hover span{color: #1c4889; }.top_pro .top_menus_three ul li a:hover img{filter:none;}
.top_pro .top_menus_three ul li a{display: block; height:45px; line-height:45px;color: #666666; font-size: 14px;}
.top_pro .top_menus_three ul li a span {
  float: left;
  font-size: 16px;
  color: #333; width:80%;
}
.top_pro .top_menus_three ul li a img {
  float: right;
  opacity: 1; width:25px; margin-top:10px;filter:grayscale(100%);
}

/*solution下拉*/
.top_menus1 {text-align: center; overflow:hidden; width:88%; max-width:1200px; margin:0 auto;background:url(../images/pro_top_bg.jpg) no-repeat center/cover; /*background:rgba(255,255,255,0.94);*/}
.top_menus_nav {text-align: center;}
.top_menus_nav dl {width:90%;}
.top_menus_nav dl dd {margin: 7px 30px;}
.top_menus_nav dl dd a{ display:inline-table; text-align:left; padding-top:10px; height:60px; margin-top:10px;}
.top_menus_nav dl dd.top_menus_nav_active a,
.top_menus_nav dl dd:hover a { border-bottom: 1px solid #0079c2; color:#0079c2;}
.top_menus_nav dl dd.top_menus_nav_active a img.top_icon,
.top_menus_nav dl dd:hover a img.top_icon {opacity: 1;}
.top_menus_nav dl dd a img.top_icon1 {width:50px; margin-right:30px;}
.top_menus_nav dl dd a img.top_icon {margin-top: 12px; float: right;opacity: 0;}
.top_menus_nav dl dd a {display: block; line-height: 43px;font-size: 20px;color: #333;border-bottom: 1px solid #dddddd;padding: 0 7px;transition: all 0.4s ease;}
.top_solutions_text{width:90%; margin:0 auto;  overflow:hidden; margin-top:20px; text-align:left;}
.top_solutions_text .top_solution_img{ border-radius:5px;height:180px; overflow:hidden;}
.top_solutions_text .top_solution_img img{ width:100%;}
.top_solutions_text dt{ margin-top:20px; font-size:24px; color:#333333;}
.top_solutions_text p{  margin-top:10px;font-size: 14px;color: #666666;line-height: 30px;padding-bottom:30px;}
@media screen and (min-width: 1680px) {.top_menus_nav dl dd a{font-size: 22px;padding: 0 10px;}.top_solutions_text .top_solution_img{height:auto}.top_solutions_text dt{ font-size:28px;}.top_solutions_text p{font-size: 18px; line-height: 25px;}}
/*头部结束*/
@media screen and (max-width: 1580px) {.top .top_nav>ul>li>a {font-size: 14px;}}
@media screen and (max-width: 1465px) {.top .top_logo img {height: 35px;}.top .top_nav>ul>li>a {font-size: 14px;}.en a { font-size: 14px;}.en img{width:20px}}
@media screen and (max-width: 1360px) {.top .top_logo img {height: 30px;}.top .top_nav>ul>li>a {font-size: 14px;}.top .top_nav>ul>li {padding: 0px 10px;margin: 0 10px;}}
@media screen and (max-width: 1230px) {.top .top_logo img {height: 30px;}.top .top_nav>ul>li>a {font-size: 13px;}.top .top_nav>ul>li {padding: 0px 10px;margin: 0 10px;}.top_menus_nav dl dd a{font-size: 16px;padding: 0 10px;}.top_pro .top_menus_title dl dd a{ font-size:14px;}.top_pro .top_menus_three ul li a span{font-size:13px;}.top .top_nav>ul{margin-top: 45px;}.top .top_nav>ul>li>a { height:28px;}}
@media screen and (max-width: 1182px) {.top .top_logo {float: left; padding-top:24px;}.top .top_logo img {height: 30px;}.top .top_nav>ul {margin-top: 43px;}.top .top_nav>ul>li i{height: 1px;}.top .top_nav>ul>li>a {font-size: 13px;}.top .top_nav>ul>li {padding: 0px 7px;margin: 0 7px;}}
@media screen and (min-width: 1620px) {.top .top_nav>ul>li {padding: 0px 14px;margin: 0 14px;}.top .top_nav>ul>li>a {font-size: 18px; /* 24px -> 1.25004vw */;}}

/* banner */
.pc_banner_swiper {display: block; background:#000000;width: 100%;max-width:1920px; position:relative;}
.pc_banner_swiper .swiper-slide img { display: block;width: 100%;max-height: 100vh; -o-object-fit: cover; object-fit: cover;}
.pc_banner_swiper .swiper-button-next { right: 0.5%;}
.pc_banner_swiper .swiper-button-prev { left: 0.5%;}
.pc_banner_swiper .swiper-button-prev,
.pc_banner_swiper .swiper-button-next {width: 50px;height: 50px;border-radius: 50%;opacity: 1; color:rgba(255, 255, 255, 1)!important;filter:grayscale(100%) brightness(500);background: rgba(255, 255, 255, 0.2);}
.pc_banner_swiper .swiper-button-prev:hover,.pc_banner_swiper .swiper-button-next:hover {opacity: 1;background: #0081cc;filter:none;}
.pc_banner_swiper .swiper-button-prev:hover::after,.pc_banner_swiper .swiper-button-next:hover::after {color: #ffffff;}
.pc_banner_swiper .swiper-button-prev::after,.pc_banner_swiper .swiper-button-next::after {  font-size: 20px;color: #666666;}
.pc_banner_swiper .swiper-pagination {bottom: 4.5% !important;z-index: 99;}
.pc_banner_swiper .swiper-pagination-bullet {width: 60px;height: 4px;background-color: rgba(255, 255, 255, 0.8);border-radius: 0%;opacity: 1;margin: 0 12px !important;position: relative;cursor: pointer !important;position: relative;}
/*.pc_banner_swiper .swiper-pagination-bullet::after { position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);content: "";display: block;width: 26px;height: 26px; border-radius: 50%;border: 1px solid #fff; z-index: 9;opacity: 0;}*/
.pc_banner_swiper .swiper-pagination-bullet-active { background: linear-gradient(45deg, #217d41, #145c9a);}
/*.pc_banner_swiper .swiper-pagination-bullet-active::after {border-color: #0081cc;opacity: 1;}*/
.sj_banner_swiper {display: none;}
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
  from { transform: scale(1);}
  to {transform: scale(1.1);}
}
/* Standard syntax */
@keyframes mymove {
  from {transform: scale(1);}
  to {transform: scale(1.1);}
}

.ibanner_conbg{width:100%; position:absolute; overflow:hidden; top:28%; left:0; z-index:2;}
.ibanner_conbg .banner_con{width:90%; max-width:1660px; margin:0 auto; text-align:left; overflow:hidden;}
.ibanner_conbg .banner_con h1{ display:block;font-size:clamp(36px, 3.208vw, 48px); color:#fff; font-weight:bold;}
.ibanner_conbg .banner_con p{ font-size:clamp(16px, 1.2vw, 22px); line-height:30px;color:#fff;margin-top:30px; width:60%;}
.ibanner_conbg .banner_con span{ display:block; margin-top:10%;color:#ffffff; width:130px; padding:8px 10px; text-align:center; border:1px #fff solid; border-radius:40px; font-size:14px;  }
.ibanner_conbg .banner_con span b{ font-family:"宋体";}
.ibanner_conbg .banner_con span:hover{ background:#1c4889; border:1px #1c4889 solid;}


/*partner合作伙伴*/
.pro_list{ clear:both;width: 100%;height: auto;position: relative;overflow: hidden;margin:0px auto; margin-top:50px;}
.pro_list_1{width: 100%; margin:0 auto;height: auto;overflow: hidden;}
.pro_list_1 ul{width:100%;}
.pro_list_1 ul li{width:16.66%;float: left;text-align: left;overflow: hidden;cursor: pointer; margin:0 auto; margin-right:0%;}
.pro_list_1 ul li a{ display:block; text-align: center;margin:0 auto; width:86%;}
.pro_list_1 ul li a div{ width:100%; height:70px; border:1px rgba(0,0,0,0.2) solid; background:#fff; overflow:hidden;}
.pro_list_1 ul li a div img{  height:66px; transition: all 0.5s;/*transition: all 0.3s linear 0s;
    filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);*/
}
.pro_list_1 ul li:hover img{/*filter:none;*/transform: scale(1.1);}
.pro_list_1 ul li a p{font-size: 15px;color: #ffffff;text-align: left;width:90%; padding-left:0px;margin-top: 10px; height:auto; line-height:24px;font-weight: 200;}
.pro_list_1 ul li a:hover p{color: #fce4c5;}
 .k{width: 60px;height: 98px;position: absolute;top:60px;z-index: 1;cursor: pointer;}
 .k:hover img{opacity: 0.6;}
.prev{left: 0px;}
.next{right: -45px;}

/*partner合作伙伴结束*/




/*detail编辑器*/
.detail_bg {max-width:1920px; margin:0px auto;margin-bottom:50px;overflow: hidden;position: relative;padding-top:50px; padding-bottom:60px;}
.detail{width: 90%; max-width:1580px; margin:0 auto;box-sizing: border-box;overflow: hidden; margin-top:50px; text-align:center;}
.detail p{font-size: clamp(14px, 0.92vw, 16px);color: #555;line-height: 30px;font-weight: lighter;text-indent: 2em; padding-top:20px;}
.detail img{ max-width:96%; margin:0 auto; padding-top:30px;}
.detail dt{color:#000;font-size: clamp(24px, 1.48vw, 30px);padding-top:30px;}