/* CSS Reset */
html{-webkit-text-size-adjust:none;font-size: 62.5%;} 
body{color: #666;overflow-x:hidden;margin:0;padding:0;}
input,select,textarea {border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #000;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color:#ccc;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.send-mark {position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;background: rgba(255,255,255,0.5);}
.send-mark.cur {display: none;}
.send-mark i {display: block;width: 4.8rem;height: 4.8rem;background:url('../images/loading.gif') center no-repeat;background-size: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50,-50%);}
::-webkit-scrollbar{height:4px; width:0px;background: #ccc;}
::-webkit-scrollbar-button{height:0; width:5px;background: #ccc;}
::-webkit-scrollbar-thumb{background-color:#000;box-shadow:inset 1px 1px 0 #000,inset 0 -1px 0 #000;}




/* header */
.header {position:fixed;left: 0;top: 0;z-index: 500;width: 100%;transition:all .4s ease;/* background: #fff; */padding: 0 5.7291666vw;box-sizing: border-box;}
/* .header::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background: #e4e7ec;} */
.header * {transition:all .4s ease;}
.header-content {margin: auto;text-align: center;font-size: 0;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.header-left {/* width: 20%; *//* padding: 15px 0; */}
.header-right {color: #000;z-index: 10;display: flex;align-items: center;width: calc(100% - 6.66vw);padding-left: 1.041666vw;box-sizing: border-box;flex-wrap: wrap;-webkit-justify-content: flex-end;justify-content: flex-end;}

.header-logo {overflow: hidden;}
.header-logo a {display: block;width: 6.66vw;height: auto;} 

.header-nav {display: flex;/* margin-left: 4rem; */}
.header-nav ul,.header-nav li {list-style: none;margin: 0;padding: 0;display: flex;}
.header-nav li {position: relative;z-index: 80;}
.header-nav a {color: #ffffff;position: relative;font-size: 0.9375vw;}
.header-nav a:hover,.header-nav li:hover a {color: #142888;}
.scroll-top .header-nav li.cur >a,.scroll-down .header-nav li.cur >a, .page_view .header-nav li.cur >a{color: #142888;}
.scroll-top .header-nav a,.scroll-down .header-nav a,.scroll-top .linkbtn-1,.scroll-down .linkbtn-1,.page_view .header-nav a,.page_view .linkbtn-1 {color: #222;}
.scroll-top .linkbtn-1 i,.scroll-down .linkbtn-1 i,.page_view .linkbtn-1 i {filter:none;}
.header-link {font-size: 0;margin-left: 10rem;} 
.header-link .link-1:first-child::after {content: '';width: 1px;height: 1rem;display: inline-block;vertical-align: middle;background: #e5e5e5;margin: 0 2rem;}
.header-link .link-1:first-child {display: none;}
.link-1{display: inline-block;vertical-align: middle;}
.linkbtn-1 {display: inline-block;vertical-align: middle;text-align: center;padding:0;box-sizing: border-box;font-size: 0;color: #FFF;}
.linkbtn-1 a {display: inline-block;vertical-align: middle;}
.linkbtn-1 i {width: 2.5rem;height: 2.5rem;position: relative;display: inline-block;vertical-align: middle;filter: brightness(0) invert(1);}
.linkbtn-1 span {display: inline-block;vertical-align: middle;margin-left: .5rem;} 
.link-1.more-menu .linkbtn-1 span {padding-right: 0rem;position: relative;}
.link-1.more-menu .linkbtn-1 span::after {content: '';width: .8rem;height: 1.2rem;position:absolute;right: 0;top: 50%;background: url('../images/r.png') right center no-repeat;background-size: 80% 80%;filter: invert(1) brightness(4);transform:translateY(-50%) rotate(90deg);display: none;}


.page_view .header,
.header.scroll-down,
.header.scroll-top,
.header.cur,
.header.black,
.detail .header  {background:#fff;}
.header.hover::after,.header.black::after {display: block;}
/* .header.scroll-down .header-content,.header.scroll-top .header-content{height: 5rem;}
.header-nav-show.scroll .header-nav-show-content {margin-top: 5rem;}
.header.scroll-down .header-logo,.header.scroll-top .header-logo {max-width: 15rem;} */
.header.scroll-down, .header.scroll-top, .page_view .header {box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 15px -5px;}
.logo-img {display: block;height: 100%;width: 100%;}

.header-nav-show {position: fixed;left: 0;top: 0;width: 100%;z-index:111;overflow: hidden;transition:all .4s ease;}
.header-nav-show.Hide {opacity:0;height: 0;z-index:111;}
.header-nav-show-content {width:100%;position: relative;overflow: hidden;transition:all .4s ease;background: #fff;overflow: hidden;margin-top:7.5rem;}
.header-show-mark.cur  {display: block;opacity: 1;z-index: 100;}
.header-show-mark {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index:-1;overflow: hidden;transition:all .4s ease;background: rgba(0,0,0,.7);opacity: 0;}
.header-navshow-content {padding: 3% 0;overflow: hidden;width: 90%;margin: auto;}
.header-product-class {float: left;width: 24.222%;overflow: hidden;position: relative;margin-bottom: 1%;margin-right: 1%;}
.header-product-class.mr0 {margin-right: 0;}
.header-product-class a {display: block;position: relative;overflow: hidden;background: #f0f2f4;}
.header-product-class a::before {content: '';width: 0;height: 3px;position: absolute;left: 0;top: 0;background: #142888;z-index: 11;}
.header-product-class .icon-1 {position: absolute;left: 5%;bottom: 0;width: 25%;height: auto;z-index: 11;max-height: 100%;}
.header-product-class .title-1 {position: absolute;left: 40%;top: 50%;transform: translateY(-50%);z-index: 12;color: #372e50;}
.header-product-class a:hover .title-1{color: #142888;}
.header-product-class a:hover::before {width: 100%;}

/**二级下拉*/
@media only screen and (min-width: 769px) {
	.header-nav ul li ul.xg_menuUl2 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		display: block;
		text-align: center;
		padding: 5.38vw 0 1.041666vw 0;
		pointer-events: none;
	}
	.header-nav ul li .xg_menuUl2::before {
		content: '';
		position: absolute;
		left: 0px;
		top: -0.15625vw;
		width: 100%;
		height: 0.15625vw;
		z-index: 1;
		background: #142888;
		transition: 0.6s;
	}
	.header-nav li.nav-item:hover .xg_menuUl2::before {
		top:0;
	}
	.header-nav ul li .xg_menuUl2::after {
		content: "";
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 0px;
		background: rgb(255, 255, 255);
		transition: 0.6s;
		border-radius: 0px 0px 0.520833vw 0.520833vw;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1.26042vw;
		/* background: linear-gradient(135deg, #ffffff 35%, #f0f4f8 100%); */
	}
	.header-nav li.nav-item:hover .xg_menuUl2::after {
		height: 100%;
	}
	.header-nav ul li ul li.xg_menuLi2 {
		color: #fff;
		font-weight: normal;
		background-position: center top;
		background-repeat: no-repeat;
		position: relative;
		margin-left:0px;
		padding: 0;
		line-height: 2.39583vw;
		opacity: 0;
		/* transition:all 0.6s; */
	}
	.header-nav ul li ul li .xg_menuTitle2 {
		text-align: center;
		width: 100%;
	}
	.header-nav ul li ul li .xg_menuA2 {
			width: auto;
			text-align: center;
			border-bottom-color: #f3f3f3;
			border-bottom-style: solid;
			border-bottom-width: 0px;
			color: #372e50;
			font-size: 0.833vw;
			display: block;
		}

	.header-nav ul li ul li .xg_menuA2:hover {
		border-bottom-color: #f4cd19;
		color: #142888
	}
	/* 二级菜单显示时的样式（配合JS） */
	.header-nav ul li ul.xg_menuUl2.show {
		display: block;
		opacity: 1;
		pointer-events: auto;
	}
	.header-nav ul li ul.xg_menuUl2.show li {
		opacity: 1;
		transition: all 0.4s ease-in-out .25s;
	}
	.nav-item a.nav{
		line-height: 5.38vw;
		z-index: 85;
		padding: 0 2.5vw;
	}
	.nav-item a.nav::after {
		content: "";
		position: absolute;
		left: 50%;
		bottom: 10%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 0.3125vw;
		height: 0.3125vw;
		background: #FFF;
		-webkit-border-radius: 10vw;
		border-radius: 10vw;
		opacity: 0;
		-webkit-transition: all .6s ease;
		transition: all .6s ease;
	}
	.nav-item.cur a.nav::after {opacity: 1; width: 1.5vw;}
	.scroll-top .nav-item.cur a.nav::after,.scroll-down .nav-item.cur a.nav::after {opacity: 0;}
	.hover .nav-item:hover a.nav::after {width: 0.3125vw; opacity: 1;}
	.nav-item:hover a.nav::after {
		opacity: 1;
		background: #142888;
	}
}
/* menu */
.mheader-nav {z-index: 399!important;}
.menu-toggle {display: none;margin-left: 2rem;}
.menu-toggle a {display: inline-block;vertical-align: middle;box-sizing: border-box;width: 60%;margin-top: -3px;}
.cd-nav-trigger {display: inline-block;position: relative;}
.menu-toggle i:before {display: inline-block;vertical-align: middle;color: #000;font-size: 1.6rem;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:100%;height:2px;background:#FFF;position:absolute;top:50%;margin-top:-2px;left:50%;margin-left:-50%;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.page_view .menu-toggle span.hamburger,
.page_view .menu-toggle span.hamburger:after,
.page_view .menu-toggle span.hamburger:before,
.scroll-top .menu-toggle span.hamburger,
.scroll-top .menu-toggle span.hamburger:after,
.scroll-top .menu-toggle span.hamburger:before,
.scroll-down .menu-toggle span.hamburger,
.scroll-down .menu-toggle span.hamburger:after,
.scroll-down .menu-toggle span.hamburger:before{background: #000;}
.menu-toggle span.hamburger:after {margin-top:-6px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:6px;top:0;transition-delay:0.2s;}
.menu-toggle span.cross {display: inline-block;vertical-align: middle;position: relative;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:100%;height:2px;background:#000;position:absolute;top:50%;margin-top:0;left:50%;margin-left:-50%;-webkit-transform:translateY(-7rem) translateX(-7rem) rotate(45deg);transform:translateY(-7rem) translateX(-7rem) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(7rem) translateX(-7rem) rotate(-45deg);transform:translateY(7rem) translateX(-7rem) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-7rem) translateX(7rem) rotate(-45deg);transform:translateY(-7rem) translateX(7rem) rotate(-45deg);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(7rem);transform:translateX(7rem);transition-delay:0.12s;}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}
.menu-toggle span.hamburger {display: inline-block;vertical-align: middle;position: relative;left: auto;margin: 0;top: auto;} 
.menu-toggle .menu-text {display: inline-block;vertical-align: middle;margin-left: .4rem;position: relative;overflow: hidden;z-index: 11;}
.menu-toggle em {font-style: normal;color: #fff;display: block;}
.menu-toggle em:last-child {position: absolute;left: 0;top:0;opacity: 0;transform: translateY(100%);}
.no-touch .menu-toggle em:first-child {transform: translateY(-100%);}
.no-touch .menu-toggle em:last-child {transform: translateY(0);opacity: 1;} 

.index_banner {position: relative;}
.index_banner::before {content: '';position: absolute;left: 0;right: 0;top: 0;height: 15vw;z-index: 2;background-image: linear-gradient(to bottom, rgb(0 0 0 / 40%) 0%, rgba(0, 2, 59, 0) 100%);}
.index_banner .swiper-slide a {display: block; overflow: hidden; font-size: 0;}



/* footer */
.footer {position: relative;clear: both; overflow: hidden;background: #1a1a1a;color: #8d8d8d;position: relative;z-index: 11;}
.footer li {list-style: none;margin: 0;padding: 0;}
.footer-content {justify-content: space-between;font-size: 0;}
.footer-content-top {padding: 5% 0 2%;overflow: hidden;}
.footer-content-left {width: 50%;} 
.footer-logo {width: 8vw;overflow: hidden;filter: brightness(0%) invert(100%);}
.footer-contact {margin-top: 3.5vw;} 
.footer-contact .hotline-2 {font-size: 0;display: flex;align-items: center;align-content: center;flex-wrap: wrap;}
.footer-contact .hotline-2 .icon-1{width: 2vw;height: 2vw;display: inline-block;vertical-align: middle;margin-right: 1rem;color: #FFF;font-size: 2vw;}
.footer-contact .hotline-2 .tel-2{display: inline-block;vertical-align: middle;color: #fff;}
.footer-contact .text-3{color: #777;margin-top: 1vw;line-height: 1.8em;font-size: 0.833333vw;}
.footer-contact .botton-4{overflow: hidden;margin-top: 1vw;}
.footer-contact .botton-4 a{font-size: 0;margin-right: 1rem;text-align: center;position: relative;background: #424242;border-radius: 0.416667vw;display: inline-block;padding: 0.66vw 1.25vw;/* line-height: 3vw; */overflow: hidden;}
.footer-contact .botton-4 i{display: inline-block;vertical-align: middle;margin-left: 1rem;width: 1.7rem;height: 1.1rem;background: url('../images/r2.png') center no-repeat;background-size: 100%;position: relative;z-index: 11;filter: invert(1);}
.footer-contact .botton-4 span {display: inline-block;vertical-align: middle;color: #fff;}
.footer-contact .botton-4 a:hover {background: #142888;}
.footer-contact .botton-4 a:hover i {filter: invert(1) brightness(5);}

.footer .followus-5 {margin-top: 4rem;}
.footer .followus-5 .text-1 {display: inline-block;vertical-align: middle;}
.footer .followus-5 .icon-2 {display: inline-block;vertical-align: middle;}
.footer .followus-5 .icon-2 li{list-style: none;padding: 0;margin: 0;display: inline-block;vertical-align: middle;margin-right: 0.666vw;}
.footer .followus-5 .icon-2 li .iconfont{display: block;width: 2.5vw;height: 2.5vw;position: relative;overflow: hidden;text-align: center;line-height: 2.5vw;font-size: 1.5vw;background: #ffffff0f;border-radius: 0.416667vw;}
.footer .followus-5 .icon-2 li .iconfont:hover {color: #FFF;}
.footer .followus-5 .icon-2 li img {max-width: 100%;max-height: 100%;width: 100%;}
.footer .followus-5 .icon-2 li a:hover {background: #e3030d;border: 1px solid #e3030d;}
.footer .followus-5 .icon-2 li {position: relative;}
.footer .followus-5 .icon-2 li:hover .ewmshow{display: block;}
.ewmshow{width: 8vw;height: 8vw;overflow: hidden;position: absolute;left: 0;bottom: 3vw;background: #fff;padding: 0;display: none;}
.footer-content-right {width: 24%;}
.footer-nav {-webkit-justify-content: space-between; justify-content: space-between;}
.footer_menu_item_box { max-width: 25%; padding-right: 1.041666vw;box-sizing: border-box;}
.footer_menu_item_title{padding-bottom:1vw;position:relative}
.footer_menu_item_title:after{content:"";position:absolute;left:0;bottom:0;width:0.78125vw;height:0.1041666vw;background:#fff}
.footer_menu_item_title a{color:#fff;font-size:0.9375vw;line-height:1.5625vw;font-weight:bold;max-width:100%;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.footer_menu_item_ul{margin-top:1.30208333vw}
.footer_menu_item_li{padding-bottom:0.35vw}
.footer_menu_item_li a{color:#999;font-size:0.78125vw;line-height:1.5625vw;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;position:relative;-webkit-transition:all .6s ease;transition:all .6s ease}
.footer_menu_item_li a:hover{color:#fff}

.footer-content-bottom {overflow: hidden;position: relative;background: #111;}
.footer-content-bottom .footer-content {padding: 1.2vw 0;position: relative;}
.footer-content-bottom .footer-content .page_center {justify-content: space-between;align-items: center;}
.footer-content-bottom a {color: #a1a1a1;margin: 0 1rem;}
.footer-content-bottom a:hover {color: #fff}
.footer-content-bottom .followus-5 {position: absolute;top: 50%;transform: translateY(-50%);right: 0;display: block;margin: 0;}
.footer .footer-content-bottom .followus-5 .icon-2 li a {margin: 0;}
.footer-link a:first-child {margin-right: 1rem;margin-left: 0;}
.footer-copy {overflow: hidden;/* margin-top: 1rem; */}
.footer-rlink {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.footer-rlink p {}
.footer-rlink span {display: inline-block;vertical-align: middle;}
.footer-rlink span img{max-width: 15px;display: block;}
 
/* 星空自定义 */
.page_center{padding:0 5.7291666vw}
.bg_gray{background-color:#F6F6F6;background-repeat:no-repeat;background-size:100%}
.bg_white{background-color:#FFF;background-repeat:no-repeat;background-size:100%}
.flex{display:-webkit-flex;display:-ms-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.cover{position:relative;height:0;overflow:hidden}
.cover img{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover}
.index_head_button .public_btn_box {/* background: #004190; */border: 1px solid #dfdfdf;}
.index_head_button .public_btn_text {/* color: #ffffff; */}
.index_head_wrap{width:100%;margin-bottom: 35px;}
.index_head_box{width:100%;-webkit-align-items: center;align-items: center;-webkit-justify-content:space-between;justify-content:space-between}
.public_max_title{font-size: 36px;/* line-height: 1.5em; */color:#222222}
.public_max_text{font-size:1.1458333vw;line-height:1.6666vw;color:#222222;letter-spacing:0.208333vw}
.index_head_subtitle {display: none;}
.index_head_text{margin-top: 1.041667vw;}
.index_head_text p {margin: 0;}
.public_max_text p { margin-top: 0.5vw;}
.index_public_en_text{font-size: 24px;line-height: 1.5em;color:#142888;text-transform:uppercase}
.public_btn_box{position:relative;background:#fff}
.public_btn_box:after{content:"";position:absolute;left:0;top:0;width:0.208333vw;height:100%;/* background: #e3030d; */-webkit-transition:all 1s cubic-bezier(.4,0,.2,1);transition:all 1s cubic-bezier(.4,0,.2,1)}
.public_btn_box a,.public_btn_box .lnk{padding: 0 1.25vw;position:relative;overflow:hidden;cursor:pointer}
.public_btn_content{position:relative}
.public_btn_content:after{content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;width:0.41666vw;height:0.41666vw;-webkit-border-radius:100%;border-radius:100%;background: #142888;-webkit-transition:all .8s cubic-bezier(.4,0,.2,1);transition:all .8s cubic-bezier(.4,0,.2,1)}
.public_btn_text{font-size: 14px;line-height: 3.6em;color:#222222;position:relative;z-index:9;-webkit-transition:all .8s cubic-bezier(.4,0,.2,1);transition:all .8s cubic-bezier(.4,0,.2,1)}
.public_btn_icon{margin-left: 2vw;font-size:0.625vw;-webkit-align-items:center;align-items:center;opacity:0;color:#222222;-webkit-transform:translateX(-1.041666vw);transform:translateX(-1.041666vw);position:relative;z-index:9;-webkit-transition:all .8s cubic-bezier(.4,0,.2,1);transition:all .8s cubic-bezier(.4,0,.2,1)}
.public_btn_box:hover .public_btn_text{color:#fff}
.public_btn_box:hover .public_btn_icon{opacity:1;-webkit-transform:none;transform:none;color:#fff}
.public_btn_box:hover .public_btn_content:after{-webkit-transform:translateY(-50%) scale(50);transform:translateY(-50%) scale(50)}

.index-application,.index_about_box {padding: 100px 0;}
.application-list .swiper-wrapper{display:flex;justify-content:flex-start}
.card-item{height: 0;background:#fff;border:1px solid #eee;overflow:hidden;position:relative;transition:all 0.5s ease;flex-shrink:0;padding-bottom: 35%;border-radius: 0.416667vw;}
.card-item{width: calc(20% - 15px) !important;}
.card-item.active{width: calc(60% - 15px) !important;}
.card-inner{display:flex;width:100%;height:100%;position: absolute;}
.card-img{width:100%;height:100%;transition: all 0.5s;}
.card-img img{width:100%;height:100%;object-fit:cover}
.card-text{width:0;height:100%;display:flex;flex-direction:column;justify-content:center;overflow: hidden;    box-sizing: border-box; }
.card-label{ color: #142888; text-transform: uppercase;}
.card-title{font-size:24px;line-height:1.4;margin-bottom:24px;color:#222}
.card-desc{font-size:16px;color:#666;line-height:1.6;margin-bottom:32px}
.card-btn{color:#0052D9;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.card-btn::after{content:'●';font-size:8px;color:#00BFA6}

.card-item.active .card-img {width: 50%;}
.card-item.active .card-text {width: 50%;padding:40px; }
.card-content {opacity: 0;}
.card-item.active .card-content {opacity: 1;transition: all 0.5s ease-in-out .4s;}

.index_about_item_box{position:relative}
.index_about_item_img { height: 100%;}
.index_about_item_photo{width:50%}
.index_about_item_content{width:50%;padding: 0;position:relative}
.public_content_box{margin-bottom:1.5625vw}
.public_content_box:last-child{margin:0}
.index_about_roll_wrap{margin-top: 3.5vw;}
.index_about_roll_box{-webkit-justify-content:space-between;justify-content:space-between}
.index_about_roll_li{max-width:25%;-webkit-align-items:center;align-items:center;position:relative;padding:1.041666vw 0 0.5208333vw 0}
.index_about_roll_li:after{display:none;content:"";position:absolute;right:0;width:1px;height:100%;background:#e8e8e8}
.index_about_roll_li:last-child:after{display:none}
.index_about_roll_content{width:100%;-webkit-justify-content:center;justify-content:center}
.index_about_roll_icon{width:3.38541666vw;height:3.38541666vw;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}
.index_about_roll_icon img{width:auto;max-width:100%;max-height:100%}
.index_about_roll_title{-webkit-align-items: flex-end;align-items: flex-end;-webkit-justify-content: flex-end;justify-content:center;}
.index_about_roll_number{font-size:1.7708333vw;line-height:2.08333vw;color:#a50032;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.index_down_number{font-size:1.7708333vw;line-height:2.08333vw;color: #142888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.index_about_title_text{font-size: 1.25vw;line-height:2.08333vw;color: #142888;/* font-weight:bold; */white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left: 0.3vw;}
.index_about_roll_text{font-size:0.83333vw;line-height:1.3541666vw;margin-top:1.041666vw;color:#555555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}

.index_about_item_head .index_head_button {margin-top: 2.166667vw;}

@media (max-width:1200px){
	.card-text{padding:20px}
	.card-title{font-size:20px}
	.card-desc{font-size:14px}
	.index_about_item_photo,.index_about_item_content {width: 100%;}
	.index_about_item_img {height: 0; padding-bottom: 62%;}
	.index_about_roll_box {justify-content: center;}
	.index_about_roll_li {padding: 3.041666vw 0 2.208333vw 0; width: 33.33%; max-width: 33.33%;}
	.index_down_number { font-size: 5.314009vw; line-height: 7.72946vw;}
	.index_about_title_text {font-size: 3.38164vw; line-height: 5.314009vw; font-weight: normal;}
	.index_about_roll_text {font-size: 3.38164vw; line-height: 5.314009vw;}
}


@media (max-width: 1180px) {
	.header-logo a {height: auto; width: 20vw;}
	.header-right {width: calc(100% - 20vw);}
	.header-left {padding: 10px 0;}
	/* .index_head_read { width: 100%;} */
	.index_head_button {display: none;}
	.public_max_title { font-size: 5.314009vw;line-height: 7.72946vw;}
	.index_public_en_text {font-size: 3.381642vw;line-height: 5.314009vw;}
	.public_max_text {font-size: 3.38164vw; line-height: 5.314009vw;letter-spacing: normal;}
}


/* index */ 
.index-video-load {position: fixed;left: 0;top: 0;z-index: 999;width: 100%;height: 100%;background: #fff url('../images/loading.gif') center no-repeat;display: none;}
.index-video-load.show {display: block;}
.ain .index-video{display: block;}
.index-video {position: fixed;left: 0;top: 0;z-index: 500;width: 100%;height: 100%;background: #fff;}
.index-video video {display: block;width: 100%;height: 100%;object-fit: cover;}
.ain .header {transform:translateY(-160px);opacity: 0;transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);}

.index-banner {position: absolute;width: 100%;height: 100%;z-index: 1;left: 0;top: 0;}
.index-banner-content {position: absolute;z-index: 11;width: 100%;height: 100%;left: 0;top: 0;}
/* .index-banner-swiper .swiper-slide-active .img .pic {animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}} */
.index-banner-swiper .swiper-slide-active .tanimation,.index-banner-swiper.active .tanimation{opacity: 1;}
.index-banner-swiper .swiper-slide-active .tformY,.index-banner-swiper.active .tformY {transform: translateY(0px);}
.index-banner-swiper .swiper-slide-active .tformX {transform: translateY(0px);}

.ain .index-banner-text .text-1,
.ain .index-banner-text .title-1,
.ain .index-banner-text .text-2{opacity: 0;transform:translateY(60px);} 

.index-swiper {width: 100%;height: 100%;} 
.index-banner-item {position: relative;transform: translateY(0);transition:all .4s ease-in;transition-delay: .1s;z-index: 1;background: #000;}
.index-banner-item .pic {background-position: center center;}
.index-banner-text {position: absolute;left: 5%;bottom: 10%;width: 60%;z-index: 10;color: #fff;} 
.index-banner-text .title-1{margin-top: 1%;} 
.index-banner-item .video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;}
.index-banner-item .video::before {content: '';width: 100%;height: 30%;position: absolute;left: 0;bottom: 0;z-index: 5;background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));}
.index-banner-item .video video {display: block;width: 100%;height: 100%;object-fit: cover;}

.index-banner .swiper-banner-pagination {width: auto;left: auto;right: 2%;top: 50%;transform: translateY(-50%);margin: auto;bottom: auto;height: auto;z-index: 11;}
.index-banner .swiper-banner-pagination span.swiper-pagination-bullet {display: block;margin: 1rem 0;}
.index-banner .swiper-banner-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {background: #58c3cc;}
.index-banner-mark {position: absolute;left: 0;top: 0;z-index: 11;width: 100%;height: 100%;background: #000;transition:all .4s ease;opacity: 0;}


.index-product {padding: 50px 0 100px;overflow: hidden;position: relative;z-index: 20;background: #fff;}
.index-product-content {overflow: hidden;}
.imison-button,.contact-send {margin-top: 2%;overflow: hidden;}
.imison-button a,.contact-send a {display: inline-block;vertical-align: middle;font-size: 0;padding: 1rem 2rem;border: 1px solid #142888;margin-right: 1rem;text-align: center;position: relative;border-radius:5px;}
.imison-button{
	background:none;
	border:none;
}

.imison-button a::after,.contact-send a::after {content: '';width: 0;height: 100%;position:absolute;left: 0;top: 0;z-index: 1;background: #142888;}
.imison-button span,.contact-send span {display: inline-block;vertical-align: middle;position: relative;z-index: 10;}
.imison-button i,.contact-send i {display: inline-block;vertical-align: middle;margin-left: 1rem;width: 1.7rem;height: 1.1rem;background: url('../images/r2.png') center no-repeat;background-size: 100%;position: relative;z-index: 11;}
.imison-button a:hover::after,.contact-send a:hover::after {width: 100%;}
.imison-button a:hover span,.contact-send a:hover span {color: #fff;}
.imison-button a:hover i,.contact-send a:hover i {filter: invert(1) grayscale(1);}
.index-product-left .imison-button a:first-child {background: #142888;}
.index-product-left .imison-button a:first-child span {color: #fff;}
.index-product-left .imison-button a:first-child i {filter: invert(1);}
.index-product-left .imison-button a:first-child:hover:after {background: #142888;}


.imison-ctrl {margin-top: 3%;}
.imison-ctrl .iproduct-prev,.imison-ctrl .iproduct-next {display: inline-block;vertical-align: middle;position: relative;left: auto;right: auto;top: auto;bottom: auto;transform: none;margin: 0;}
.imison-ctrl .iproduct-prev::after,.imison-ctrl .iproduct-next::after {font-size: 2.4rem;top: 50%;position: absolute;transform: translateY(-50%);}
.imison-ctrl-line {display: inline-block;vertical-align: middle;margin: 0 4rem;width: 1px;height: 3rem;background: #999;opacity: .5;}
.imison-ctrl .iproduct-next::after {right: 0;left: auto;}
.index-product-center {position: relative;}
.index-product-center .img-center {z-index: 10;}
.index-product-left {position: relative;z-index: 5;width: 80%;text-align: center;margin: auto;margin-top: -5%;}
.index-product-left .title-1{color: #142888;position: relative;}
.index-product-left .title-1::before {content: '';width:2rem;height: 6.5rem;position: absolute;left: -7%;top:-1rem;background: #142888;display: none;}
.index-product-item .english-1{position: absolute;left: 0;text-align: center;width: 100%;top: 50%;transform: translateY(-50%);z-index: 1;}  
.index-product-item .english-1 span {display: block;letter-spacing: -4px;color: #eceff2;}
.index-product-item .img-block {z-index: 9;}
.index-product-item .img-center  {max-width: 80%;max-height: 70%;}
.index-product-right {position: relative;text-align: center;margin: auto;width: 100%;z-index: 11;}
.index-product-list {overflow: hidden;text-align: center;margin-top: 2%;}
.index-product-list li{list-style: none;margin: 0;padding: 1rem 2rem;display: inline-block;vertical-align: middle;}
.index-product-list li a{display: block;}
.index-product-list li span {display: inline-block;position: relative;color: #000;opacity: .6;}
.index-product-list li span::after {content: '';width:0%;height: 2px;position: absolute;left: 0;bottom: -5px;background: #142888;}
.index-product-list li.cur span{opacity: 1;color: #142888;}
.index-product-list li.cur span::after {width: 100%;}
.index-product-item {position: relative;overflow: hidden;}

.index-product-swiper {margin-top: -5%;}
.index-product-swiper .swiper-wrapper{transition-delay:.0s;}
.index-product-swiper .index-product-item {opacity: 1;}
.index-product-swiper .index-product-item .english-1 span {opacity: 0;transition:all .4s ease-in;transition-delay:.3s;}
.index-product-swiper .index-product-item .img-center {transform:translateX(200px);opacity:0;transition:all .4s ease-in-out;}
.index-product-swiper .index-product-item .index-product-left  {opacity: 0;transition:all .4s ease-in;transition-delay:.4s;}
.index-product-swiper .swiper-slide-prev .index-product-item .img-center {transform:translateX(200px);}
.index-product-swiper .swiper-slide-next .index-product-item .img-center {transform:translateX(-200px);}
.index-product-swiper .swiper-slide-active .index-product-item {opacity: 1;}
.index-product-swiper .swiper-slide-active .index-product-item .img-center {opacity:1;transform:translateX(0px);}
.index-product-swiper .swiper-slide-active .index-product-item .english-1 span {opacity: 1;}
.index-product-swiper .swiper-slide-active .index-product-item .index-product-left {opacity: 1;}

.index-product-swiper .swiper-button-prev {left: 3%;}
.index-product-swiper .swiper-button-next {right: 3%;}
.index-product-swiper .swiper-button-prev,.index-product-swiper .swiper-button-next {opacity: .5;transition:all .4s ease;}
.index-product-swiper .swiper-button-prev:hover,.index-product-swiper .swiper-button-next:hover {opacity: 1;}
.index-our-application {overflow: hidden;background: #f5f5f5;padding: 0;position: relative;z-index: 50;height:calc(100vh - 7.5rem)}

.index-our-application .imison-title .english-1,.index-our-application .imison-title .title-2{
    color:#fff;
}


.index-our-application-content {box-sizing: border-box;overflow: hidden;height:100%}
.index-our-application-top {  position: absolute;
    z-index: 200;
    width: 100%;
    top: 50px;}
.index-our-application-top .imison-title {padding: 0;text-align:center}
.imison-title {position: relative;}
.imison-title .english-1{color: #000;margin-top: 0rem;}
.imison-title .title-2{color: #c2c1c8;margin-top: 0.5rem;margin-bottom:0.5rem;}
.index-our-application-bottom{width: 100%;margin: 0;overflow: hidden;height:100%}
.index-our-application-item {overflow: hidden;width: 24%;}
.index-our-application-item a {display: block;position: relative;}
.index-our-application-item a,.index-our-application-item .pic-3 {background-position: center;background-repeat: no-repeat;
background-size: cover;background: #142888}
.index-our-application-item a::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;z-index: 1;background: #fff;}
.index-our-application-item .top-1 {    position: absolute;
    left: 0;
    z-index: 3;
    width: 100%;
    top: 45%;
    text-align: center;
    transform: translateY(-50%);}
.index-our-application-item .top-1::after {content: '';width: .5rem;height: 0;position: absolute;left: 0;top: 0;background: #e3030d;}
.index-our-application-item .title-1{color: #fff;}
.index-our-application-item .text-2 {overflow: hidden;color: #c2c1c8;margin-top: .5rem;}
.index-our-application-item .introduce-2{position: absolute;left: 0;top: 50%;z-index: 2;width: 90%;opacity: 0;
	box-sizing: border-box;padding: 15% 10%;background: rgba(255,255,255,1);transform: translateX(-100%);}
.index-our-application-item .text-3{color: #000;}
.index-our-application-item .lineY-1,
.index-our-application-item .lineY-2{position: absolute;width: 1rem;height: 0;position: absolute;right: 0;top: 0;background: #142888;transition-delay: .1s;}
.index-our-application-item .lineY-2 {right: 1rem;width: 2rem;background: #e3030d;transition-delay: .2s;}
.index-our-application-item .pic-3{position: absolute;left: 0;top: 0;z-index: 2;width: 100%;}
.index-our-application-item a:hover::after,.index-our-application-item a:hover .pic-3{opacity: 0;}
.index-our-application-item a:hover .title-1{color: #fff;}
.index-our-application-item a:hover .text-2{color: #fff;}
.index-our-application-item a:hover .introduce-2 {opacity: 1;transform: translateX(0);}
.index-our-application-item a:hover .top-1 {left: 10%;width: 80%;}
.index-our-application-item a:hover .top-1::after {height: 5rem;}
.index-our-application-item a:hover .lineY-1,.index-our-application-item a:hover .lineY-2 {height: 100%;}



.lineX-1,.lineX-2 {width: 8.5rem;height: 2rem;display: block;position: relative;}
.lineX-2 {width: 20rem;}
.lineX-1 i,.lineX-2 i {position: absolute;left: 0;top: 0;width: 0;height: 100%;}
.lineX-1 i{background: #142888;}
.lineX-2 i{background: #e3030d;}
@keyframes lineinW{ 0% {width: 0%;}100% {width: 100%;}}
.lineinW{-webkit-animation-name:lineinW;animation-name:lineinW;-webkit-animation-duration: 1s;animation-duration: 1s}
@keyframes lineinY{ 0% {height: 0%;}100% {height: 100%;}}
.lineinY{-webkit-animation-name:lineinY;animation-name:lineinY;-webkit-animation-duration: 1s;animation-duration: 1s}
.liney-ain {position: absolute;left: 10%;top: 0;z-index: 1;}
.liney-ain .liney-1,.liney-ain .liney-2{width: 1.2rem;height: 5rem;display: inline-block;vertical-align: top;position: relative;margin-right: 1rem;}
.liney-ain .liney-1 i,.liney-ain .liney-2 i {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #142888;}
.liney-ain .liney-1 {height: 10rem;}
.liney-ain .liney-2 i {background: #e3030d;}
.liney-ain2 {position: absolute;right: 20%;top: 0;z-index: 1;}
.liney-ain2 .liney-1,.liney-ain2 .liney-2{width: 2rem;height: 15rem;display: inline-block;vertical-align: top;position: relative;margin-left: 2rem;}
.liney-ain2 .liney-1 i,.liney-ain2 .liney-2 i {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #142888;}
.liney-ain2 .liney-1 {height: 20rem;margin-top: 5rem;}
.liney-ain2 .liney-2 i {background: #e3030d;}




.index-weare-imison {position: relative;background-color: #f0f2f4;z-index: 11;clear: both;overflow: hidden;}
.index-weare-imison-contents {overflow: hidden;}
.index-weare-imison-content {width: 100%;}
.index-weare-imison-text {position: absolute;left: 5%;top: 50%;transform: translateY(-50%);z-index: 11;width: 70%;}
.index-weare-imison-text .entitle-1 {color: #142888;}
.index-weare-imison-text .entitle-1 strong {color: #142888;}
.index-weare-imison-text .title-2 {color: #c2c1c8;}
.index-technical-leader {float: right;width: 50%;background: #f0f2f4;z-index: 11;transition:all .4s ease;position: absolute;right: 0;top: 0;height: 100%;}
.index-technical-leader-content {z-index: 1;width: 80%;height: auto;margin: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.index-technical-leader-content .title-1{color: #142888;padding-bottom: 10rem;}
.index-technical-leader-list {overflow: hidden;width: 100%;height: auto;}
.index-technical-leader-list-content {overflow: hidden;width: 100%;height:auto;}
.index-technical-leader-item {color: rgb(55, 46, 80);width: 90%;overflow: hidden; transition:all .4s ease;opacity: 0;position: absolute;top: 50%;transform: translateY(-55%);}
.index-technical-leader-item .title-2{overflow: hidden;}
.index-technical-leader-item .title-3{overflow: hidden;}
.index-technical-leader-item .text-3{color: #93919e;overflow: hidden;width: 60%;margin-top:5%;}
.index-technical-leader-item .data-4{overflow: hidden;display: inline-block;color: #142888;margin-top:5%;}
.index-technical-leader-item .data-4 span {display: block;padding-bottom: 1rem;border-bottom: 1px solid #cbcbd3;}
.index-technical-leader-item .data-4 strong {display: block;}
.index-technical-leader-right {position: absolute;right: 0;top: 0;z-index: 20;height: auto;width: 100%;}
.index-technical-leader-right .line-1 {width: 5px;margin: auto;}
.index-technical-leader-right .line-1 i {display: block;width: 1px;height: 10rem;margin: auto;background: #ccc;overflow: hidden;position: relative;}
.index-technical-leader-right .line-1 i em {width: 100%;height: 0%;background: #142888;position: absolute;left: 0;top: 0;transition:all .4s ease;} 
.index-technical-leader-right .text-2 {margin-top: 1rem;text-align: center;}
.index-technical-leader-right .text-2 span {color: #000;position: relative;}
.index-technical-leader-right .text-2 span em {position: absolute;left: 0;top: 0;width: 100%;font-style: normal;background: #f0f2f4;}
.index-technical-leader-right .text-2 span strong {font-weight: normal;margin: 0;padding: 0;padding-right: 2px;}
.canvas {position: absolute;left: 0;width: 100%;height: 100%;z-index: 1;top: 0;}
.canvas canvas {width: 100%;height: 100%;}
.index-weare-imison-contents,.index-contents {position: relative;overflow: hidden;}
.index-iframe{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 4;} 
.index-iframe iframe {display:block ;width: 100%;height: 100%;};
.index-weareimison {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.index-technical-leader-swiper {width: 100%;height: 100%;}
.index-technical-leader-swiper .swiper-slide .index-technical-leader-item {opacity: 0;}
.index-technical-leader-swiper .swiper-slide-active .index-technical-leader-item {opacity: 1;}
.index-technical-leader-swiper .swiper-slide {height:  100%;overflow: hidden;}
.technical-pagination {position: absolute;width: 1px;left: auto;right: 10%;top: 50%;bottom: auto;font-size: 1.4rem;transform: translateY(-50%) ;height: 15rem;}
.technical-pagination .swiper-pagination-progressbar-fill {background: #142888;}
.technical-pagination .num {width: 10rem;text-align: center;margin-left: -5rem;position: absolute;top: 110%;}





/* product */ 
.imison-product {/* overflow: hidden; */position: relative;padding: 4.5vw 0;}
.imison-product-banner {position: relative;max-height: 50vh;
    overflow: hidden;}
.imison-product-banner-text {position: absolute;left: 5%;top: 65%;transform: translateY(-50%);z-index: 11;width: 50%;}
.imison-product-banner img,.imison-application-banner img{
	min-height:300px;
}


.imison-product-banner-text .lineX-1,.imison-product-banner-text .lineX-2 {margin-left: -10%;}
.imison-product-banner-text .lineX-1 i {background: rgba(55,46,80,.1) #0f56a8;}
.imison-product-banner-text .lineX-2 i {background: rgba(55,46,80,.3) #e3030d;}
.imison-product-banner-text .title-1{margin-top: 5%;}
.imison-product-banner-text .title-1 strong {font-weight: normal;color: #fff;}
.imison-product-banner-text .entitle-1{color: #0f56a8;opacity: .4;}
.imison-product-banner-text .entitle-1 span {color: #fff;display: block;}
.imison-product-content {position: relative;}
.imison-product-nav {position: relative;display:flex; padding: 0 5%;}
.imison-product-nav::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background: #f1f1f1;}
.imison-product-nav ul,.imison-product-nav li{list-style: none;margin: 0;padding: 0;}
.imison-product-nav ul {font-size: 0;width: 90%;margin: auto;}
.imison-product-nav ul.num6 li {width: 16.6666%;}
.imison-product-nav li {display: inline-block;vertical-align: middle;position: relative;width: 10%;text-align: center;}
.imison-product-nav a{display: block;position: relative;overflow: hidden;color:#000;}
.imison-product-nav a::after {content: '';width: 1px;height: 50%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: #f1f1f1;}
.imison-product-nav a:hover span::after{width: 100%;}
.imison-product-nav li:last-child a::after{display: none;}
.imison-product-nav span {display: block;padding: 2.5rem 0;overflow: hidden;}
.imison-product-nav span::after {content: '';width: 0;height: 4px;position: absolute;left: 0;bottom: 0;background: #0f56a8;}
.imison-product-nav li.cur a span::after,.imison-product-nav:hover li.cur a:hover span::after {width: 100%;}
.imison-product-nav:hover li.cur a span::after {width: 0;}
.imison-product-list {padding: 1.5vw 0;overflow: hidden;width:100%;margin: auto;display: grid;gap: 1vw;grid-template-columns: repeat(4, 1fr);}
.imison-product-item {overflow: hidden;background-color: #f5f6f8;border-radius: 0.416667vw;/* background: linear-gradient(135deg, #f0f4f8 0%, #f8f7f6 100%); */border-radius: 0.416667vw; transition: all 0.5s;}
.imison-product-item:hover {background-color: #f5f6f8;}
.imison-product-item.tpi1 {width: 49.5%;}
.imison-product-item.tpi3,.imison-product-item.mr0 {margin-right: 0;}
.imison-product-item.item1 {clear: left;}
.imison-product-item a {display: block;position: relative;height: 100%;}
.imison-product-item .img {/* background-color: #fff; */background-color: initial;z-index: 9;}

.imison-product-item a:hover{position:relative}
.imison-product-item a::after{content:'';position:absolute;left:0;right:0;bottom:0;margin:0 auto;width:0;height:2px;background:#142888;z-index:2}
.imison-product-item a::before {content: '';position: absolute;top:0; left: 0; right:0;bottom:0;    background-image: url(../images/be6aa57b4538c.svg); background-repeat: no-repeat; background-position: center; background-size: 80%; opacity: 0;}

.imison-product-item a:hover::after {width: 3.5vw;}
.imison-product-item a:hover::before {opacity: 0.05;}
.imison-product-item * {transition: all 0.5s;}
.imison-product-item .title-1 {color: #000;position: relative;/* text-align:center; */}
.imison-product-item .title-1::before {content: '';width: 5px;height: 100%;position: absolute;left: -1rem;top: 0;background: #e3030d;}

.imison-product-item .text {padding: 1.666vw 1vw;overflow: hidden;position: relative;z-index: 10;text-align: center;}
.imison-product-item .text-1 {color: #333;margin-top: .4rem;}
/* .imison-product-item .mark{position:absolute;left:0;bottom:0;width:100%;height:50%;z-index:2;background-image:linear-gradient(to top,#1428885e 0%,rgba(0,2,59,0) 100%);-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);opacity: 0;}
.imison-product-item:hover .mark {opacity: 1;} */
.imison-product-item:hover .title-1 {color: #142888;}
.imison-product-item:hover .img img {transform: translateZ(0) scale(1.05); -webkit-transform: translateZ(0) scale(1.05); -ms-transform: translateZ(0) scale(1.05);}
.imison-product-item.cur a {border-top: 2px solid #0f56a8;}
.imison-product-item.cur a .title-1::before{left: 0;} 
.imison-product-item.cur a .title-1 {color: #0f56a8;padding-left: 1rem;}

.imison-product-detial {overflow: hidden;position: relative;}
.imison-product-detial-content {position: relative;}
.imison-product-detial-left {position: absolute;width: 50%;height: 100%;left: 0;top: 0;overflow: hidden;} 
.imison-product-detial-right {position: absolute;width: 50%;height: 100%;right: 0;top: 0;overflow: hidden;}
.imison-product-detial-right-content {position: absolute;width: 70%;left: 4%;top: 50%;transform: translateY(-50%);overflow: hidden;}
.imison-product-detial-title {overflow: hidden;}
.imison-product-detial-title .title-1 {color: #0f56a8;}
.imison-product-detial-title .model-1 {overflow: hidden;}
.imison-product-detial-title .model-1 strong{color: #0f56a8;}
.imison-product-detial-title .line-1 {margin: 3rem 0;}
.imison-product-detial-title .line-1 i {display: block;height: 1.4rem;background: #e3030d;width: 8rem;position: relative;}
.imison-product-detial-title .line-1 i::after {content: '';width: 80%;height: 100%;position: absolute;left: 0;top: 0;background: #0f56a8;}
.imison-product-detial-title .text-1 {color: #0f56a8;text-align: justify;}
.imison-product-detial-parameter {margin-top: 2rem;display: flex;flex-wrap: wrap;justify-content: space-between;}
.imison-product-detial-parameter li {list-style: none;margin: 0;padding: 0;width: 48%;border-bottom: 1px solid #dcdde3;padding: 1.5rem 0;}
.imison-product-detial-parameter li span{display: block;color: #92909e;}
.imison-product-detial-parameter li p{display: block;color: #0f56a8;margin: 0;padding: 0;margin-top: .2rem;}
.imison-product-detial-right .imison-button {margin-top: 4rem;} 


.imison-product-features {padding: 4.5vw 0;overflow: hidden;}
.imison-product-features-content {width: 90%;margin: auto;}
.imison-product-features-content-top {overflow: hidden;position: relative;}
.imison-product-features-content-top .entitle-1{color: #000;}
.imison-product-features-content-top .title-1{color: #cbcbd3;}
.imison-product-features-content-bottom {overflow: hidden;/* margin-top: 5vw; */}
.imison-about-culture-bottom {}
.imison-about-culture-bottom .swiper-slide {background: #FFF; padding: 2.5vw; box-sizing: border-box; border-top: 1px solid #142888;}

.imison-product-features-item {position: relative;}
/* .imison-product-features-item::before {content: '';width: 1px;height: 100%;background: #cbcbd4;position:absolute;left: 0;top: 0;}
.imison-product-features-item::after {content: '';width: 1px;height: 30%;background: #e3030d;position:absolute;left: 0;top: 0;z-index: 10;} */
.imison-product-features-item .icon-1{width: 6.5rem;height: 6.5rem;}
.imison-product-features-item .icon-1 img {max-width: 100%;max-height: 100%;width: auto;display: block;}
.imison-product-features-item .title-1{color: #000;margin-top: 5rem;}
.imison-product-features-item .text-1{color: #93919e;margin-top: 1.5rem;font-weight: 300;line-height: 1.8em; height: 3.6em;}
.imison-product-features-button {position: absolute;right: 0;bottom: 0;z-index: 11;}
.imison-product-features-button .swiper-button-lock {display: none;}
.features-prev,.features-next {position: relative;margin: auto;left: auto;top: auto;right: auto;bottom: auto;width: auto;display: inline-block;vertical-align: middle;transform: none;background: #142888;}
.features-prev,.features-next {width: 6rem;height: 6rem;}
.features-prev.swiper-button-disabled,.features-next.swiper-button-disabled {background-color: #cbcbd4;opacity: 1;}
.features-prev::after,.features-next::after {display: none;}
.features-prev::before,.features-next::before {content: '';width: 6rem;height: 6rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;filter: invert(1);}
.features-prev::before {background: url('../images/r2.png') center no-repeat;transform: translate(-50%,-50%) rotate(180deg);}
.features-next::before {background: url('../images/r2.png') center no-repeat;}
.features-prev.swiper-button-disabled::before ,.features-next.swiper-button-disabled::before  {background-color: #cbcbd4;filter: none;}

.imison-contact-popup {position: fixed;z-index: 900;width: 40%;left: 50%;top: 50%;transform: translate(-50%,-950%);transition:all .4s ease;
background: #fff;border-radius: 5px;}
.imison-contact-popup-content {padding: 5%;overflow: hidden;}
.imison-contact-popup-content .title-1 {color: #142888;}
.imison-popup-mark {background: #000000;opacity: .4;position: fixed;left: 0;top: 0;width: 100%;height: 0;overflow: hidden;transition:all .4s ease;z-index: 899;}
.close-1 {position: absolute;right: 2%;top: 2%;z-index: 11;}
.close-1 a {display: block;width: 5rem;height: 5rem;position: relative;transform: rotate(45deg);}
.close-1 a::after,.close-1 a::before {content: '';width: 50%;height: 2px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #000;}
.close-1 a::before {transform: translate(-50%,-50%) rotate(90deg);}
.close-1 a:hover {transform: rotate(-45deg);}
.popup .imison-contact-popup {transform: translate(-50%,-50%);} 
.popup .imison-popup-mark {height: 100%;} 




/* application */
.imison-application {position: relative;}
.imison-application-banner {position: relative;}
.imison-application-list {width: 90%;position: relative;margin: auto;padding: 5% 0 0 0;display: flex;justify-content: space-between;}
.imison-application-content-left {float: left;width: 35%;}
.imison-application-class {width: 100%;height: 100vh;opacity: 0;transition: all .45s;display: flex;flex-direction: column;justify-content: space-between;position: relative;}
.imison-application-class.is-active {opacity: 1;}
.imison-application-title {width: 100%;position: -webkit-sticky;position: sticky;top: 28rem;}
.imison-application-title-content {align-items: flex-start;position: static;overflow: visible;}
.imison-application-title .title-1{position: relative;}
.imison-application-title .title-1 i{position: relative;width: 5rem;height: 2rem;display: inline-block;vertical-align: middle;}
.imison-application-title .title-1 i::before {content: '';width: 80%;position: absolute;left: 0;bottom: 0;background: #e3030d;height: .8rem;}
.imison-application-title .title-1 i::after {content: '';width: 80%;position: absolute;right: 0;top: 0;background: #142888;height: .8rem;}
.imison-application-title .title-1 strong{font-weight: normal;display: inline-block;vertical-align: middle;margin-left: 1rem;color: #142888;}
.imison-application-title .text-1 {margin-top: 1rem;color: #142888;}
.imison-application-nav {overflow: hidden;margin: 3rem 0;}
.imison-application-nav a {display: inline-block;vertical-align: middle;border: 1px solid #ccc;margin-right: 1rem;margin-bottom: 1rem;}
.imison-application-nav span{padding: 1rem 2rem;display: block;box-sizing: border-box;text-align: center;font-family: PingFang SC,'Microsoft YaHei',Arial,sans-serif;font-weight: normal;}
.imison-application-linex {width: 100%;height: 1px;background: #000;margin-top: 1rem;}
.imison-application-content-right {width: 40%;height: 100%;height: 100vh;position: -webkit-sticky;position: sticky;top: 10rem;}
.imison-application-content-pic {width: 100%;height: 100%;max-width: 100%;max-height: 100%;position: relative;}
.imison-application-item {width: 100%;max-height: 100%;position: absolute;top: 0%;bottom: 0%;left: 0%;right: 0%;transition: all .45s;opacity: 0;}
.imison-application-item.is-active {opacity: 1;}
.imison-application-item img.img-block {position: absolute;max-height: 80%;transition:all .4s ease;top: 0;opacity: 0;width: auto;height: 80%;right: 0;}
.imison-application-item.is-active img{opacity: 1;}
.imison-application-content-left .imison-application-class:last-child .imison-application-title {top: 10rem;position: relative;border-bottom: 1px solid #000;}
.imison-application-content-left .imison-application-class:last-child .imison-application-linex {display: none;}



/* technology-and-services */  
.imison-technology-and-services .imison-product-banner-text .title-1 strong,
.imison-technology-and-services .imison-product-banner-text .entitle-1 span{color: #fff;}
.imison-scientific-research {background: #f1f2f4;padding: 5% 0;overflow: hidden;}
.imison-scientific-research-top {position: relative;}
.imison-scientific-research-center {margin-top: 3%;}
.imison-scientific-research-left {float: left;width: 40%;}
.imison-scientific-research-list {position: relative;border-bottom: 1px solid #dedee3;} 
.imison-scientific-research-item {position: relative;color: #142888;}
.imison-scientific-research-item .title-1 {position: relative;border-top: 1px solid #dedee3;padding: 3rem 0;cursor: pointer;color: #93919e;}
.imison-scientific-research-item .title-1 i{display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 2rem;height: 2rem;}
.imison-scientific-research-item .title-1 i::before,
.imison-scientific-research-item .title-1 i::after {content: '';width: 100%;height: 1px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #000;}
.imison-scientific-research-item .title-1 i::after {transform: translate(-50%,-50%) rotate(90deg);}
.imison-scientific-research-item .title-1.cur {color: #142888;border-top: 1px solid #142888;}
.imison-scientific-research-item .title-1.cur i::after {display: none;}
.imison-scientific-research-item .text-1 {padding: 0 0 5rem 0;overflow: hidden;text-align:justify;width: 90%;display: none;color: #142888;}
.imison-scientific-research-right {float: right;width: 50%;overflow: hidden;}
.imison-scientific-research-swiper .swiper-pagination {width: auto;left: 3%;bottom: 5%;}
.imison-scientific-research-swiper .swiper-pagination span {background: #fff;}
.imison-scientific-research-bottom {clear: both;overflow: hidden;padding-top: 4%;}
.imison-scientific-research-data {overflow: hidden;}
.imison-data-item {float: left;width: 23.5%;margin-right: 2%;margin-bottom: 2%;}
.imison-data-item.mr0 {margin-right: 0;}
.imison-data-item .data-1 {color: #142888;}
.imison-data-item .data-1 strong{display: inline-block;vertical-align: middle;font-weight: normal;}
.imison-data-item .data-1 sup{display: inline-block;vertical-align: middle;}
.imison-data-item .title-1 {padding-top: 2rem;border-top: 2px solid #142888;margin-top: 1rem;color: #142888;}

.imison-quality-control {overflow: hidden;background: #f1f2f4;padding-bottom: 5%;}
.imison-quality-control .imison-about-content {overflow: hidden;background: #fff;padding: 5%;width: 80%;}
.imison-quality-control-top {position: relative;text-align: center;}
.imison-quality-control-bottom {margin-top: 5%;position: relative;}
.imison-quality-control-bottom::before,
.imison-quality-control-bottom::after {content: '';width: 6px;height: 6px;border-radius: 100%;background: #142888;top: 50%;transform: translateY(-55%);position: absolute;z-index: 50;}
.imison-quality-control-bottom::before {right: 0;left: auto;}
.imison-quality-control-list {overflow: hidden;text-align: center;position: relative;}
.imison-quality-control-list::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #e5e8ed;z-index: 32;}
.imison-quality-control-item {display: inline-block;vertical-align: middle;position: relative;z-index: 11;margin-left: -2%;}
.imison-quality-control-item a {display: block;position: relative;border: 1px solid #e6e8ed;border-radius: 50rem;width:22rem;height: 22rem;background: #fff;}
.imison-quality-control-item .content-1 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.imison-quality-control-item .icon-1 {width: 5rem;height: 5rem;position: absolute;left: 50%;top: 15%;transform: translateX(-50%);}
.imison-quality-control-item .point-1 {text-align: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.imison-quality-control-item .point-1 i {width:1.5rem;height: 1.5rem;border: 1px solid #e5e8ed;border-radius: 100%;display: block;position: relative;}
.imison-quality-control-item .point-1 i::before {content: '';width: 5px;height: 5px;border-radius: 100%;background: #e5e8ed;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}
.imison-quality-control-item .title-1 {color: #142888;position: absolute;left: 10%;top: 65%;text-align: center;width: 80%;}
.imison-quality-control-item:hover {z-index: 30;}
.imison-quality-control-item a:hover {background: #142888;width:42rem;}
.imison-quality-control-item a:hover .title-1 {color: #fff;font-size: 2.4rem;letter-spacing: 1rem;}
.imison-quality-control-item a:hover .icon-1 img {filter: invert(1) brightness(5);}

.imison-after-sale-service {padding: 5% 0;overflow: hidden;}
.imison-after-sale-service-top {overflow: hidden;}
.imison-after-sale-service-center {margin-top: 4%;overflow: hidden;}
.imison-after-sale-service-item {float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;overflow: hidden;}
.imison-after-sale-service-item.mr0 {margin-right: 0;}
.imison-after-sale-service-item .text {color: #142888;border-top: 2px solid #142888;padding: 3rem 0;overflow: hidden;}
.imison-after-sale-service-item .title-1 {color: #142888;} 
.imison-after-sale-service-item .text-1 {margin-top: .6rem;} 
.imison-after-sale-service-bottom {margin-top: 2%;overflow: hidden;clear: both;}
.imison-after-sale-service-bottom .imison-after-sale-service-item {width: 100%;margin-right: 0;}
.imison-after-sale-service-bottom .imison-after-sale-service-item .text {float: left;width: 48%;}
.imison-after-sale-service-bottom .imison-after-sale-service-item .text-1 {color: #9b98a4;} 
.imison-after-sale-service-bottom .imison-after-sale-service-item .text-2 {margin-top: 25%;}
.imison-after-sale-service-bottom .imison-after-sale-service-item .imison-button {margin-top:5%;} 
.imison-after-sale-service-bottom .imison-after-sale-service-item .img  {float: right;width: 50%;}

.public_banner_wrap {height: 29vw;position: relative;-webkit-align-items: center;align-items: center;overflow: hidden;display: flex;}
.public_banner_img{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%; background: #F6F6F6;}
.public_banner_img::before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:#000;opacity:0.225;z-index:2}
.public_banner_img img { transition: all 10s;}
.public_banner_content {width: 100%;color: #FFF;}
.public_banner_box {width: 100%; position: relative; z-index: 2;}

.t-center {text-align: center;}
.public_banner_content.t-center .public_banner_read {justify-content: center;}
.public_banner_en {font-size: 3vw;line-height:1em;color:rgba(0,0,0,0.05);-webkit-text-fill-color:transparent;margin-bottom:-20px;background:-webkit-linear-gradient(top,rgb(225,225,225) 0%,rgba(0,0,0,0.01) 90%) text;font-weight: bold;}
.public_banner_read {font-size: 3.5vw;font-weight: normal;}

.public_nav_wrap{position:absolute;z-index:2;bottom:0;left:0;width:100%;/* height:4.6875vw; *//* -webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;pointer-events:none */}
.public_nav_box{background:rgba(255,255,255,.9);height:3.6vw;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;backdrop-filter:blur(5px);padding: 0 5.7291666vw;}
.public_nav_li:first-child{margin-left:0}
.public_nav_li{margin-left:3.125vw;position:relative}
.public_nav_li:after{content:"";position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0;height:0.15625vw;background:#142888;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.public_nav_li a{line-height: 3.6vw;font-size:0.8333vw;color:#333333}
.public_nav_active a{color:#142888}
.public_nav_active:after{width:100%}
.public_nav_default a{color:#333333}
.public_nav_default:after{width:0}
.public_nav_hover a{color:#142888}
.public_nav_hover:after{width:100%}
.public_nav_icon{font-size:0.8333vw;line-height:1.5625vw;color:#aaaaaa}
.public_nav_default_text,.public_nav_default_text a{font-size:0.78125vw;line-height:1.5625vw;color:#999999}
.public_nav_current_text,.public_nav_current_text a{font-size:0.78125vw;line-height:1.5625vw;color:#999999}
.public_nav_default_text a:hover,.public_nav_current_text a:hover {color: #142888;}
.public_nav_current_box:last-child .public_nav_current_text,.public_nav_current_box:last-child .public_nav_current_text a{color:#666}
.public_text_icon,.public_text_icon.iconfont{font-size:0.625vw;line-height:1.5625vw;color:#aaaaaa}
.iconfont::before {font-size: inherit;color: inherit;/* height: inherit; *//* width: inherit; *//* display: block; *//* color: #2e8d43; */}
.public_text_current{padding-left:0.625vw}
.public_nav_default_text,.public_nav_current_text,.public_nav_current_box{padding-left:0.625vw}
.page_view .public_banner_box {display: none;}
.page_view .public_banner_wrap {height: 10vw;}
.page_view .public_banner_img::before {background-color: #F6F6F6;opacity:1;}
.page_view .public_nav_box {background: inherit;}


@media screen and (max-width: 1200px) {
    .public_banner_wrap {
        height: 80vw;
        overflow: initial;
    }
}


/* about */
.imison-about-whois {overflow: hidden;background: #f0f2f4;padding: 4% 0;}
.imison-about-whois .imison-about-content {width: 64%;margin: auto;}
.imison-about-whois-top {padding: 3% 0;overflow: hidden;}
.imison-content-title .title-1{color: #142888;}
.imison-content-title .title-1 strong{font-weight: normal;color: #142888;}
.imison-content-title .text-1{color: #bbbac3;}
.imison-about-whois-center {padding: 5% 0;overflow: hidden;color: #142888;}
.imison-about-whois-center .text-1{float: left;width: 35%;}
.imison-about-whois-center .text-2{float: right;width: 50%;border-top: 2px solid #142888;padding-top: 1rem;text-align: justify;margin-top: 1%;}
.imison-about-whois-bottom {overflow: hidden;clear: both;width: 90%;margin: auto;margin-top: 3%;}


.imison-about-strength-box {display: flex; justify-content: space-between; align-items: center;flex-wrap: wrap;}
.imison-about-whatcanwedo {background: #f0f2f4;padding: 6.25vw 0;overflow: hidden;}
.imison-about-whatcanwedo .imison-about-content{width: 64%;margin: auto;padding-bottom: 3%;}
.imison-about-whatcanwedo-left {width: 45%;}
.imison-about-text {/* padding-left: 2rem; */position: relative;overflow: hidden;margin-top: 4vw;width: 100%;text-align: justify;}
.imison-about-text::before {content: '';width: 4px;height: 100%;position: absolute;left: 0;top: 0;/* background-color: #142888; */}
.imison-about-text .title-2 {color: #142888;}
.imison-about-text .text-2 {color: #142888;margin-top: 2rem;}
.imison-about-whatcanwedo-right {width: 40%;}
.imison-about-whatcanwedo-right img {max-width: 100%;display: block;}



.imison-about-brand-culture {padding: 6.25vw 0;overflow: hidden;background: #F6F6F6;}
.imison-about-content{margin: auto;}
.imison-brand-culture-bottom {overflow: hidden;margin-top: 4%;}
.imison-brand-culture-item {float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;overflow: hidden;}
.imison-brand-culture-item.mr0 {margin-right: 0;}
.imison-brand-culture-item a {display: block;overflow: hidden;position: relative;}
.imison-brand-culture-item .text {padding: 2rem 0;border-top: 2px solid #142888;}
.imison-brand-culture-item .title-1 {color: #142888;}
.imison-brand-culture-item .text-1 {color: #c2c1c8;}
.imison-brand-culture-item .text-2 {color: #142888;margin-top:2rem;}
.imison-brand-culture-item a:hover .text {border-top: 2px solid #142888;}
.imison-brand-culture-item a:hover .title-1,
.imison-brand-culture-item a:hover .text-1,
.imison-brand-culture-item a:hover .text-2 {color: #142888;}
.imison-brand-culture-item a:hover .pic {transform: scale(1.05);}

.imison-about-planning-layout {padding: 7% 0;overflow: hidden;background: #f0f2f4;}
.imison-planning-layout-left {float: left;width: 49%;border-top: 2px solid #142888;padding-top: 1%;}
.imison-planning-layout-text {overflow: hidden;margin-top: 15%;}
.imison-planning-layout-text .data-1 {color: #142888;display: inline-block;width: 25%;}
.imison-planning-layout-text .data-1 span{display: block;padding-bottom: 1rem;}
.imison-planning-layout-text .data-1 strong{display: block;font-weight: normal;border-top: 1px solid #ccc;}
.imison-planning-layout-text .text-2 {margin-top: 3%;width: 90%;text-align: justify;color: #142888;}
.imison-planning-layout-right {float: right;width: 48%;}


.circle{width:100%;margin: auto;position: relative;}
.circle .edge{position: absolute;left: 50%;top: 50%;width: 80%;z-index: 33;transform: translate(-50%,-50%);border:3px dotted #d9d7dd;border-radius: 50%;}
.circle .edge img{width: 100%;height: auto;display: block;}
.circle .edge .text{color: #142888;}
.circle .edge .middle-circle {position: absolute;z-index:11;background:#fff;border-radius: 50%;box-shadow:0px 34px 54px 0px rgba(23, 0, 93, 0.13);width: 22%;}
.circle .edge .middle-circle-1{left:50%;top:-10%;transform: translateX(-50%);}
.circle .edge .middle-circle-2{left:4%;top:60%;transform: translate(-50%);}
.circle .edge .middle-circle-3{right:-18%;top:60%;transform: translate(-50%);}
.circle .edge .middle-circle-1 div,
.circle .edge .middle-circle-2 div,
.circle .edge .middle-circle-3 div{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;}
.circle .edge .middle-circle-1 img,
.circle .edge .middle-circle-2 img,
.circle .edge .middle-circle-3 img{width: 100%;height: auto;display: block;} 
.circle .virtual{position: absolute;left: 50%;top:50%;width: 55%;z-index:22;transform: translate(-50%,-50%);margin: auto;display: flex;align-items: center;background:#142888;border-radius: 50%;opacity: .05;}
.circle  .txt{color:#142888;position: absolute;opacity: .2;}
.circle  .tx1{left:6%;top:25%;transform: rotate(300deg);}
.circle  .tx2{right:6%;top:25%;transform: rotate(-300deg);}
.circle  .tx3{left:50%;bottom:7%;transform: translateX(-50%);}
.circle .virtual img{display: block;width: 100%;height: auto;}
.circle .circular{position: absolute;left: 50%;top:50%;width: 30%;transform: translate(-50%,-50%);background:#142888;border-radius: 50%;margin:auto;display: flex; justify-content: center; align-items: center;overflow: hidden;z-index: 45;border: 5px solid #fff;box-shadow: 0px 30px 54px 0px rgba(23, 0, 93, 0.32);}
.circle .circular img{display: block;width: 100%;height: auto;}
.circle .circular .logo{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width:60%;z-index: 8;}
.circle .circular .logo img{width: 100%;height: auto;display: block;}
.circle .circular .small-circle{border-radius:50%;position: absolute;}
.circle .circular .small-circle .pic{width: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.circle .circular .small-circle .pic img{width: 100%;height: auto;display: block;object-fit: cover;} 
.circle svg {position: absolute;display: block;width: 80%;height: 80%;left: 50%;top: 50%;transform: translate(-50%,-50%);overflow: visible;}
.circle svg path {opacity: 0;}
.circle svg text {fill: #142888;opacity: .2;font-size: 5px;}
.circle .svg1 {transform: translate(-50%,-50%) rotate(25deg);}
.circle .svg2 {transform: translate(-50%,-50%) rotate(140deg);}
.circle .svg3 {transform: translate(-50%,-50%) rotate(260deg);}
.circle .edge {animation: xuanzhuan 9000ms infinite linear;}
.circle .edge .middle-circle-1{transform: translateX(-50%);animation: turnrotate1 9000ms infinite linear;}
.circle .edge .middle-circle-2{transform: translate(-50%); animation: turnrotate2 9000ms infinite linear;}
.circle .edge .middle-circle-3{transform: translate(-50%); animation: turnrotate3 9000ms infinite linear;}

 
/* other */ 
 


.tanimation {opacity: 0;transition: opacity .8s ease-in-out,transform .8s cubic-bezier(.215,.61,.355,1);}
.tformY {transform:translateY(160px);}
.tformX {transform:translateX(50%);}
.tformXX {transform:translateX(-50%);}
.tdelay1 {transition-delay: .1s;}
.tdelay2 {transition-delay: .2s;}
.tdelay3 {transition-delay: .3s;}
.tdelay4 {transition-delay: .4s;}


.social-share{font-size:16px;font-style:normal;display: inline-block;vertical-align: middle;}
.social-share a{position:relative;text-decoration:none;margin-right:10px;display:inline-block;outline:none;}
.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #ccc;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}
.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}
.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f1f1f1;margin:0;padding:0;}
.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}
.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}
.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}
.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
.social-share .icon-wechat:hover .wechat-qrcode{display:block}
.social-share-icon {display: block;width: 4.5rem;height: 4.5rem;position: relative;box-sizing: border-box;}
.social-share-icon:hover {opacity: 1;}  
.social-share-icon:hover::after {background: #ea5717;}
.social-share-icon::before {opacity: 1;content: '';width: 4.5rem;height:4.5rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;}  
.social-share-icon::after {z-index: 1;content: '';width: 4.5rem;height:4.5rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) ;background: #292929;border-radius: 100%;}
.icon-share::before{background: url('../images/f3.png') center no-repeat;background-size: 50%;}
.icon-linkedin::before{background: url('../images/f3.png') center no-repeat;background-size: 40%;}
.icon-wechat::before  {background: url('../images/f4.png') center no-repeat;background-size: 50%;} 
.icon-twitter::before {background: url('../images/f2.png') center no-repeat;background-size: 40%;}   
.icon-weibo::before {background: url('../images/f4.png') center no-repeat;background-size: 45%;}   
.icon-facebook::before {background: url('../images/f1.png') center no-repeat;background-size: 25%;}   




.aside-top {position: fixed; width: 50px;bottom:3%;right:1%; z-index:199;display: none;}
.aside-top a {width: 50px;height: 50px;display: block;overflow: hidden;background: #000;border-radius: 100%;background-size: 20%;/* transform: rotate(-90deg); */}
.aside-top a:before {font-size: 1.25vw;color: #fff;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;font-weight: bold;}
.aside-top a:hover {background: #142888;background-size: 20%;}


@keyframes moveup {100%{transform: translateY(0%);}}
@keyframes bannerp{0%{width: 0;} 100%{width: 100%;}}
@keyframes yuanfangda{0%{transform:translate(-50%,-50%) scale(0.1);opacity:1;}100%{transform:translate(-50%,-50%) scale(1.1);opacity: 0;}}
@keyframes turnrotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);}100%{-webkit-transform:translate(-50%,-50%) rotate(360deg);}}
@keyframes turnrotate1{0%{-webkit-transform:translateX(-50%) rotate(360deg);}100%{-webkit-transform:translateX(-50%) rotate(0deg);}}
@keyframes turnrotate2{0%{-webkit-transform:translate(-50%) rotate(360deg);}100%{-webkit-transform:translate(-50%) rotate(0deg);}}
@keyframes turnrotate3{0%{-webkit-transform:translate(-50%) rotate(360deg);}100%{-webkit-transform:translate(-50%) rotate(0deg);}}
@keyframes moveright {50%{width:100%;}100%{width:100%;}}
@keyframes moveright2 {50%{left:100%;}100%{left:100%;}} 
@keyframes logoain1 {30%{mask-position: 0% 10%;-webkit-mask-position: 50% 100%;}70%{mask-position: 60% 50%;-webkit-mask-position: 50% 100%;}90%{mask-position: 50% 100%;-webkit-mask-position: 50% 100%;}100%{mask-position: 50% 100%;-webkit-mask-position: 50% 100%;opacity: 0;}} 
@keyframes opacity1 {0%{opacity: 1;}100%{opacity: 0;}} 
@keyframes logoain2 {80%{top: -110%;}100%{top: -110%;}} 
@keyframes opacity2 {100%{opacity: 1;}} 
@keyframes dazhixg {100%{width: 0;}}
@keyframes guanbiao {50%{opacity: 1}}
@keyframes dazhi1{0%{width: 100%;}100%{width: 0%;}}
@keyframes fudong{0%{transform: translateY(0%);}50%{transform: translateY(10%);}100%{transform: translateY(0%);}}
@keyframes fudong2{0%{transform: translate(-50%,0%);}50%{transform: translate(-50%,10%);}100%{transform: translate(-50%,0%);}}
@keyframes xuanzhuan{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);}25%{-webkit-transform:translate(-50%,-50%) rotate(90deg);}50%{-webkit-transform:translate(-50%,-50%) rotate(180deg);}75%{-webkit-transform:translate(-50%,-50%) rotate(270deg);}100%{-webkit-transform:translate(-50%,-50%) rotate(360deg);}}
@keyframes yuanfd1{0%{transform:translate(-50%,-50%) scale(0.1);opacity:0;}50%{transform:translate(-50%,-50%) scale(1);opacity: .2;}100%{transform:translate(-50%,-50%) scale(1);opacity: 0;}}
@keyframes yuanfd2{0%{transform:translate(-50%,-50%) scale(0.1);opacity:0;}50%{transform:translate(-50%,-50%) scale(1);opacity: 1;}100%{transform:translate(-50%,-50%) scale(1);opacity: 0;}}
@keyframes yuanfd3{0%{transform:translate(-50%,-50%) scale(0);opacity:0;}50%{transform:translate(-50%,-50%) scale(4);opacity: .2;}100%{transform:translate(-50%,-50%) scale(4);opacity: 0;}}
@keyframes shansuo {0%{opacity: 1}50%{opacity: .4}100%{opacity: 1}}

  



@media screen and (max-width: 5120px) {}
@media screen and (max-width: 3840px) {}
@media screen and (max-width: 2560px) {}
@media screen and (max-width: 2048px) {}
@media screen and (max-width: 1920px) {.imison-product-detial-right-content{width: 80%;}}
@media screen and (max-width: 1680px) {
    .header-nav a {/* font-size:1.6rem; */}
}
@media screen and (max-width: 1440px) {
    .header-nav a {/* font-size:1.8rem; */}
}
@media screen and (max-width: 1366px) {
    .header-nav a {font-size: 2rem;}
}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 1152px) {
	.imison-application-content-right {width: 80%;}
	.imison-application-item img.img-block {max-width: 100%;}
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 980px)  {
	.footer-content-left{width: 30%;}
	.header-nav li {margin-left: 2rem;}
	.index-our-application-item .top-1 {position: relative;width: 100%;padding: 10% 0;padding-top:60%;}
	.index-our-application-bottom {flex-wrap: wrap;} 
	.index-latest-news-item .latest-news-item-content ,.index-latest-news-content .imison-title{width: 80%;}
	.imison-about-whois .imison-about-content,.imison-about-whatcanwedo .imison-about-content,.imison-news-detial-content{width: 90%;}
	.index-technical-leader-item .title-3 {font-size: 4rem;}
	.index-weare-imison-content {width: 100%;position: relative;overflow: hidden;}
	.index-technical-leader-item .data-4 {top: 80%;}
	.index-banner-text .title-1 {font-size: 5rem;}
	.imison-quality-control-item a {width: 16rem;height: 16rem;}
	.imison-after-sale-service-bottom .imison-after-sale-service-item .text-2 {margin-top: 5%;}
	.imison-content-title .title-1 {font-size: 5rem;}
	.imison-about-text {margin-top: 10rem;}
	.imison-contact-popup {transform: translate(-50%, -1950%);}
	.imison-product-detial-left .img-center {margin-top: auto;}
}
@media screen and (max-width: 768px) {
	.pcshow{display: none!important;}
	.mbshow{display: block!important;}
	.menu-toggle {display: inline-block;vertical-align: middle;width: 4rem;line-height: 4rem;text-align: center;} 
	.header-nav {display: none;} 
	.index-banner {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
	.index-banner-swiper,.index-banner-swiper .swiper-slide,.index-banner-swiper .swiper-wrapper{height: 100%!important;}
	.index-banner-text {left: 5%;width: 90%;}
	.index-banner-text .title-1 {font-size: 4rem;line-height: 5rem;}
	.index-latest-news,.imison-product-features,.imison-about-history {padding: 2% 0;}
	.index-product-swiper .index-product-item .english-1 span {font-size: 6rem;line-height: 6rem;letter-spacing: 0;word-spacing: normal;word-wrap: break-word;word-break: break-all;}
	.index-product-left {margin-top: 0;}
	.imison-about-whois-center .text-2,.imison-about-text,.imison-planning-layout-right  {margin-top: 5%;}
	.index-our-application-bottom {display: block;margin-top:0;}
	.index-our-application-item {width: 100%;margin-bottom: 5%;}
	.index-our-application-item .top-1 {position: relative;padding: 5% 0;}
	.index-our-application-item a:hover .top-1 {padding: 5%;}
	.index-our-application-item .introduce-2 {top: 60%;}
	.index-our-application-item .img-block {display: none;}
	.index-our-application-item .pic-3 {position: relative;    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;}
	.index-our-application-item .pic-3 .img-block {display: block;}
	.index-weare-imison {width: 100%;height: 100%;} 
	.index-technical-leader {left: 0;width: 100%;bottom: 0;height: 60%;top: auto;}
	.index-iframe {width: 100%!important;height: 40%;}
	.index-technical-leader-content {left: 5%;top: 5%;width: 90%;height: 90%;transform: none;}
	.index-technical-leader-list {position: relative;width: 100%;height: 100%;}
	.index-technical-leader-item {left: 0;width: 100%;top: auto;position: relative;transform: none;}
	.index-technical-leader-item .text-3,.index-latest-news-content .imison-title,.index-latest-news-item .latest-news-item-content,
	.imison-contact-popup,.imison-about-whois .imison-about-content,.imison-about-whatcanwedo .imison-about-content {width: 90%;}
	.index-technical-leader-item .title-3,.imison-content-title .title-1,.imison-data-item .data-1 strong,.imison-data-item .data-1 sup,.imison-content-title .title-1 strong {font-size: 4rem;}
	.index-latest-news-center {padding:0;}
	.index-latest-news-item .latest-news-item-content {display: block;}
	.index-latest-news-item .right-2 {width: 70%;margin-left: 0;margin-top: 3%;padding-left: 20%;}
	.index-latest-news-item .left-1{width: 100%;}
	.footer-content-left,.imison-application-content-left,.imison-scientific-research-left,.imison-scientific-research-right,.imison-news-detial-top-left,
	.imison-after-sale-service-bottom .imison-after-sale-service-item .text ,.imison-about-whatcanwedo-right,.imison-planning-layout-left,.imison-contact-message-left,
	.imison-after-sale-service-bottom .imison-after-sale-service-item .img,.imison-about-whois-center .text-1,.imison-planning-layout-right,.imison-contact-message-right,
	.imison-about-whois-center .text-2,.imison-about-whatcanwedo-left{float: none;width: 100%;display: none;}
	.footer-content-right {/* display: none; */width: 100%;}
	.footer-logo {width: 20vw;}
	.footer-contact {margin-top: 7vw;}
	.footer-contact .hotline-2 .icon-1 {width: 5vw; height: 5vw;margin-right: 2vw;font-size: 5vw;}
	.footer-contact .text-3 { margin-top: 2vw; line-height: 1.8em; font-size: 3.2vw;}
	.footer-contact .botton-4 {margin-top: 5vw;}
	.footer .followus-5 .icon-2 li {margin-right: 3vw;}
	.ewmshow { width: 15vw; height: 15vw;position: relative; display: block;}
	.footer-copy a:last-child {display: block;margin: 1rem 0;}
	.footer-rlink {position: relative;right: auto;top: auto;transform: none;}
	.footer-rlink a {display: block;margin: 0;}
	.footer-link,.imison-scientific-research-right {margin-top: 1rem;} 
	.imison-product-nav li {width: 28%!important;}
	.imison-product-nav span {padding: 2rem 0;}
	.imison-product-item.tpi1,.imison-product-item {width: 100%;}
	.imison-product-detial {padding-top: 7.5rem;background: #eff0f4;}
	.imison-product-detial-left {width: 100%;height: 100%;left: auto;top: auto;position: relative;}
	.imison-product-detial-right {position: relative;width: 100%;height: 100%;right: auto;top: auto;background: #eff0f4;}
	.imison-product-detial-left .img-center {margin-top: auto;}
	.imison-product-detial-right-content {position: relative;width: 90%;left: auto;top: auto;transform: none;padding: 5%;}
	.imison-product-features-item .text-1.clamp1 {white-space: normal;}
	.imison-application-content-right {width: 100%;height: auto;height: auto;position: relative;top: auto;display: none;}
	.imison-application-class {width: 100%;height: auto;opacity: 1;transition: none;display: block;margin-bottom: 20%;}
	.imison-application-item {opacity: 1;position: relative;right: auto;top: auto;left: auto;}
	.imison-application-item img {top: auto;position: relative;}
	.imison-application-title {width: 100%;position: relative;top: auto;bottom: auto;}
	.imison-product-banner-text ,.imison-news-detial-content{width: 90%;}
	.imison-quality-control {padding: 0;}
	.imison-quality-control .imison-about-content {padding: 15% 0;width: 100%;}
	.imison-quality-control-item {margin: 1%;}
	.imison-quality-control-item a {width: 14rem;height: 14rem;}
	.imison-quality-control-bottom::before,.imison-quality-control-bottom::after,.imison-quality-control-list::after,.footer .followus-5 .icon-2 li .iconfont {display: none;}
	.imison-after-sale-service-item {float: none;width: 100%;margin-right: 0;margin-bottom: 5%;}
	.imison-brand-culture-item,.imison-news-item {float: none;width: 100%;margin-right: 0;margin-top: 5%;}
	.imison-page a i::after {background-size: 90%;}
	
	.imison-contact-item {float: none;width: 100%;margin-right: 0;}
	.index-product-swiper .swiper-button-prev ,.index-product-swiper .swiper-button-next,.imison-quality-control-item .point-1 {display: none;}
	.imison-button {margin-top: 5%;}
	.imison-button a {padding: 1.5rem 3rem;}
	.imison-button span {font-size: 1.6rem;}
	.index-our-application-item .text-3 {font-size: 1.6rem;}
	.imison-product-item .title-1 {font-size: 4.347826vw;}
	.imison-product-item .text-1{font-size: 3.3816425vw;} 
	.imison-product-nav ul {width: 100%;overflow-y: hidden;overflow-x: scroll;white-space: nowrap;font-size: 0;}
	.imison-product-nav ul::-webkit-scrollbar {display: none;}
	.footer-contact .botton-4 a {font-size: 0;padding: 2.5vw 3.5vw;}
	.footer-content-bottom {padding: 3vw 0;}
	.index-technical-leader-content .title-1 {padding-bottom: 5%;}
	.index-technical-leader-item .text-3 {top: 40%;}
	.technical-pagination {right: 5%;}
	.imison-application-content-left .imison-application-class:last-child .imison-application-title {top: auto;}
	.index-gififrame-block {background: #142888;}
	.index-banner {margin-top:7.5rem;}
	.img-block.imgwh.mbshow.mbt  {margin-top:7.5rem;}
	
}


/*公司简介**/

    

.click-scheme{padding: 6.25vw 0;background-image:url(../images/klk-bj-dt001.jpg);background-repeat: no-repeat;}
.click-scheme .click-scheme-content{width: 75%;margin: 0 auto;display: flex;justify-content: space-between;}
.click-scheme .click-scheme-left{width:68%;}
.click-scheme .click-scheme-left .title-1{color: #333;}
.click-scheme .click-scheme-left span{color: #142888;margin-left:1rem;}
.click-scheme .click-scheme-left .txt-2{color: #333;margin-top:2%;}
.click-scheme .click-scheme-left .txt-3{color: #6d6e71;margin-top:5%;position: relative;line-height: 2.6rem;overflow-y: auto;padding-right:2rem;z-index: 15;}
.click-scheme .click-scheme-left .txt-3::-webkit-scrollbar{width:2px;}
.click-scheme .click-scheme-left .txt-3::-webkit-scrollbar-track{background-color: rgb(0, 0, 0,.1);}
.click-scheme .click-scheme-left .txt-3::-webkit-scrollbar-thumb{background-color: #0f56a8;max-height:10rem;}
/* .click-scheme .click-scheme-left .txt-3::before{content: " ";position: absolute;z-index: 1;width:2px;height: 50%;right: 0;top: 0;background-color: #0f56a8;} */
.click-scheme .click-scheme-right{width: 20%; display: flex;flex-direction: column;justify-content: center;}
.click-scheme .click-scheme-right .text{margin-top:10% ;}
.click-scheme .click-scheme-right .text .num-1{color: #142888;margin-top:2%;}
.click-scheme .click-scheme-right .text .txt-2{color: #333;margin-top:2%;} 

.click-stock{width: 100%;} 
.click-stock-text{position: relative;}
.click-stock-text-content{position: absolute;z-index: 1;left: 12.5%;top: 50%;transform: translateY(-50%);}
.click-stock-text .title-1{color: #fff;}
.click-stock-text .txt-2{color: #fff;}
.click-stock-top .pic-1{background-position: center center; background-repeat: no-repeat; background-size: cover;position: absolute;z-index: 1;right: 0;bottom: 0;width: 62.2%;}
.click-stock-top .pic-2{background-position: center center; background-repeat: no-repeat; background-size: cover;}
.imp {
    width: 100%;
    display: block;
    height: auto;
}

@media screen and (max-width: 640px) {
  

    .click-scheme .click-scheme-content,.click-scheme .click-scheme-left,.click-stock-bottom-content,.click-stock-bottom .txt-3,.click-Create-content,.click-Create-bottom .item{width: 90%;}
    .click-scheme .click-scheme-content{flex-wrap: wrap;}
    .click-stock-text-content{left: 5%;display: none;} 
    .click-scheme .click-scheme-left .txt-2,.click-stock-top .pic-1,.click-stock-bottom .logo,.click-Create-top .txt-2 {width: 100%;}
    .click-scheme .click-scheme-left .txt-3 {overflow: hidden;}
    .click-scheme .click-scheme-content {display: block;width: 90%;}
    .click-scheme .click-scheme-left,.click-scheme .click-scheme-right,.click-stock-bottom .txt-3 {width: 100%;}
    .click-scheme .click-scheme-right {flex-direction: row;flex-wrap: wrap;margin-bottom: 5%;justify-content:left;}
    .click-scheme .click-scheme-right .text {width: 33.3333%;margin: 0;padding: 2% 0 10% 0;} 
    .click-stock-bottom .logo .pic {width: 30%;}
    .click-Create-bottom {padding: 5% 0;}
    .click-Create-bottom .item {width: 100%;box-sizing: border-box;}
}
/**荣誉**/
.page-about-content {
    width: 90%;
    margin: auto;
    overflow: hidden;
    z-index: 11;
    position: relative;
}
.parameter-content-title .english-1 {
   
    font-family:'OPPOSans3.0cn-Medium';
    padding-bottom: 10px;
    overflow: hidden;
    color:#0f56a8;
}
.parameter-content-title .title-2 {
 
    line-height: 30px;
    position: relative;
    display: inline-block;
    
    color: #bbbac3;
}

.page-awards {padding: 6.25vw 0;overflow: hidden;
background:url('../images/bg5.jpg') center no-repeat #f7f7f7;
background-size: cover;}
.page-awards .page-about-content{overflow :visible;}
.awards-content-top {padding: 3% 0 0 0;overflow: hidden;position: relative;}
.awards-content-top  .parameter-content-title .text-2{font-size: 18px;line-height: 30px;margin-top: 1.5%;}
/* .awards-nav {position: absolute;right: 0;bottom: 0;} */
.awards-nav li{list-style: none;padding: 0;margin: 0;display: inline-block;vertical-align: middle;margin: 0 20px;}
.awards-nav li a{display: block;position: relative;font-size: 18px;padding-bottom: 10px;font-weight: 500;color:#000}
.awards-nav li a::before {content: '';width: 100%;height: 2px;left: 0;bottom: 0;background: #142888;position: absolute;display: none;}
.awards-nav li.cur a::before {display: block;}
.awards-content-bottom {padding: 4% 0;position: relative;}
.awards-content-bottom-swiper {overflow: hidden;}
.awards-content-list-swiper {overflow: hidden;}
.awards-prev,.awards-next {width: 60px;height: 60px;position: absolute;background: #fff;border-radius: 100%;margin-top: -25px;}
.awards-prev::after,.awards-next::after {font-size: 24px;color: #000;}
.awards-prev {left: -30px;}
.awards-next {right: -30px;}
.awards-item {overflow: hidden;background: #DDD url('../images/award1.png') center -60px no-repeat;border-radius: 12px;padding: 30px 0;transition: all 0.5s;}
.awards-item .img{position: relative;background: transparent;}
.awards-item .img i {display: block;width: 60px;height: 60px;background: #142888;border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;opacity: 0;}
.awards-item .img i::after {content: '';width: 20px;height: 2px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.awards-item .img i::before {content: '';width: 2px;height: 20px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.awards-item .text {text-align: center;overflow: hidden;width: 94%;margin: auto;}
.awards-item .title-1 {font-size: 16px;line-height: 26px;color: #000000;/* opacity: .5; */display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 52px;}
.awards-item .img img.img-center {max-width: 70%;max-height: 75%;}
.awards-item a {display: block;overflow: hidden;}		 
.awards-item a:hover .title-1 {opacity: 1;}
.awards-item a:hover .img i {opacity: 1;}
.awards-item:hover {background: #FFF url('../images/award.png') center -60px no-repeat;}
.awards-content-top h2{
    font-weight:300;
}
.parameter-content-title h3{
    font-weight:300;
}
@media (max-width:1440px){
    .aksb-title .title-3, .features-content-title .title-2, .parameter-content-title .title-2, .capability-item .text .title-1, .join-windows-title .title-1, .join-bottom-title .title-1, .login-content-left .title-1 strong {
        font-size: 22px;
        line-height: 22px;
    }
    .parameter-content-title .english-1{
        font-size: 50px;
        line-height: 50px;
    }
}
@media screen and (max-width: 840px) {
    .page-awards .page-about-content,.page-service-support .page-about-content{width: 90%;}
    .awards-content-top {margin: auto;}
	.awards-nav {margin: 20px 0;}
	/* .awards-nav li:first-child {margin: 0 20px 0 0;} */
	.page-awards .index_head_box {justify-content: center; text-align: center;}
	.awards-item .img img.img-center {max-width: 85%; max-height: auto;}
	.page-awards{
	    padding: 15% 0;
	}
	.capability-content-bottom-swiper, .awards-content-top {
    width: 90%;
    }
    .product-list-top-title, .awards-nav {
        position: relative;
    }

}
/***服务支持**/
.page-service-support {padding: 6.25vw 0;overflow: hidden;}
.service-support-content {overflow: hidden;}
.service-support-bottom {/* padding:5% 0; */overflow: hidden;}
.service-support-swiper {overflow: hidden;}
.service-support-item {text-align: center;background: #f5f6f7;border-radius: 12px;overflow: hidden;position: relative;}
.service-support-item * {transition:all .4s ease;}
.service-support-item .text {position: absolute;width: 80%;top: 10%;left: 10%;z-index: 11;}
.service-support-item .icon-1{width: 60px;height: 60px;margin: auto;position: relative;}
.service-support-item .icon-1 img {max-width: 90%;max-height: 90%;}
.service-support-item .title-1{font-size: 16px;font-weight: bold;position: relative;overflow: hidden;margin-top: 10px;color: #111;}
.service-support-item .title-1::after {content: '';display: block;width: 30px;height: 2px;background: #142888;margin: 20px auto;}
.service-support-item .text-2{font-size: 15px;line-height: 26px;min-height: 130px;}
.service-support-item .text-2 p {margin: 0;padding: 0;}
.service-support-item .num-4{font-size: 20px;color: #ccc;font-family: 'OPPOSans3.0cn-Medium';}	
.service-support-item .img {background: #f5f6f7;}
.service-support-item .img img {opacity: 0;}
.service-support-item:hover .img{background: #142888;}					 
.service-support-item:hover .img img {opacity: 1;}
.service-support-item:hover .icon-1 img  {filter: invert(100%);}
.service-support-item:hover .title-1 {color: #fff;}
.service-support-item:hover .text-2{color: #fff;}
.service-support-item:hover .text-2 * { color: #fff;}
.service-support-item:hover .title-1::after{background: #fff;}
.service-support-item:hover .num-4{color: #fff;opacity: .3;}
.features-content-title {
    text-align: center;
}
.features-content-title h2{
    font-weight:300;
}
.features-content-title h3{
    font-weight:300;
}
.features-content-title .english-1 {
 
    font-family: 'OPPOSans3.0cn-Medium';
    padding-bottom: 10px;
    overflow: hidden;
    color:#000;
}
.features-content-title .title-2 {
   
    line-height: 30px;
    position: relative;
    display: inline-block;
    padding: 0 10px;
    color:#bbbac3;
}

@media(max-width:1440px){
    .features-content-title .title-2{
        font-size:22px;
        line-height:22px;
    }
    .service-support-item .text-2{
        font-size:13px;
        line-height:24px;
    }
}
@media(max-width:840px){
    .page-service-support{
        padding:15% 0;
    }
    .page-service-support .page-about-content{
        width:90%;
    }
    .features-content-title .english-1{
        font-size:40px;
        line-height:40px;
        font-size:4rem;
    }
}
/**工厂设备**/
.page-visitcompany {padding: 6.25vw 0;overflow: hidden;}
.page-visitcompany .page-about-content {width: 100%;}
.visitcompany-content {overflow: hidden;}
.visitcompany-content .features-content-title .text-3{margin-top: 2%;font-size: 18px;line-height: 30px;    width: 90%;
    margin: 0 auto;
    margin-top: 2%;}
.visitcompany-content .visitcompany-nav {text-align: center;padding: 3% 0;}
.visitcompany-content .visitcompany-nav li{display: inline-block;vertical-align: middle;margin: 0 5px;}
.visitcompany-content .visitcompany-nav a {font-size: 14px;border-radius: 50px;padding: 10px 25px;color:#000;/* border:1px solid #000; */background: #F5F5F5;}
.visitcompany-content .visitcompany-nav li.cur a {background: #142888;color: #fff;/* border:1px solid #0f56a8; */}
.visitcompany-content-list {overflow: hidden;padding-top: 2%;}
.visitcompany-content-type-swiper {overflow: hidden;}
.visitcompany-content-list-swiper {overflow: hidden;}
.visitcompany-content-list-swiper .img{border-radius: 10px;overflow: hidden;}
.visitcompany-content-list-swiper .img i {display: block;width: 60px;height: 60px;background: #142888;border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;opacity: 0;}
.visitcompany-content-list-swiper .img i::after {content: '';width: 20px;height: 2px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.visitcompany-content-list-swiper .img i::before {content: '';width: 2px;height: 20px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.visitcompany-content-list-swiper .img img {opacity: 0;}
.visitcompany-content-list-swiper a:hover i{opacity: 1;}
.visitcompany-content-list-swiper a:hover .img img {opacity: 1;}
.visitcompany-content-list-swiper .swiper-wrapper{-webkit-transition-timing-function: linear; -moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;}
@media(max-width:840px){
    .page-visitcompany{
        padding:15% 0;
    }
    .visitcompany-content .features-content-title .text-3 {
        width: 90%;
        margin: 20px auto;
    }
}


.imison-about-history{padding: 6.25vw 0;overflow:hidden}
/* .imison-history-content{overflow:hidden}
.imison-about-history-top{position:relative;margin:auto}
.imison-about-history-bottom{margin-top:3%;overflow:hidden;width: 100%;margin:0 auto;margin-top: 5vw;}
.imison-history-item{position:relative;display:flex;flex-direction:column}
.imison-about-history-swiper .swiper-slide{width:28rem}
.imison-about-history-swiper .swiper-slide:nth-child(2n) .item{align-items:flex-end;padding-top:165px}
.imison-about-history-swiper .swiper-slide:nth-child(2n+1) .item{padding-bottom:165px}
.imison-about-history-swiper .item{height:165px;display:flex;flex-direction:column}
.imison-about-history-swiper .item_main::before{content:'';display:block;position:absolute;left:0;top:0;bottom:0;width:1px;background-color:#e5e5e5}
.imison-about-history-swiper .swiper-slide:nth-child(2n+1) .bar{bottom:-12px}
.imison-about-history-swiper .bar{width:24px;height:24px;background-color:#fff;border-radius:50%;position:absolute;left:-12px}
.imison-about-history-swiper .bar::before{content:'';display:block;width:12px;height:12px;background-color: #142888;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.imison-about-history-swiper .bar::after{content:'';display:block;width:6px;height:6px;background-color:#fff;border-radius:50%;z-index:2;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.imison-about-history-swiper .swiper-slide:nth-child(2n) .bar{top:-12px}
.imison-about-history-swiper .year{color: #142888;}
.imison-about-history-swiper .desc{color:#6f767b;line-height:1.75;margin-top:25px;width:11.4em;max-height:6em}
.imison-about-history-swiper .item_main{position:relative;padding-left:18px;flex:1;width:100%}
.imison-about-history-swiper::before{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:1px;background-color:#e5e5e5}
.imison-about-history-swiper::after{content:'';display:block;width:30%;position:absolute;right:0;top:0;bottom:0;background-image:linear-gradient(to right,transparent,#fff);z-index:2;opacity:.8}
.imison-about-history-swiper .swiper-slide:nth-child(2n) .year{margin-top:25px} */

.imison-about-history-top{position:relative;margin:auto}
.imison-about-history-bottom{margin-top:3%;overflow:hidden;width: 100%;margin:0 auto;margin-top: 5vw;}
.imison-history-item{position:relative;display:flex;flex-direction:column}
.imison-about-history-swiper .swiper-slide{width:28rem}
.imison-about-history-swiper .swiper-slide:nth-child(2n) .item{align-items:flex-end;padding-top:165px}
.imison-about-history-swiper .swiper-slide:nth-child(2n+1) .item{padding-bottom:165px}
.imison-about-history-swiper .item{height:165px;display:flex;flex-direction:column}
.imison-about-history-swiper .item_main::before{content:'';display:block;position:absolute;left:0;top:0;bottom:0;width:1px;background-color:#e5e5e5}
.imison-about-history-swiper .swiper-slide:nth-child(2n+1) .bar{bottom:-12px}
.imison-about-history-swiper .bar{width:24px;height:24px;background-color:#fff;border-radius:50%;position:absolute;left:-12px}
.imison-about-history-swiper .bar::before{content:'';display:block;width:12px;height:12px;background-color: #142888;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.imison-about-history-swiper .bar::after{content:'';display:block;width:6px;height:6px;background-color:#fff;border-radius:50%;z-index:2;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.imison-about-history-swiper .swiper-slide:nth-child(2n) .bar{top:-12px}
.imison-about-history-swiper .year{color: #142888;}
.imison-about-history-swiper .desc{color:#6f767b;line-height:1.75;margin-top:25px;width:11.4em;max-height:6em}
.imison-about-history-swiper .item_main{position:relative;padding-left:18px;flex:1;width:100%}
/* .imison-about-history-swiper::before{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:1px;background-color:#e5e5e5} */
.imison-about-history-swiper::after{content:'';display:block;width:30%;position:absolute;right:0;top:0;bottom:0;background-image:linear-gradient(to right,transparent,#fff);z-index:2;opacity:.8}
.imison-about-history-swiper .swiper-slide:nth-child(2n) .year{margin-top:25px} */

.imison-about-history {padding: 6% 0 5% 0;overflow: hidden;}
.imison-history-content {overflow: hidden;}
.imison-about-history-top {position: relative;/* width: 90%; */margin: auto;} 
.imison-about-history-bottom {margin-top: 3%;overflow: hidden;padding-bottom: 2%;}
.imison-history-item {position: relative;}
.imison-history-item .timer-1{position: absolute;left: -1.8rem;top: 0;z-index: 2;}
.imison-history-item .timer-1 i {display: block;width: 4rem;height: 4rem;position: relative;background: #fff;border-radius: 100%;}
.imison-history-item .timer-1 i::after {content: '';width: 2rem;height: 2rem;position: absolute;background: #142888;border-radius: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.imison-history-item .timer-1 i::before {content: '';width: .7rem;height: .7rem;position: absolute;background: #fff;border-radius: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;}
.imison-history-item .timeline-1 {position: absolute;left: 0;top: 2rem;z-index: 1;width: 100%;}
.imison-history-item .timeline-1 i{display: block;width: 100%;height: 2px;background: #f1f0f3;position: relative;}
.imison-history-item .timeline-1 i::after {content: '';width: 0;height: 100%;position: absolute;background: #3200c8;left: 0;top: 0;transition:all 4s ease;z-index: 11;display: none;}
.imison-history-item .history-text{padding:6rem 5rem 0 3rem;overflow: hidden;position: relative;color: #372e50;box-sizing: border-box;}
.imison-history-item .history-text::before {content: '';width: 2px;height: 100%;position: absolute;background: #f1f0f3;left: 0;top:0;}
.imison-history-item .history-text::after {content: '';width: 2px;height: 20%;position: absolute;background: #c31313;left: 0;top: 8.2rem;z-index: 2;}
.imison-history-item .title-1{color: #372e50;}
.imison-history-item .text-2 {margin-top: 1rem;font-family: PingFang SC,'Microsoft YaHei',Arial,sans-serif;font-weight: normal;}
.imison-history-item .text-2 ul {padding: 0;padding-left: 2rem;}
.imison-history-item .text-2 ul li {padding: .2rem 0;list-style: none;position: relative;}
.imison-history-item .text-2 ul li::before {content: '';width: 4px;height: 4px;position: absolute;left: -1.5rem;top: 1.3rem;background: #ccc;}
.imison-history-button {position: absolute;right: 0;bottom: 0;z-index: 11;}
.imison-about-history-swiper .swiper-slide-active .imison-history-item .timeline-1 i::after {width: 100%;}

@media(max-width:768px){.imison-about-history-bottom{padding:5%}


.position p{font-size:1.8rem;padding-left:1.8rem}
.position p a{font-size:1.8rem;color:#000;font-weight:inherit}
}

/* contact */ 
.imison-contact .imison-product-banner-text .title-1 strong,
.imison-contact .imison-product-banner-text .entitle-1 span {color: #fff;}
.imison-contact-us {padding: 5% 0 5% 0;overflow: hidden;background:#f5f5f5}
.imison-contact-us .title-1 strong {font-weight: normal;color: #142888;}
.imison-contact-list {margin: 3%;overflow: hidden;display:grid;grid-auto-rows: max-content;}
.imison-contact-list .title-11{
    margin-bottom:20px;
}

.imison-contact-item {overflow: hidden;float: left;position: relative;padding: 0;}
.imison-contact-item.mr0 {margin-right: 0;}
.imison-contact-item .title-1 {color: #9b98a4;    line-height: 1.8;}
.imison-contact-item .text-1 {color: #0f56a8;margin-top: .5rem;min-height: 3rem;}
.imison-contact-map {position: relative;overflow: hidden;}

.imison-contact-message {padding: 5% 0;overflow: hidden;}
.imison-contact-message-left {float: left;width: 50%;}
.imison-contact-message-left .text-2 {margin-top: 5rem;color: #555;width: 68%;}
.imison-contact-message-right {float: right;width: 50%;overflow: hidden;}
.imison-contact-message-from {overflow: hidden;margin-top: 2vw;}
.imison-contact-message-from .item-1 {overflow: hidden;/* padding-top: 2rem; */margin-bottom: 1vw;}
.imison-contact-message-from .input-1,
.imison-contact-message-from .textarea-1 {display: block;border: none;background: none;outline: none;width: 100%;box-sizing: border-box;/* border-bottom: 1px solid #555; */padding: 1rem 0;background: #F5F5F5;padding: 1vw 1.5vw;}
.imison-contact-message-from .textarea-1{min-height: 15rem;}
.imison-contact-message-from .input-1:focus {border-bottom: 1px solid #0f56a8;}
.imison-contact-message-from .contact-send {margin-top: 3rem;}
.imison-contact-message-from .contact-send a {/* float: right; */margin-right:0;} 

/* 招聘 */
.public_join_wrap{padding:6.25vw 0;overflow:hidden;background-color:#f6f7f9;background-image:linear-gradient(to bottom,rgb(255 255 255 / 40%) 0%,rgba(0,2,59,0) 100%)}


/**当前位置**/
.position{
        padding: 0.1rem 0 0.2rem;
        width:90%;
        margin:0 auto;
        background:#f5f5f5;
        
}
.position p{
    font-size:1.4rem;
    padding-left:1.8rem;
}
.position p a{
     font-size:1.4rem;
     color:#666;
     font-weight:inherit;
     
}
.position p a:hover{
    color:#0f56a8;
    text-decoration: underline;
}
/**产品总览**/
.pro_main_content{
    display:flex;
    
    margin:0 auto;
}

.pro_main_content .s-hover{
    background-color: #f5f5f5;
    color:#fff;
}



.pro_main_content .li-s-hover {
    background-color: #f5f5f5;
    color:#fff;
}


.pro_main_content .l-menu {
    width: 350px;
    height: 510px;
    border: 1px solid #dde2e6;
   
    margin-right: 20px;
    margin-top: 20px;
    padding:0px;
}
.pro_main_content .l-menu li:not(:last-child) {
    border-bottom: 1px solid #dde2e6;
}
.pro_main_content .l-menu li {
    line-height: 50px;
    padding: 0 25px;
    justify-content: space-between;
    align-items: center;
    letter-spacing: 3px;
    font-size: 16px;
    cursor: pointer;
    list-style: none;
}
.pro_main_content .l-menu a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #5a5a5a;
    font-size:1.5rem;
}
.pro_main_content .l-menu a h2{
    font-weight:inherit;
    font-size:16px;
}

.index-product-content{
    margin:0;
}
@media(max-width:1200px){
    .l-menu{
        display:none;
    }
}
/**产品列表**/
.hbox6 {
    display: grid;
    grid-template-columns: 20% 80%;
    grid-template-rows: auto;
    align-items: flex-start;
}

.hbox6 .left{padding-right: 3vw;box-sizing: border-box;position: sticky;top: 7.5vw;}
.hbox6 .right{flex:1;/* margin-left:3%; */ padding-left: 1vw;}
.base_catgory .catgory_tit{
    text-align:center;
    padding:2rem 3rem;
    /* background-color:#f6f6f6; */
    text-align: left;
    /* border-bottom: 1px solid #ebeced; */
    color: #000;
    padding: 18px;
    font-size: 2.3vw;
    line-height: 3.3333vw;
    }

.cd-accordion-menu {
  width: 100%;
  /* border: 1px solid #f5f5f5; */
  background: #fff;
  padding:0;
  margin:0;
}
.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none;
  padding-left:60px;
}
.cd-accordion-menu ul ul li{
    list-style:none;
}
.cd-accordion-menu li ul li ul li a{
    padding:12px;
}
.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  list-style:none;
  border-bottom: 1px solid #ebeced;
  margin-bottom: 1vw;
  /* padding-bottom: 1vw; */
}
.cd-accordion-menu li:hover a {padding-left: 0.5vw;}
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
.cd-accordion-menu label, .cd-accordion-menu a {
  position: relative;
  display: block;
  color: #333;
  font-size: 1.6rem;
  font-weight: 500;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1vw;
}
.cd-accordion-menu a .iconfont {font-size: 0.75vw;line-height: inherit;color: inherit;}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
  background: #52565d;
}
.cd-accordion-menu label::before{
  /* icons */
  content: '';
  display: inline-block;
  width:25px;
  height:25px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu label {
  cursor: pointer;
}
.cd-accordion-menu label::before {
  background-image: url(../images/down.png);
  background-repeat: no-repeat;
  background-size:cover;
}
.cd-accordion-menu label::before {
  /* arrow icon */
  right: 18px;
  background-position: 0 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}


.cd-accordion-menu input[type=checkbox]:checked + label::before {
  /* rotate arrow */
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu input[type=checkbox]:checked + label::after {
  /* show open folder icon if item is checked */
  background-position: -32px 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}
.cd-accordion-menu ul label,
.cd-accordion-menu ul a {
  
  background: #f5f5f5;
  padding-left: 24px;
}
.no-touch .cd-accordion-menu ul label:hover, .no-touch
.cd-accordion-menu ul a:hover {
  background: #3c3f45;
}
.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
  box-shadow: none;
}
.cd-accordion-menu ul label::before {
  right: 36px;
}
.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
  left: 59px;
}
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
  padding-left: 100px;
}
.cd-accordion-menu ul ul label::before {
  right: 54px;
}
.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
  right: 77px;
}
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
  padding-left: 118px;
}
.cd-accordion-menu ul ul ul label::before {
  right: 72px;
}
.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
  left: 95px;
}

.cd-accordion-menu li:hover,.cd-accordion-menu li.active{
    /* background:#f5f5f5; */
}
.cd-accordion-menu > li.active{
   /* display: flex;*/
   /*justify-content: space-between;*/
   /* align-items: center;*/
}

.cd-accordion-menu li:hover a,.cd-accordion-menu li.active a{
    /* background:#f5f5f5; */
    color: #142888;
}

.wap_left .cd-accordion-menu li:hover, .cd-accordion-menu li.active{
    background:#fff;
}
.wap_left .cd-accordion-menu ul label, .cd-accordion-menu ul a{
    background: #fff;
}
.wap_left .cd-accordion-menu li.active1 a.lia3{
    color:#0f56a8;
}
.hbox6 .right .search{
    padding: 1.5vw 2vw;
    background-color: #f5f6f8;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.416667vw;
    overflow: hidden;
}
.hbox6 .right .search .search_text{
    font-family: auto;
    width: 4vw;
}
.hbox6 .right .search .search_form{
    height: 2.6vw;
    /* width: 100%; */
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    flex: 1;
}
.hbox6 .right .search .search_form .input_text{
    background-color: #fff;
    padding: 0 20px;
    height: 100%;
    display: flex;
    align-items: center;
    /* margin-left: 16px; */
    width: 100%;
    border-radius: 0.3vw;
}
.hbox6 .right .search .search_form .input_text input{
    border:none;
    width:100%;
}

.hbox6 .right .search .btn{
    text-align: center;
    border:none;
    background: #142888;
    color: #fff;
    min-width: 6vw;
    border-radius: 0.3vw;
    transition: all 0.3s;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
}
.hbox6 .right .search .reset_btn{
     background: #c02525;
}
.hbox6 .right .search .btn .iconfont {margin-right: 0.5vw; font-size: inherit;}
.hbox6 .right .search .btn:hover {filter: brightness(0.8);}
.hbox6 .right .search .btn i{
    
    background-image:url('../images/ss.png');
    width:30px;
    height:30px;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
}
@media(max-width:768px){
    .hbox6 .right .search .btn{
        padding:1.5rem;
    }
    .hbox6 .right .search .search_text{
        display:none;
    }
    .hbox6 .right .search .search_form{
        gap:0px;
    }
    .hbox6 .right .search .reset_btn{
        display:none;
    }
}

@media only screen and (min-width: 600px) {
  .cd-accordion-menu label, .cd-accordion-menu a {
    font-size: 1.6rem;
    font-family: auto;
  }
  .cd-accordion-menu li ul li{
      list-style:disc;
  }
  .cd-accordion-menu ul ul li{
    list-style:none;
}
  .cd-accordion-menu li ul li label{
      padding:12px;
  }
  
  .cd-accordion-menu label::before {
    right: 24px;
  }
  
  .cd-accordion-menu ul label,
  .cd-accordion-menu ul a {
    padding-left: 24px;
  }
  .cd-accordion-menu ul label::before {
    right: 48px;
  }
  .cd-accordion-menu ul label::after,
  .cd-accordion-menu ul a::after {
    right: 77px;
  }
  .cd-accordion-menu ul ul label,
  .cd-accordion-menu ul ul a {
    padding-left: 24px;
  }
  .cd-accordion-menu ul ul label::before {
    right: 72px;
  }
  .cd-accordion-menu ul ul label::after,
  .cd-accordion-menu ul ul a::after {
    right: 101px;
  }
  .cd-accordion-menu ul ul ul label,
  .cd-accordion-menu ul ul ul a {
    padding-left: 154px;
  }
  .cd-accordion-menu ul ul ul label::before {
    right: 96px;
  }
  .cd-accordion-menu ul ul ul label::after,
  .cd-accordion-menu ul ul ul a::after {
    right: 125px;
  }
}
.cd-accordion-menu.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

@media(max-width:1460px){
    .hbox6 .left{}
    .hbox6 .right {
        margin-left: 0%;
    }
    
}
@media(max-width:1280px){
   
}
@media(max-width:768px){
    .hbox6 .left{width:100%;display:none;}
    .hbox6 .right{width:100%;margin-left:0;flex:unset;}
    .list3 .text_box{font-size:.12rem;}
    .position p{
        font-size:1.8rem !important;
        padding-left:1.8rem;
    }
    .position p a{
         font-size:1.8rem !important;
         color:#666;
         font-weight:inherit;
         
    }
}
.wap_left{
    display:none;
}
@media (max-width:640px){
	.public_nav_wrap {height: auto;}
    .public_nav_box {height: 100%;padding: 0 5.7291666vw;}
    .public_text_default {align-items: center;}
    .public_nav_default_text, .public_nav_default_text a {font-size: 3.3816425vw;line-height: 11.1111vw;}
	.public_nav_current_text, .public_nav_current_text a {font-size: 3.3816425vw;line-height: 11.1111vw;}
    .public_text_icon, .public_text_icon.iconfont {font-size: 3.3816425vw;line-height: 11.1111vw;}
    .hbox6 .right .search {padding: 3.5vw 5vw;}
    .hbox6 .right .search .search_form {height: 10vw; width: 100%;}
    .hbox6 .right .search .search_form .input_text {padding:0; margin: 0;width: 100%;}
    .hbox6 .right .search .btn {min-width: 16.666vw;}
    .imison-product-list {padding: 5vw 0;gap: 1.5vw; grid-template-columns: repeat(2, 1fr);}
    .public_banner_read {font-size: 6.763285vw;line-height: 9.178743vw;}
	.public_banner_en {font-size: 5vw; line-height: 1.5em;margin-bottom: -10px;}
    .wap_left {display: none;width: 0;}
    .hbox6 {display: block;}
    .hbox6 .right {padding-left: 0;}
	
}

/* 产品内页 */
 .NyProDetail_Con {
   flex:1;
   overflow: hidden;
   background-color: #fff;
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -moz-box-sizing: border-box;
   padding-left: 2vw;
}

.NyProDetail_Con .NyProDetail_Tit {
    width: 100%;
    height: auto;
    margin: 0 auto 30px;
    padding: 0;
    border-bottom: 1px solid #e6e6e6
}

.NyProDetail_Con .NyProDetail_Tit span {
    display: block;
    width: auto;
    height: 40px;
    overflow: hidden;
    line-height: 38px;
    color: #2e89ff;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    border-bottom: 2px solid #2e89ff;
    float: left
}

.NyProDetail_Con .NyProDetail_Tit li {
    display: block;
    width: auto;
    height: 40px;
    overflow: hidden;
    line-height: 38px;
    color: #333;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 0;
    float: left
}

.NyProDetail_Con .NyProDetail_Tit a {
    display: block;
    width: auto;
    height: 40px;
    overflow: hidden;
    line-height: 38px;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 0 60px;
    padding: 0;
    border-bottom: 2px solid #fff;
    float: left
}

.NyProDetail_Con .NyProDetail_Tit a:hover {
    color: #2e89ff;
    border-bottom: 2px solid #2e89ff
}

.NyProDetail_Con .ProDetailText {
    width: 100%
}

.ProDetailText img,.ProDetailText table,.ProDetailText tr,.ProDetailText td,.ProDetailText p,.ProDetailText span,.ProDetailText div,.ProDetailText video,.ProDetailText embed {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100%;
    white-space: normal;
    word-break: break-all;
    text-align: justify;
    overflow: hidden
}

.ProDetailText table tr td p {
    text-indent: 0!important
}

.ProDetailText img {
    display: inline-block;
    width: auto!important;
    height: auto!important;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    text-indent: 0!important
}

.NyPro_PrevNext {
    width: 100%;
    height: auto;
    margin: 30px auto 0;
    padding: 7px 30px;
    background-color: #2e89ff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.NyPro_PrevNext p {
    width: 42%;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.NyPro_PrevNext p a {
    line-height: 40px;
    color: #fff;
    font-size: 16px
}

.NyPro_PrevNext p.NyProPrev {
    padding: 0 0 0 30px
}

.NyPro_PrevNext p.NyProNext {
    padding: 0 30px 0 0;
    text-align: right
}

.NyPro_PrevNext p img {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 10px
}

.NyPro_PrevNext p.NyProPrev img {
    left: 0
}

.NyPro_PrevNext p.NyProNext img {
    right: 0
}

.NyPro_PrevNext a.NyProAll {
    display: block;
    width: 16%;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin: 0;
    padding: 0;
    float: left
}

.NyPro_PrevNext a.NyProAll img {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: -2px 10px 0 0;
    padding: 0
}
.pi2b.tab_content > ul{
	padding:0px;
}


/*download page*/
.newsbanner {
  position: relative;
}
.newsbanner .img {
  width: 100%;
  height: 5rem;
  position: relative;
}
@media (max-width: 1199px) {
  .newsbanner .img {
    height: 6rem;
  }
}
@media (max-width: 767px) {
  .newsbanner .img {
    height: 14rem;
  }
}
.newsbanner .img:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.3;
}
.newsbanner .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.newsbanner .img img:nth-child(2) {
  display: none;
}
@media (max-width: 767px) {
  .newsbanner .img img:nth-child(1) {
    display: none;
  }
  .newsbanner .img img:nth-child(2) {
    display: block;
  }
}
.newsbanner .cont {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  color: #fff;
  text-align: center;
}
.newsbanner .cont .text {
  font-size: 22px;
  color: #dddddd;
  margin-bottom: 0.2rem;
}
@media (max-width: 1440px) {
  .newsbanner .cont .text {
    font-size: 18px;
  }
}
.newsbanner .cont .tit {
  font-size: 0.6rem;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .newsbanner .cont .tit {
    font-size: 1.2rem;
  }
  
}
@media (max-width: 576px) {
  .newsbanner .cont .tit {
    line-height: 1.3;
    font-size: 1.4rem;
  }
}

.c-download .c-list {
  display: flex;
 
      margin: 0;
    padding: 0;
    flex-wrap:wrap;
    gap:8%;
}
.c-download .c-list li {
  position: relative;
  padding-bottom: 20px;
  width: 19%;
  
  list-style: none;
}
@media (max-width: 767px) {
  .c-download .c-list li {
    margin-right: 0;
    width: 100%;
    padding-bottom: 1rem;
  }
}
.c-download .c-list li .c-wrap {
  display: block;
  position: relative;
      padding:20px;
  transition: all 0.5s;
}
@media (max-width: 767px) {
  .c-download .c-list li .c-wrap {
    padding:20px;
  }
}
.c-download .c-list li .c-wrap::before {
  content: "";
  width: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  /*border-top: 2px solid #0f56a8;*/
  transition: all 0.5s;
}
.c-download .c-list li .c-wrap .c-text1 {
  color: #333;
  position: relative;
  padding-left: 15px;
}
.c-download .c-list li .c-wrap .c-text1::before {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #333;
  border-radius: 50%;
}
.c-download .c-list li .c-wrap .c-title {
  font-weight: bold;
  margin: 10px 0px;
  transition: all 0.5s;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  font-weight: inherit;
    font-family: auto;
    color: #000;
    
}
@media (max-width: 767px) {
  .c-download .c-list li .c-wrap .c-title {
    margin: 1.5rem 0 1.5rem;
  }
}
.c-download .c-list li .c-wrap .c-img-box {
  overflow: hidden;
  background: #bfbfbf;
}
.c-download .c-list li .c-wrap .c-img-box img {
  width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
    aspect-ratio: 283 / 330;
}
.c-download .c-list li .c-wrap .c-btn {
  display: inline-flex;
  align-items: center;
  color: #666;
  margin-top: 15px;
  transition: all 1s;
      width: 100%;
    justify-content: center;
}
@media (max-width: 767px) {
  .c-download .c-list li .c-wrap .c-btn {
    margin-top: 1rem;
  }
}
.c-download .c-list li .c-wrap .c-btn .c-ico {
  margin-left: 10px;
  width: 16px;
  height: 16px;
  background: url(../images/c-xz1.png) no-repeat center / 100%;
}
.c-download .c-list li:hover {
  z-index: 5;
}
.c-download .c-list li:hover .c-wrap {
  border-color: #fff;
  /*box-shadow: 0 3px 0.7rem rgba(118, 113, 150, 0.15);*/
  box-shadow: 0 0 8px rgba(0,0,0,0.6);
}
.c-download .c-list li:hover .c-wrap::before {
  width: 100%;
}
.c-download .c-list li:hover .c-wrap .c-title {
  color: #000;
}
.c-download .c-list li:hover .c-wrap .c-btn {
  color: #0f56a8;
}
.c-download .c-list li:hover .c-wrap .c-btn .c-ico {
  background-image: url(../images/c-xz2.png);
}
.c-download .c-list li:hover .c-wrap .c-img-box img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
}
.c-download{
	padding-top:50px;
	padding-bottom:50px;
}
.c-download .container {
    max-width: 1440px;
   
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 1600px){
.c-download .container {
    width: 75.67%;
}
}
@media (min-width: 1200px){
.c-download .container {
    width: 88.888%;
}
}
@media (min-width: 992px){
	.c-download .container {
		width: 70%;
	}
	
}

/* news */ 
.imison-news-content {overflow: hidden;padding: 2% 0;}
.imison-news-list {width: 75%;margin: auto;}
.imison-news-item {float: left;width: 100%;margin-right: 2%;margin-bottom: 2%;}
.imison-news-item.mr0 {margin-right: 0;}
.imison-news-item a {display: flex;position: relative;border-bottom: 2px solid #e4e7ec;gap: 4%;}
.imison-news-item a:hover{
        box-shadow: 0 0 8px rgba(0,0,0,0.6);
}
.imison-news-item a .img{
        float: left;
    padding: 0 25px;
    background: #fff;
    width: 28%;
    /*height: 220px;*/
    overflow: hidden;
    margin: 25px 0px;
}
.imison-news-item a .img .pic{
    overflow: hidden;
}
.imison-news-item .data-1 {color: #afabb9;position: relative;padding: 1rem;}
.imison-news-item .data-1::before {content: '';width: 4px;height: 4px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #afabb9;}
.imison-news-item .text {overflow: hidden;    width: 68%;padding-right: 25px;}
.imison-news-item .text p{line-height:2;color:#666}
.imison-news-item .title-1 {margin-top: 2rem;color:#000}
.imison-news-item a:hover .title-1{color:#0f56a8}
.imison-news-item a:hover .pic {transform: scale(1.05);}
.imison-news-item a:hover .btn{color:#0f56a8}
@media(max-width:768px){
    .imison-news-list{
        width:90%;
    }
    .imison-news-item a{
        padding-bottom:5%;
    }
    .imison-news-item a .img{
        margin:2rem 0;
        padding:0 2rem;
        width: 48%;
    }
    .imison-news-item .text p{
        height: 6rem;
        overflow: hidden;
    }
    .imison-news-item .title-1{
        height:3rem;
        overflow: hidden;
    }
}

/* news starry */
.news_page_wrap{background:#ffffff;padding:6.7708333vw 0}
.news_page_title_box .public_title_box{-webkit-justify-content:flex-start;justify-content:flex-start}
.news_page_title_box .public_title_icon svg{fill:#1642bb}
.news_page_title_box .public_title_text{color:#1642bb}
.news_page_text_box .about_public_label{}
.news_page_item_pic{width: 28%;}
.news_page_item_pic a{display:block}
.news_page_item_img{padding-bottom:66.25%;border-radius: 0.416667vw;}
.news_page_item_content{width:70%;padding-left:4.6875vw;-webkit-align-content:space-between;align-content:space-between;box-sizing: border-box;}
.news_page_item_time{font-size:0.9375vw;line-height:1.458333vw;color: #aaa;/* font-size: 1.25vw; *//* line-height: 3.75vw; */}
.news_page_item_big{width:100%}
.news_page_item_title{margin-top:2.08333vw;font-size: 1.458333vw;line-height: 1.9791666vw;/* font-weight: bold; */}
.news_page_item_title a{max-width:100%;font-size:1.25vw;line-height:1.7708333vw;color:#111;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news_page_item_text{font-size:0.8333vw;line-height:1.6666vw;color:#999999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:1.041666vw;font-size: 0.833333vw;/* line-height: 1.458333vw; */color: #666666;}
.news_page_item_button{width:100%;align-items: center;}
.news_page_item_button a{-webkit-align-items:center;align-items:center}
.news_video_item_button{-webkit-align-items:center;align-items:center}
.news_page_btn_text{font-size:0.8333vw;line-height:1.3541666vw;color:#555555;-webkit-transition:all .6s ease;transition:all .6s ease}
.news_page_btn_icon{height:0.26041666vw;-webkit-align-items:center;align-items:center;overflow:hidden;-webkit-transition:all .6s ease;transition:all .6s ease}
.news_page_btn_line{width:100%;height:1px;background:#555555;position:relative;-webkit-transition:all .6s ease;transition:all .6s ease}
.news_page_btn_line:after{content:"";position:absolute;top:50%;right:0;-webkit-transform:translatey(-50%);transform:translatey(-50%);background:#555555;width:0.26041666vw;height:0.26041666vw;-webkit-border-radius:100%;border-radius:100%;-webkit-transition:all .6s ease;transition:all .6s ease}
.news_page_btn_prev{margin-right:1.041666vw;width:2.34375vw}
.news_page_btn_next{margin:0;width:0}
.news_page_head_box{padding-bottom:4.1666vw}
.news_page_tab{position:relative}
.news_page_ul{/* padding:4.1666vw 0; */}
.news_page_line_box{position:relative;height:1px;width:100%}
.news_page_line_box:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border-bottom:1px solid #1a1a1a}
.news_page_item_box{margin-bottom:4vw;padding-bottom:4vw;border-bottom:1px solid #ddd}
.news_page_item_box * {transition: all .6s ease;}
.news_page_item_box a {width: 100%;}
.news_page_item_box:last-child{margin-bottom:0}
.news_page_item_box:hover .news_page_btn_line,.news_page_item_box:hover .news_page_btn_line:after{background: #142888;}
.news_page_item_box:hover .news_page_btn_text,.news_page_item_box:hover .news_page_item_title{color: #142888;}
.news_page_item_box:hover .news_page_btn_next{width:2.34375vw;margin-left:1.041666vw}
.news_page_item_box:hover .news_page_btn_prev{margin:0;width:0}
.news_page_item_box:hover .news_page_item_img img {transform: translateZ(0) scale(1.05);
    -webkit-transform: translateZ(0) scale(1.05);
    -ms-transform: translateZ(0) scale(1.05);}
.news_page_more_button .pro_list_button a:before{background:#fff}
.news_page_more_button .pro_list_button a:after{border:1px solid #fff}
.news_page_more_button .pro_list_btn_icon,.news_page_more_button .pro_list_btn_text{color:#fff}
.news_page_more_button .pro_list_button a:hover .pro_list_btn_icon,.news_page_more_button .pro_list_button a:hover .pro_list_btn_text{color:#1642bb}

.imison-page {text-align: center;margin-top: 2%;clear: both;margin-bottom: 2%;display:flex;justify-content:center}
.imison-page .pagination{
	padding:0;
	margin:0;
}
.imison-page ul li{
	display: inline-block;vertical-align: middle;line-height: 4rem;
}
.imison-page a {display: inline-block;vertical-align: middle;width: 3vw;height: 3vw;line-height: 5rem;line-height: 3vw;background: #f0f2f4;margin: 0 0.2666vw;border-radius: 0.416667vw;}
.imison-page a.cur {background: #142888;}
.imison-page i a{display: block;background: #f0f2f4;width: 3vw;height: 3vw;position: relative;font-size:0}
.imison-page i a::after {content: '';width: 3rem;height: 3rem;background: url('../images/r2.png') center no-repeat;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;}
.imison-page i.prev a::after {transform: translate(-50%,-50%) rotate(-180deg);}
.imison-page a span {color: #999;}
.imison-page a:hover {background: #142888;color:#fff}
.imison-page a:hover span {color: #fff;}
.imison-page a.cur span {color: #ffffff;}
.imison-page a.cur:hover {/* background: none; */color: #FFF;}
.imison-page  i.prev a:hover,.imison-page  i.next a:hover {background: #142888;}
.imison-page i.prev a:hover::after,.imison-page  i.next a:hover::after {filter: invert(1);}
.imison-page > i{
	font-size:0;

}
/**新闻内页*/
.imison-news-detial {overflow: hidden;margin-top: 10rem;}
.imison-news-detial-content {width: 70%;margin: auto;overflow: hidden;padding: 1% 0;}
.recommended-product { width: 70%; margin: 5vw auto 2vw;}
.recommended-product .index_head_wrap {margin-bottom: 1vw;}
.imison-news-detial-top {overflow: hidden;position: relative;padding: 2% 0;}
.imison-news-detial-top::after {content: '';width: 100%;height: 2px;position: absolute;left:0;bottom: 0;background: #e4e7ec;}
.imison-news-detial-top::before {content: '';width: 10%;height: 4px;position: absolute;left:0;bottom: 0;background: #142888;z-index: 11;}
.imison-news-detial-top-left {float: left;width: 10%;position: relative;z-index: 2;}
.imison-news-detial-top-right {float: left;width: 78%;padding-left: 2%;padding-top: .5%;}
.imison-news-detial-top .data-1{color: #afabb9;}
.imison-news-detial-top .class-1{color: #000;margin-top: .5rem;}
.imison-news-detial-top .title-1{color: #000;overflow: hidden;}
.imison-news-detial-center {padding: 3% 0;overflow: hidden;position: relative;}
.imison-news-detial-text {overflow: hidden;}
.imison-news-detial-text img {max-width: 100%;height: auto!important;}
.imison-news-detial-bottom {margin-top: 3%;overflow: hidden;}
.imison-news-detial-item {float: right;width: 48%;}
.imison-news-detial-item:first-child {float: left;}
.imison-news-detial-item a {display: block;background: #f0f2f4;padding: 2rem 3rem;position: relative;}
.imison-news-detial-item a::after {content: '';width: 0;height: 3px;position: absolute;left: 0;bottom: 0;background: #0f56a8;}
.imison-news-detial-item .type-1 {color: #000;position: relative;}
.imison-news-detial-item .type-1 i {width: 2rem;height: 2rem;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url('../images/r2.png') center no-repeat;opacity: .5;}
.imison-news-detial-item .title-1 {margin-top: 2rem;margin-bottom: 1rem;    color: #000;}
.imison-news-detial-item a:hover .type-1,.imison-news-detial-item a:hover .title-1 {color: #000;}

.imison-news-detial-item a:hover .type-1 i {opacity: 1;}



.return_list {
        display: inline-block;
    padding: 5px 15px;
    border: 1px solid #000;
    border-radius: 5px;
}
.return_list i{
        display: inline-block;
    background-image: url(../images/return.png);
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.return_list:hover{
    border: 1px solid #0f56a8;
    background:#0f56a8;
    
}
.return_list:hover a{
    color:#fff;
}
.return_list:hover i{
         display: inline-block;
    background-image: url(../images/return_w.png);
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/*手机导航**/
.no-touch .mheader-nav {transform: translateX(0);display: block;}
.mheader-nav {position: fixed;right: 0;top: 0;width: 100%;height: 100%;z-index: 99;background: #fff;transform: translateX(100%);transition:all .4s ease;display: none;}
.mheader-nav ul {list-style: none;margin: 0;padding: 0;margin-top: 7.5rem;box-sizing: border-box;width: 100%;height: 100%;padding: 5% ;}
.mheader-nav ul li{list-style: none;margin: 0;padding: 0;border-bottom: 1px solid #ccc;}
.mheader-nav ul li a.nav {position: relative;display: block;padding: 2rem 0;}
.mheader-nav ul li a.nav i{display: block;width: 4rem;height: 4rem;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.mheader-nav ul li a.nav i::after,.mheader-nav ul li a.nav i::before {content: '';width: 50%;height: 1px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #000;}
.mheader-nav ul li a.nav i::before {transform: translate(-50%,-50%) rotate(90deg);}
.mheader-nav ul li a.nav.cur i::before {display: none;}
.mheader-nav-show{padding-bottom: 2rem;overflow: hidden;display: none;}
.mheader-nav-show a{display: block;padding: .5rem 2rem;position: relative;}
.mheader-nav-show a::before {content: '';width: 4px;height: 4px;background: #ccc;top: 50%;transform: translateY(-50%);position: absolute;left: 0;}
@media screen and (max-width: 860px) {.mheader-nav {display: block;}}

/**首页产品中心**/
.index-product .imison-title{
	text-align:center;
}
 /**为什么选择我们*/
 .index-weare-imison-content {background-color: #f0f2f4;}
.index-weare-imison-content {position: relative;z-index: 22;}
.index-iframe-mark-bottom-text {position: absolute;left: 0;bottom: 0;width: 100%;height: 30%;z-index: 11;background: #fff;}
.index-iframe {width: 50%;transition:all .4s ease;}
.index-iframe video {display: block;width: 100%;height: 100%;object-fit: cover;}
.index-gififrame {position: absolute;left: 0;bottom: 0;width: auto;height: 100%;z-index: 11;background: #fff;transition:all .4s ease;}
.index-gififrame.cur {opacity: 0;}
.index-gififrame-block {position: absolute;left: 0;bottom: 0;height: 100%;width: 100%;
	
	background-size: cover;
    background-position: center center;
}
.index-gififrame-block img {max-width: 100%;transition:all .4s ease;}
.index-gififrame-block img.addw100 {width: 100%!important;}
.index-gififrame-block.bgfff {background: #fff!important;}
.index-gififrame-block.cur {opacity: 1;} 
.gififrame-0 {z-index: 5;}
.gififrame-1 {z-index: 4;}
.gififrame-2 {z-index: 3;}
.gififrame-3 {z-index: 2;}
.index-technical-leader {opacity: 1;transition:all .4s ease;z-index: 1111;}
.index-technical-leader.cur {opacity: 1;}



.index-gififrame{
	width:50%;
}
@media screen and (max-width: 640px) {
.index-gififrame {height: 40%;width: 100%;bottom: auto;top: 0;}
}




/**首页公司设备*/
.partner {
    background-color: #fff;
    padding: 0;
	position:relative;
	padding: 5% 0;
	background-image: url(../images/63f850c1c4114.jpg);
	background-size: cover;
}
.partner .head {
    gap: .5rem
}

.partner .head h3 {
    position: relative;
    font-size: .34rem;
    margin: 0
}

.partner .head h3::after {
    content: "";
    position: absolute;
    width: .7rem;
    height: .03rem;
    background-color: var(--color-main);
    bottom: -0.25rem;
    left: 50%;
    transform: translateX(-50%)
}

.partner .head p {
    margin: 0;
    font-size: .16rem;
    color: #666;
    text-align: center
}

.partner .partner-list-wrap {
    position: relative;
    min-height: 3.1rem;
    /* margin-top: 50px; */
	overflow: hidden;
    
   
    position: relative;
    z-index: 50;
}
.partner .imison-title{
	text-align:center;
}

.partner .partner-list-wrap:before {
    content: "";
    z-index: 22;
    position: absolute;
    top: 0;
    left: 0;
    width: 15%;
    height: 100%;
    background: linear-gradient(to right, #fbfaf8, transparent);
    background: linear-gradient(90deg, #faf9f7 20%, transparent 100%);
}

.partner .partner-list-wrap:after {
    content: "";
    z-index: 22;
    position: absolute;
    top: 0;
    right: 0;
    width: 15%;
    height: 100%;
    background: linear-gradient(to left, #f2f2f2, transparent);
    background: linear-gradient(-90deg, #f3f3f3 20%, transparent 100%);
}

.partner .partner-list-wrap .partner-list {
    padding: 12px 0;
    box-sizing: border-box
}

.partner .partner-list-wrap .partner-list .swiper-wrapper {
    transition-timing-function: linear !important;
    display: flex
}
.partner-list .swiper-slide {padding: 15px 20px; box-sizing: border-box; background-color: #F5F5F5;border-radius: 0.416667vw;}
.partner-list .partner-logo {
    width: auto;
    height: 0;
    box-sizing: border-box;
    padding-bottom: 45%;
}


.partner .partner-list-wrap .partner-list .swiper-wrapper span{
	display:block;
	width:100%;
	margin:0 auto;
	line-height:6.8rem;
	color:#000;
	padding:0 20px;
	font-size:1.8rem;
}
.partner .partner-list-wrap .partner-list .swiper-wrapper span:hover{
	color:#142888
}

.partner .partner-list-wrap .partner-list .swiper-wrapper a img {
    max-width: 100%;
    max-height: 100%;
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/* .partner .container .partner-list-wrap .partner-list .swiper-wrapper a:hover img{
	  transform: scale(1.1); 
} */

@media screen and (max-width: 1710px){
	.partner .container {
		/* width: 90%; */
	}
}
@media screen and (max-width: 1580px){
	.partner .container {
		/* width: 90%; */
	}
}
@media screen and (max-width: 1440px){
	.partner .container {
		/* width: 90%; */
	}
}
@media screen and (max-width: 1330px){
	.partner .container {
		/* width: 90%; */
	} 
}
@media screen and (max-width: 1024px){
	.partner .container {
		padding: 6.25vw 0;
		width: 100%;
	}
	.liney-ain2{
		right:25%;
	}
}   
@media(max-width:768px){
	.partner .imison-title{
		padding:0;
	
	}
	.liney-ain2{
		right:20px;
	}
	.liney-ain2 .liney-1{
		height:10rem;
	}
	.partner .container .partner-list-wrap{
		padding:0;
		margin-top: 6vw;
	}
	.partner .container .partner-list-wrap .partner-list .swiper-wrapper a{
		border-radius:3px;
	}
	.partner .container .partner-list-wrap .partner-list .swiper-wrapper a img{
		    border-top-left-radius: 3px;
			border-top-right-radius: 3px;
	}
}
.overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 0;
            height: 0;
            background: rgba(0,0,0, 0.8);
            
            transition: all 0.6s ease;
            transform: translate(-50%, -50%);
			display:flex;
			align-items:center;
			justify-content: center;
}

.partner .container .partner-list-wrap .partner-list .swiper-wrapper a:hover .overlay {
	width: 100%;
            height:100%;
}
.partner .container .partner-list-wrap .partner-list .swiper-wrapper a:hover .overlay span{
	opacity:1;
}
.partner .container .partner-list-wrap .partner-list .swiper-wrapper .overlay span{
	text-align:center;
	font-size:1.8rem;
	opacity:0;
	color:#fff
}
.partner .container .partner-list-wrap .partner-list .swiper-wrapper .overlay span:hover{
	color:#fff;
}

/**首页banner文字*/
/***/
.banner1 .swiper-button-next, .banner1 .swiper-button-prev{
    top:47%;
}
.banner1 .swiper-button-next:after, .banner1 .swiper-button-prev:after{
    font-size:24px;
}
/* .banner1{
    margin-top: 90px;
} */
.banner1 .swiper-slide img{
    width: 100% !important;
    /* max-height:514px; */
}
.banner1 .swiper-pagination{
    padding:0 0 2em 2em;
    
}
@media(max-width:768px){
    /* .banner1{
        margin:7.5rem 0 0 0;
    } */
    .banner1 .swiper-slide img{
        width: 100% !important;
        /* min-height:260px; */
    }
}


/* 首页全屏视频 */
#bg_video{overflow: hidden;position: relative;z-index: 100;width: 100%;height: 100vh;display:none;}
#background_video{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit: cover;height: 100%;width: 100%; z-index: 1;}
#video_cover{position: absolute;width: 100%;height: 100%;background-size: cover;background-position: center; z-index: 3;}
#video_controls{position: absolute;left: 50%;transform: translate(-50%, 0);}
@media (min-width: 768px){#video_controls{display: none;}}
.imgBG_mask {position: absolute;width: 100%;height: 100%; z-index: 4; background-image: linear-gradient(115deg, #000000de 31%, #FFFFFF00 100%);}
#overlay{position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: url(../images/banner_bg.png);opacity: 0.7; z-index: 5;}
#main_content {z-index: 10;position: relative;display: inline-block;/* Vertical center*/top: 0;/* transform: translateY(-50%); */height: 100%;width: 100%;}
#main_content h1{text-transform: uppercase;font-weight: 600;font-family: 'proxima-nova-condensed', Helvetica;color: #fff;font-size: 35px;}
#main_content .sub_head{color: rgba(255,255,255,0.5);font-size: 18px;}
#main_content .info{color: rgba(255,255,255,0.5);font-size: 12px;margin-top: 10px;}
#main_content .cent-cont{position: absolute;left: 0;top: 45%;margin-top: -120px;color: #fff;z-index: 3;right: 0;text-align:center}
#main_content .word{color: #fff;/* line-height: 1.5em; */width: 100%;/* margin: auto; *//* text-align: center; */}
#main_content .t-center .word {width: 65%;}
#main_content .word .title,.i-ban li .word p.description {font-size: 2.4vw;position: relative;/* opacity: 0; */filter: alpha(opacity=0);line-height: 1.3em;overflow: hidden;font-weight: bold;}
#main_content .word .title b {font-weight: 500;}
#main_content .word p.description {font-size: 1vw;line-height: 1.8vw;height: 6.4vw;opacity: 0.9;font-weight: 100;}
.banner-link a {/* background: rgba(255,255,255,.15); */color: #FFF;/* border-radius: 3px; */letter-spacing: 0.01em;font-size: 15.5px;line-height: 52px;height: 55px;width: 185px; border: 1px solid #fff;border-radius: 5px;}
.banner-link a.go {color: #142888;background: #fff;}
.banner-link a i {transition: all 0.3s ease 0s;text-indent: -30px;display: inline-block;opacity: 0;}
.banner-link a:hover,.banner-link a.go:hover {background: #142888; color: #FFF; border: 1px solid #142888;}
.banner-link a:hover i,.banner-link a.go i {text-indent: 5px;opacity: 1;width: auto;font-size: 13px;}
#main_content .banner-link a {margin-right: 20px;text-align:center;}

#main_content .arrow {position: absolute; left: 0; right: 0; bottom: 50px; z-index: 10; width: 45px; height: 45px;/* border: 2px solid #fff; */ border-radius: 50%; line-height: 47px;animation: arrow 3s cubic-bezier(0.5,0,0.1,1) infinite; -webkit-animation: arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;}
#main_content .arrow:hover {background: rgba(255,255,255,.15);}
#main_content .arrow i {font-size: 18px; color: #fff;}

.home-jumplink { position: absolute; left: 50%; bottom: 80px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.home-jumplink span{display:block;width:15px;height:15px;border-bottom:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);margin-top:-15px;-webkit-animation:jumplink-animate 2.3s infinite ease-in-out;animation:jumplink-animate 2.3s infinite ease-in-out}

.home-jumplink span:nth-child(2){-webkit-animation-delay:-0.3s;animation-delay:-0.3s;width:25px;height:25px;}
@keyframes jumplink-animate{0%{opacity:0;-webkit-transform:rotate(45deg) translate(-20px,-20px);transform:rotate(45deg) translate(-20px,-20px)}
100%{opacity:1;-webkit-transform:rotate(45deg) translate(20px,20px);transform:rotate(45deg) translate(20px,20px)}
}
@-webkit-keyframes arrow {
  0%   { bottom:75px;  opacity: 0.5;}
  50%  { bottom:50px; opacity: 1;}
  100% { bottom:75px; opacity: 0.5;}
}
@keyframes arrow {
  0%   { bottom:75px;  opacity: 0.5;}
  50%  { bottom:50px; opacity: 1;}
  100% { bottom:75px; opacity: 0.5;}
}

.certification-item {margin-right: 1vw;align-items: center;border-radius: 10vw;line-height: 1.5vw;opacity: .8;font-size: 0.75vw;}
.certification-item i {margin-right: 5px;font-size: 0.85vw;}
.banner-link a i {
    transition: all 0.3s ease 0s;
    text-indent: -30px;
    display: inline-block;
    opacity: 0;
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.mini-1200 {
    min-width: 1180px;
    margin: 0 auto;
}
.plr5 {
    padding-left: 5vw;
    padding-right: 5vw;
}
.inline-block {
    display: inline-block;
}
#main_content .mt50 {
    margin-top: 50px;
}
.margin-auto {
    margin-left: auto;
    margin-right: auto;
}

#main_content .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.icon-zl_zhijian:before {
    content: "\e66b";
}
@media screen and (max-width: 1200px){
    .plr5 {
        padding-left: 3.5%;
        padding-right: 3.5%;
    }
    .mini-1200 {
        min-width: auto;
    }
    #main_content .word {
        width: 100%;
    }
    #main_content .word .title, .i-ban li .word p.description {font-size: 5vw;}
    #main_content .word {width: 100%;}
    #main_content .word p.description {font-size: 3.8vw; line-height: 1.6em; height: 8em;}
    .certification-item {
        margin-right: 10px;
        line-height: 1.5em;
        font-size: 2.8vw;
        width: 33%;
    }
    .banner-link a {
        line-height: 42px;
        height: 45px;
        width: 130px;
        border: 1px solid #fff;
    }
}
/**应用领域*/
 /* 轮播容器样式 */
        /*.index-our-application-bottom {*/
        /*    position: relative;*/
        /*    width: 90%;*/
          
        /*    margin: 0 auto;*/
        /*    overflow: hidden;*/
        /*}*/
        /* 应用项样式（保持原有风格，适配轮播） */
        /*.index-our-application-item {*/
        /*    width: 100%;*/
        /*    padding: 20px;*/
        /*    border: 1px solid #eee;*/
        /*    border-radius: 8px;*/
        /*    background: #fff;*/
        /*}*/
        .index-our-application .index-our-application-item a {
            text-decoration: none;
            color: #333;
            display: block;
            height:100%;
        }
        .index-our-application .top-1 {
            margin-bottom: 15px;
        }
        .index-our-application .title-1 {
            font-size: 24px;
            
            margin-bottom: 5px;
        }
        .index-our-application .text-2 {
            font-size: 18px;
            color: #fff;
        }
        .index-our-application .introduce-2 {
            margin-bottom: 15px;
        }
        .index-our-application .text-3 {
            font-size: 14px;
            line-height: 24px;
            color: #888;
        }
        .index-our-application .pic-3 {
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin-bottom: 10px;
        }
        .index-our-application .img-block {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .index-our-application .swiper-button-prev{
            left:3%;
            top:45%;
        }
        .index-our-application .swiper-button-next{
            right:3%;
            top:45%;
        }
        /* Swiper左右切换按钮样式 */
        .index-our-application .swiper-button-prev, .index-our-application .swiper-button-next {
            width: 40px;
            height: 60px;
            background: rgba(0,0,0,0.3);
            /*border-radius: 50%;*/
            /*color: #fff;*/
            /*display: flex;*/
            /*align-items: center;*/
            /*justify-content: center;*/
        }
        .index-our-application .swiper-button-prev:hover, .index-our-application .swiper-button-next:hover{
            background: rgba(0,0,0,0.8);
        }
        
        
        .index-our-application .swiper-button-prev::after, .index-our-application .swiper-button-next::after {
            font-size: 16px;
            color:#fff;
        }
        /* 响应式适配：大屏显示多个slide，小屏显示1个 */
        @media (min-width: 768px) {
            .index-our-application .swiper-slide {
                width: 50% !important;
            }
        }
        @media (min-width: 992px) {
            .index-our-application .swiper-slide {
                width: 25% !important;
            }
        }
/**新的产品模块**/

/***about us**/
.inx_about_bg{
    width: 100%;
    background: #fff;
    height:calc(100vh - 7.5rem);
}
.inx_about{
   padding: 0;
   width:75%;
    margin: 0 auto;
    height:100%;
}

.inx_about .imison-title{
    text-align: center;
    padding-top:7%;
}

.inx_about_con{
    margin-top: 60px;
  

    background: rgba(0,0,0,0.25);
}

.inx_about_lt{
   width: 34.4%;
    height: 468px;
    float: left;
    padding: 3% 7% 3% 3%;
}
.inx_about_lt .t1{
    text-transform: uppercase;
    margin: 0;
    color: #000;
    font-size: 30px;
    font-weight: bold;
}
.inx_about_lt .t2{
    font-family: 'Montserrat-Bold',Microsoft Yahei,Arial;
    font-size: 22px;
    color: #000;
    margin-top: 18px;
}
.inx_about_lt .t12{
    font-family: 'Montserrat-Bold',Microsoft Yahei,Arial;
    font-size: 22px;
    color: #000;
}

.inx_about_lt .line{
    width: 100px;
    height: 2px;
    background: #142888;
    margin-top: 25px;
}
.inx_about_lt .des{
    font-size: 16px;
    text-align: justify;
    line-height: 28px;
    color: #000;
    opacity: 0.95;
    margin-top: 25px;
   
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.inx_about_lt .mo{
    margin-top: 50px;
}
.inx_about_lt .mo a{
    display: inline-block;
    line-height: 48px;
   
    border:1px solid #000;
    color: #000;
    border-radius: 50px;
    padding: 0 50px;
    font-size: 16px;
    transition: all 0.3s;
}
.inx_about_lt .mo a:hover{
    background:#142888;
    border:1px solid #142888;
    color:#fff;
}

.inx_about_rt{
    width: 43.6%;
    float:right;
    border-left: 1px solid rgba(255,255,255,.3);
    position: relative;
    margin-right:-1px;
    padding:0 3%;
}
.inx_about_rt .item{
    position: relative;
    float: left;
    width: 33.3333333%;
    height: 234px;
    transition: all .3s ease;

}
.inx_about_rt .item:hover{
    background: #142888;
}
.inx_about_rt .item:hover dl{
    color:#fff;
}
.inx_about_rt .item dl {color:#000;list-style: none;width: 100%;padding: 35% 0 0 0;
   
    text-align: center;}
.inx_about_rt .item dl h2{
    font-weight: normal;
    line-height: 1;
    margin: 0;
    font-family: 'Manrope3 Bold',Microsoft Yahei,Arial;
}
.inx_about_rt .item dl h2 strong{font-size: 26px;font-weight: bold;}
.inx_about_rt .item dl h2 span{font-size: 20px;font-weight: normal;margin-left: 3px;position: relative;top: 0;}
.inx_about_rt .item dl h6{font-weight: normal;margin: 10px 0 0 0;font-size: 16px;line-height: 26px;opacity: .95;}

.inx_about_rt .item:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: .3;
    display: none;
}
.inx_about_rt .item:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #000;
    position: absolute;
    right: 0;
    top: 0;
    opacity: .3;
    display: none;
}

.inx_about_rt .item:nth-of-type(1):before,
.inx_about_rt .item:nth-of-type(2):before,
.inx_about_rt .item:nth-of-type(3):before{
    display: block;
}

.inx_about_rt .item:nth-of-type(1):after,
.inx_about_rt .item:nth-of-type(2):after{
    display: block;
}

.inx_about_rt .item:nth-of-type(4):after,
.inx_about_rt .item:nth-of-type(5):after{
    display: block;
}

.inx_about_lt .t21{
    color: #000;
    font-size: 26px;
    font-weight: bold;
}
@media(max-width:1180px){
    .inx_about_bg{
        width: 100%;
        background: #fff;
        background-size: cover;
        min-height: 880px;
        padding: 90px 30px;
    }
    .inx_about{
        max-width: 1550px;
        margin: 0 auto;
        width:90%;
    }
    .inx_about_con{
        margin-top: 30px;
       
        background: rgba(0,0,0,0.2);
    }

    .inx_about_lt{
        width: 50.4%;
        height: auto;
        float:left;
        padding:0;
    }
    .inx_about_lt .t1{
        text-transform: uppercase;
        margin: 0;
        color: #000;
        font-size: 30px;
        font-weight: bold;
    }
    .inx_about_lt .t2{
        font-family: 'Montserrat-Bold',Microsoft Yahei,Arial;
        font-size: 22px;
        color: #000;
        margin-top: 18px;
    }
    .inx_about_lt .t12{
        font-family: 'Montserrat-Bold',Microsoft Yahei,Arial;
        font-size: 22px;
        color: #000;
    }

    .inx_about_lt .line{
        width: 55px;
        height: 2px;
        background: #142888;
        margin-top: 15px;
    }
    .inx_about_lt .des{
        font-size: 15.5px;
        text-align: justify;
        line-height: 28px;
        color: #000;
        opacity: .8;
        margin-top: 25px;
        /*display: -webkit-box !important;*/
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .inx_about_lt .mo{
        margin-top: 20px;
    }
    .inx_about_lt .mo a{
        display: inline-block;
        line-height: 36px;
       
        
        color: #000;
        border-radius: 50px;
        padding: 0 30px;
        font-size: 14.2px;
        transition: all 0.3s;
        border:1px solid #000;
        
    }
    .inx_about_lt .mo a:hover{
        background:#142888;
        border:1px solid #142888;
        color:#fff;
    }

    .inx_about_rt{
        width: 49.6%;
        float:right;
        border-top: 1px solid rgba(255,255,255,.3);
        position: relative;
        margin-right: 0;
        border-left: none;
    }
    .inx_about_rt .item{
        position: relative;
        float: left;
        width: 50%;
        height: auto;
        transition: all .3s ease;
    }
    .inx_about_rt .item:hover{
        background: #142888;
    }

    .inx_about_rt .item dl {color:#000;list-style: none;width: 100%;padding: 40px 0 40px 0px;}
    .inx_about_rt .item dl h2{
        font-weight: normal;
        line-height: 1;
        margin: 0;
        font-family: 'Manrope3 Bold',Microsoft Yahei,Arial;
    }
    .inx_about_rt .item dl h2 strong{font-size: 24px;font-weight: bold;}
    .inx_about_rt .item dl h2 span{font-size: 20px;font-weight: normal;margin-left: 3px;position: relative;top: 0;}
    .inx_about_rt .item dl h6{font-weight: normal;margin: 10px 0 0 0;font-size: 15.5px;line-height: 26px;opacity: .7;}

    .inx_about_rt .item:before {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background: #fff;
        position: absolute;
        left: 0;
        bottom: 0;
        opacity: .3;
        display: none;
    }
    .inx_about_rt .item:after {
        content: '';
        display: block;
        width: 1px;
        height: 100%;
        background: #fff;
        position: absolute;
        right: 0;
        top: 0;
        opacity: .3;
        display: none;
    }

    .inx_about_rt .item:nth-of-type(4):before,
    .inx_about_rt .item:nth-of-type(1):before,
    .inx_about_rt .item:nth-of-type(2):before,
    .inx_about_rt .item:nth-of-type(3):before{
        display: block;
    }

    .inx_about_rt .item:nth-of-type(1):after,
    .inx_about_rt .item:nth-of-type(2):after{
        display: block;
    }

    .inx_about_rt .item:nth-of-type(3):after,
    .inx_about_rt .item:nth-of-type(4):after,
    .inx_about_rt .item:nth-of-type(5):after{
        display: block;
    }

    .inx_about_lt .t21{
        color: #000;
        font-size: 20px;
        font-weight: bold;
    }
    
     .inx_about_bg{
        background: #fff;
        padding:0;
    }
    .inx_about_wrap{
        /* width: 76%; */
        margin: 0 auto;
    }


    .inx_about_wt{}
    .inx_about_wb{
        margin-top: 0.6rem;
    }
    .inx_about_lt{
        float: left;
        width: 100%;
    }
    .inx_about_rt{
        float: right;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .inx_about_lt .t1{
        font-size: 0.48rem;
        font-weight: bold;
        color:#444;
    }
    .inx_about_lt .t2{
        font-size: 0.22rem;
        margin-top: 0.15rem;
        color: #555;
    }
    .inx_about_rt_con .typo{
        color:#555;
        font-size: 15.5px;
    }

    .inx_about_lt_video{

    }
    .inx_about_lt_video .imgbox{
        width: 100%;
        position: relative;
        border-radius: 10px;
        overflow: hidden;
        cursor:pointer;
        max-height:440px;
    }
    .inx_about_lt_video .img{
        width: 100%;


    }
    .inx_about_lt_video .btnn_box{
        position: absolute;
        width: 100%;
        bottom: 30px;
        text-align: center;
    }
    .inx_about_lt_video .btnn{
        display: flex;
        align-items: center; /* 垂直居中 */
        justify-content: center; /* 水平居中 */
        background: #142888;
        color:#000;
        font-size:0.16rem;
        width: 1.46rem;
        height: 0.45rem;
        margin: 0 auto;
        border-radius: 50px;
    }
    .inx_about_lt_video .btnn img{
        margin-right: 0.08rem;
    }
}

/**产品总览**/
.index-product-content {overflow: hidden;}
.index-product .imison-title{
	text-align:center;
}
  .category-title {
      font-size: 24px;
      color: #142888;
      font-weight: 600;
      margin-bottom: 20px;
      text-align: center;
  }
  
  /* 九宫格分类容器 */
  .category-grid {
      display: grid;
      /* gap: 20px; */
      grid-template-columns: repeat(1, 1fr);
      /* padding: 0 5% 0 5%; */
      margin: 0 auto;
  }
  
  /* 分类卡片样式 */
  .category-card {
      overflow: hidden;
      transition: all 0.3s ease;
      cursor: pointer; /* 鼠标指针变为手型，提示可点击 */
      /* 卡片内内容垂直居中 */
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 180px; /* 统一卡片高度 */
      position: relative;
      /* background: #F5F5F5; */
      border-radius: 0.416667vw;
  }
  .category-card:hover{
      background: #f5f5f5;
  }
  .category-card * {transition: all .5s;}
  .category-card:hover .category-icon img {transform: translateZ(0) scale(1.05);-webkit-transform: translateZ(0) scale(1.05);-ms-transform: translateZ(0) scale(1.05);}
  .category-card:hover .category-name {color: #142888;}
  .category-card a{
      width:100%;
      height:100%;
      padding: 20px;
      box-sizing: border-box;
      display: flex;
      align-content: space-between;
      flex-wrap: wrap;
  }
  
  /* 分类卡片背景（可选：每个分类不同浅色调） */
  /*.category-card:nth-child(1) { background-color: #f0f8fb; }*/
  /*.category-card:nth-child(2) { background-color: #fef7fb; }*/
  /*.category-card:nth-child(3) { background-color: #f5fafe; }*/
  /*.category-card:nth-child(4) { background-color: #faf6ed; }*/
  /*.category-card:nth-child(5) { background-color: #f8f8f8; }*/
  /*.category-card:nth-child(6) { background-color: #f9f0f5; }*/
  /*.category-card:nth-child(7) { background-color: #eaf6fa; }*/
  /*.category-card:nth-child(8) { background-color: #faf0f5; }*/
  /*.category-card:nth-child(9) { background-color: #f5f5f5; }*/
  
  /* 卡片 hover 效果 */
  /*.category-card:hover img{*/
  /*    transform: scale(1.2); */
  /*}*/
  
  /* 分类图标容器 */
  .category-icon {
      width: 240px;
      height: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto;
  }
  
  /* 分类图标样式（用文字/简单图形替代图片，更轻量） */
  .category-icon span {
      font-size: 28px;
      color: #409eff; /* 主色调 */
  }
  .category-icon img{
          width: 100%;
          /* aspect-ratio: 1 / 1; */
  }
  
  /* 不同分类图标颜色差异化 */
  /*.category-card:nth-child(1) .category-icon span { color: #409eff; }*/
  /*.category-card:nth-child(2) .category-icon span { color: #67c23a; }*/
  /*.category-card:nth-child(3) .category-icon span { color: #e6a23c; }*/
  /*.category-card:nth-child(4) .category-icon span { color: #f56c6c; }*/
  /*.category-card:nth-child(5) .category-icon span { color: #909399; }*/
  /*.category-card:nth-child(6) .category-icon span { color: #722ed1; }*/
  /*.category-card:nth-child(7) .category-icon span { color: #00b42a; }*/
  /*.category-card:nth-child(8) .category-icon span { color: #1890ff; }*/
  /*.category-card:nth-child(9) .category-icon span { color: #ff7d00; }*/
  
  /* 分类名称 */
  .category-name {
      font-size: 18px;
      color: #000;
      font-weight: inherit;
      /*text-align: center;*/
      display:block;
      width:100%;
      margin-top: 0rem;
      text-align: center;
  }
  
  /* 分类描述（可选） */
  .category-desc {
      font-size: 12px;
      color: #666;
      margin-top: 8px;
      /*text-align: center;*/
      
  }

        /* 响应式适配 */
        /* 平板（768px以上）2列 */
        @media (min-width: 768px) {
            .category-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        /* 桌面端（992px以上）3列（九宫格） */
        @media (min-width: 992px) {
            .category-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }
/*产品详情3d预览**/
   .custom_header {
            /* background-color: #0f56a8; */
            color: #333;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 10px 20px;
            border-radius: 4px 4px 0 0;
            display: none;
        }
        .custom_header .custom_nav-left {
            display: flex;
            align-items: center;
        }
        .custom_header .custom_model-info {
            margin-left: 20px;
            font-size: 16px;
        }
        .custom_header .custom_nav-right {
            display: flex;
            gap: 10px;
        }
        .custom_btn {
            padding: 6px 12px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 14px;
        }
        .custom_btn.orange {
            background-color: #ff7d00;
            color: #fff;
        }
        .custom_btn.blue {
            background-color: #0f56a8;
            color: #fff;
        }
        .custom_btn.white {
            background-color: #fff;
            color: #0f56a8;
            border: 1px solid #0f56a8;
        }

        /* 主体内容区 */
        .custom_main-container {
            display: flex;
            min-height: 600px;
            background-color: #fff;
            border-radius: 0 0 4px 4px;
            margin-top: 3vw;
        }
        /* 左侧参数区 */
        .custom_param-panel {
            width: 30vw;
            padding: 20px;
        }
        .custom_param-panel h3 {
            font-size: 16px;
            margin-bottom: 1vw;
            padding-bottom: 8px;
            border-bottom: 1px solid #e8e8e8;
            margin-top: 1vw;
        }
        .custom_param-item {
            display: flex;
            align-items: center;
            margin-bottom: 12px;
        }
        .custom_param-item .custom_index {
            width: 24px;
            height: 24px;
            background-color: #c31313;
            color: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 10px;
            font-size: 14px;
        }
        .custom_param-item label {
            width: 120px;
            font-size: 14px;
        }
        .custom_param-item select {
            flex: 1;
            padding: 6px 8px;
            border: 1px solid #d9d9d9;
            border-radius: 4px;
            background-color: #fff;
        }

        /* 右侧预览区 */
        .custom_preview-panel {
            flex: 1;
            /* padding: 20px; */
            display: flex;
            flex-direction: column;
        }
        .custom_preview-tabs {
            display: flex;
            /* border-bottom: 1px solid #e8e8e8; */
            margin-bottom: 20px;
            background: #F5F5F5;
            padding: 0 2vw;
            border-radius: 0.416667vw;
        }
        .custom_tab-item {
            padding: 1.5vw 0;
            font-size: 14px;
            cursor: pointer;
            border-bottom: 2px solid transparent;
            margin-right: 2vw;
            color: #111;
        }
        .custom_tab-item.custom_active {
            border-bottom-color: #142888;
            color: #142888;
            font-weight: 500;
        }
        .custom_preview-content {
            flex: 1;
            display: flex;
            /* align-items: center; */
            justify-content: center;
            /* background-color: #fafafa; */
            border-radius: 4px;
            margin-bottom: 20px;
            position: relative;
        }
        .custom_model-3d {
            width: 400px;
            height: 300px;
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Crect width='400' height='300' fill='%23f0f7ff'/%3E%3Ccircle cx='200' cy='150' r='80' fill='%23d9e8ff'/%3E%3Cpath d='M150 120 L250 120 L220 180 L180 180 Z' fill='%231677ff'/%3E%3C/svg%3E") no-repeat center;
            background-size: contain;
        }
        .custom_preview-actions {
            display: flex;
            justify-content: center;
            gap: 15px;
        }
        .custom_action-btn {
            display: flex;
            flex-direction: column;
            align-items: center;
            background: none;
            border: none;
            cursor: pointer;
            color: #666;
            font-size: 12px;
        }
        .custom_action-btn i {
            font-size: 20px;
            margin-bottom: 4px;
        }
		.position{padding-top:8rem}
		.position p{line-height:3}
		.imison-product-features-content-bottom{display:flex;}
		.prodetail_left{width:336px;display:flex;flex-wrap:wrap;background: #F5F5F5;border-radius: 0.416667vw;}
		.prodetail_left #accordionExample-solenoid{width:100%;padding: 1.5vw 1.25vw;box-sizing: border-box;}
		.series-block{display:flex;flex-wrap:wrap}
		.series-img-item{/*margin: 40px 0; *//* padding: 0 3%; *//* text-align: center; */ width: 100%;
		/* height: 130px; */ cursor: pointer; box-sizing: border-box;margin-bottom: 1vw;}
		.series-img-item a {display: flex; flex-wrap: wrap; align-items: center;}
		.series-img-item h2 {flex: 1; padding-left: 1vw;}
		.series-img-box {width: 50%; height: 0; padding-bottom: 33.34%;}
		.series-img-item img{width:100%;background: #f1f1f1;}
		.procate_title{line-height:2;color:#142888;text-align:center}
		.series-img-item:hover a .seriesName,.series-img-item:hover a .seriesNo{color:#142888}
		.describe{display:flex;flex-wrap: wrap; justify-content: space-between;}
		.describe .d-item-1{flex: 1;padding-left: 2vw;display: flex; align-content: space-between;flex-wrap: wrap;}
		.describe .d-item-2{display:flex;width:26vw;padding:1.5vw;background: #F5F5F5;box-sizing: border-box;height: 26vw;border-radius: 0.416667vw;}
		.describe .d-item-2 .img-block{display:flex;justify-content:center;align-items: center;}
		.describe .d-item-2 img{width:100%}
		.describe .d-item-1 .item{display:flex;margin-bottom:10px;font-size: 2.3958333vw; line-height: 2.91666vw; color: #111;flex-wrap: wrap;}
		.describe .d-item-1 h1{width: 100%;color: #111;}
		.describe .d-item-1 h2 {font-size: 1.666vw; color: #333; font-weight: 300;line-height: 1.5em;}
		.describe .d-item-1 .feature{color: #333; font-size: 1vw; line-height: 2em;max-height: 10em;}
		.product-link { width: 100%; display: flex;margin-top: 2vw;}
		.product-link a{background:#142888;color:#FFF;padding:1vw 2vw;display:flex;justify-content:space-between;box-sizing:border-box;min-width:13vw;max-width:48%;margin-right:2%;/* border-radius: 0.416667vw; */}
		
		.xuanxing .tips {background: url(../images/3d-tips.png) #FAFAFA center no-repeat;/* background: #f7fafc; */border: 2px dashed #cbd5e0;border-radius: 0.416667vw;}
		
		
		.xuanxing{display:flex; gap: 2vw;}
		.notice{background:#fff;/* padding:20px; */}
		.notice .mark-choose{display:flex;flex-wrap:wrap}
		.notice .mark-choose span,.custom_order_code span{display:block;border-radius:50%;width: 1.25vw;height: 1.25vw;line-height: 1.25vw;text-align:center;margin-right:4px;font-size: 1.35vw;display: flex;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;}
		.notice .mark-choose .item3 span,.custom_order_code .ico-ok {color: #189123;}
		.notice .mark-choose .item4 span,.custom_order_code .ico-error {color: #e5791a;}
		.current_model-box {position: relative;}
		.current_model_tips {position: absolute; opacity: 0; transition: all 0.3s;margin: 0 auto; left: 0; right: 0;padding: 10px; text-align: center;top: -3vw; }
		.current_model_tips.copy-tips { background: rgba(0, 0, 0, .5); color: #ffffff; border-radius: 5px;   width: 120px; opacity: 1;}
		.current_model {color: #142888;}
		.mark-choose .block1{display:flex;flex-wrap:wrap}
		.mark-choose .reset{width:100%}
		.mark-choose .reset button{width:100%;padding:10px 0px;margin-top:10px;background:#142888;border:none;color:#fff;font-size:1.5rem;display:flex;justify-content:center;align-items:center;gap: 5px;border-radius: 0.416667vw;}
		.mark-choose .reset button img{width: 16px;height: 16px;}
		.mark-choose .block1 .item1,.mark-choose .block1 .item2,.mark-choose .block1 .item3,.mark-choose .block1 .item4{display:flex;flex:1 1 50%;margin-bottom:5px;align-items: center;}
		.mark-choose .circle-red{background-color:#c31313;color:white}
		.mark-choose .circle-primary{background-color:#142888;color:white}
		.mark-choose .circle-correct,.custom_order_code .circle-correct{background-image:url('../images/correct.png');background-size:cover;background-repeat:no-repeat;background-position:center}
		.mark-choose .circle-error,.custom_order_code .circle-error{background-image:url('../images/error.png');background-size:cover;background-repeat:no-repeat;background-position:center}
		.custom_order_code{display:flex;justify-content:flex-start;align-items:center; width: 100%;margin-bottom: 0.3666vw;gap: 0.5vw;}
		.model_status{display:flex;/* flex-direction:column; */flex-wrap:wrap;/* padding:10px; */background:#fff;margin-bottom: 1.35vw;}
		.current_model .noselected{background-color:#c31313;color:white;width:21px;height:21px;border-radius:50%;display:inline-block;line-height:21px}
		.current_model .selected{background-color:#142888;color:white;width:21px;height:21px;border-radius:50%;display:inline-block;line-height:21px}
		@media(max-width:768px){
			.custom_preview-panel{padding:0;border-bottom: 1px solid #eee;}
			.custom_param-panel{padding:0;width:100%;border: none;}
			.mark-choose .block1 >div {margin-bottom: 1.5vw;font-size: 3.38164vw;}
			.mark-choose .reset button {font-size: 3.38164vw;}
			.notice .mark-choose span {width: 5vw; height: 5vw; line-height: 5vw;margin-right: 1.5vw; font-size: 5.5vw;}
			.custom_param-panel h3 { margin-bottom: 3vw; margin-top: 5vw;}
			.model_status {margin-bottom: 5vw;}
			.xuanxing{flex-direction:column;gap: 5vw;}
			.xuanxing .tips {min-height: 200px; margin-bottom: 5vw;}
			.prodetail_left{width:100%; background: #F5F5F5;}
			/* .series-block{flex-wrap:nowrap;overflow-x:scroll} */
			.prodetail_left #accordionExample-solenoid{padding:5vw;background: #FFF;}
			.describe{display:grid}
			.describe .d-item-1{width:100%}
			.describe .d-item-2{width:100%;padding:0}
		}
@media(max-width:640px){
	.imison-product-features-content-bottom,.imison-about-culture-bottom {flex-direction: column-reverse;}
	
	.NyProDetail_Con {width: 100%;padding-left: 0;}
	.describe .d-item-2 {height: 100%;width: 100%;}
	.describe .d-item-1 {width: 100%; margin-top: 0vw; padding-left: 0;padding: 5vw;box-sizing: border-box;}
	.describe .d-item-1 .item {font-size: 5.314009vw;line-height: 7.7294685vw;margin-bottom: 4.830917vw;}
	.describe .d-item-1 h2 {font-size: 4.56982vw;}
	.describe .d-item-1 .feature {font-size: 3.38164vw; line-height: 1.8em; max-height: 9em;}
	.product-link {margin-top: 5vw;}
	.product-link a {padding: 2.5vw 4.2vw;min-width: 35vw;margin-right: 3vw;}
	.custom_main-container {margin-top: 0vw;}
	.imison-product-features-content {width: 100%;}
	.custom_preview-content {padding: 5vw;}
	.imison-product-features {padding: 0;}
	.custom_tab-item {padding: 4vw 0;font-size: 15px;margin-right: 5vw;}
	.custom_preview-tabs {padding: 0 5vw;}
	.series-block {display: grid;grid-template-columns: repeat(2, 1fr); gap: 3vw;}
	.series-img-item {background: #F5F5F5;}
	.series-img-item a {text-align: center;padding: 3vw;}
	.series-img-item img {background: inherit; width: 100%;}
	.series-img-item h2 {padding-left: 0; margin-top: 2vw;}
	.series-img-item h2 .seriesNo {font-size: 3.864734vw;line-height: 6.280193vw;}
	.series-img-item h2 .seriesName {font-size: 3.38164vw;line-height: 5.797101vw;color: #666666;}
	.series-img-box {width: 100%; padding-bottom: 66.67%;}
	
	.aside-top a:before {font-size: 5vw;}
	.footer-content-top {padding: 10vw 0 5vw;}
	.page_view .public_banner_wrap {height: 26.66vw;}
	.page_view .public_banner_img::before {opacity: 1;bottom: -1px;background: #E9E9E9;}
	.page_view .public_nav_box {background: inherit;}
	.page_view .public_nav_wrap {bottom: -1px;}
	
	.public_nav_li a { line-height: 11.1111vw;font-size: 3.140096vw;}
	.news_page_item_pic {width: 40%;}
	.news_page_item_content {width: 60%;}
	.news_page_item_time {font-size: 2.5vw; line-height: 1.5em; width: 100%;}
	.news_page_item_title {line-height: 1.3em; font-size: 3.8647342vw; margin-top: 2vw; width: 100%;}
	.news_page_item_text {-webkit-line-clamp: 2;font-size: 3vw; line-height: 1.5em; max-height: 3em;display: none;}
	.news_page_btn_text {font-size: 3.381642vw; line-height: 5.79710144vw;}
	.imison-page {margin-top: 5vw;margin-bottom: 3vw;}
	.imison-page i a {width: 8.5vw; height: 8.5vw;}
	.imison-page a {width: 8.5vw; height: 8.5vw;line-height: 8.5vw;margin: 0 1vw;}
	
	.imison-news-detial {margin-top: 5vw;}
	.imison-news-detial-top-right {float: none;width: 100%;padding-left: 0;padding-bottom: 5%;}
	.imison-news-detial-content {width: 100%;}
	.imison-news-detial-item:first-child { width: 100%;margin-bottom: 2vw;}
	.imison-news-detial-item,.recommended-product {width: 100%;}
	
	.index_head_wrap {margin-bottom: 30px;}
	.index-product,.index-application, .index_about_box {padding: 40px 0;}
}

@media(max-width:1200px){
	/* .imison-product-features-content-bottom{
		overflow:scroll;
		flex-direction: column;
	} */
	.imison-product-features-swiper .swiper-wrapper,.service-support-bottom .swiper-wrapper {
		        display: flex;
		        flex-wrap: wrap !important; /* 自动换行 */
		        overflow: hidden !important; /* 取消横向滚动隐藏 */
		        transform: none !important; /* 取消Swiper默认位移 */
		        justify-content: space-between;
		    }
		    .imison-product-features-swiper .swiper-slide {
		        width: auto !important; /* 取消固定宽度 */
		        flex: 0 0 calc(50% - 5px) !important; /* 适配你断点的2列布局，间距10px */
		        box-sizing: border-box;
		        margin-bottom: 10px;
		        margin-right: 0 !important;
		        padding: 5vw;
		    }
	.service-support-bottom .swiper-slide {
		width: auto !important; /* 取消固定宽度 */
		flex: 0 0 calc(50% - 5px) !important; /* 适配你断点的2列布局，间距10px */
		box-sizing: border-box;
		margin-bottom: 10px;
		margin-right: 0 !important;
	}
	/* .custom_main-container{
	    margin:0;
	} */
	.notice{
	    padding:0;
	}
}

.return_list {
        display: inline-block;
    padding: 5px 15px;
    border: 1px solid #000;
    border-radius: 5px;
}
.return_list i{
        display: inline-block;
    background-image: url(../images/return.png);
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.return_list:hover{
    border: 1px solid #0f56a8;
    background:#0f56a8;
    
}
.return_list:hover a{
    color:#fff;
}
.return_list:hover i{
         display: inline-block;
    background-image: url(../images/return_w.png);
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
/*首页新闻*/
.index_news{
   padding: 5%;
   overflow: hidden;
   position: relative;
   z-index: 20;
   background: #F5F5F5;
   width:90%;
}
.index_news .imison-title{
    text-align: center;
}

.mtj_index_news_hd{
    margin-top: 40px;
}
.mtj_index_news_hd ul{
    text-align: center;
    padding:0;
}
.mtj_index_news_hd ul li{
    display: inline-block;
    margin: 0 8px;
    
}
.mtj_index_news_hd ul .item{
   padding:10px 15px;
   border-radius: 3px;
   /* border: 1px solid #000; */
   background: #DDD;
}
.mtj_index_news_hd ul .item a{
    color: #000;
    font-size: 15px;
}
.mtj_index_news_hd ul li.on .item{
    background: #142888;
    border: 1px solid #142888;
}
.mtj_index_news_hd ul li.on .item a{
    color: #fff;
}
/**/
.mtj_index_news_bd{
    /* margin-top: 50px; */
}
.mtj_index_news_con{
    display:flex;
}

.mtj_index_news_con ul{padding:0;margin: 0 -1%;}
.mtj_index_news_con li{float:left;padding: 0  1% 0 1%;width: 23%;list-style:none;}
.mtj_index_news_con .item{
    display: block;
    background: #fff;
    /* border: 1px solid #eee; */
    transition: all 0.3s;
    border-radius: 4px;
    /* box-shadow: 0 4px 8px -8px rgba(31,35,41,.06), 0 6px 10px 0 rgba(31,35,41,.06), 0 6px 18px 8px rgba(31,35,41,.06); */
    border-radius: 0.416667vw;
    overflow: hidden;
}

.mtj_index_news_con .title{font-size: 18px;height: 3em;line-height: 1.5em;color:#333;/* font-weight: bold; */margin-top: 10px;overflow: hidden;/* font-size: 1.15vw; */}
.mtj_index_news_con .des{
    line-height: 1.5em;
    color: #777;
    margin-top: 10px;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 3em;
    font-size: 15px;
}
.mtj_index_news_con .date{
    font-size: 15px;
    color: #142888;
    border-radius: 4px;
    width: 100px;
    line-height: 28px;
    /* text-align: center; */
    /* font-family: arial; */
    /* font-size: 0.9375vw; */
    /* line-height: 1.458333vw; */
}
.mtj_index_news_con .date::before{
    width:25px;
    height:25px;
    
    background-image:url('../images/time.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
}

.mtj_index_case_more{margin-top: 50px;}
.mtj_index_case_more a{
    width: 170px;
    line-height: 45px;
    border-radius: 100px;
    font-size: 16px;
    border: 1px solid  #000;
    color: #000;
    text-align: center;
    margin:0 auto;
    display: block;
}
.mtj_index_case_more a:hover{
    background: #142888;
    color: #fff;
    border:1px solid #142888;
}

.mtj_index_news_con .img{height: 242px;overflow: hidden;/* margin-bottom: 18px; */border-top-left-radius: 4px;border-top-right-radius: 4px;}
.mtj_index_news_con .img img{ width: 100%; }
.mtj_index_news_con .txt{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    overflow: hidden;
    padding: 24px 20px 32px 20px;
}
.mtj_index_news_con .imgb{
    position: relative;
    z-index: 10;
    overflow: hidden;
    width: 100%;
    height: 0px;
    padding-bottom: 62%;
}
.mtj_index_news_con .imgb img{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    object-fit: cover;
}
.mtj_index_news_con .item:hover{
    transform:translateY(-6px);
}
.mtj_index_news_con .item:hover .title{
    color: #000;
}
@media(max-width:1180px){
	.category-grid {gap: 10px;grid-template-columns: repeat(2, 1fr);}
    .mtj_index_news_hd{
        margin-top: 30px;
    }
    .mtj_index_news_hd ul{
        text-align: center;
    }
    .mtj_index_news_hd ul li{
        display: inline-block;
        margin: 0 8px;
       
    }
    .mtj_index_news_hd ul .item{
        
        padding:10px 15px;
        border-radius: 3px;
        border:1px solid #000;
    }
    .mtj_index_news_hd ul .item a{
        color: #000;
    }
    .mtj_index_news_hd ul li.on .item{
        background: #142888;
        border:1px solid #142888;
    }
    .mtj_index_news_hd ul li.on .item a{
        color: #fff;
    }
    /**/
    .mtj_index_news_bd{
        margin-top: 30px;
    }
    .mtj_index_news_con ul{}
    .mtj_index_news_con li{float:left;    padding: 0 1% 2% 1%;
    width: 48%;}
    .mtj_index_news_con .item{
        display: block;
        /* padding:28px 30px; */
        background: #fff;
        /*border: 1px solid #eee;*/
        /*box-shadow: 0 0 10px rgba(0,0,0,0.2)*/
        transition: all 0.3s;
        border-radius: 4px;
        /* overflow: hidden; */
        box-shadow: 0 4px 8px -8px rgba(31,35,41,.06), 0 6px 10px 0 rgba(31,35,41,.06), 0 6px 18px 8px rgba(31,35,41,.06);
    }

    .mtj_index_news_con .title{font-size: 16px;height: 20px;line-height: 20px;color:#333;/* font-weight: bold; */margin-top: 21px;overflow: hidden;}
    .mtj_index_news_con .des{
        font-size: 15px;
        line-height: 1.5;
        color: #777;
        margin-top: 14px;
        display: -webkit-box !important;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 48px;
    }
    .mtj_index_news_con .date{
        font-size: 15px;
            color: #000;
    
        border-radius: 4px;
        width: 100px;
        line-height: 28px;
        text-align: center;
        /* font-family: arial; */
    }
    .mtj_index_case_more{margin-top: 35px;}
    .mtj_index_case_more a{
        width: 170px;
        line-height: 45px;
        border-radius: 100px;
        font-size: 16px;
        border: 1px solid  #000;
        color: #000;
        text-align: center;
        margin:0 auto;
        display: block;
    }
    .mtj_index_case_more a:hover{
        background: #142888;
         border: 1px solid  #000;
        color: #fff;
    }

    .mtj_index_news_con .img{height: 242px;overflow: hidden;/* margin-bottom: 18px; */border-top-left-radius: 4px;border-top-right-radius: 4px;}
    .mtj_index_news_con .img img{ width: 100%; }
    .mtj_index_news_con .txt{
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        overflow: hidden;
        padding: 15px;
    }
    .mtj_index_news_con .imgb{
        position: relative;
        z-index: 10;
        overflow: hidden;
        width: 100%;
        height: 0px;
        padding-bottom: 70%;
    }
    .mtj_index_news_con .imgb img{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 1;
        margin: auto;
        max-width: 100%;
        max-height: 100%;
        transition: all 0.3s;
    }
    .mtj_index_news_con .item:hover{
        transform:translateY(-6px);
    }
    .mtj_index_news_con .item:hover .title{
        color: #142888;
    }


 

}
/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	
}

/* iPad x*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) { 
}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
 
}