@charset "utf-8";
body{
	margin:0;
	padding:0;
	letter-spacing:1px;
	/*font-family:Roboto;*/
	font-family:Arial,Microsoft YaHei,"微软雅黑",STXihei,"华文细黑",STHeiti,Sans-serif;
	overflow-x:hidden;
	-webkit-text-size-adjust:none;
	font-size:16px;
	
}
li{
	line-height:28px;
}
.prodMenu1{
	cursor:pointer;
}
.used-icon-img{
	width:100px;
	border:solid 1px #cecece;
}
.bg1{
	background-image:url(../imgs/bg1.jpg);
	background-position:center bottom;
}
.bgGrey{
	background-color:#f3f3f3;
}
.imgBg01{
	background-image:url(../imgs/who/b-way_bg-press.jpg);
	background-position:center;
}
.imgBg02{
	background-image:url(../imgs/who/b-way_bg-spring.jpg);
	background-position:center;
}
.imgBg03{
	background-image:url(../imgs/who/b-network_bg.jpg);
	background-position:center;
}
a{
	text-underline-offset:3px;
	color:black;
}
.no-underline{
	text-decoration:none;
}
span.red {
	color: #d31c2e;
}

.home-main-v-bg-anim{
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background: url(../imgs/main_v_city.png) repeat-x center 39%;
	background-position-x: calc(50% - 10vw);
	background-size: auto 250%;
	animation: bg-slider 500s linear infinite;
}
.home-main-v-bg-anim:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../imgs/main_v_light.png) no-repeat -300px 30% / calc(100% + 300px);
	mix-blend-mode: multiply;
	z-index: 0;
}
@keyframes bg-slider {
	from {
		background-position-x: calc(50% - 10vw);
	}
	to {
		background-position-x: -5120px; /* Adjust this value according to your image width */
	}
}
.header .title{
	transition:.3s all ease-out;
}
.colorw{
	color:white;
}

	@media only screen and (min-width:1029px){
		.newProd{
			width:100vw;
			height:50vw;
			border:none;
		}
	}
	@media only screen and (max-width:1028px){
		.newProd{
			width:100vw;
			height:200vw;
			border:none;
		}
	}
