@import url(jquery.bxslider.css);
@import url(pscroll.css);
/*首页*/
.about-img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
}
.about-sec-title {text-align:center;font-size:28px;color:#333;margin:40px 0 24px 0;}
/* timeline title align left like reference */
.about-timeline .about-sec-title{ text-align:left; font-size:36px; color:#111827; margin:0 0 16px 0 }
.about-intro{padding:40px 0;}
.about-intro__grid{display:flex;gap:24px;align-items:center;}
.about-intro__text{flex:1;}
.about-intro__text h3{font-size:28px;margin-bottom:16px;color:#333;}
.about-intro__paragraphs p{line-height:1.9;color:#555;margin:0 0 10px 0;}
.about-intro__media{flex:1;}
.about-media-card{border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.08);}
.about-media-card img{display:block;width:100%;height:auto;}

.about-timeline{padding:40px 0;background:linear-gradient(180deg,#ffffff 0%, #f8f9ff 100%);} 
/* new two-column timeline */
.timeline-wrap{max-width:1200px;margin:0 auto;display:flex;gap:28px;align-items:flex-start;}
.timeline-years{position:sticky;top:100px;flex:0 0 180px;border:2px solid #00a1e9;border-radius:6px;padding:12px 0;background:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.35));max-height:calc(100vh - 220px);overflow:auto}
.timeline-years ul{list-style:none;margin:0;padding:0 0 0 0;border-left:2px solid #e5e7eb;}
/* force remove any global list-style bullets */
.about-timeline .timeline-years ul, .about-timeline .timeline-years li{list-style:none !important;padding-left:0 !important;margin-left:0 !important;}
.timeline-years li{margin:0;}
.timeline-years a{display:block;padding:10px 12px 10px 16px;margin-left:12px;border-radius:6px;color:#374151;text-decoration:none;position:relative;}
.timeline-years a:before{content:'';position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:3px;height:0;background:#00a1e9;border-radius:2px;transition:height .2s;}
.timeline-years a.active,.timeline-years a:hover{background:#e6f6fe;color:#0b3d66;}
.timeline-years a.active:before{height:24px;}

.timeline-content{flex:1;max-height:calc(100vh - 220px);overflow:auto;border:2px solid #00a1e9;border-radius:6px;padding:16px;background:linear-gradient(180deg, rgba(255,255,255,.8), rgba(255,255,255,.6));position:relative}
.timeline-content::-webkit-scrollbar{width:8px;height:8px}
.timeline-content::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:8px}
.timeline-content:hover::-webkit-scrollbar-thumb{background:#c7c9d1}
.t-item{position:relative;padding:40px 16px;border-left:2px solid #e5e7eb;margin-left:12px;}
.t-item:first-child{padding-top:0;}
.t-item:before{content:'';position:absolute;left:-9px;top:48px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #99d9f5;box-shadow:0 0 0 2px #e6f6fe;transition:all .2s;}
.t-item.active:before{background:#00a1e9;border-color:#00a1e9;box-shadow:0 0 0 3px rgba(0,161,233,.25);} 
.t-item h4{font-size:22px;color:#111827;margin:0 0 8px 0;}
.t-item p{color:#444;}
.t-watermark{position:absolute;right:16px;bottom:16px;top:auto;font-size:180px;font-weight:800;color:rgba(0,161,233,0.12);line-height:1;pointer-events:none;}

.about-certs{padding:32px 0;}
.certs-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;padding:0;}
.cert-card{background:#fff;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.06);text-align:center;padding:18px;}
.cert-card img{width:60px;height:auto;margin:8px auto 10px auto;display:block;}
.cert-card p{margin:0;color:#555;}

.about-global{padding:40px 0;background:#fafafa;}
.about-global__wrap{display:flex;align-items:center;gap:24px;}
.about-global__text{flex:1;}
.about-global__text h3{font-size:24px;color:#333;margin-bottom:12px;}
.about-global__bullets{margin:0;padding-left:18px;color:#555;}
.about-global__map{flex:1;}
.about-global__map img{width:100%;height:auto;display:block;filter:drop-shadow(0 8px 20px rgba(0,0,0,.08));}

.about-partners{padding:32px 0;}
.partners-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;list-style:none;padding:0;}
.partners-grid li{background:#fff;border:1px solid #f0f0f0;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:10px;}
.partners-grid img{max-width:100%;height:auto;}

@media screen and (max-width: 1000px){
  .about-intro__grid,.about-global__wrap{flex-direction:column;}
  .certs-grid{grid-template-columns:repeat(2,1fr);}  
  .partners-grid{grid-template-columns:repeat(3,1fr);} 
}
@media screen and (max-width: 640px){
  .timeline-wrap{flex-direction:column;}
  .timeline-years{position:relative;top:0;}
  .t-watermark{font-size:72px;right:8px;}
  .certs-grid{grid-template-columns:1fr;}
  .partners-grid{grid-template-columns:repeat(2,1fr);} 
}
.i_product_bg {
	background-color: #f5f5f5;
	overflow: hidden;
	padding-bottom: 2.5%;
}
.i_title {
	margin-top: 5%;
	margin-bottom: 4%;
	overflow: hidden;
	text-align: center;
}
.i_title h2 {
	overflow: hidden;
	font-weight: bold;
	color: #000000;
	letter-spacing: -3px;
	text-transform: uppercase;
	font-family: Arial;
}
.i_title p {
	background: url(../images/i_bg1.png) center bottom no-repeat;
	color: #000000;
	padding-bottom: 15px;
}
.nproduct_list2 {
	overflow: hidden;
	padding-bottom: 20px;
	padding-top: 8px;
}
.nproduct_list2 ul li {
	float: left;
	width: 32.1%;
	margin-left: 0.5%;
	margin-right: 1%;
	overflow: hidden;
	margin-bottom: 1.5%;
	text-align: center;
	background-color: #fff;
	padding-bottom: 4%;
}
.nproduct_list2 ul li:nth-child(3n+0) {
	margin-right: 0;
}
.nproduct_list2 ul li img {
	display: inline-block;
	width: 100%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	vertical-align: middle;
}

.flash_div {
	display: none;
}
.nproduct_list2 ul li .imgs {
	width: 100%;
	overflow: hidden;
}
.nproduct_list2 ul li h2 {
	font-weight: normal;
	color: #333333;
	line-height: 36px;
	height: 36px;
	text-align: center;
	overflow: hidden;
	padding-left: 2%;
	padding-right: 2%;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all 0.3s;
	margin-bottom: 1%;
}
.nproduct_list2 ul li p {
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	color: #929292;
	font-size: 14px;
	padding-left: 2%;
	padding-right: 2%;
	max-width: 350px;
	margin: 0 auto;
}
.nproduct_list2 ul li em {
	display: block;
	color: #ee697e;
	font-size: 14px;
	margin-top: 10px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
}
.nproduct_list2 ul li label {
	display: block;
	color: #333;
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	margin-top: 5px;
}
.nproduct_list2 ul li:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.nproduct_list2 ul li:hover {
	-webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.1);
	box-shadow: 0 5px 20px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
	transition: all 0.3s;
}
.nproduct_list2 ul li:hover h2 {
	color: #00a1e9;
}
.i_solution {
	overflow: hidden;
	padding-bottom: 4%;
	padding-top: 8px;
}
.i_solution ul li {
	float: left;
	width: 49%;
	margin-right: 2%;
	overflow: hidden;
	margin-bottom: 1.5%;
	text-align: center;
}
.i_solution ul li:nth-child(2n+0) {
	margin-right: 0;
}
.i_solution ul li img {
	display: block;
	width: 100%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	vertical-align: middle;
}
.i_solution ul li .imgs {
	margin: 0 auto;
	overflow: hidden;
}
.i_solution ul li .txts {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
}
.i_solution ul li h2 {
	font-weight: normal;
	color: #fff;
	line-height: 36px;
	height: 36px;
	text-align: center;
	overflow: hidden;
	padding-left: 2%;
	padding-right: 2%;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all 0.3s;
	margin-bottom: 1%;
	margin-top: 30%;
}
.i_solution ul li p {
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	color: #FFF;
	font-size: 14px;
	padding-left: 2%;
	padding-right: 2%;
	max-width: 350px;
	margin: 0 auto;
}
.i_solution ul li:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.i_case_bg {
	background: url(../images/i_bg2.jpg) center center no-repeat;
	background-size: cover;
	overflow: hidden;
	padding-bottom: 4%;
}
.i_apps_bg{background:#ffffff;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;overflow:hidden;padding:48px 0}
.i_apps_list{overflow:hidden}
.i_apps_list ul{margin:0;padding:0;list-style:none}
.i_apps_list ul li{float:left;width:32.1%;margin-left:0.5%;margin-right:1%;margin-bottom:1.5%;background:#fff;border:1px solid #f0f0f0;border-radius:8px;overflow:hidden;transition:all .25s}
.i_apps_list ul li:nth-child(3n+0){margin-right:0}
.i_apps_list .imgs{width:100%;overflow:hidden;background:#f8f9fb}
.i_apps_list .imgs img{display:block;width:100%;transition:transform .3s ease}
.i_apps_list .txts{padding:14px}
.i_apps_list .txts h3{margin:0 0 6px 0;color:#111827;font-weight:600}
.i_apps_list .txts p{margin:0;color:#6b7280;line-height:1.7;height:40px;overflow:hidden}
.i_apps_list ul li:hover{box-shadow:0 8px 22px rgba(0,0,0,.08);transform:translate3d(0,-2px,0)}
.i_apps_list ul li:hover .imgs img{transform:scale(1.06)}
.i_apps_actions{clear:both;text-align:center;margin-top:12px}
.btn-apps{display:inline-block;padding:10px 20px;border:1px solid #00a1e9;border-radius:24px;color:#00a1e9;text-decoration:none;transition:all .2s}
.btn-apps:hover{background:#00a1e9;color:#fff}
@media screen and (max-width: 780px){
  .i_apps_list ul li{width:49%}
  .i_apps_list ul li:nth-child(3n+0){margin-right:1%}
  .i_apps_list ul li:nth-child(2n+0){margin-right:0}
}
@media screen and (max-width: 480px){
  .i_apps_list .txts p{height:auto}
}
.i_case_bg .i_title h2 {
	color: #fff;
}
.i_case_bg .i_title p {
	color: #fff;
	background: url(../images/i_bg3.png) center bottom no-repeat;
}
.i_link {
	overflow: hidden;
	margin-bottom: 3%;
}
.i_link ul li {
	float: left;
	width: 15.8%;
	margin-right: 1%;
	margin-bottom: 1%;
	overflow: hidden;
}
.i_link ul li:nth-child(6n+0) {
	margin-right: 0;
}
.i_link ul li .imgs {
	overflow: hidden;
	border: 1px solid #f0f0f0;
}
.i_link ul li .imgs img {
	display: block;
	width: 100%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.i_link ul li .imgs:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.banner_pos {
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
}
.banner_pos .banner_div {/* display:table; vertical-align:bottom; */
	height: 100%;
	width: 100%;
	position: relative;
}
/*.banner_pos .wrap .td{ display:table-cell; vertical-align:bottom;height:100%;}*/
/*.banner_pos img{transition:all 0.3s;filter: Alpha(Opacity=100);opacity: 1.0; max-width:100%;}*/
.banner_pos .img001 {
	height: 100%;
	width: 57.6%;
	vertical-align: bottom;
	position: absolute;
	bottom: 0;
	right: 0%;
}
.banner_pos .img001 img {
	height: 100%;
	filter: Alpha(Opacity=0);
	opacity: 0;
}
.banner_pos .txtsbox {
	float: left;
	width: 50%;
}
.banner_pos .txts {
	float: right;
	margin-right: 3%;
	margin-top: 20%;
	width: 94%;
	max-width: 536px;
	text-align: left;
}
.banner_pos .txts h2 {
	color: #00a1e9;
}
.banner_pos .txts p {
	color: #767676;
	margin-top: 6%;
}
.banner_pos .txts a {
	margin-top: 6%;
	width: 220px;
	display: block;
	height: 48px;
	line-height: 48px;
	border: 1px solid #606060;
	text-align: center;
	font-size: 12px;
	color: #a2a2a2;
}
.banner_pos .txts a em {
	float: right;
	margin-right: 7%;
	font-style: normal;
	font-family: "宋体";
	font-size: 18px;
}
.banner_pos .txts a:hover {
	border: 1px solid #00a1e9;
}
.banner_pos .txts a:hover {
	color: #00a1e9;
}

/*动画*/


@media screen and (max-width:1760px) {
}
@media screen and (max-width:1440px) {
}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1000px) {
.i_link ul li {
	width: 19%;
}
.i_link ul li:nth-child(6n+0) {
	margin-right: 1.1%;
}
.i_link ul li:nth-child(5n+0) {
	margin-right: 0;
}
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:830px) {
/*轮显*/
#slider {
	display: none;
}
.flash_div {
	display: block;
}
.i_link ul li {
	width: 24%;
}
.i_link ul li:nth-child(5n+0) {
	margin-right: 1.1%;
}
.i_link ul li:nth-child(4n+0) {
	margin-right: 0;
}
}
 @media screen and (max-width: 780px) {
.nproduct_list2 ul li {
	width: 49%;
}
.nproduct_list2 ul li:nth-child(3n+0) {
	margin-right: 1%;
}
.nproduct_list2 ul li:nth-child(2n+0) {
	margin-right: 0;
}
}
@media screen and (max-width: 640px) {
.nproduct_list2 ul li p {
	font-size: 13px;
}
.i_link ul li {
	width: 32.5%;
}
.i_link ul li:nth-child(4n+0) {
	margin-right: 1.1%;
}
.i_link ul li:nth-child(3n+0) {
	margin-right: 0;
}
}
 @media screen and (max-width: 480px) {
.nproduct_list2 ul li p {
	font-size: 12px;
}
}
 @media screen and (max-width:360px) {
}