@charset "utf-8";
/* CSS Document */
* {
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

img {
	border: none;
	max-width: 100%;
}
body {
font-size:16px;
font-family:"Microsoft YaHei", verdant, tahoma;
    color: #333;
	font-weight: normal;
	margin: 0px;
	text-decoration:none;
	line-height: 25px;
	padding-top:112px;
}
a {
font-family:"Microsoft YaHei", verdant, tahoma;
    color: #333;
	font-weight: normal;text-decoration:none;
}
a:hover {
	color: #3571ad;	text-decoration:underline;
}

@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1683621559953') format('woff2'),
       url('iconfont.woff?t=1683621559953') format('woff'),
       url('iconfont.ttf?t=1683621559953') format('truetype');
}
@font-face {
  font-family: 'iconfont2';
  src: url('iconfont.woff2?t=1685091410837') format('woff2'),
       url('iconfont.woff?t=1685091410837') format('woff'),
       url('iconfont.ttf?t=1685091410837') format('truetype');
}



.clear {
	clear: both;
}
ul {
	list-style-type: none;
}
li {
	list-style-type: none;
	line-height: 25px;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.hz {
	width:63%;
	margin: 0 auto;max-width:1920px;
}
.hza {
	width:63%;
	margin:70px auto;max-width:1920px;
}
.hza:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

.top-pc {
	position: fixed;
	z-index: 99;
	top: 0px;
	left: 0;
	width: 100%; 
	background:#fff;
	transition: all 0.5s; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}


.border-left { border-left: 1px solid #dee2e6 !important;}
.top-ggt{height:40px;background:#3571ad;color:#fff;}
.index-dh-hz{float:left;padding-top:5px;}
.index-dh{float:left;padding-right:24px;padding-left:20px;}
.index-top-pic{padding-top:5px;}
.index-top-pic ul{
display: flex;
    flex-wrap: nowrap;
    align-items: center;}
.index-top-pic{margin-top:2px;margin-right:30px;}
.index-top-pic li{ width:25px;height:25px;
   text-align:center;padding-top:3px;
    background-color:#e3f1ff;
    margin-right: 6px;
    border-radius: 50%;}
.index-top-pic li img{height:17px;}
.index-top-pic-tu2{display:none;}
.index-top-pic li:hover .index-top-pic-tu1{display:none;}
.index-top-pic li:hover .index-top-pic-tu2{display:inline-block;}

.top-ggt-hz{white-space:nowrap;line-height:40px;display: flex; flex-wrap: wrap;}

.index-yyl{position:relative;}

.new {	
	width:120px;
	position: absolute;
	z-index: 999;
	display: none;
	right:-20px;
    top:40px; background:#92ba48;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.new li{padding:8px;text-align:center;}
.new li a{color:#fff;font-size:14px;}
.new li a:hover{}
.set{font-size:14px;font-family:SourceHanSansCN-Medium;}

.logo {margin:20px 0;}
.logo img {height:30px;}

.top_sj {
	display: none;
}
.top-hz {
	position:relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;}

.nav {display: inline-block;
    box-sizing: border-box;
    vertical-align: bottom;
}

.mainbav li { float: left; position:relative;display:block;}
.mainbav li.menu2 .erji_dh{left:0;right:0; width:100%;}
.mainbav li.menu2{position: static;}

.mainbav .memu>a {position:relative;
    line-height:70px;display:block;
    padding:0 20px;}
.mainbav .memu>a:after{ content:""; position: absolute;width: 0;height:3px;bottom: 0px;left: 50%;-webkit-transition:all .4s;transition:all .4s; background-color:#3571ad;}
.mainbav .memu>a:hover:after{width: 100%;left: 0;}
.mainbav .memu>a:hover {color:#3571ad !important;text-decoration:none;}

.mainbav .memu.active>a,
.mainbav .memu:hover>a {
    color:#3571ad;
    display: block;
}

.mainbav ul li ul {
    position: absolute;
    z-index:9999;
    width:240px;
      background: #fff;box-shadow: 0 2px 10px rgba(0,0,0,0.2);
     border-radius:10px;
    padding:10px 0;display: none;
}

.mainbav ul li ul li {
    float: none;
    border-right: none;
    padding:10px 0;
    text-align: left;
}

.mainbav ul li ul li a {
    display: block;
    padding:0 30px;font-family:SourceHanSansCN-Medium;
}
.mainbav ul li ul li a:hover{color:#3571ad !important;}


.mainbav ul li .erji_dh {
width: max-content;
    background: #fff;box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    border-radius:10px;
   position:absolute;
    top:100%;padding:30px;
    left:0; z-index:99;}

.mainbav ul li .erji_dh dl {display: flex; flex-wrap: wrap; }

.mainbav ul li .erji_dh dl dd { padding:0 1%; width:33.33%;margin-bottom:15px;}
.mainbav li:nth-child(1) .erji_dh dl{width:500px;}
.mainbav li:nth-child(1) .erji_dh dl dd {width:50%;}
.erji_dh_wz{font-weight:bold;}
.mainbav ul li .erji_dh dl dd .erji_dh_wz a {font-family:SourceHanSansCN-Medium;}
.mainbav ul li .erji_dh dl dd .erji_dh_wz a:hover { color:#3571ad;}
.mainbav ul li .erji_dh dl dd .sanji_dh {margin-top:10px;}
.mainbav ul li .erji_dh dl dd .sanji_dh a { color: #999; display:block;margin-bottom:5px;}
.mainbav ul li .erji_dh dl dd .sanji_dh a:hover {color: #3571ad;}

.popular{background:#0070c0;border-radius:5px;color:#fff;font-size:10px;padding:2px 6px;margin-left:7px;font-weight:normal;}
	
.index-get{display:inline-block;margin-right:20px;float:left; }

.sousuo{float:left;}
.sousuo .sousuo_an {cursor: pointer;}
.sousuo_an img{width:30px;}
.sousuo .ssk_bj {
	width: 100%;
	display: none;
	position: fixed;
	left: 0;
	top:140px;
	z-index: 10;
}
.sousuo .ssk {
	width:30%;
	overflow: hidden;
	margin: 0 auto;
}
.sousuo .ssk .input_txt {
	width:77%; background:#f2f2f2;
	height:46px;font-size:15px; font-family:SourceHanSansCN-Light;
	float: left;
	padding: 0 3%;
	border: none;border-top-left-radius:25px;border-bottom-left-radius:25px;

}
.sousuo .ssk .input_btn {
	width: 23%; font-size:16px;font-family:SourceHanSansCN-Light;
	float: right;
	color: #fff;border-top-right-radius:25px;border-bottom-right-radius:25px;
	line-height:46px;
	border: 0 none;
	background:#3571ad;
	cursor: pointer;
}


.p-show {
	display: block !important;
}

.home-more {
    background-color:#3571ad;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    min-width: 150px;
    height:36px;
    position: relative;
    z-index: 1; 
    border-radius:100px;text-align:center;line-height:36px;
}

.home-more::after {
    content: "";
    width: 0;
    height: 100%;
    left: 0px;
    top: 0px;
    position: absolute;
    z-index: 0;
     background-color: #92ba48;
    transition: all .2s ease
}
.home-more:hover{text-decoration:none;}
.home-more:hover::after {
    width: 100%;
}

.home-more span {
    position: relative;
    z-index: 10;color:#fff;
}
.top_sj { display:none; }
.banner-bj{background-repeat:no-repeat;
    background-position: center;
   
    height:500px;display: flex;
    align-items: center;}
.banner-wb{width:35%;min-width:600px;margin:0 auto;text-align:center;color:#fff; }
.banner-title{font-size:45px;line-height:50px;font-weight:bold;text-align:center;}
.banner-ms{margin:20px 0 50px;font-weight:bold;}
.index-banner-an p{display:inline-block;background:#fff;border:1px solid #fff;padding:10px 6%;border-radius:25px;margin-right:18px;color:#fff;cursor: pointer;
 white-space: nowrap;}
 .index-banner-an p:hover{background:#92ba48;border:1px solid #92ba48;}
.index-banner-an p:hover a{background:#92ba48;color:#fff; }
.index-banner-an p a{color:#3571ad;font-weight:bold;font-size:18px;}
 .index-banner-an p a:hover{text-decoration:none;}

.banner-an{background:none !important;border:1px solid #fff;font-weight:bold;font-size:18px;}
.banner-an a{color:#fff !important;}
.banner-an:hover{background:#92ba48 !important;border:1px solid #92ba48;}
.banner-an a:hover{text-decoration:none;}

.sjx{width:20px;height:20px; margin-top: 2px;display:block;text-align:center;float:left;padding-top:4px;background:#fff;margin-right:8px; box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.2);border-radius:25px;}
.ny-banner-an{cursor: pointer;display:inline-block;border:1px solid #3571ad;padding:10px 3%;border-radius:25px;color:#3571ad;font-weight:bold;font-size:18px;}
.ny-banner-an:hover{background:#92ba48 !important;border:1px solid #92ba48;color:#fff;text-decoration:none;}


.index-feedback-hz {
	width:70%;
	margin:0 auto;
	padding:50px;
	position: fixed;
    left: 50%;
    top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
background:rgba(0,0,0,0.7);
	display:none;z-index:222;}

.index-feedback-wb{color:#fff;}

.index-feedback-hz-gb{border-radius:100px;
	position:absolute;cursor: pointer;
	right:10px;color:#fff;
	top:10px;border:2px solid #b1b1b1;padding:0 9px;}



.index-Years{display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;margin-top:25px;
}
.index-Years-box{
	height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    padding:0 2%;}
.index-Years-pic img{width:45px;}
.index-Years-wb{color:#3571ad;font-weight:bold;text-align:center;float:left;padding-left:10px;}
.index-Years-wb p{color:#333;}


.index-title{font-size:36px;line-height:40px;text-align:center;    font-weight: bold;color:#000;}


.khjz_dkj {position: relative;max-width:1920px;margin-top:40px;}

 .cpzs_img img{width:100%;}

.tjcp .item {
	margin:0 15px;height:100%;
	position:relative;display: flex; flex-wrap: wrap;
}
.hzhb .item {
	margin:0 15px;height:100%;
	position:relative;
}
.customer .item {
	margin:0 15px;height:100%;
	position:relative;display: flex; flex-wrap: wrap;
}

.Certification .item {
	margin:0 15px;height:100%;
	position:relative;
}
.applications .item {
height:100%;
    width: 100%;
}

.Information .item {height:100%;position:relative;}
.Information{font-weight:bold;}
.Information.owl-carousel .owl-wrapper-outer{ overflow:hidden;width:100%;margin: 0 auto;}
.index-Information{border-bottom:2px solid #ececec;overflow:hidden; text-align:center;text-overflow:ellipsis; white-space:nowrap;padding-bottom:25px;}
.index-Information:hover{border-bottom:2px solid #3571ad;color:#3571ad;}
.index-Information.on{border-bottom:2px solid #3571ad;color:#3571ad;}

.index-news-nr{margin-left:-1%;margin-right:-1%; display: flex; flex-wrap: wrap;}
.index-news-nr-left{width:23%;border-radius:8px;background:#f8f8f8;margin-left:1%;margin-right:1%;float:left;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.index-news-nr-left:hover{transform:translateY(-6px); -webkit-trafont-size: 0;background:#f4f9ff;}
.index-news-nr-pic img{border-top-left-radius:8px;border-top-right-radius:8px;}
.index-news-nr-left-title{ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.index-news-nr-left-title a{font-weight:bold;  font-size: 18px;}
.index-news-nr-left-rq{font-size:15px;color:#666;}


.index-news-nr-left-nr{margin:15px 0;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;   }

.index-news-hz{padding:20px 15px;}


.index-pro-bottom-xh{background:#fbfbfb;padding:8%;overflow:hidden;border-radius:10px;}
.index-pro-bottom-xh:hover{background:#f5f9fd;}
.index-pro-bottom-xh-title a{color:#000;font-weight:bold;}
.index-pro-bottom-xh-title a:hover{color:#3571ad}
.index-pro-bottom-xh-ms{margin:20px 0;overflow:hidden;height:155px;}
.index-pro-bottom-xh-ms li{line-height:30px;}
.slh{    width: 235px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}
.index-pro-bottom-xh-pic img{border-radius:15px;box-shadow: 5px 5px 5px #f2f2f2;border:1px solid #e7e7e7;}

/* display none until init*/
.owl-carousel {
	display: none;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
	display: none;
	position: relative;display: flex !important; flex-wrap: wrap;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {overflow: hidden;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
	display: flex; flex-wrap: wrap;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
	cursor: pointer;
}
.owl-controls { text-align: center;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* fix*/
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;padding:10px 0;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-controls {
	width: 100%;
	z-index: 11;margin-top:20px;
}
.owl-carousel .owl-controls .owl-buttons div {
display: inline-block;
	zoom: 1;
*display:inline;
	width:50px;
	height:50px;
	text-indent: -9999px;
	transition: .35s;
	bottom:50px;
    font-size: 0;
}


.owl-carousel .owl-controls .owl-buttons .owl-prev {
	background: url(../images/jtl02.png) center no-repeat;
	overflow: hidden;margin:0 15px;

}
.Milestones.owl-carousel .owl-controls .owl-buttons .owl-next {
	background: url(../images/jtl05.png)  center no-repeat;
	overflow: hidden;
margin:0 15px;
}

.Milestones.owl-carousel .owl-controls .owl-buttons .owl-prev {
	background: url(../images/jtl04.png) center no-repeat;
	overflow: hidden;margin:0 15px;

}
.owl-carousel .owl-controls .owl-buttons .owl-next {
	background: url(../images/jtr02.png)  center no-repeat;
	overflow: hidden;
margin:0 15px;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev:hover {
	background: url(../images/jtl03.png) center no-repeat;
	overflow: hidden;
}
.owl-carousel .owl-controls .owl-buttons .owl-next:hover {
	background: url(../images/jtr03.png) center no-repeat;
	overflow: hidden;
}
.owl-carousel .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}
.owl-carousel .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
*display: inline;/*IE7 life-saver*/
}

.owl-carousel .owl-controls .owl-page.active span, .owl-carouselpzs .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);/*IE7 fix*/

}
.owl-carousel .owl-controls .owl-page span.owl-numbers {
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	
}


.Information{position:relative;}
.Information .owl-controls{position:absolute;z-index:1;left:0;top:50%; right:0; transform:translate(0%,-50%); margin-top: 0; }
.Information .owl-prev{position:absolute;z-index:1;left:0; margin:0 !important; bottom:50% !important;transform: translateY(11px);}
.Information .owl-next{position:absolute;z-index:1;right:0;margin:0 !important;bottom:50% !important;transform: translateY(11px);}

.index-Applications-bj{background:#f7f7f7;overflow:hidden;}

.index-title-ms{text-align:center;margin:20px auto 0 auto;}
.index-title-ms p{margin:10px 0;color:#000;font-family:SourceHanSansCN-Regular;}


.index-Applications-hz{margin-right:-1.5%;margin-left:-1.5%; display: flex; flex-wrap: wrap;}
.index-Applications-box{margin-top:30px;position:relative;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;width:30.33%;float:left;margin-right:1.5%;margin-left:1.5%;  box-shadow: 0 0 26px 0 rgba(216, 228, 240, .8); padding:25px;background:#fff;}
.index-Applications-box:hover{transform:translateY(-6px); -webkit-trafont-size: 0;}
.index-Applications-pic{margin:20px 0;}
.index-Applications-title{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index-Applications-title a{font-size:18px;font-weight:bold;}
.index-Applications-ms li{margin-bottom:10px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index-Applications-more{text-align:center;margin-top:50px;}
.index-Applications-more a{font-weight:bold;font-size:18px;color:#3571ad;display:inline-block;border-radius:25px;border:2px solid #3571ad;  padding: 10px 30px;}
.index-Applications-more a:hover{background:#92ba48;border:2px solid #92ba48;color:#fff; text-decoration:none;}

.index-about-left{width:40%;float:left;}
.index-about-right{width:57%;float:right;}
.index-about-right-title{font-size:36px;line-height:40px;font-weight:bold;color:#000;}
.index-about-right-title p{font-size:18px;line-height:25px;margin-top:5px;font-family:SourceHanSansCN-Regular;}
.index-about-right-nr{margin:15px 0 30px;color:#666;}
.index-about-right-nr li{position:relative; padding-left:22px;margin-bottom:5px;}
.index-about-right-nr li .index-about-zm{position:absolute;z-index:1;left:0;top:12px;font-weight:bold;  transform:translate(0%,-50%); }
.index-about-right-title2{font-size:18px;font-weight:bold;color:#666;}
.index-about-right-title2 li{font-size:16px;font-family:SourceHanSansCN-Regular;margin-top:10px;position:relative; padding-left:32px;}
.index-about-right-title2 li img{position:absolute;z-index:1;left:0;top:12px;transform:translate(0%,-50%); }


.prosa img{width:100%;}
.proj{position: relative;text-align:center;display:flex;justify-content: center;margin-top:30px;}
.proj .swiper-pagination{position: static !important;width:auto !important;align-items: center;display:flex;margin:0 5%;}
.proj .swiper-pagination-bullet{border-radius:5px;background: #1279d5;width:10px;height:10px;}
.proj .swiper-button-next,.proj .swiper-button-prev{position: static !important;width:auto;height: auto;margin:0;color:#1279d5;}
.swiper-button-next:hover .index-top-pic-tu1{display:none; }
.swiper-button-next:hover .index-top-pic-tu2{display:inline-block;}
.swiper-button-prev:hover .index-top-pic-tu1{display:none;}
.swiper-button-prev:hover .index-top-pic-tu2{display:inline-block;}


.index-why-bj{background:url(../images/w.jpg)no-repeat top #f4f9ff;overflow:hidden;}
.index-why-left{width:60%;float:left;}
.index-why-p{font-size:24px !important;padding-top:20px;}
.index-why-left-a{margin-top:40px;}
.index-why-left-a-title{font-size:22px;font-weight:bold;position:relative; padding-left:40px;}
.index-why-left-a-nr{margin-top:15px;}
.index-why-left-a-title img{width:30px;position:absolute;z-index:1;left:0;top:13px;transform:translate(0%,-50%);}

.index-why-right{width:35%;float:right;}
.index-why-right-a{width:50%;float:left;text-align:center; }
.index-why-right-a:nth-child(2n){margin-top:100px; }
.index-why-right-yuan{ display: flex;
    justify-content: center;
    align-items: center;text-align:center;margin:0 auto;
    flex-direction: column;background:#fff;
    flex-wrap: nowrap;width:140px;height:140px;border:8px solid #3571ad;border-radius:100px;font-size:36px;line-height:40px;font-weight:bold;color:#3571ad;}
.index-why-right-yuan p{color:#666;font-size:16px;line-height:25px;}
.index-why-right-title{font-family:SourceHanSansCN-Medium;margin-top:10px;}
.yuan{font-size:24px;line-height:25px;font-weight:bold;}

.index-over-title{text-align:center;color:#666;font-size:24px;font-family:SourceHanSansCN-Medium;}

.index-customer-hz{background:#fff;border-radius:10px;padding:40px 40px 60px 40px;}
.index-customer-hz:hover{background:#f8f8f8;}
.index-customer-xx{float:left;width:100%;}
.index-customer-xx li{float:left;margin-right:5px;}
.index-customer-nr{margin:20px 0 50px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical; overflow:hidden; }
.index-customer-tx img{width:70px;border-radius:100px;border:3px solid #3571ad;position:absolute;z-index:1;left:0;top:15px;  transform:translate(0%,-50%);}
.index-customer-tx{color:#3571ad;font-weight:bold;position:relative; padding-left:80px;}

.hz-bottom{margin-bottom:60px;}
.hz-top{margin-top:60px;}

.index-information-top{
	position:relative;
	z-index:2;
	display:flex;
	align-items: center;
	gap:0 35px;
}
.index-information-top::before {
	content: "";
	position:absolute;
	bottom:0;
	left:0;
	z-index:-1;
	width:100%;
	height:2px;
	background: #ececec;
}
#index-information-prev,
#index-information-next{
	flex-shrink:0;
	position:static;
	width:36px;
	font-size:0;
	line-height:0;
	margin:0 !important;
	transform: translate(0%,0%) !important;
}
#index-information-prev img,
#index-information-next img{
	width:100%;
}
#index-information-prev{
	order:1;
	}
#index-information-next{
	order:3;
}
#index-information-btn{ order:2;  }
#index-information-btn .swiper-wrapper{}
#index-information-btn .swiper-slide{ width:auto; font-size:16px; line-height:56px;font-weight:bold;  white-space:nowrap; background:none;border-bottom:2px solid #ececec;cursor: pointer; }

.index-top-pic-tu2{display:none;}
#index-information-btn .swiper-slide.swiper-slide-thumb-active .index-top-pic-tu1{display:none;}
#index-information-btn .swiper-slide.swiper-slide-thumb-active .index-top-pic-tu2{display:inline-block;}

#index-information-btn .swiper-slide img{height:35px;}
#index-information-btn .swiper-slide p{text-align:center;}

#index-information-btn .swiper-slide.swiper-slide-thumb-active{ color:#3571ad;border-bottom:2px solid #3571ad;}
#index-information-list .swiper-slide{  background:none;}


.caseshow-join-list {
    width:82%;
    margin:40px auto 0 auto;
}


.caseshow-join-list ul {
    display: flex;
    flex-wrap: wrap;
}

.caseshow-join-list ul li {
    float: left;
    width: 100%;
    margin-bottom: 20px;
  padding:18px 25px;
    background-color: #fff;
    border-radius: 12px;font-weight:bold; 
    box-shadow: 0 0 43px 0 rgba(194, 194, 194, .2);
}


.caseshow-join-list2 {}

.caseshow-join-list2 ul {
    display: flex;
    flex-wrap: wrap;
}

.caseshow-join-list2 ul li {
    float: left;
    width: 100%;
    margin-bottom: 20px;
  padding:18px 25px;
    background-color: #fff;
    border-radius: 12px;font-weight:bold; 
    box-shadow: 0 0 43px 0 rgba(194, 194, 194, .2);
}

.faq{ font-weight: normal;color:#666;margin-top:20px;position:relative; padding-left:22px;}
.faq .faq-a{position:absolute;z-index:1;left:0;top:12px;  transform:translate(0%,-50%); }
.caseshow-join-menu {
    width: 100%;
    user-select: none;
    cursor: pointer;
    position: relative;
font-size:18px;padding-right:40px;
}


.caseshow-join-menu:hover {
    color: #3571ad;
}

.caseshow-join-menu:after {
    background: url(../images/jt.png)no-repeat;
    width: 21px;
    height:11px;
    content: "";
    display: inline-block;
    font: normal normal normal 24px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right:0;
    top:50%;
    margin-top:-5px;
}

.caseshow-join-menu.ontrue:after {
    transform: rotate(180deg);
    opacity: 1;
}

.index-Get-bj{margin-top:75px;background:#3571ad;overflow:hidden;}
.index-Get-box{ width:82%;margin:80px auto;overflow:hidden;}
.index-Get-left{color:#fff;float:left;width:35%;margin-right:5%;}
.index-Get-left-title{font-size:36px;line-height:40px;font-weight:bold;}
.index-Get-left-title2{font-weight:bold;margin:25px 0;}
.index-Get-right{float:left;width:60%;
    background-color: #fff;
    padding: 23px 28px;
    border-radius: 11px;}
.form-item{float:left;width:100%;margin-bottom:15px;}
.form-item p{margin-bottom:10px;}
.index-Get-name{float:left;width:28%;font-weight:bold;padding-right:3%;}
.hs{color:#f70909;margin-left:5px;}
.soka{width:70%;padding:0.6rem 0.5rem; background-color: rgba(237, 237, 237, .8);
    border-radius: 4px;  float:left;border:1px solid #f4f4f4;}
	.soka:hover,.sokb:hover,.sokc:hover{border:1px solid #666;background:#fff;}
	.sokc{width:63%;padding:10px;border-radius: 4px;background:rgba(246,246,246,0); float:right;border:1px solid #f1f1f1;}
	
.sokb{width:58%;padding: 0.6rem 0.5rem; background-color: rgba(237, 237, 237, .8);
    border-radius: 4px;float:left;margin-right:1%;border:1px solid #f4f4f4;}

.tj{ text-align: center;
    color: #fff; float:right;
    background:#3571ad;font-size:16px;
display:block;border-radius:5px;
cursor: pointer;display:inline-block; padding:8px 25px;border:none;}
	 input,textarea {outline:none;}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #586176; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #586176;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #586176;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #586176;
}
.phone-hzs{width:70%; background-color: rgba(237, 237, 237, .8);
    border-radius: 4px;float:left;position:relative;}
.phone-hzs2{width:100%; background-color: rgba(237, 237, 237, .8);
    border-radius: 4px;float:left;position:relative;}
.phone-hzs-left{cursor: pointer;float:left;width:25%;border-right:1px solid #cacaca;background:url(../images/sjx.png)no-repeat right 10px center;margin: 6px 15px;}
.phone-hzs-left-pic{float:left;padding-top:5px;padding-right:5px;}
.phone-hzs-left-pic img{width:22px;}

.phone-hzs-bottom{padding:10px 0;position:absolute;z-index:1;left:0;top:100%; right:0;text-align:center; background:#fff;display:none;height:200px;overflow-y:auto;box-shadow: 0 0 15px 0 rgba(211, 211, 211, .8);}
.phone-hzs-bottom li{float:left;width:100%;padding:5px 10px;}
.phone-hzs-bottom li:hover{background:#f2f2f2;cursor: pointer;}
.phone-hzs-bottom-pic{float:left;padding-top:5px;padding-right:5px;}
.phone-hzs-bottom-pic img{width:22px;border:1px solid #e4e4e4;}
.phone-hzs-bottom-name{float:left;margin:0 8px; width:37%; text-align: left;}
.phone-hzs-bottom-sz{color:#999;}



/*----底部----*/
.foot-logo{margin-top:80px;}
.foot-logo img{height:55px;}
.foot-hz{display: flex;margin-top:60px;}
.foot-box{float:left;width:70%;}

.foot-menu{float:left;margin-bottom:30px;padding-right:10%;}

.foot-contact-hz{float:left;}
.foot-contact-nr li{margin-bottom:10px;}
.foot-contact-wb li{margin-bottom:20px;overflow:hidden;position:relative; padding-left:50px;}
.foot-contact-wb li img{width:35px;position:absolute;z-index:1;left:0;top:23px; transform:translate(0%,-50%); }
.foot-contact-title{font-size:18px;font-weight:bold;margin-bottom:25px;}
.foot-follow{margin-top:20px;float:left;}

.foot-follow-pic li{width:28px;height:28px;
   text-align:center;padding-top:5px;
    background:#f2f2f2;
    margin-right: 6px;float:left;
    border-radius: 50%;margin-bottom:6px;}
.foot-follow-pic li img{height:18px;}
.index-top-pic-tu2{display:none;}
.foot-follow-pic li:hover .index-top-pic-tu1{display:none;}
.foot-follow-pic li:hover .index-top-pic-tu2{display:inline-block;}

.foot-bq{padding:15px 0;overflow:hidden;border-top:1px solid #e6e6e6;margin-top:20px;}
.foot-bq-wb{float:left;}
.foot-bq-wb a{color:#f2f4f6;}
.foot-bq-wb a:hover{color:#fbbb60;}
.foot-bq-menu{float:right;}
.foot-bq-menu li{float:left;margin:0 5px;font-size:12px;color:#999;}
.foot-bq-menu li a{font-size:16px;}


.ny-banner-bj{background-repeat:no-repeat;
    background-position: center;
    background-size: cover;
    height:400px;display: flex;
    align-items: center;}

.ny-dw{position:relative;height:100%;}
.ny-banner-wz{color:#000;font-family:SourceHanSansCN-Regular;cursor: pointer;position:absolute;z-index:1;left:0;top:25px;}
.banner-bt{ position: absolute;
    left: 0; display: flex;
    align-items: center;justify-content: center;
    top: 0;width:100%;height:100%;}
.about-wb{margin-top:35px;color:#000;}
.about-wb img{float:right;width:60%;padding:0 0 3% 3%;}
.about-wb p{margin-bottom:30px;}

.products-banner-bj{background-repeat:no-repeat;
    background-position: center;
    background-size: cover;
    height:500px;}
.products-banner-wz{padding-top:30px;color:#000;cursor: pointer;font-family:SourceHanSansCN-Regular;}	
.products-banner-left{width:44%;float:left;}
.products-banner-left-title{font-size:45px;line-height:45px;font-weight:bold;margin:35px 0;}
.products-banner-left-nr{ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.products-banner-an{margin-top:45px;}
.products-banner-an p{width:50%;text-align:center;margin-bottom:20px;display:inline-block;background:#3571ad;border:2px solid #3571ad; padding:10px;border-radius:25px;cursor: pointer;
 white-space: nowrap;}
.products-banner-an p:hover{background:#92ba48;border:2px solid #92ba48;}
.products-banner-an p:hover a{background:#92ba48;color:#fff;display:block; }
.products-banner-an p a{color:#fff;font-weight:bold;}
.products-banner-an p a:hover{text-decoration:none;}

.pro-banner-an{background:none !important;border:2px solid #3571ad;font-weight:bold;}
.pro-banner-an a{color:#3571ad !important;}
.pro-banner-an:hover a{color:#fff !important;}
.pro-banner-an:hover{background:#92ba48 !important;border:2px solid #92ba48;}
.pro-banner-an a:hover{text-decoration:none;}




.about-qywh-wb li{margin-bottom:30px;}
.about-qywh-wb-title{position:relative;padding-left:45px;font-size:20px;font-weight:bold;}
.about-qywh-wb-title img{width:35px;position:absolute;z-index:1;left:0;top:0;  }
.about-qywh-wb-nr{margin-top:10px;}



.service5Box4 .items {
  display: flex;
  flex-direction: column;
  gap: 80px;
}

.service5Box4 .item {
  display: flex;
    justify-content: space-between;
}

.service5Box4 .item:nth-child(2n) {
  flex-direction: row-reverse;
}
.service5Box4 .item .content {
 width:55%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.service5Box4 .item p{font-size: 22px;
    line-height: 30px;
    color: #666;}
.service5Box4 .item .img:hover img {
  transform: scale(1.05);
}
.img img {
    transition: all 0.5s ease 0s;width:100%;height:100%;-o-object-fit: cover;object-fit: cover;
}
.img {width:42%;
   overflow:hidden;
}


.products-service5Box4{}

.products-service5Box4 .products-items {
  display: flex;
  flex-direction: column;
  gap:60px;
}

.products-service5Box4 .products-item {
  display: flex;justify-content: space-between;border-bottom:1px solid #ccc;padding-bottom:30px;}

.products-service5Box4 .products-item:nth-child(2n) {
  flex-direction: row-reverse;
}
.products-service5Box4 .products-item .products-content {
 width:51%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.products-content-title{font-size:24px;font-weight:bold;}
.products-content-nr{margin:30px 0;}
.products-content-nr li{position:relative; padding-left: 15px;margin-bottom: 8px;}
 .products-content-nr li img{position:absolute;z-index:1;left:0;top:6px; }


.products-content-more{float:left;}
.products-content-more a p{font-weight:bold;}
.products-content-more a{text-align:center;color:#3571ad;display:inline-block;border-radius:50px;border:2px solid #3571ad;padding: 10px 30px;}
.products-content-more a:hover{background:#92ba48;border:2px solid #92ba48;color:#fff; text-decoration:none;}


.products-service5Box4 .products-item .products-img:hover img {transform: scale(1.05);}
.products-img{overflow:hidden;}
.products-img img{transition: all 0.5s ease 0s;width:100%;height:100%;-o-object-fit: cover;object-fit: cover;}
.products-img-hz {width:45%; }
.products-yy ul{margin-top:30px;}
.products-yy li{float:left;width:50%;margin-bottom:20px;position:relative; padding:0 28px;}
.products-yy li a{font-weight:bold;}
.products-yy li img{height:18px;position:absolute;z-index:1;left:0;top:3px; }

.index-top-pic-tu2{display:none;}
.products-yy li:hover .index-top-pic-tu1{display:none;}
.products-yy li:hover .index-top-pic-tu2{display:inline-block;}


.products-yy2 li{float:left;width:50%;margin-bottom:20px;position:relative; padding:0 28px;}
.products-yy2 li a{font-weight:bold;}
.products-yy2 li img{height:18px;position:absolute;z-index:1;left:0;top:3px; }




.about-offices-left{float:left;width:48%;color:#000;}
.about-offices-right{float:right;width:48%;}
.about-offices-left-dzbt{font-size:20px;font-weight:bold;margin:40px 0;}
.about-offices-left-dz p{font-weight:bold;margin-bottom:8px;}
.about-offices-bottom{margin-top:50px;}
.about-offices-bottom-lxfs ul{margin:0 -1%;display: flex; flex-wrap: wrap;}
.about-offices-bottom-lxfs li{word-break:break-all;position:relative;padding:20px 20px 20px 60px;float:left;width:23%;margin:0 1%;border:1px solid #e6e6e6;border-radius:10px;font-weight:bold;}
.about-offices-bottom-lxfs li img{width:20px;position:absolute;z-index:1;top:22px;left:30px;right:0;  }


.about-offices-bottom-fx{margin-top:40px; overflow:hidden;}
.about-offices-bottom-fx ul{margin:0 -1%;}
.about-offices-bottom-fx li{float:left;width:12.28%;margin:0 1%;border:1px solid #e6e6e6;border-radius:10px;text-align:center;}
.about-offices-bottom-fx li img{width:22px;}
.about-offices-bottom-fx li a{display:inline-block;width:100%; height:100%;padding:18px;}
.about-offices-bottom-fx li:hover{background:#0077e3;border:1px solid #0077e3;}
.about-offices-bottom-fx li:hover img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.about-offices-bottom-fx li:hover:nth-child(2){background-image: linear-gradient(to right, #a86db9,#ed656a,#ffc067);border:none;}
.about-offices-bottom-fx li:hover:nth-child(3):hover{background:#ff111d;border:1px solid #ff111d;}
.about-offices-bottom-fx li:hover:nth-child(4):hover{background:#0d7aee;border:1px solid #0d7aee;}
.about-offices-bottom-fx li:hover:nth-child(5):hover{background:#000000;border:1px solid #000000;}
.about-offices-bottom-fx li:hover:nth-child(6):hover{background:#3fa1f9;border:1px solid #3fa1f9;}
.about-offices-bottom-fx li:hover:nth-child(7):hover{background:#000;border:1px solid #000;}


.lingyu_box{ width:100%;overflow:hidden;margin-top:50px;}
.lingyu_liebiao{ display:block; overflow:hidden;}
.lingyu_liebiao li{ float:left; width:25%; position:relative; cursor:default;}
.khjz_dkj .lingyu_box .lingyu_liebiao li{ float:left;width:100%; position:relative; cursor:default;}
.lingyu_liebiao li .lingyu_tu{ width:100%; background:#3571ad; overflow:hidden;}
.lingyu_liebiao li .lingyu_tu img{ display:block; width:100%; height:auto; transition:all .5s ease; opacity:0.8;}
.lingyu_liebiao li .lingyu_x{ position:absolute;left:12px;right:12px;bottom:10%;}
.lingyu_liebiao li .lingyu_x img{ display:block; margin:0 auto;}
.lingyu_liebiao li .lingyu_x span{ display:block;text-align:center;font-size:22px;font-weight:bold; color:#fff;}
.lingyu_liebiao li .lingyu_x span a{font-size:22px;font-weight:bold; color:#fff;}
.lingyu_liebiao li .lingyu_x span a:hover{color:#3571ad;}
.lingyu_liebiao li:hover .lingyu_tu img{ transform:scale(1.05); opacity:0.3;}


.slider_table2 table {
    border-collapse: collapse;
    border: 1px solid #ccc;
    width: 100%
}

.slider_table2 td,
.slider_table2 th {
    padding: 12px;
    border: 1px solid #ccc;
    border-collapse: collapse
}


/*产品展示*/
.container{margin-top:80px;}
/*产品展示左侧*/
.pro-left{float: left;width:25%;box-sizing: border-box;}
.pro-content{width: 100%;}
.pro-right{float:right;width:70%;}

.pro-left .left-category ul li{position:relative; padding:20px 20px 20px 60px;font-size:18px;font-weight:bold;cursor: pointer;margin-bottom:8px;position:relative;}
.left-category ul li img{position:absolute;z-index:1;left:26px;top:32px;  transform:translate(0%,-50%); width:24px;}
.pro-left .left-category ul li.on{background: #e3f1ff;color:#3571ad;border-right:1px solid #3571ad;}
.pro-left .left-category ul li:hover{background: #e3f1ff; color:#3571ad;}
.pro-left .left-contact {margin-top: 37px;margin-bottom: 37px;text-indent: 70px;background: url(../image/tel.png) left 20px center no-repeat;}
.pro-left .left-contact p{color: #317fff;font-size: 14px;}
.pro-left .left-contact p.tel{font-size: 20px;padding-top: 10px;}
/*产品展示右侧*/
.pro-right{display: none;}
.pro-right.active{display: block;}


.about-milestones-bj{background:url(../images/Milestones.jpg) center;background-size: cover;
    background-attachment: fixed;
    overflow: hidden;margin-top:100px;}

.Milestones .item {
	padding:80px 15px;height:100%;border-left:1px dashed #fff;
	position:relative;color:#fff;border-bottom:1px solid #fff;}
.Milestones .item:hover {background: rgba(255, 255, 255, 0.8);color:#000;}
.Milestones-x{position:absolute;left:-1px;top:10%;z-index:2; right:0; transform:translate(-1px,-10%);}
.Milestones-title{font-size:32px;font-weight:bold;}
.Milestones-nr{margin-top:50px;}

.contact-ms{margin-top:20px;}

.contact-address-bj{background:#f9f9f9;overflow:hidden;}
.contact-address{position:relative; padding-left:25px;margin-top:50px;}
.contact-address img{width:15px;position:absolute;z-index:1;left:0;top:0;  }
.contact-address p{font-weight:bold;margin-bottom:10px;}

.contact-address-left {
    float:left;
    width:30%;
    color: #000;}
.contact-address-right {
    float: right;
    width:68%;
}


.contact-steps-bj{background-image: linear-gradient(to right, #1f2a36,#0f3358);overflow:hidden;}
.index-From-hz{display: flex;flex-wrap: wrap;margin-top:60px;margin-left:-1%;margin-right:-1%;color:#a4adb5;}
.index-From-box{width:23%;text-align:center;margin-left:1%;margin-right:1%;float:left;border:1px solid #a4adb5;padding:3% 1%;transition: all 0.5s ease; box-sizing: border-box;}
.index-From-box:hover{color:#fff;border:1px solid #fff; }
.index-From-box-title{font-weight:bold;}
.index-From-box-nr{margin-top:20px;}
.index-From-box-title p{margin-bottom:10px;font-size:48px;line-height:48px;font-weight:bold;}
.index-From-box-title img{width:70px;}

.contact-more{text-align:center;margin-top:50px;}
.contact-more a{font-weight:bold;font-size:18px;color:#fff;display:inline-block;border-radius:25px;background:#3571ad; padding:12px 40px;}
.contact-more a:hover{background:#92ba48;color:#fff; text-decoration:none;}

.contact-feedback{margin-right:-1%;margin-left:-1%;margin-top:40px;}
.contact-feedback .form-item{width:48%;margin-left:1%;margin-right:1%;}
.contact-feedback .form-item .soka{width:100%;font-family:SourceHanSansCN-Regular; padding:10px;}
.contact-feedback .form-item .soka:hover{background:#fff;border:1px solid #666;}
.contact-feedback .form-item .index-Get-name{width:100%;}
.contact-Get-name{float:left;width:100%;margin-bottom:10px;}
.contact-feedback .form-item .phone-hzs {width:100%; }
.contact-feedback .form-item .phone-hzs-left{margin: 8px 15px;}
.contact-feedback .form-item .sokb{width:86%;padding:12px;}
.contact-feedback .form-item .sokc{padding:12px;width:69%;}

.tj2 {
    text-align: center;
    color: #fff;

    background:#3571ad;
    font-size:16px;
    display: block;
    border-radius:5px;
    font-family: SourceHanSansCN-bold;
    cursor: pointer;
    padding:13px 45px;border-radius:25px;
    border: none;margin:15px auto 0 auto;}
	
	.tj2:hover{background:#92ba48;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #999; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #999;
}
.contact-wb{width:100%;margin-top:40px;line-height:30px;}
.contact-wb em{font-weight:bold;}
.contact-wb p{margin-bottom:20px;}

.Battery-title{font-weight:bold;font-size:20px;color:#000;margin-bottom:20px !important;}
.Battery-nr{line-height:28px;}
.Battery-nr li{margin-bottom:5px;}

.ct{font-weight:bold;}
.top-bj{margin-top:25px;}
.top-bj2{margin-top:50px;}
.bottom-bj{margin-bottom:25px;}

.pro_con {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}


.pro_t {position:relative;border-bottom:1px solid #e6e6e6;overflow: hidden;margin:50px 0 25px 0;}
.pro_t ul{text-align:center;display:block;}
.pro_t li {margin:0 8%;display:inline-block;cursor: pointer;padding-bottom:15px;color:#000;font-weight:bold;font-size:20px;}
.pro_t li:hover, .pro_t li.cur{color:#3571ad;border-bottom:2px solid #3571ad;}
.xt{position:absolute;z-index:-1;top:2px;left:-46px; right:0;text-align:center; color:#ccc;}
.pro-box {width:100%; max-width: 960px;
    overflow-y: auto;
}
.pro-box table{border-collapse:collapse;}
.pro-box table td{padding:10px;border:1px solid #929292; width:auto;font-family:SourceHanSansCN-Light,SourceHanSansCN-Medium,SourceHanSansCN-Bold;   }
.pro_gg h1{    font-size: 30px !important;line-height: 40px;margin-bottom:30px;}
.pro_gg h2{margin:35px 0 20px;}


.pro_gg-ls{ display: flex; flex-wrap: wrap;     align-items: center;justify-content: space-between;border-radius:10px;background-image: linear-gradient(to bottom, #cbdffb,#f1f7ff);padding:4%;overflow:hidden;}
.pro_gg-ls:nth-child(2n){background-image: linear-gradient(to bottom, #cafce7,#f1fff9);}
.pro_gg-ls:nth-child(3n){background-image: linear-gradient(to bottom, #fed6ca,#fff6f3);}
.pro_gg-ls:nth-child(2n) .pro_gg-right{float:left;}
.pro_gg-ls:nth-child(2n) .pro_gg-pic{float:right;order: 2;}

.pro_gg-pic{width:55%;float:left;}
.pro_gg-pic img{ width:100%;height:100%;-o-object-fit: cover;object-fit: cover;}
.pro_gg-right{width:40%;float:right;}
.pro_gg-right-title{font-weight:bold;font-size:20px;}
.pro_gg-right-ms{margin:25px 0;}
.pro_gg-right-nr{line-height:30px;}


.pro_t2{position:relative;border-bottom:1px solid #e6e6e6;overflow: hidden;margin:50px 0 25px 0;}
.pro_t2 ul{text-align:center;display:block;}
.pro_t2 li {margin: 10px 3% 0 3%;display:inline-block;cursor: pointer;padding-bottom:15px;color:#666;font-weight:bold;}
.pro_t2 li:hover, .pro_t2 li.cur{color:#3571ad;border-bottom:2px solid #3571ad;}
.Certification-pic{text-align:center;font-weight:bold;}
.Certification-pic img{border:1px solid #666;margin-bottom:10px;}

.pro_t3{position:relative;border-bottom:1px solid #e6e6e6;overflow: hidden;margin:50px 0 25px 0;}
.pro_t3 ul{text-align:center;display:block;}
.pro_t3 li {margin:0 3%;display:inline-block;cursor: pointer;padding-bottom:15px;color:#666;font-weight:bold;}
.pro_t3 li:hover, .pro_t3 li.cur{color:#3571ad;border-bottom:2px solid #3571ad;}


.Certification-tu{text-align:center;font-weight:bold;border:1px solid #ccc;border-radius:10px;background:#fff;}
.Certification-tu:hover{box-shadow: 0 0 26px 0 rgba(224, 224, 224, .8);}
.Certification-tu img{border-top-left-radius:10px;border-top-right-radius:10px;}
.Certification-tu p{padding:20px;}
.Certification-tu a{font-weight:bold;}
/* case */
.mainCon{margin-top:40px;overflow: hidden;}
.mainCon ul{margin-right:-3%;margin-left:-3%;display: flex; flex-wrap: wrap;}
.mainCon li{border-radius:5px;overflow:hidden;float: left;width:27.3%;margin-right:3%;margin-left:3%;margin-bottom:45px;font-weight:bold;text-align:center;}
.mainCon li img{width:100%;  object-fit: cover;transition: all .8s ease;margin-bottom:5px;border-radius:5px; }
.mainCon li:hover img{transform: scale(1.06);}

.Battery-step{text-align:center;background:#f5f5f5;padding:4%;}
.Battery-step-title{margin-top:15px;}
.Battery-step-title p{font-weight:bold;}
.step .item{margin:0 15px;display: flex !important; flex-wrap: wrap;}
.Battery-sz{position:absolute;z-index:1;left:0;bottom:-30px; right:0; font-size:18px;font-weight:bold;width:38px;height:38px;line-height:38px;text-align:center;color:#fff;background:#3571ad;margin:20px auto 0 auto;border-radius:100%;}
.Battery-step-pic img{width:100%;}
.step .owl-item{position:relative;}
.step{position:relative;}
.Battery-xt{position:absolute;z-index:-1;left:0;bottom:49px;width:90%;margin:0 auto; right:0;border:1px dashed #e6e6e6;}
.step.owl-carousel .owl-wrapper, .step.owl-carousel .owl-item{padding:0 0 40px 0 !important;}

.step .owl-prev {position:absolute;z-index:1;left:0;bottom:50px; right:0; margin:0 !important; }
.step .owl-next {position:absolute;z-index:1;right:0;bottom:50px; right:0; margin:0 !important; }

.step .owl-buttons{width:90%;margin:0 auto;}

.step.owl-carousel .owl-controls .owl-buttons div {
    display: inline-block;
    zoom: 1;
    width: 50px;
    height: 50px;
    transition: .35s;
    bottom: 25px;
    font-size: 0;
    position: absolute;
}

.step.owl-carousel .owl-controls .owl-buttons .owl-prev {
	background: url(../images/jtl06.png) #fff center no-repeat;
	overflow: hidden;
}
.step.owl-carousel .owl-controls .owl-buttons .owl-next {
	background: url(../images/jtr06.png) #fff center no-repeat;
	overflow: hidden;

}

.step.owl-carousel .owl-controls .owl-buttons .owl-prev:hover{background: url(../images/jtl07.png) center no-repeat;}
.step.owl-carousel .owl-controls .owl-buttons .owl-next:hover{background: url(../images/jtr07.png)  center no-repeat;}


.Partnership-From-hz{display: flex;flex-wrap: wrap;margin-top:50px;margin-left:-1%;margin-right:-1%;}
.Partnership-From-box{border-radius:10px;width:23%;margin-left:1%;margin-right:1%;float:left; background:#f8f8f8;
    color:#333;text-align:center;padding:50px 20px;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.Partnership-From-box2{border:1px solid #f8f8f8;width:31.33%;margin:0 1% 2% 1%;float:left; background:#f8f8f8;
    color:#333;text-align:center;padding:30px 20px;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.Partnership-From-box2:hover{background:#fff;border:1px solid #3571ad;}

.Partnership-From-box-title2{font-size:17px;font-weight:bold;margin-top:25px;}
.applications.owl-carousel .owl-controls{margin-top:0 !important;}
.Partnership-From-box-title{font-size:20px;font-weight:bold;margin:25px 0;color:#000;}
.Partnership-From-box:hover{transform:translateY(-6px); -webkit-trafont-size: 0; }
.Partnership-From-box-pic img{height:58px; transition:all 0.5s;}
.partnership-trusted-hz{display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.partnership-trusted-hz:hover{transform:translateY(-6px); -webkit-trafont-size: 0;}


.Partnership-map{margin:50px auto 0 auto;overflow-y:auto;}
.Partnership-map img{min-width:1100px;}
.partnership-trusted{margin:50px auto;width:80%;}
.partnership-trusted ul{display: flex; flex-wrap: wrap;}
.partnership-trusted li{width:19%;margin:0 3%;float:left;text-align:center;}
.partnership-trusted-sz{margin:0 auto; box-shadow: 0 4px 20px rgba(0, 0, 0, .25);text-align:center;border:5px solid #3571ad;border-radius:100px;width:120px;height:120px;line-height:120px;background:#fff;font-size:32px;font-weight:bold;color:#3571ad;}
.partnership-trusted-wb{margin-top:25px;font-weight:bold;}
.partnership-hzhb ul{margin:0 -1%;display: flex; flex-wrap: wrap;}
.partnership-hzhb li{width:23%;margin:0 1% 2% 1%;float:left; box-shadow: 0 0 36px 0 #ececec; background-color: #f9f9f9;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.partnership-hzhb li:hover{transform:translateY(-6px); -webkit-trafont-size: 0;}
.partnership-hzhb li:nth-child(5n){margin-left:15%;}
.partnership-hzhb li:nth-child(8n){margin-left:28%;}

.index-Professional-bj{background:url(../images/1.jpg) center;background-size: cover;
    background-attachment: fixed;color:#fff;
 text-align:center;
    overflow: hidden;}
.index-Professional-title{font-size:36px;line-height:40px;font-weight:bold;text-align:center;}
.index-Professional-nr{font-size:18px;margin-top:30px;font-family:SourceHanSansCN-Regular;}

.partnership-just-bj{background:#f8f8f8;overflow:hidden;}
.partnership-just{margin-top:60px;}

.pro-left2{float: left;width:32%;box-sizing: border-box;position: relative;}
.left-x{border-left:1px solid #ddd;height:100%; position: absolute;
 left:25px;
 top: 0;}
.pro-left2 .left-category2 ul li{
    color:#000;
    padding-left:70px;
    font-size:18px;font-family:SourceHanSansCN-Medium;
    margin-bottom: 50px;
    transition: all 0.5s ease 0s;
    position: relative;
    }
.pro-left2 .left-category2 ul li:last-of-type{margin-bottom:0; } 
.pro-left2 .left-category2 ul li h4 {
 width:50px;
 height:50px;
 line-height:50px;
 border-radius:25px;
 background:#e6e6e6;
 margin-bottom: 10px;
 text-align:center;
 position: absolute;
 z-index:2;
 left:0;
 top: 0;
 right:0;

 }
.pro-left2 .left-category2 ul li.on h4 { color: #fff;  background:#3571ad;}

.pro-left2 .left-category2 ul li p{padding:12px;}
.pro-left2 .left-category2 ul li.on p{display:block;background:#3571ad;color: #fff; }


/*产品展示右侧*/
.pro-right2{float: right;width:60%;display: none;}
.pro-right2.active{display: block;}

.Certification-product{border-radius:14px;padding:3%; box-shadow: 0 43px 30px 0 rgba(0, 0, 0, .06);}

.Certification-product-bottom-box{display: block;height:500px; overflow-y:scroll;  overflow-x:hidden;}
.Certification-product-bottom-box table{width:100%;  white-space:nowrap;border-collapse:collapse;text-align:center;}
.Certification-product-bottom-box table td{padding:12px;}
.Certification-product-bottom-box table tr{background:#f2f2f2;}
.Certification-product-bottom-box table tr:nth-child(Odd){background:#fff;}
.Certification-product-bottom-box table thead{ position:sticky;top:0;   table-layout: fixed;}
.Certification-product-bottom-box table thead tr{ background:#3571ad !important;text-align:center;padding:10px;white-space:nowrap;color:#fff;font-size:20px;font-weight:bold;}


.index-search{background:#f2f2f2;border:1px solid #d9d9d9;border-radius:5px;padding:10px;width:30%;}
.index-search:hover{background:#fff;}
.search-pic{width:20px;float:right;}
.sok {width:88%;
background:none;font-size:16px;
	float:left;border:none;}
	
.Certification-product-top{display: flex;
 justify-content: space-between;
 align-items: center;margin-bottom:20px;}
.Certification-product-top-right{flex: 1 1;
    display: flex;flex-wrap: wrap;
    justify-content: flex-end;}


.Certification-dw{ position:relative;}
.Certification-wb{margin-top:12px;font-weight:bold;margin-right:10px;}
.Certification-Voltage { cursor: pointer;text-align:center;
  background:#f2f2f2;border:1px solid #d9d9d9;border-radius:5px;padding:8px 30px;font-size:16px;
}
.Certification-Voltage:hover{background:#fff;}
  .Certification-Voltage:hover span{
    transform: rotate(180deg);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s; 
-o-transition-duration: .5s;  

}
  .Certification-Voltage:hover span{ transform: rotate(180deg);
    display: inline-block; margin-left:5px;transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s; 
-o-transition-duration: .5s;  
}

.Certification-hzs-bottom{cursor: pointer;background:#f2f2f2;display:none;position:absolute;z-index:1;left:0;top:43px; right:0; height:320px;overflow-y:auto;}
.Certification-hzs-bottom li{margin-bottom:5px;padding:5px;}
.Certification-hzs-bottom li:hover{background:#3571ad;color:#fff;}
.Certification-hzs-bottom li.on{font-weight:bold;color:#3571ad;}
.Certification-hzs-bottom li:hover.on{font-weight:bold;color:#fff}

.Certification-Voltage2 { cursor: pointer;text-align:center;
 background:#f2f2f2;border:1px solid #d9d9d9;border-radius:5px;padding:8px 30px;font-size:16px;margin:0 15px;}
.Certification-Voltage2:hover{background:#fff;}
  .Certification-Voltage2:hover span{
    transform: rotate(180deg);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s; 
-o-transition-duration: .5s;  

}
  .Certification-Voltage2:hover span{ transform: rotate(180deg);
    display: inline-block; margin-left:5px;transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s; 
-o-transition-duration: .5s;  
}

.Certification-hzs-bottom2{cursor: pointer;margin:0 15px;background:#f2f2f2;display:none;position:absolute;z-index:1;left:0;top:43px; right:0; height:320px;overflow-y:auto;}
.Certification-hzs-bottom2 li{padding:5px;cursor: pointer;}
.Certification-hzs-bottom2 li:hover{background:#3571ad;color:#fff;}
.Certification-hzs-bottom2 li.on{font-weight:bold;color:#3571ad;}
.Certification-hzs-bottom2 li:hover.on{font-weight:bold;color:#fff}

.Certification-Voltage3 { cursor: pointer;text-align:center;
  background:#f2f2f2;border:1px solid #d9d9d9;border-radius:5px;padding:8px 20px;font-size:16px;
}
.Certification-Voltage3:hover{background:#fff;}
  .Certification-Voltage3:hover span{
    transform: rotate(180deg);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s; 
-o-transition-duration: .5s;  

}
  .Certification-Voltage3:hover span{ transform: rotate(180deg);
    display: inline-block; margin-left:5px;transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s; 
-o-transition-duration: .5s;  
}

.Certification-hzs-bottom3{cursor: pointer;background:#f2f2f2;display:none;position:absolute;z-index:1;left:0;top:43px;right:0; height:320px;overflow-y:auto;}
.Certification-hzs-bottom3 li{margin-bottom:5px;padding:5px;cursor: pointer;}
.Certification-hzs-bottom3 li:hover{background:#3571ad;color:#fff;}
.Certification-hzs-bottom3 li.on{font-weight:bold;color:#3571ad;}
.Certification-hzs-bottom3 li:hover.on{font-weight:bold;color:#fff}


.careers-offices-left{width:46%;color:#000;}
.careers-offices-right{width:48%;}

.careers-From-hz{display: flex;flex-wrap: wrap;margin-top:50px;}
.careers-From-box{width:25%;float:left; border-right:1px solid #e6e6e6;
    color:#333;text-align:center;padding:0 3%;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.careers-From-box:last-of-type{ border-right:none;}

.careers-From-box-title{font-size:20px;font-weight:bold;margin:25px 0;color:#000;}
.careers-From-box:hover{transform:translateY(-6px); -webkit-trafont-size: 0; }
.careers-From-box-pic img{height:120px; transition:all 0.5s;}


.careers-hz{width:90%;margin:0 auto;}
.careers-trusted-hz{overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.careers-trusted-hz:hover{transform:translateY(-6px); -webkit-trafont-size: 0;}
.careers-employee-hz{margin-top:50px;}

.careers-employee-top{background:#3571ad;color:#fff;font-weight:bold;overflow:hidden;}
.careers-employee-top ul{text-align:center;}
.careers-employee-top li{text-align:center;width:40%;padding:15px;display:inline-block;}

.careers-join-list ul {
    display: flex;
    flex-wrap: wrap;
}

.careers-join-list ul li {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.careers-faq{background:#f7f7f7;color:#666;padding-top:20px;}

.careers-join-menu {
    width: 100%;
    user-select: none;
    cursor: pointer;
    position: relative; background-color: #e0e0e0;
padding:12px;font-weight:bold; 
}


.careers-join-menu:hover {
    color: #3571ad;
}

.careers-join-menu:after {
    background: url(../images/jt.png)no-repeat;
    width: 21px;
    height:11px;
    content: "";
    display: inline-block;
    font: normal normal normal 24px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right:25px;
    top:50%;
    margin-top:-5px;
}

.careers-join-menu.ontrue:after {
    transform: rotate(180deg);
    opacity: 1;
}
.careers-faq{ display: flex;
    justify-content: space-between;
}
.careers-faq-box{width:33.3%;float:left;padding:0 2%;}
.careers-faq-box p{margin-bottom:15px;}
.careers-faq-more{text-align: center;
    height: 100%; display: flex;
    align-items: center;
    justify-content: center;margin-top:0;
}
.pros2{margin:50px 0;  }

.prosa2{width:48%;float:left;}
.prosa2 img{width:100%;}
.prosb2{float:right;width:45%;box-sizing: border-box;}
.prosb2-wb{border-bottom:1px solid #e6e6e6;margin:40px 0;padding-bottom:40px;}
.prosb2-name p{font-weight:bold; }
.product2-fl{margin:35px 0;}
.product2-fl ul{ display: flex;flex-wrap: wrap;}
.product2-fl li{float:left;padding-right:3%;margin-bottom:15px;}

.product2-top{margin-bottom:45px;overflow:hidden; display: flex;
    justify-content: space-between;
    align-items: center;}
.product2-top-pic{width:45%;float:left;}
.product2-top-pic img{border-radius:10px;}
.product2-top-right{width:50%;float:right;}

.product2-bottom-pic {width:25%;text-align:center;float:left;}
.product2-bottom-pic img{height:42px;}
.product2-bottom-pic p{font-weight:bold;margin-top:5px;}

.products2-banner-an{margin-top:45px;}
.products2-banner-an p{width:48%;text-align:center;margin-bottom:20px;display:inline-block;background:#3571ad;border:2px solid #3571ad; padding:10px;border-radius:25px;cursor: pointer;
}
.products2-banner-an p:hover{background:#92ba48;border:2px solid #92ba48;}
.products2-banner-an p:hover a{background:#92ba48;color:#fff;display:block; }
.products2-banner-an p a{color:#fff;font-weight:bold;}
.products2-banner-an p a:hover{text-decoration:none;}

.pro2-banner-an{background:none !important;border:2px solid #3571ad;font-weight:bold;}
.pro2-banner-an a{color:#3571ad !important;}
.pro2-banner-an:hover a{color:#fff !important;}
.pro2-banner-an:hover{background:#92ba48 !important;border:2px solid #92ba48;}
.pro2-banner-an a:hover{text-decoration:none;}

.products2-tu-box{margin:0 -1%;}
.products2-tu{width:23%;margin:0 1% 30px 1%;text-align:center;font-weight:bold;border:1px solid #ccc;border-radius:10px;background:#fff;float:left;}
.products2-tu:hover{box-shadow: 0 0 26px 0 rgba(224, 224, 224, .8);}
.products2-tu img{border-top-left-radius:10px;border-top-right-radius:10px;}
.products2-tu p{padding:20px;}
.products2-tu a{font-weight:bold;}

.careers-employee-box{width:100%; overflow-x: auto;}
.careers-employee-hz{min-width:1100px;overflow-y:auto;}
.careers-employee-hz2{overflow-y:auto;}
.products2-employee-top{background:#3571ad;color:#fff;font-weight:bold;max-width:1200px;overflow-y:auto;}
.products2-employee-top ul{    display: flex;
    justify-content: space-between;
    align-items: center;
       padding: 0 220px;}
.products2-employee-top li{padding:15px 0; }


.products2-yc{display:none;}
.products2-faq table{border-collapse:collapse;}
.products2-faq table tr{background:#f2f2f2;padding:0 15px;}
.products2-faq table tr:nth-child(even){background:#fafafa;}
.products2-faq table td{padding:15px 0;font-family:SourceHanSansCN-Light; box-sizing: border-box;}
.products2-faq table td a{color:#3571ad;font-size:14px;}
.products2-faq table td p{margin-bottom:5px;}
.products2-faq table td p a{font-weight:bold;border:2px solid #3571ad;display:inline-block;border-radius:25px;width:140px;text-align:center;padding:5px 10px;} 
.products2-bg{text-align:center;}

.products2-professional-pic{margin:50px 0 30px 0;}
.products2-professional-tu{text-align:center;}
.products2-professional-tu img{height:60px;}
.hzhb.owl-carousel .owl-item {display: block !important;text-align:center;flex-wrap: wrap;}
	
.faqs-hz{background:#ededed;overflow:hidden;}
.product3-top-right-title{margin-bottom:35px;    font-size: 36px;
    font-weight: bold;
    line-height: 45px;}


.product3-From-hz{display: flex;flex-wrap: wrap;margin-top:50px;margin-left:-1%;margin-right:-1%;}
.product3-From-box{border-radius:10px;width:31.33%;margin-left:1%;margin-right:1%;float:left; background:#fff;margin-bottom:25px;
    color:#333;text-align:center;padding:50px 20px;border:1px solid #fff;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.product3-From-box-title{font-size:20px;font-weight:bold;margin:25px 0;color:#000;}
.product3-From-box:hover{border:1px solid #3571ad;transform:translateY(-6px); -webkit-trafont-size: 0; }
.product3-From-box-pic img{height:174px; transition:all 0.5s;}
.product3-trusted-hz{overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.product3-trusted-hz:hover{transform:translateY(-6px); -webkit-trafont-size: 0;}


.product3-left{width:25%;position: -webkit-sticky;
    position: sticky;
    top:116px;}
.product3-Related-title{font-size:20px;font-weight:bold;margin-bottom:20px;}
.product3-Related{border-bottom:1px solid #e6e6e6;padding-bottom:30px;}
.product3-Related li a{padding:6px;display:block}
.product3-Related li a:hover{background:#f4f4f4;}
.product3-Related li a.on{background:#f4f4f4;color:#3571ad;}

.product3-map{background:#f4f4f4;padding:35px 5%;margin-top:50px;overflow:hidden;}

.product3-Get-name{float:left;font-weight:bold;width:100%;}

.product3-soka{width:100%;padding:0.6rem 0.5rem; background-color:#e0e0e0;
    border-radius: 4px; float:left;border:1px solid #f4f4f4;}
.product3-soka:hover,.product3-sokb:hover,.product3-sokc:hover{border:1px solid #666;background:#fff;}
.product3-sokc{width:58%;padding:10px;border-radius:4px;background:#e0e0e0; float:right;border:1px solid #e0e0e0;}	
.product3-sokb{width:75%;padding: 0.6rem 0.5rem; background-color:#e0e0e0;
    border-radius: 4px;float:left;margin-right:1%;border:1px solid #f4f4f4;}
.product3-phone-hzs{width:100%; background-color:#e0e0e0;border-radius: 4px;float:left; position:relative;}
.product3-hzs-left{cursor: pointer;float:left;width:30%;border-right:1px solid #cacaca;background:url(../images/sjx.png)no-repeat right 10px center;margin: 6px 15px;}
.product3-tj{ text-align: center;
    color: #fff; 
    background:#3571ad;font-size:16px;
display:block;border-radius:5px;font-family:SourceHanSansCN-Regular;
cursor: pointer;display:inline-block; padding:6px 15px;border:none;}
.product3-title{font-weight:bold;margin-bottom:25px;}

.product3-follow{margin-top:30px;float:left;border-top:1px solid #b6b6b6;padding-top:20px;width:100%;}
.product3-right{width:70%;float:right;}

.product3-hz{margin-bottom:30px;}
.products3-tu-box{margin:40px -1% 0 -1%;overflow:hidden;}
.products3-tu{width:31.33%;margin:0 1% 30px 1%;text-align:center;font-weight:bold;border:1px solid #ccc;border-radius:10px;background:#fff;float:left;}
.products3-tu:hover{box-shadow: 0 0 26px 0 rgba(224, 224, 224, .8);}
.products3-tu img{border-top-left-radius:10px;border-top-right-radius:10px;}
.products3-tu p{padding:20px;}
.products3-tu a{font-weight:bold;}



.product-top{width:43%;}

.product-xq-sj {display:none; }	

.productshow-top-right{width:50%;}
.productshow-top-right-nr{margin:25px 0;color:#666;}
.productshow-top-Model li{float:left;margin-right:5%;}


.productshow-top-right-more .btn {
        display: inline-block;
        padding:0 3em;
        line-height:2.65em;
        color: #fff;
  background:#1864a0;font-size:18px;
        transition: all 0.4s;
    }

.productshow-top-right-more .btn:hover {
        padding: 0 3.5em;
        background:#1469ac;}
		

.products-common {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.products-hzhb ul{margin:0 -1%;display: flex; flex-wrap: wrap;}
.products-hzhb li{margin-right:20px;float:left; overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.products-hzhb li:hover{transform:translateY(-6px); -webkit-trafont-size: 0;}
.products-hzhb li img{height:45px;}

/*分页*/
.yema{
	width: 100%;
	text-align: center;
	overflow: hidden;
}

.yema a{ display:inline-block; height:43px; line-height:43px;min-width:43px; border-radius:5px;overflow:hidden;  margin:0 3px;  text-align:center; border:1px solid #dfdfdf;}
.yema a:hover{ text-decoration:none; color:#fff; background:#1163a2;}
.yema a.on{color:#fff;  background:#1163a2;}
.yema a.first:hover,.yema a.last:hover{background-color:#1163a2;}
.yema a span{ font-family: "宋体";font-size:18px;}



/*上下篇*/
#page{}
#page .next,#page .prev{}
#page .next a,#page .prev a{color:#002462;}
#page .next a:hover,#page .prev a:hover{ color: #3571ad;}
#page .next{margin-top: 6px;}


.productshow-Get-bj{background:#064069;overflow:hidden;}

.commitment-From-hz{display: flex;flex-wrap: wrap;margin-left:-1.5%;margin-right:-1.5%;}
.commitment-From-box{border-radius:10px;width:22%;margin-left:1.5%;margin-right:1.5%;float:left; background:#7da9e1;margin-bottom:20px;
    color:#000;text-align:center;padding:30px 20px;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.commitment-From-box:nth-child(even){background:#fff;}
.commitment-From-box-title{margin:20px 0;font-weight:bold;}
.commitment-From-box:hover{transform:translateY(-6px); -webkit-trafont-size: 0; }

.commitment-From-box-pic img{height:75.0px; transition:all 0.5s;border-radius:5px;}

.pro-gg-box{ display: flex;
    flex-wrap: wrap;
    align-items: flex-start; justify-content: space-between;}

 .swiper-container {
      width: 100%;
      height: 100%;margin-top:50px;
    }

    .swiper-slide {
	  transition: 300ms;
	
    }
	.productshow-friendly{text-align:center;margin-top:15px;font-weight:bold;}
	.swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}
	.productshow-nr-hz{border-bottom: 1px solid #ccc; padding-bottom:20px;margin-bottom:50px;}
.productshow-nr{margin-top:20px;}
.productshow-nr p{margin-bottom:15px;}

.productshow-nr-box{margin-top:50px;}

.productshow-specs table{border-collapse:collapse;width:100%;}
.productshow-specs table td{padding:10px;border:1px solid #dee2e6; width:auto;white-space:nowrap;}
.productshow-specs table td:nth-child(Odd){font-weight:bold;color:#000;}

.productshow-specs{overflow-x:auto;}

.applications-office-hz{display: flex;
    flex-wrap: wrap;
   justify-content: space-between;}
   
.applications-office-left-nr p{ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden; }
 .applications-office-left-pic{margin:20px 0;}
.applications-office-left{width:35%;}
.applications-office-right{width:63%;}
.applications .owl-buttons{display:none !important;}

#firstpane{border-bottom:1px solid #dee2e6;padding-bottom:20px;}
.menu_head{padding-right:38px;font-size:18px; cursor:pointer;position:relative;margin-bottom:22px;font-family: SourceHanSansCN-Bold;background: url(../images/jt.png) center right no-repeat;}
.menu_list .current{background: url(../images/jt2.png) center right no-repeat;}
.menu_body{margin-bottom:20px;}
.menu_body a{display:block;padding-left:28px;padding:5px;}
.menu_body a:hover{background:#f9f9f9;text-decoration:none;}

.applicationshow-title{background:#d4e7fe;border-left:10px solid #3571ad;font-size:36px;line-height:36px;font-family: SourceHanSansCN-Bold;padding:25px;}
.applicationshow-nr{margin-top:30px;}
.applicationshow-nr p{margin-bottom:30px;}

.custom-bj{background:#fff; box-shadow: 0 0 10px 0 rgba(230, 230, 230, .6); padding:5%;overflow:hidden;}


.custom-lxfs ul{display: flex; flex-wrap: wrap;}
.custom-lxfs li{position:relative;width:33.33%;padding-left:50px;}
.custom-lxfs li img{width:40px;position:absolute;z-index:1;left:0;top:5px;}

.custom-Battery{}
.custom-Battery ul{margin:0 -1%;display: flex; flex-wrap: wrap;}
.custom-Battery li{width:31.33%; margin:0 1%; font-family: SourceHanSansCN-Bold;text-align:center;margin-top:45px;}
.custom-Battery li p{color:#3571ad;font-size:36px;line-height:40px;font-family:Tahoma, Geneva, sans-serif;font-weight:bold;}

.about-offices-top{display: flex;
 justify-content: space-between;
 align-items: center;}
.custom-packs-bj{background:#e5effb;overflow:hidden;}
.custom-packs-ms{margin:20px 0;color:#666;}

.contact-what-bj{background:url(../images/what.jpg) center;background-size: cover;
    background-attachment: fixed;
    overflow: hidden;color:#fff;}
.contact-what{margin:0 2% 50px 2%;}
.contact-what ul{margin:0 -1%;text-align:center;}
.contact-what li{width:14%;margin:0 1% 2% 1%; display:inline-block;background-color: #fff;overflow:hidden;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.contact-what li:hover{transform:translateY(-6px); -webkit-trafont-size: 0;}


.blog-hz{ display: flex;
    flex-wrap: wrap; 
    align-items: flex-start; justify-content: space-between;}
.Blog-search{width:60%;}

.Blog-search-box{background:#f4f4f4;border-radius:25px;border:1px solid #ccc;width:50%;padding-left:10px;}
.Blog-search-pic{width:7%;float:left;margin-top:10px;padding-left:5px;}
.Blog-search-ss{background:#f4f4f4;width:93%;padding:3%;border:none;border-radius:25px;font-size:16px;}
.Blog-left-hz{ margin:0 -2%; display: flex; flex-wrap: wrap; }
.Blog-left-nr{width:46%;margin:0 2% 0 2%;float:left;}
.Blog-left-nr-hz{ padding: 20px 0 !important;}

.index-Application-bj2 {
    background-image: linear-gradient(to bottom, #f9f9f9, #fff,#f9f9f9);
    overflow: hidden;}
.Resources-Explore ul{display: flex; flex-wrap: wrap;margin:0 -1%;}
.Resources-Explore li{width:18%;margin:0 1% 3% 1%;display:inline-block;background:#f4f4f4;text-align:center;border-radius:25px;padding:15px 30px;}
.Resources-Explore li a{font-family: SourceHanSansCN-Bold;font-size:18px;}

.topics-more{float:right;margin-top:40px;}
.topics-more a{font-family: SourceHanSansCN-Medium;font-size:18px;}

.topics-news-nr{margin-left:-1%;margin-right:-1%;display: flex; flex-wrap: wrap;}
.topics-news-nr-left{width:31.33%;border-radius:8px;background:#f8f8f8;margin-left:1%;margin-right:1%;margin-bottom:3%;float:left;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.topics-news-nr-left:hover{transform:translateY(-6px); -webkit-trafont-size: 0;background:#f4f9ff;}
 .topics-news-nr-left-title{ margin:15px 0;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
 .topics-news-nr-left-title a{font-weight:bold;  font-size: 18px;}
 .index-news-digital{border-bottom-right-radius:8px;background:rgba(255,255,255,0.7);display:inline-block;padding:6px 20px;position:absolute;z-index:1;left:0;top:0;  }
.index-news-nr-hz{position:relative;}

 .resources-Submit{background:#e6e6e6;overflow:hidden;}
 .resources-Submit-title{width:60%;position:relative; padding-left:100px;font-size:24px;font-family: SourceHanSansCN-Bold;}
  .resources-Submit-title img{height:60px;position:absolute;z-index:1;left:0;top:15px;  transform:translate(0%,-50%);}
  .resources-Submit-serach{width: 27%;}
   .resources-Submit-serach .Blog-search-ss{float:left;background:#fff;width:80%;height:40px;line-height:40px;border:none;padding:0 15px;border-radius:25px;font-size:16px; border-bottom-right-radius: 0; border-top-right-radius: 0;}
  .resources-Submit-serach .Blog-search-pic{float:left;margin-top:0;padding-left:0;max-width:40px;width:20%;height:40px;}

.resources-title-ms{font-size:20px;font-family: SourceHanSansCN-Medium;margin-top:25px;}
.resources-real{display:flex; flex-wrap: wrap;margin:50px -3% 0 -3%; }
.resources-real-hz{ width:25%;margin:0 4%;float:left;text-align:center;}
.resources-real-pic{width:60%;margin:0 auto;background:#fff;border:6px solid #3571ad;border-radius:100%;}
.resources-real-pic img{border-radius:100%;}
.resources-real-title{margin:30px 0 20px 0;}
.resources-real-title a{font-size:24px;font-weight:bold; }

.resources-custom-bj{
    background:#3571ad;
    overflow: hidden;
}

.resources-custom-an{margin-top:30px;text-align: center;}
.resources-custom-an p{
margin-right:2%;
 text-align:center;
 margin-bottom:20px;
 display:inline-block;
 background:#fff;
 border:2px solid #fff;
 padding:10px 60px;
 border-radius:25px;
 cursor: pointer;
 white-space: nowrap;
 }
.resources-custom-an p:hover{background:#92ba48;border:2px solid #92ba48;}
.resources-custom-an p:hover a{background:#92ba48;color:#fff;display:block; }
.resources-custom-an p a{color:#3571ad;font-weight:bold;}
.resources-custom-an p a:hover{text-decoration:none;}

.resources-custom-an2{background:none !important;background:#fff;font-weight:bold;}
.resources-custom-an2 a{color:#fff !important;}
.resources-custom-an2:hover a{color:#fff !important;}
.resources-custom-an2:hover{background:#92ba48 !important;border:2px solid #fff;}
.resources-custom-an2 a:hover{text-decoration:none;}

.form-select{border:1px solid #e9e9e9;color:#666;font-size:16px;font-weight:bold;border-radius:25px;padding:12px 15px;}
select {outline:none;}

.resources2-left{width:60%; position:relative; }
.resources2-right{width:35%;}
.resources2-left-nr{position:absolute;z-index:1;left:0;bottom:0; background:rgba(255,255,255,0.7);width:100%; }
.resources2-left-pic img{width:100%;}



.Resourceshow-bottom-right-bt-hz ul{margin-bottom:30px;display: flex; flex-wrap: wrap; }
.Resourceshow-bottom-right-bt-hz li {width:50%;display: flex;
 justify-content: space-between;margin-bottom:30px;
 align-items: center;padding-right:4%;border-bottom:1px solid #e9e9e9;padding-bottom:30px;}

.Resourceshow-bottom-right-pic{width:50%;padding-right:20px;}
.Resourceshow-bottom-right-pic img{width:100%;height:100%;-o-object-fit: cover;object-fit: cover;}
.Resourceshow-bottom-right-hz{width:50%;}

.Resourceshow-bottom-right-title {text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
    margin-bottom:20px;}
.Resourceshow-bottom-right-title  a{font-size: 18px;font-weight:bold;}


.case-bj{
    background:url(../images/case-bj.jpg)no-repeat top #3571ad; overflow: hidden;padding-top:80px;}
.case-industry{margin:35px auto !important;overflow:hidden;}
.case-industry li{float:left;margin-right:2%;margin-bottom:2%;}
.case-industry li a{display:inline-block;font-weight:bold;border:1px solid #3571ad;color:#3571ad;padding:8px 20px;border-radius:25px;}
.case-industry li a:hover{border:1px solid #3571ad;background:#3571ad;color:#fff; text-decoration:none;}
.case-industry li a.on{background:#3571ad;color:#fff;}

.hz-san{margin-top:40px !important;}
.hz-width-pc{width:80%;margin:auto;}

.faq-left li{margin-bottom:20px;}
.faq-left a{font-size:20px;font-weight:bold;}
.faq-left li a.on{color:#3571ad;}

.events-news-nr{margin-left:-2%;margin-right:-2%;display: flex; flex-wrap: wrap;}
.events-news-nr-left{width:46%;border-radius:8px;background:#f8f8f8;margin-left:2%;margin-right:2%;margin-bottom:3%;float:left;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.events-news-nr-left:hover{transform:translateY(-6px); -webkit-trafont-size: 0;background:#f4f9ff;}

.news-xt{border-bottom:1px solid #999999;margin-top:10px; padding:0 !important;}

.news-info-bj{background:#ebebeb;border-radius:8px;padding:50px;}

.news-events-bj{background:#fff;border-radius:10px;display: flex !important;
    justify-content: space-between;
    align-items: center;}
.news-events-pic{margin-bottom:0 !important;}
.news-events-pic img{border-top-left-radius:10px;border-bottom-left-radius:10px;}
.news-events-title{ margin:15px 0;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.news-events-title a{font-weight:bold;  font-size: 22px;}

.hz-two{margin-top:20px;}
.ct2{font-size:22px;}
.left{font-size:28px;line-height:32px;color:#000;}
.caseshow-title{margin-bottom:10px;color:#333;}

.pc-hz-width{width:85%;margin:0 auto;}

.caseshow-From-box-pic img{height:58px; transition:all 0.5s;}
.applicationshow-nr ul{margin-left:20px;}
.applicationshow-nr li{list-style-position:outside;list-style-type:disc;line-height:30px;}

.caseshow-pl-bj{background:#f4f9ff;border-radius:10px;padding:30px;overflow:hidden;}
.caseshow-pl{text-align:center;width:90%; margin:0 auto;}


.caseshow-customer-tx{color:#3571ad;font-weight:bold; display: flex;
justify-content: center;
 align-items: center;font-size:14px;}
.caseshow-customer-tx img{width:70px;border-radius:100px;margin-right:10px;border:3px solid #3571ad;}
.caseshow-hs{color:#999;font-family:SourceHanSansCN-Normal;padding-left:15px;}


  .product-details-container {
             border-bottom: 1px solid #ccc;
            margin: 40px auto;
            padding-bottom:50px;
            text-align: center;
        }

        .section-title {
            font-size: 2rem;
            font-weight: bold;
            margin-bottom: 50px !important;
        }

        /* 默认：一排 2 个按钮 */
        .tab-buttons {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            margin-bottom: 50px;
        }

        .tab-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            padding: 16px 24px;
            border: none;
            background: #f8f8f8;
            border-radius: 8px;
            font-size: 1rem;
            cursor: pointer;
            transition: all 0.3s ease;
        }
.tab-btn img{width:16px;}
        .tab-btn.active {
            background: #fff;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

        .tab-btn i {
            font-size: 1.4rem;
        }

        /* 内容区域 */
        .tab-content-item {
            display: none;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            gap: 40px;
        }

        .tab-content-item.active {
            display: flex;
        }

        .chart-container {
            flex: 1;
            min-width: 300px;
            max-width: 450px;
        }

        .chart-container img {
            width: 100%;
            height: auto;
        }

        .description-text {
            flex: 1;
            min-width: 300px;
            max-width: 500px;
            text-align: left;
         
        }

        /* =============== 响应式适配 =============== */
        /* 平板 */
        @media (max-width: 768px) {
            .section-title {
                font-size: 1.8rem;
            }
            .tab-content-item {
                flex-direction: column;
            }
            .description-text {
                text-align: center;
            }
        }

        /* 手机：自动变成一排 1 个按钮 */
        @media (max-width: 576px) {
            .tab-buttons {
                grid-template-columns: 1fr;
            }
        }