@media only screen and (min-width:769px) and (max-width:1024px){
	.header .title{
		display:inline-block;
		position:absolute;
		top:55px;
		left:20px;
		line-height:30px;
		font-size:14px;
		font-weight:bold;
		vertical-align:bottom;
		
	}
	.main-nav li{
		margin-left:30px;
	}
}
@media only screen and (min-width:1025px) and (max-width:1280px){
	.header .title{
		display:inline-block;
		position:absolute;
		top:55px;
		left:20px;
		line-height:30px;
		font-size:16px;
		font-weight:bold;
		vertical-align:bottom;
		
	}
	.main-nav li{
		margin-left:50px;
	}
}
@media only screen and (min-width:1281px){
	.header .title{
		display:inline-block;
		margin-left:20px;
		line-height:24px;
		font-size:18px;
		font-weight:bold;
		margin-top:31px;
		vertical-align:bottom;
		float:left;
	}
	.headerPos .title{
		margin-top:23px;
	}
	.main-nav li{
		margin-left:90px;
		
	}
}
@media only screen and (min-width:769px){
	.pageInner{
		position:relative;
		width:89vw;
		margin:3vw auto;
		max-width:1420px;
	}
	.header{
		position:fixed;
		width:100%;
		height:110px;
		background-color:white;
		z-index:1000;
		transition:all .3s ease-out;
		overflow:hidden;
		border-bottom:solid 1px #efefef;
		top:0;
	}
	.sp-trigger-wrap,.menuMore{
		display:none;
	}
	.headerPos{
		height:55px;
	}
	.headerInner{
		position:relative;
		width:100%;
		max-width:1400px;
		margin:0 auto;
	}
	.headerInner2{
		position:relative;
		width:100%;
		margin:0 auto;
	}
	.header .logo{
		position:relative;
		display:inline-block;
		margin-left:20px;
		margin-top:12px;
		float:left;
	}
	.header .logo img{
		transition:.3s all ease-out;
		width:180px;
	}
	.headerPos .logo img{
		width:140px;
	}
	.pc-menu{
		display:inline-block;
		right:10px;
		top:0;
		height:110px;
		text-align:right;
		float:right;
		vertical-align:top;
	}
	.sp-menu{
		display:none;
	}
	
	.sub-nav{
		position:relative;
		display:block;
		margin:0;
		padding:0;
		width:100%;
		height:60px;
		transition:.3s all ease-out;
	}
	
	.headerPos .sub-nav{
		margin-top:-55px;
	}
	.sub-nav li{
		display:inline-block;
		color:black;
		margin-left:20px;
		font-size:14px;
		line-height:60px;
		font-weight:bold;
	}
	.sub-nav li:last-child{
		margin-right:20px;
	}
	.sub-nav svg{
		display:inline-block;
		vertical-align:middle;
	}
	.sub-nav li{
		color:black;
		text-decoration:none;
		transition:.3s all ease-out;
	}
	.sub-nav li:hover{
		color:#eb1215;
		text-decoration:underline;
	}
	.sub-nav li path{
		transition:.3s all ease-out;
	}
	.sub-nav li:hover path{
		fill:#eb1215;
	}
	.sub-nav .contact{
		display:inline-block;
		padding:0 30px;
		height:30px;
		color:white;
		font-size:14px;
		line-height:30px;
		vertical-align:middle;
		background-color:#eb1215;
		border-radius:20px;
	}
	.sub-nav .contact:hover{
		color:white;
		text-decoration:none;
		background-color:black;
	}
	.sub-nav .headType span{
		line-height:28px;
		padding:8px 12px;
		text-decoration:none;
		background-color:#eb1215;
		color:white;
		border-radius:3px;
		margin-right:15px;
	}
	.sub-nav .headType:hover{
		text-decoration:none;
	}
	.main-nav{
		display:block;
		position:absolute;
		right:0;
		margin:0;
		padding:0;
		width:100%;
		height:50px;
		list-style:none;
		padding:0;
		margin:0;
		font-size:16px;
		line-height:50px;
		font-weight:bold;
	}
	.main-nav li{
		display:inline-block;
	}
	.main-nav li:last-child{
		margin-right:40px;
	}
	.main-nav li a{
		color:black;
		text-decoration:none;
		transition:.3s all ease-out;
	}
	.main-nav li a:hover{
		color:#eb1215;
	}
	#main-content{
		position:relative;
		top:110px;
		width:100%;
		margin-bottom:4rem;
	}
	.home-main-v{
		width:100%;
		height:440px;
	}
	.home-main-v-text{
		position:relative;
		display:inline-block;
		margin-top:150px;
		margin-left:10%;
	}
	.video{
		position:absolute;
		display:inline-block;
		top:70px;
		right:70px;
		width:530px;height:300px;margin-left:110px;margin-top:-10px;border:solid 7px rgba(220,220,220,.6);
	}
	.headerDiv{
		width:100%;
		height:100%;
		box-shadow: 0 0 3px #CCCCCC;
	}
	.dropdownMenu{
		position:fixed;
		display:block;
		top:109px;
		left:0;
		width:100vw;
		background-color:white;
		z-index:-100;
		box-shadow: 0 0 2px #CCCCCC;
		overflow:hidden;
		transition:.3s all ease-out;
	}
	.dropdownPos{
		top:55px;
	}
	.dropdown-inner{
		width:100%;
		height:100%;
		max-width:1400px;
		margin:0 auto;
		text-align:left;
	}
	.dropdownImg{
		position:relative;
		display:inline-block;
		width:360px;
		height:320px;
		top:0;
		margin-left:-7px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		background-color:black;
	}
	.dropdownImgMsk{
		position:absolute;
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,.3);
	}
	.dropdownImgMsk a{
		color:white;
		text-decoration:none;
		position:absolute;
		right:0;
		margin:20px;
		font-size:16px;
		line-height:24px;
		font-weight:bold;
	}
	.dropdownImgMsk a:hover .icon,.divNews .newslist:hover .icon,.prodCont:hover .icon,.newsItem:hover .icon,.text-link:hover .icon, .link:hover .icon,.open-dialog:hover .icon,a:hover .icon{
		transform:scale(1.4);
	}
	.icon{
		display:inline-block;
		vertical-align:middle;
		transition:.3s all ease-out;
	}
	.dropdown-content{
		position:relative;
		display:inline-block;
		width:calc( 100% - 450px );
		margin-top:30px;
		margin-bottom:30px;
		margin-left:4%;
		vertical-align:top;
		text-align:left;
		min-height:180px;
		
	}
	
	.dropdown-content ul{
		position:relative;
		display:inline-block;
		width:100%;
		list-style:none;
		padding:0;
		margin:0;
		text-align:left;
	}
	.dropdown-content li{
		display:inline-block;
		width:100%;
		line-height:24px;
		margin-top:6px;
		margin-bottom:6px;
		font-size:16px;
		font-weight:bold;
		cursor:pointer;
		transition:.3s all ease-out;
		vertical-align:top;
		padding:0;
		margin-left:0;
	}
	.dropdown-content a{
		display:inline-block;
		width:45%;
		line-height:24px;
		margin-top:6px;
		margin-bottom:6px;
		font-size:16px;
		font-weight:bold;
		cursor:pointer;
		transition:.3s all ease-out;
		vertical-align:top;
		padding:0;
		margin-left:0;
	}
	
	.dropdown-content li:hover,.dropdown-subtitle:hover{
		text-decoration:underline;
		text-underline-offset:3px;
		opacity:.7;
	}
	.dropdown-title{
		font-size:16px;
		font-weight:bold;
		height:30px;
		line-height:30px;
		color:#eb1215;
	}
	
	.icon{
		margin-left:10px;
	}
	.divNews{
		width:100%;
		background-color:white;
		border-top:solid 1px white;
		border-bottom:solid 1px white;
		background-color:#f7f7f7;
	}
	.newsDiv{
		position:relative;
		width:100%;
		border-top:solid 1px #f7f7f7;
	}
	.newsCont{
		position:relative;
		width:100%;
		margin-top:46px;
		border:solid 1px #c3c3c3;
		padding:30px;
		box-sizing:border-box;
		background-color:white;
	}
	.newsItem{
		position:relative;
		width:100%;
		padding:15px 0;
		box-sizing:border-box;
		border-bottom:solid 1px #c3c3c3;
		cursor:pointer;
	}
	.newsTab{
		position:absolute;
		top:0;
		width:240px;
		height:45px;
		z-index:1;
		border:solid 1px #c3c3c3;
		background-color:#f7f7f7;
		line-height:45px;
		text-align:center;
		cursor:pointer;
	}
	.tabPos2{
		left:240px;
	}
	.newsDiv .active{
		background-color:white;
		border-bottom:white;
		height:46px;
	}
	.newsItem ul{
		list-style:none;
		padding:0;
		margin:0;
		display:table-row;
	}
	.newsItem li{
		display:inline-block;
		margin-right:12px;
		display:table-cell;
		white-space:nowrap;
	}
	.newsItem li:first-child{
		color:#999999;
		padding-right:10px;
	}
	.newsItem li:last-child{
		white-space:normal;
	}
	.newsCont .type{
		display:inline-block;
		margin-right:20px;
		padding:2px 10px;
		border:solid 1px black;
	}
	.newsCont .type2{
		display:inline-block;
		margin-right:20px;
		padding:2px 10px;
		border:solid 1px #eb1215;
		color:#eb1215;
	}
	
	
	.divProd:nth-child(odd){
		width:100%;
		background-color:#f3f3f3;
		border-top:solid 1px #f3f3f3;
	}
	.divProd:nth-child(even){
		width:100%;
		background-color:white;
		border-top:solid 1px white;
		border-bottom:solid 1px white;
	}
	.divProdContent{
		position:relative;
		margin-top:5%;
		margin-bottom:5%;
		width:100%;
	}
	.prodCont{
		display:inline-block;
		position:relative;
		width:32%;
		box-sizing:border-box;
		padding:5px;
		text-align:center;
		cursor:pointer;
		vertical-align:top;
	}
	.h1Basic{
		position:relative;
		box-sizing:border-box;
		padding-left:30px;
		padding-right:10px;
		padding-top:10px;
		padding-bottom:10px;
		font-size:28px;
		line-height:42px;
		font-weight:bold;
		margin-bottom:36px;
		margin-top:0;
	}
	.h1Basic:before{
		position:absolute;
		left:0;
		top:0;
		width:8px;
		height:100%;
		background-color:#eb1215;
		content:"";
	}
	.h1Basic:after{
		position:absolute;
		left:0;
		top:0;
		width:8px;
		height:14px;
		background-color:black;
		content:"";
	}
	.h1Red{
		position:relative;
		box-sizing:border-box;
		padding-left:30px;
		padding-right:10px;
		padding-top:5px;
		padding-bottom:5px;
		font-size:28px;
		line-height:42px;
		font-weight:bold;
		margin-bottom:36px;
		margin-top:0;
	}
	.h1Red:before{
		position:absolute;
		left:0;
		top:0;
		width:4px;
		height:100%;
		background-color:#eb1215;
		content:"";
	}
	.h2center{
		width:100%;
		font-size:28px;
		line-height:60px;
		text-align:center;
		font-weight:bold;
	}
	.h2Basic{
		position:relative;
		box-sizing:border-box;
		padding-left:16px;
		padding-right:6px;
		padding-top:8px;
		padding-bottom:8px;
		font-size:24px;
		line-height:32px;
		font-weight:bold;
		margin-bottom:24px;
	}
	.h2Basic:before{
		position:absolute;
		left:0;
		top:0;
		width:5px;
		height:100%;
		background-color:#eb1215;
		content:"";
	}
	.h2Basic:after{
		position:absolute;
		left:0;
		top:0;
		width:5px;
		height:12px;
		background-color:black;
		content:"";
	}
	.h3Basic{
		position:relative;
		text-indent:14px;
		font-size:16px;
		line-height:24px;
		font-weight:bold;
		margin-bottom:12px;
	}
	.h3Basic:before{
		position:absolute;
		left:0;
		top:0;
		width:4px;
		height:100%;
		background-color:#eb1215;
		content:"";
	}
	.h3Basic:after{
		position:absolute;
		left:0;
		top:0;
		width:4px;
		height:8px;
		background-color:black;
		content:"";
	}
	.prodImg{
		display:inline-block;
		width:50%;
		aspect-ratio:0.8/0.8;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
		border-radius:50%;
		border:solid 2px white;
		box-shadow: 0 0 3px #CCCCCC;
	}
	.prodName{
		width:100%;
		font-size:20px;
		line-height:32px;
		font-weight:bold;
		margin-top:25px;
		margin-bottom:15px;
	}
	.prodTxt{
		width:80%;
		margin:10px auto;
		font-size:16px;
		line-height:24px;
		
	}
	
	.navList{
		position:relative;
		top:10px;
		font-size:14px;
		line-height:20px;
		margin-bottom:16px;
	}
	.navList ul{
		list-style:none;
		margin:0;
		padding:0;
		margin-bottom:32px;
	}
	.navList li{
		display:inline-block;
		position:relative;
		margin:10px;
	}
	.navList li:before{
		content:">";
		position:absolute;
		left:-17px;
	}
	.navList li:nth-child(1):before{
		content:"";
	}
	.navList a{
		text-decoration:underline;
		text-underline-offset:3px;
	}
	.h1grey{
		width:100%;
		background-color:#f3f3f3;
	}
	.leftMainDiv{
		display:inline-block;
		width:65%;
		margin-right:3%;
		position:relative;
	}
	.smallNavDiv{
		display:inline-block;
		width:29%;
		position:relative;
		vertical-align:top;
		color:#eb1215;
		margin-bottom:24px;
	}
	.smallNavDiv a{
		text-decoration:none;
	}
	.smallNav{
		display:block;
		border:solid 1px #b3b3b3;
		border-radius:4px;
	}
	.smallNavItem{
		box-sizing:border-box;
		line-height:28px;
		font-size:14px;
		font-weight:bold;
		letter-spacing:2px;
		padding:15px 30px;
		border-top:solid 1px #b3b3b3;
	}
	.subItemLv1{
		padding-left:50px;
	}
	.subItemLv2{
		letter-spacing:0;
		padding-left:80px;
		font-weight:normal;
	}
	.smallNavItem span{
		margin-left:22px;
	}
	.hide,.hide1,.hide2,.hide3{
		display:none;
	}
	.smallNav a:first-child .smallNavItem{
		border-top:none;
	}
	.smallNavDiv .active{
		color:#eb1215;
		cursor:pointer;
	}
	.smallNavItem:hover{
		background-color:#f3f3f3;
	}
	.tbType1{
		width:100%;
		border:solid 1px #b3b3b3;
		border-collapse:collapse;
		font-size:16px;
	}
	.tbType1 tr{
		border:solid 1px #b3b3b3;
	}
	.tbType1 td{
		padding:12px;
		border:solid 1px  #b3b3b3;
	}
	.tbType1 td:nth-child(1){
		background-color:#f3f3f3;
	}
	.tbType1 a{
		line-height:28px;
	}
	.tbType2{
		width:100%;
		border:solid 1px #b3b3b3;
		border-collapse:collapse;
		font-size:14px;
		line-height:28px;
	}
	.tbType2 th{
		font-weight:bold;
		text-align:center;
		background-color:#f3f3f3;
	}
	.tbType2 td,.tbType2 th{
		padding:20px;
		border:solid 1px #b3b3b3;
	}
	p{
		font-size:16px;
		line-height:28px;
	}
	.position{
		display:inline-block;height:18px;vertical-align:middle;margin-right:5px;
	}
	.divMap{
		height: 330px;
		width: 610px;
		margin: 0 auto 25px;
		background: url(../imgs/img_map0.png) center;
		border:solid 1px #b3b3b3;
	}
	.sp{
		display:none;
	}
	.flag{
		display:inline-block;
		vertical-align:middle;
		width:18px;
		margin-right:5px;
	}
	.partsImg{
		width:60%;
	}
	.divFlowBody{
		position:relative;
		width:100%;
		min-height:20px;
		white-space:nowrap;
	}
	.divFlowBody:before{
		position:absolute;
		top:0;
		left:0;
		width:50%;
		height:100%;
		z-index:-1;
		background-color:#f3f3f3;
		content:"";
	}
	.divFlowBody:after{
		position:absolute;
		top:0;
		left:50%;
		width:50%;
		height:100%;
		z-index:-1;
		background-color:#fbd0d0;
		content:"";
	}
	.divFlowLeft,.divFlowRight{
		position:relaitve;
		display:inline-block;
		width:50%;
		margin:0;
		color:white;
		font-size:16px;
		line-height:40px;
		text-align:center;
		vertical-align:top;
	}
	.divFlowLeft .title{
		width:100%;
		background-color:black;
	}
	.divFlowRight .title{
		width:100%;
		background-color:#eb1215;
	}
	.divFlowLeft .cnt,.divFlowRight .cnt{
		position:relative;
		display:block;
		width:94%;
		margin:16px auto;
		background-color:white;
		color:black;
		height:100px;
		line-height:100px;
		box-shadow:2px 2px 3px #999999;
	}
	.divFlowRight .cnt2div{
		position:relative;
		display:block;
		width:94%;
		margin:16px auto;
		height:100px;
		line-height:100px;
	}
	.divFlowRight .cnt2{
		display:block;
		width:100%;
		height:46px;
		background-color:white;
		box-shadow:2px 2px 3px #999999;
		color:black;
		line-height:46px;
	}
	.divFlowRight .cnt2:nth-child(1){
		margin-bottom:8px;
	}
	.divFlowLeft .lines1{
		line-height:50px;
		height:50px;
	}
	.divFlowLeft .lines2{
		line-height:50px;
		border-top:solid 1px #e3e3e3;
		background-color:#e3e3e3;
		font-size:14px;
		height:50px;
	}
	.divFlowLeft .lines2s{
		line-height:20px;
		border-top:solid 1px #e3e3e3;
		background-color:#e3e3e3;
		font-size:14px;
		height:40px;
		padding:5px;
	}
	.divFlowBody .arrowR{
		position:absolute;
		top:38px;
		right:-6%;
		background-image:url(../imgs/parts/arrow_01.png);
		width:6%;
		height:24px;
		z-index:1;
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
	}
	.divFlowBody .arrowRR{
		position:absolute;
		top:38px;
		right:-6%;
		background-image:url(../imgs/parts/arrow_03.png);
		width:6%;
		height:24px;
		z-index:1;
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
	}
	.divFlowBody .arrowNL{
		position:absolute;
		bottom:-30px;
		left:-6%;
		background-image:url(../imgs/parts/arrow_02.png);
		width:6%;
		height:45px;
		z-index:1;
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
	}
	.divFlowBody .r180{
		transform:rotate(180deg);
	}
	.divFlowBody .step{
		position:absolute;
		width:97%;
		margin-top:20px;
		margin-left:1.5%;
		height:40px;
		background-color:black;
		z-index:10;
		box-shadow:2px 2px 3px #999999;
	}
	.divFlowBody .step:before{
		position:absolute;
		top:-20px;
		left:calc( 50% - 30px );
        width:0;
        height:0;
        border-top: 12px solid #eb1215; 
        border-right: 30px solid transparent;
        border-left: 30px solid transparent;
        border-bottom: 12px solid transparent;
		content:"";
	}
	.split{
		width:100%;
		height:0;
		border-bottom:solid 1px black;
		margin-bottom:24px;
	}
	.form-control{
		width:calc( 100% - 20px );
		margin-top:5px;
		padding:0;
		border:solid 1px #e3e3e3;
		border-radius:5px;
		padding:10px 10px;
		font-size:16px;
		line-height:24px;
		letter-spacing:2px;
		font-family:Roboto;
	}
	.inputl2{
		width:40%;
	}
	.dl-type01{
		padding-top: 20px;
		border-top: 1px dotted #bfbfbf;
		overflow: hidden;
		font-size:16px;
	}
	.dl-type01 dt{
		font-weight:400;
		float:left;
	}
	.dl-type01 dd{
		margin-bottom: 20px;
		margin-left:0;
		padding: 0 0 20px 9em;
		border-bottom: 1px dotted #bfbfbf;
	}
	span.company-green {
		color: #18ddb6;
		border: 1px solid #18ddb6;
		font-size: .6rem;
		padding: 0 .5rem;
		display: table;
		margin-bottom: 5px;
	  }
	  span.company-red {
		color: #d31c2e;
		border: 1px solid #d31c2e;
		font-size: .6rem;
		padding: 0 .5rem;
		display: table;
		margin-bottom: 5px;
	  }
	  .mb-3{
		 line-height:28px;
		 margin-bottom:10px; 
	  }
	  
	  .col-2{
		  display:inline-block;
		  width:46%;
		  vertical-align:top;
	  }
	  .col-2s{
		  display:inline-block;
		  width:33%;
		  box-sizing:border-box;
		  vertical-align:top;
		  padding:0 10px;
	  }
	  .col-2l{
		  display:inline-block;
		  box-sizing:border-box;
		  width:67%;
		  vertical-align:top;
		  padding:0 10px;
	  }
	  .col-2:nth-child(even){
		  margin-left:7%;
	  }
	  
	  .col-2h{
		  display:inline-block;
		  width:50%;
		  vertical-align:top;
	  }
	  .col-2h .inner{
		  width:90%;
		  margin:5%;
	  }
	  .col-3{
		  display:inline-block;
		  width:31%;
		  margin-right:2%;
			margin-bottom:2%;
		  vertical-align:top;
	  }
	  .col-3 a{
		  text-decoration:none;
	  }
	  .col-3:nth-child(3n){
		  margin-right:0;
	  }
	  .col2img{
		  width:100%;
	  }
	  .divGreyCol3Outer{
		  position:relative;
		  display:table;
		  border-spacing: 15px;
			border-collapse: separate;
		  width:100%;
		  overflow-x:hidden;
	  }
	  .divGreyCol3{
		  display:table-cell;
		  position:relative;
		  width:32%;
		  background-color:#f2f5f8;
	  }
	  .divGreyCol3 .inner{
		  width:80%;
		  margin:10%;
	  }
	  .divGreyCol3 .title{
		  font-weight:bold;
		  text-align:center;
		  margin-bottom:12px;
	  }
	  .borderType1{
		  border:solid 1px #c3c3c3;
	  }
	  .borderType1 h3{
		  margin:0;
	  }
	  .borderType1 p{
	  }
	  .borderType1Right{
		  display:inline-block;
		  width:62%;
		  vertical-align:middle;
		  margin-top:3%;
		  margin-bottom:3%;
	  }
	  .img-fluid{
		  display:inline-block;
		  width:14%;
		  margin:3% 10%;
		  vertical-align:middle;
	  }
	  .uplayer {
			position:relative;
			width:70%;
			margin:0 auto;
		}
		.uplayer .inner{
			display:inline-block;
			width:52%;
			margin:0 auto;
		}
		.uplayer h2{
		  font-style: normal;
		  font-weight: 800;
		  line-height: 40px;
		}
		.uplayer p{
		  font-weight: 700;
		}
		.fade-slide{
			display:inline-block;
			max-width:45%;
			margin-left:2%;
			float:right;
		}
		.fade-slide img{
			height:240px;
		}
		.pagetop{position:fixed;bottom:30px;right:50px;opacity:1;transition:opacity .3s;cursor:pointer;z-index:10}
		.pagetop:hover{opacity:.5;}
		/*.pagetop svg *{transition:all .4s}
		.pagetop.footer-reached{position:absolute}
		.pagetop:hover svg circle{fill:var(--textGray)}*/
		.pagetoprelative{
			position:relative;
			top:0;
			right:50px;
			margin-bottom:0;
		}
		.divLink{
			width:300px;
			margin:30px auto 0 auto;
			text-align:center;
		}
		.divLink img{
			margin:0 20px;
			transition:opacity ease-out .3s;
		}
		.divLink img:hover{
			opacity:.5;
		}
		.newsDateSel{
			display:inline-block;
			width:24%;
			height:40px;
			text-align:center;
		}
		.col3{
			display:inline-block;
			width:30%;margin-right:3%;
			font-size:16px;
			line-height:32px;
			font-weight:bold;
			text-align:center;
		
		}
		.col3 img{
			width:100%;
		}
		.link{
			cursor:pointer;
			transition:.3s all ease-out;
		}
		.link:hover{
			opacity:.7;
		}
		main{
			min-height:calc( 100vh - 540px );
			font-size:16px;
		}
		.imgBg{
			width:100%;
			height:180px;
			background-size:cover;
			text-align:center;
			color:white;
			font-size:20px;
			font-weight:bold;
			line-height:180px;
		}
		.divInnerClass2{
			display:block;
			width:90%;
			margin:0 auto;
			line-height:24px;
		}
		.divInnerClass2 .title{
			font-weight:bold;
			margin-top:24px;
		}
		.btnOversea{
			display:inline-block;
			vertical-align:25%;
			line-height:24px;
			padding:15px;
			border:solid 2px #d31c2e;
			color:#d31c2e;
			transition:.3s all ease-out;
		}
		.btnOversea:hover{
			opacity:.7;
		}
		.divImgTitle{
			position:relative;
			display:inline-block;
			width:100%;
		}
		.divImgTitle img{
			vertical-align:top;
		}
		.divImgTitle .divBlock{
			position:absolute;
			display:table;
			top:0;
			left:0;
			width:100%;
			height:100%;
			z-index:1;
			background-color:rgba(0,0,0,.7);
		}
		.divImgTitle .inner{
			display:table-cell;
			width:90%;
			vertical-align:middle;
			text-align:center;
			color:white;
			font-weight:bold;
			font-size:20px;
			text-underline-offset:10px;
		}
		.divImgTitle .title,.resultBg .title{
			color:white;
			font-size:38px;
			line-height:60px;
			letter-spacing:5px;
			font-weight:normal;
		}
		.divImgTitle .arrow{
			position:absolute;
			left:calc( 50% - 21px );
			bottom:40px;
			width:40px;
			height:40px;
			z-index:1;
			transform:rotate(45deg);
			border-right:solid 3px #22d4a2;
			border-bottom:solid 3px #22d4a2;
		}
		.divReason{
			position:relative;
			display:block;
			letter-spacing:15px;
			margin:0 auto;
			width:200px;
			text-align:center;
			margin-top:60px;
			margin-bottom:60px;
			color:#22d4a2;;
		}
		.divReason:before{
			content:"";
			position:absolute;
			top:calc( -30px );
			left:calc( 50% - 48px );
			width:80px;
			height:80px;
			border:solid 1px #abefdc;
			transform:rotate(45deg);
			z-index:1;
		}
		.h2Center{
			text-align:center;
			margin-top:80px;
			margin-bottom:30px;
		}
		.open-dialog{
			display:inline-block;
			margin:5px 20px;
			cursor:pointer;
			text-align:center;
			text-decoration:none;
		}
		.win-open-dialog{
			position:fixed;
			top:0;
			left:0;
			width:100%;
			height:100%;
			z-index:1000;
			background-color:rgba(0,0,0,.7);
			display:table;
		}
		.dialog-content-outer{
			display:table-cell;
			vertical-align:middle;
			text-align:center;
		}
		.dialog-content{
			position:relative;
			display:inline-block;
			width:90%;
			max-width:920px;
			background-color:white;
			padding:40px;
			text-align:left;
		}
		.h1Type2{
			line-height:30px;
			margin:0;
			margin-bottom:20px;
		}
		.win-open-dialog .closeBtn{
			position:absolute;
			top:15px;
			right:15px;
			width:30px;
			height:30px;
			z-index:10;
			transition:opacity .3s ease-out;
			cursor:pointer;
		}
		.win-open-dialog .closeBtn:hover{
			opacity:.7;
		}
		.win-open-dialog .closeBtn:before{
			position:absolute;
			top:10px;
			right:0;
			width:30px;
			height:3px;
			background-color:#898989;
			z-index:10;
			transform:rotate(135deg);
			content:"";
		}
		.win-open-dialog .closeBtn:after{
			position:absolute;
			top:10px;
			right:0;
			width:30px;
			height:3px;
			background-color:#898989;
			z-index:10;
			transform:rotate(45deg);
			content:"";
		}
		.resultBg{
			position:relative;
			display:table;
			width:100%;
			min-height:500px;
			background-image:url(../imgs/who/result_bg.jpg);
			background-repeat:no-repeat;
			background-size:cover;
			background-position:center;
		}
		.divTbCell{
			display:table-cell;
			text-align:center;
			vertical-align:middle;
			padding:10%;
			font-weight:bold;
			font-size:20px;
			color:white;
		}
		.divTb1{
			display:table;
			width:100%;
		}
		.divTbCell1{
			display:table-cell;
			text-align:center;
			vertical-align:top;
			padding-right:5px;
			font-size:12px;
			text-align:left;
		}
		.divTbCell1:last-child{
			padding-right:0;
		}
		.prodList{
			position:relative;
			display:block;
			list-style:none;
			width:100%;
			padding:0;
		}

		.prodList li{
			position:relative;
			display:block;
			margin:0;
			list-style:none;
			cursor:pointer;
			color:#008fd5;
			transition:.3s all ease-out;
			border-top:solid 1px #e7e7e7;
		}
		.prodList li:hover{
			background-color:#e7e7e7;
		}
		.prodList a:last-child li{
			border-bottom:solid 1px #e7e7e7;
		}
		.prodList .cont{
			display:inline-block;
			width:80%;
			margin:20px 10px;
		}
		.prodList .right{
			display:inline-block;
			width:16%;
			text-align:right;
			vertical-align:middle;
		}
		.prodList .new{
			display:inline-block;
			width:32px;
			height:32px;
			background:url(../imgs/prods/new_item_cn.png) no-repeat;
			background-size:contain;
			vertical-align:middle;
			margin-left:7px;
			
		}
		.prodList .border{
			display:inline-block;
			padding:5px;
			margin-left:7px;
			border:solid 1px #666666;
			font-size:12px;
			color:#666666;
		}
		.att{
			display:inline-block;
			padding:5px 8px;
			background-color:#eb1215;
			border-radius:5px;
			font-size:14px;
			line-height:20px;
			color:white;
			font-weight:bold;
			margin-right:5px;
			margin-bottom:5px;
		}
		.att2{
			display:inline-block;
			padding:5px 8px;
			border-radius:5px;
			font-size:14px;
			line-height:20px;
			color:white;
			font-weight:bold;
			margin-right:5px;
			margin-bottom:5px;
			background-color:#9e9e9e;
		}
		.tb01{
			width:100%;
			text-align:center;
			border-collapse:collapse;
			line-height:24px;
		}
		.tb01 th{
			background-color:#f2f2f2;
		}
		.tb01 th,.tb01 td{
			border:solid 1px #dee2e6;
			padding:8px;
		}
		.tb01 tr:nth-child(odd) td,.tb01 tr:nth-child(odd) th{
			background-color:#f2f2f2;
		}
		.tb01 tr:nth-child(2) th{
			background-color:white;
		}
		.tb02{
			width:100%;
			text-align:center;
			border-collapse:collapse;
			line-height:24px;
		}
		.tb02 th,.tb02 td{
			border:solid 1px #dee2e6;
			padding:8px;
		}
		.tb02 tr:nth-child(odd) td,.tb02 tr:nth-child(odd) th{
			background-color:#f2f2f2;
		}
		.tb02 tr:nth-child(2) th{
			background-color:white;
		}
		.floatImg{
			display:inline-block;
			float:right;
			width:30%;
		}
		.prodRelation{
			display:inline-block;
			position:relative;
			width:30%;
			aspect-ratio:3/4;
			margin:0 10px;
			border:solid 1px #cecece;
			text-align:center;
		}
		.prodRelationImg{
			display:inline-block;
			width:80%;
			aspect-ratio:3/4;
			background-position:top center;
			background-repeat:no-repeat;
			margin-top:5px;
			margin-bottom:5px;
		}
		
		
}
	

.dropdownImg1{
	background-image:url(../imgs/bgCom.jpg);
	height:100%;
}
.dropdownImg2{
	background-image:url(../imgs/bgProd.png);
	height:100%;
}
.dropdownImg3{
	background-image:url(../imgs/bgMet.jpg);
	height:100%;
}
.submit{
	width:260px;
	text-align:center;
	font-size:16px;
	line-height:32px;
	background-color:white;
	border:solid 1px #eb1215;
	color:#eb1215;
	cursor:pointer;
	transition:.3s all ease-out;
}
.submit:hover{
	background-color:#eb1215;
	color:white;
}
.newsDetail {
	line-height:24px;
}
.lable{
	color:#eb1215;
}
.newsDetail td{
	vertical-align:top;
}
.iconNew{
	display:inline-block;
	vertical-align:middle;
}	

	@media only screen and (min-width:769px) and (max-width:1660px){
		.col4,.col5{
			position:relative;
			display:flex;
			justify-content:space-between;
			width:100%;
			padding:0;
		}
		.col4 ul,.col4 li,.col5 ul,.col5 li{
			list-style:none;
			margin:0;
			padding:0;
		}
		.col5 li{
			position:relative;
			width:16%;
		}
	}
	@media only screen and (min-width:1661px) {
		.col4,.col5{
			position:relative;
			display:flex;
			justify-content:space-between;
			
			padding:0;
		}
		.col4 ul,.col4 li,.col5 ul,.col5 li{
			list-style:none;
			margin:0;
			padding:0;
		}
		.col5 li{
			position:relative;
			width:16%;
		}
		
	}
	@media only screen and (max-width:768px){
		.col5{
			position:relative;
			text-align:center;
			padding:0;
		}
		.col4 ul,.col4 li,.col5 ul,.col5 li{
			list-style:none;
			margin:0;
			padding:0;
		}
		.col5 li{
			position:relative;
			display:inline-block;
			width:40%;
			margin:.8rem;
		}
		.col4{
			position:relative;
			padding:0;
			display:flex;
			justify-content:space-between;
			flex-wrap:wrap;
		}
	}
	.divInner{
		position:relative;
		margin:0 auto;
		width:90%;
		max-width:60rem;
	}
	.link-to{
		position:relative;
		padding:2rem 0;
		background-color:#e0e0e0;
	}
	.link-to .title{
		font-size:1.2rem;
		font-weight:bold;
		line-height:4rem;
	}
	.link-to .title:before{
		position:absolute;
		top:0;
		left:0;
		width:3rem;
		height:2px;
		content:"";
		background-color:#e8342f;
	}
	
	.col5 img{
		width:100%;
	}
	.col5 a{
		transition:.3s all ease-out;
	}
	.col5 a:hover{
		opacity:.7;
	}