@charset "utf-8";
/* CSS Document */
.rbx{
	position:fixed;
	width:55px;/*42*/
	height:45px;/*120*/
	display:block;
	cursor:pointer;
	border-radius:8px 0 0 8px;
	background-color:#ffc000;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:0% 50%;
	background-size:auto 100%;
	background-image:url(../images/rbx2_2.png);	
	right:0;
	top:30%;
	transform:translateY(-50%);
	z-index:2;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.rbx:hover{
	width:150px;/*55*/
	background-color:#0e0e0d;
	background-image:url(../images/rbx2_1.png);	
	}	
.r_vd{
	position:fixed;
	width:345px;
	height:220px;
	display:block;
	pointer-events:none;
	border-radius:10px;
	overflow:hidden;
	right:5px;
	bottom:50px;
	z-index:-1;
	opacity:0;
	/**/
	transition: all .8s;
	-moz-transition: all .8s;
	-webkit-transition: all .8s;
	-o-transition: all .8s;
	}
.r_vd.on{
	pointer-events:auto;
	z-index:2;
	opacity:1;
	bottom:5px;
	}
	
.r_vd img{
	position:relative;
	width:100%;
	display:block;
	/**/
	transition: all .5s;
	}
.v_close{
	position:absolute;
	width:7.8%;/*27*/
	padding-bottom:7.8%;
	display:block;
	cursor:pointer;
	border-radius:90px;
	background-color:rgba(248,248,248,.8);
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	background-image:url(../images/v_close.png);	
	right:1.5%;
	top:1.5%;
	}
/**/
#txt1{
	position:absolute;
	width:50px;
	height:50px;
	left:0;
	top:50%;
	}
.headbx{
	position:relative;
	width:100%;/*100%*/
	padding-bottom:47%;/*940 47 880px*/
	/*height:calc(100vh - 50px);*/
	overflow:hidden;
	/*
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../images/head.jpg);	
	background-size:100% auto;*/
	}
.headbx video,.headbx img{
	position:absolute;
	width:100%;/*100%*/
	height:auto;
	display:block;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	}
.headbx .txtbx{
	position:absolute;
	width:54.5%;/*660 33% 920*/
	left:10.9%;/*218*/
	top:60%;/*53*/
	transform:translateY(-50%);
	/**/
	text-align:left;
	color: #FFF;
	}
.headbx .txtbx .t1{
	position: relative;
	/*width:135%;*/
	font-family:'Hubot Sans',sans-serif;/*Arial,sans-serif*/
	font-size:3.8vw;/*95 4.75 4.5 3.8*/
	line-height:4.3vw;/*90*/
	font-weight:900;/*bold*/
	display: block;
	margin:0 0 1.3vw;/*26*/
	}
.headbx .txtbx .t1a{
	position:absolute;/*relative*/
	width:73%;/*78*/
	font-size:1.1vw;/*22*/
	line-height: 1.5vw;/*30*/
	display: block;
	padding:0 0 1vw .25vw;/*20 5*/
	bottom:27.3%;
	left:20%;
	}
.headbx .txtbx .t1a::before{
	position:absolute;
	width:3px;
	height:60%;
	content:"";
	display:block;
	background-color:#ffc000;
	left:-8px;
	top:5%;
	}
	
.headbx .txtbx .aibt{
	position:relative;
	width:28.17%;/*250 34.84 50.84*/
	padding-bottom:7.3%;/*70*/
	display:inline-block;
	cursor:pointer;
	border-radius:.4vw;/*8*/
	border: 3px solid rgba(178, 178, 178, .5);/*d2d2d2*/
	margin:0 0 0 .25vw;/*5*/
	/**/
	backdrop-filter:blur(3px);
	background:rgba(0, 0, 0, .18);
	overflow:hidden;
	/**/
	transition: all .5s;
	}
.headbx .txtbx .aibt:hover{border: 3px solid #ffc000;color:#0e0e0d;}	
.headbx .txtbx .aibt::before{
	position:absolute;
	width:0%;
	height:100%;/*5.5%*/
	background-color:#ffc000;
	content:"";
	/**/
	transition: width .5s ease;
	-moz-transition: width .5s ease;
	-webkit-transition: width .5s ease;
	-o-transition: width .5s ease;
	/**/
	left:auto;
	right:0;
	bottom:0;
	}
.headbx .txtbx .aibt:hover::before{
	width:100%;/*98%*/
	right:auto;
	left:0;/*1%*/
	}
.headbx .txtbx .aibt span.tx{
	position:absolute;
	width:100%;
	display:block;
	top:50%;
	left:0;
	transform:translateY(-50%);
	/**/
	font-size:1.3vw;/*26*/
	text-align:center;
	color:#FFF;
	}
	
	
	
		
/* 跑馬燈  */
.marqueebx{
	position:relative;
	width:100%;
	height:60px;
	display:flex;
	align-items:center;
	background-color:#0e0d19;
	overflow:hidden;
	}
.marqueebx .mabx {
  display: flex;
  animation: marquee1 80s linear infinite;
	}
.marqueebx .mabx:nth-child(2) {
  animation: marquee2 80s linear infinite;
  animation-delay: -40s;
	}
.marqueebx .mabx > li{
	position:relative;
	font-size:1.66rem;/*20*/
	color:#FFF;
  	white-space: nowrap;
  	/*text-transform: uppercase;
	padding:0 16px;*/
	margin:0 16px;
	}	
/*Technology & Research*/
#technologybx{
	position:relative;
	width:100%;
	height:47.5vw;/*950*/
	display:block;
	background-color:#85847f;/*010101*/
	}
.tr_cbg{
	position:relative;
	width:100%;
	height:47.5vw;/*950*/
	display:block;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-image:url(../images/technology.jpg);
	background-size:100% auto;	
	}
.tr_cbg::before,.tr_cbg::after{
	position:relative;
	width:100%;
	display:block;
	content:"";
	}	
.txtbx1{
	position:absolute;
	width:33%;/*660*/
	left:calc(10% + 82px);/*218 10.9 14%*/
	top:10.63%;/*82 8.63*/
	/**/
	text-align:left;
	font-size: 65px;/*65 3.25vw*/
	line-height:70px;/*70 5vw */
	color: #FFF;
	font-weight:900;
	z-index:1;
	}
.txtbx1 span{
	position:relative;
	font-size:25px;/*25 1.25vw 30 1.5*/
	line-height:50px;/*50 2.5vw*/
	font-weight:400;
	display:block;
	padding:.5rem 0;
	margin-left:13px;
	}
.txtbx1 span::before{
	position:absolute;
	width:2px;
	height:35%;
	content:"";
	display:block;
	background-color:#ffc000;
	left:-8px;
	top:50%;
	transform:translateY(-50%);
	}
	
	
	
.tr_cbg > ul{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	}
.tr_cbg > ul li{
	position:absolute;
	display:inline-block;
	padding:10px 13px;
	}
.tr_cbg > ul li p{position:relative;display:block;cursor:pointer;overflow:hidden;}

	
.tr_cbg > ul li p::before,.tr_cbg > ul li p::after{
	position:relative;
	display:block;
	content:"";
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;	
	background-size:100% auto;
	}
.tr_cbg > ul li::before{
	position:absolute;
	display:block;
	content:"";
	top:0;
	left:0;
	backdrop-filter:blur(10px);
	border-radius:10px;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	background:rgba(255, 255, 255, .18);
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.tr_cbg > ul li.on{width:300px;z-index:2;}
.tr_cbg > ul li.on::before{
	width:100%;
	height:100%;
	box-shadow: 0 5px 35px rgba(0, 0, 0, .6);
	}
.tr_cbg > ul li .cl{
	position:absolute;
	width:100%;
	padding-bottom:15%;
	display:none;
	cursor:pointer;
	top:0;
	left:0;
	}
.tr_cbg > ul li.on .cl{display:block;}

.tr_cbg > ul li .nac{
	position:relative;
	width:100%;
	display:none;
	/**/
	font-size:18px;/*22*/
	line-height:25px;
	color:#FFF;
	}
.tr_cbg > ul li .nac.rc{text-align:left;/*right*/}
.tr_cbg > ul li .nac.fc{text-align:left;}
.tr_cbg > ul li p::before{
	width:19px;/*.95vw*/
	padding-bottom:19px;
	background-image:url(../images/mr.png);
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.tr_cbg > ul li:hover p::before{transform: rotate(-180deg);}
.tr_cbg > ul li.on p{width:100%;padding:0 0 3px;}
.tr_cbg > ul li.on p::before,.tr_cbg > ul li.on:hover p::before{transform: rotate(-45deg);}

	
.tr_cbg > ul li p::after{
	width:100px;/*100 5vw*/
	padding-bottom:19px;/*19 .95vw*/
	}
.tr_cbg > ul li.on p::after{display:none;}
/**/
.tr_cbg > ul li p.rc::before{float:right;}
.tr_cbg > ul li p.rc::after{float:left;background-image:url(../images/p_s.png);}
.tr_cbg > ul li p.fc::before{float:left;}
.tr_cbg > ul li p.fc::after{float:right;background-image:url(../images/p_s_r.png);}
.tr_cbg > ul li .nab{
	position:absolute;
	width:110%;
	display:block;
	top:42%;
	transform:translateY(-50%);
	/**/
	font-size:22px;/*22*/
	line-height:35px;
	color:#FFF;
	}
.tr_cbg > ul li.on .nab{
	position: relative;
	width: 100%;
	top: 0;
	transform: translateY(0);
	font-weight:500;/*bold*/
	}
	
.tr_cbg > ul li .nab.rc{ right:95%;text-align:right;}
.tr_cbg > ul li.on .nab.rc{right:0;text-align:left;}
.tr_cbg > ul li .nab.fc{ left:95%;text-align:left;}
.tr_cbg > ul li.on .nab.fc{left:0;}
.tr_cbg > ul li:nth-child(1){
	top:38%;
	/*left:34.5%;*/
	right:58.5%;
	}	
.tr_cbg > ul li:nth-child(2){
	top:55%;
	/*left:38%;*/
	right:54.5%;
	}	
.tr_cbg > ul li:nth-child(3){
	top:64%;
	/*left:39.8%;*/
	right:53.5%;
	}
.tr_cbg > ul li:nth-child(4){
	top:49%;
	left:56%;
	}	
.tr_cbg > ul li:nth-child(5){
	top:70%;
	left:54.8%;
	}	

/*Showcase*/	
#showcasebx{
	display:flex;
	overflow-x: hidden;
	}
	
#showcasebx .swiper-container{width:100%;}
	
#showcasebx .showbx{
	position:relative;
	/*height:90vh;100*/
	width:calc(100%/3);/*800 40%*/
	padding-bottom:46%;/*115*/
	cursor:pointer;
	/**/
	flex-shrink:0;
	place-items:center;
	overflow:hidden;
	}
#showcasebx .showbx > div{
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	}
#showcasebx .showbx > div p{
	position: absolute;
	width: 110%;
	height: 110%;
	top: -5%;
	left: 101%;
	background-color: #0e0e0d;
	z-index:2;
	}
	
#showcasebx .showbx .txt2bx{
	position: absolute;
	display: inline-block;
	left: 11.25%;/*90*/
	top: 65%;/*600*/
	z-index:2;
	/**/
	text-align: left;
	color: #FFF;
	}
#showcasebx .showbx .txt2bx > span:nth-child(1){
	position:relative;
	display:block;
	font-size:.8vw;/*16*/
	line-height:1.5vw;/*30*/
	text-transform:uppercase;
	font-weight:bold;
	}
#showcasebx .showbx .txt2bx > span:nth-child(2){
	position:relative;
	display: inline-block;
	font-size:2vw;/*40*/
	line-height:2vw;
	font-weight:bold;
	padding:9px 12px 5px;
	/**/
	border: 2px solid #FFF;/*929292*/
	overflow:hidden;
	border-radius:.4vw;/*10*/
	/**/
	backdrop-filter:blur(3px);
	background:rgba(0, 0, 0, .18);
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
#showcasebx .showbx .txt2bx > span:nth-child(2) > span{
	font-size:1.5vw;/*30*/
	font-weight:500;
	}
#showcasebx .showbx .txt2bx > span:nth-child(2)::before{
	position:absolute;
	width:0%;
	height:100%;/*5.5%*/
	background-color:#ffc000;
	content:"";
	/**/
	transition: width .5s ease;
	-moz-transition: width .5s ease;
	-webkit-transition: width .5s ease;
	-o-transition: width .5s ease;
	/**/
	left:auto;
	right:0;
	bottom:0;
	z-index:-1;
	}
	
#showcasebx .showbx:hover .txt2bx > span:nth-child(2){border: 2px solid #ffc000;color:#0e0e0d;}	
#showcasebx .showbx:hover .txt2bx > span:nth-child(2)::before{
	width:100%;/*98%*/
	right:auto;
	left:0;/*1%*/
	}
	
#showcasebx .showbx > div::before{
	position:absolute;
	width:100%;
	height:100%;
	content:"";
	display:block;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background-color:rgba(0,0,0,.55);
	opacity:0;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
#showcasebx .showbx img{
	position:absolute;
	/*width:100%;*/
	height:100%;
	display:block;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
#showcasebx .showbx:hover img{transform:translate(-50%,-50%)scale(1.1);}
#showcasebx .showbx > div:hover::before{opacity:1;z-index:1;transform:translate(-50%,-50%)scale(1.3);}
	
/*News*/
.txt3bx{
	position: relative;
	font-size: 65px;/*65 3.25vw*/
	line-height:100px;/*100 5vw*/
	color: #FFF;
	font-weight:bold;
	padding-bottom:1.5%;
	}
#newsbx{
	position:relative;
	width:100%;
	}
#newsbx::before,#newsbx::after{
	position: relative;
	width:100%;
	content:"";
	display:block;
	}
#newsbx::before{padding-bottom:2vw;/*70 3.5*/}
#newsbx::after{/*padding-bottom:2.5vw;50*/}	
	
.hcon{
	position:relative;
	width:1540px;
	margin:0 auto;
	}
.newbx2{position:relative;}
.newbx2 > li{
	position:relative;
	padding:15px 0;/*15*/
	display:block;
	border-bottom: 1px solid #353535;	
	}
.newbx2 > li .ph{
	position:relative;
	width:150px;/*150 9.74*/
	padding-bottom:150px;
	display:block;
	overflow:hidden;
	}
.newbx2 > li .ph img{
	position:absolute;
	width:100%;
	display:block;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	filter:brightness(1);
	/**/
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	}
.newbx2 > li:hover .ph img{transform:translate(-50%,-50%)scale(1.1);}
	
.newbx2 > li .ntbx{
	position: absolute;
	width: calc(95.5% - 150px);
	display: block;
	top: 50%;
	right: 2%;
	transform: translateY(-50%);
	/**/
	text-align:left;
	color: #FFF;
	font-size:23px;/*25px*/
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.newbx2 > li .ntbx:hover{color:#ffc000;}
.newbx2 > li .ntbx span{
	position:relative;
	font-weight:bold;
	display:inline-block;
	}
.newbx2 > li .ntbx span.oe{
	font-weight: normal;
	display: block;
	padding:.3rem 0 .25rem;
	font-size:20px;
	opacity:.65;
	}
/*.newbx2 > li .ntbx span::before{
	position:absolute;
	width:0%;
	height:2px;
	background-color:#FFF;
	content:"";
	opacity:.35;
	transition: width .5s ease;
	-moz-transition: width .5s ease;
	-webkit-transition: width .5s ease;
	-o-transition: width .5s ease;
	left:auto;
	right:0;
	top:-3px;
	}
.newbx2 > li:hover .ntbx span::before{
	width:100%;
	right:auto;
	left:0;
	}*/
	
	
.newbx2 > li .ntbx .time{
	position:relative;
	display:block;
	font-size:16px;
	line-height:35px;
	color: #FFF;
	}
.newbx2 > li:hover img{filter: brightness(0.5);}
/**/
.morenews_bt{
	position:relative;/*absolute*/
	width: 200px;/*100*/
	padding-bottom:45px;/*30*/
	display: block;
	margin: 5rem auto 0;
	border: 2px solid #929292;/*1*/
	overflow:hidden;
	border-radius:10px;/*50px*/
	/*right:1%;
	top:4.8%;*/
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.morenews_bt:hover{border: 2px solid #ffc000;}
.morenews_bt::before{
	position:absolute;
	width:0;
	height:100%;
	content:"";
	display: block;
	background-color:#ffc000;
	top:0;
	left:auto;
	right:0;
	/**/
	transition: all .38s;
	-moz-transition: all .38s;
	-webkit-transition: all .38s;
	-o-transition: all .38s;
	}
.morenews_bt:hover::before{
	width:100%;
	right:auto;
	left:0;
	}
.morenews_bt > div{
	position:absolute;
	width:100%;
	display:block;
	text-align:center;
	top: 50%;
	left:0;
	transform:translateY(-50%);
	font-size:20px;/*15px*/
	color:#FFF;
	/**/
	transition: all .38s;
	-moz-transition: all .38s;
	-webkit-transition: all .38s;
	-o-transition: all .38s;
	}
.morenews_bt:hover > div{color:#0e0e0d;}
	
/*Partners*/
#partnersbx{
	position:relative;
	width:100%;
	}
#partnersbx::before,#partnersbx::after{
	position: relative;
	width:100%;
	content:"";
	display:block;
	}
#partnersbx::before{padding-bottom:2vw;/*70 3.5*/}
#partnersbx::after{/*padding-bottom:2.5vw;50*/}		
#partnersbx .txt3bx{ opacity:.2;}/*.15*/
/**/
#partnersbx .plogobx{
	position:relative;
	text-align:center;
	padding:70px 0 50px;/*90*/
	}
#partnersbx .plogobx li{
	position:relative;
	width:16.5%;/*255*/
	padding-bottom:6.47%;/*100*/
	margin:18px -2px;/*15*/
	display:inline-block;
	overflow:hidden;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
#partnersbx .plogobx li::before{
	position:absolute;
	width:100%;
	height:100%;
	content:"";
	display:block;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	left:0;
	top:100%;
	/**/
	transition: all .6s ease;
	-moz-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-o-transition: all .6s ease;
	}
#partnersbx .plogobx li.on::before{top:0;}
	
	
#partnersbx .plogobx li:nth-child(1)::before{background-image:url(../images/p_logo_1.png);}
#partnersbx .plogobx li:nth-child(2)::before{background-image:url(../images/p_logo_2.png);}
#partnersbx .plogobx li:nth-child(3)::before{background-image:url(../images/p_logo_3.png);}
#partnersbx .plogobx li:nth-child(4)::before{background-image:url(../images/p_logo_4.png);}
#partnersbx .plogobx li:nth-child(5)::before{background-image:url(../images/p_logo_5.png);}	
#partnersbx .plogobx li:nth-child(6)::before{background-image:url(../images/p_logo_6.png);}
#partnersbx .plogobx li:nth-child(7)::before{background-image:url(../images/p_logo_7.png);}
#partnersbx .plogobx li:nth-child(8)::before{background-image:url(../images/p_logo_8.png);}
#partnersbx .plogobx li:nth-child(9)::before{background-image:url(../images/p_logo_9.png);}
#partnersbx .plogobx li:nth-child(10)::before{background-image:url(../images/p_logo_10.png);}	
#partnersbx .plogobx li:nth-child(11)::before{background-image:url(../images/p_logo_11.png);}
#partnersbx .plogobx li:nth-child(12)::before{background-image:url(../images/p_logo_12.png);}	
/**/
.goto{
	position:fixed;
	width:50px;/*25*/
	height:50px;
	/*padding-bottom:50px;94*/
	display:block;
	pointer-events: none;
	border-radius:50%;
	border: 2px solid rgba(255, 255, 255, 1);/*255, 192, 0*/
	/*background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../images/goto1.png),url(../images/goto2.gif),url(../images/goto3.png);
	background-size:100% auto;*/
	left:50%;
	transform:translateX(-50%);
	bottom:8.8%;
	z-index:2;
	opacity:1;
	/**/
	transition: all .6s ease;
	-moz-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-o-transition: all .6s ease;
	}
.goto::before{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	content:"";
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../images/goto.png);
	background-size:100% auto;
	top:2px;
	left:0;
	/**/
	-moz-animation:tup .7s linear infinite;
	-webkit-animation:tup .7s linear infinite;
	-o-animation:tup .7s linear infinite;
	-ms-animation:tup .7s linear infinite;
	animation:tup .7s linear infinite;
	 }
		
.goto.on{opacity:0;/*bottom:10%;*/}
	

@media only screen and (max-width:1540px){
/**/
.r_vd{
	width:22.4%;/*345*/
	height:14.28vw;/*220*/
	border-radius:0.519vw;/*8*/
	}
.headbx{/*padding-bottom:57.142%;*//*880 47*/}
/*.headbx video,.headbx img{
	width:129.87%;
	}*/
	
/*Technology & Research*/
.txtbx1{
	width:33%;/*660*/
	left:calc(6.5% + 82px);/*218 11.9%*/
	top:8.63%;/*82*/
	/**/
	font-size: 4.2vw;/*65 3.25vw*/
	line-height:4.54vw;/*70 5vw */
	}
.txtbx1 span{
	font-size:1.623vw;/*25 30 1.5*/
	line-height:3.24vw;/*50*/
	padding:.5rem 0;
	}	
	
	
.tr_cbg > ul li .nac{
	font-size:1.1vw;/*18 1.428 1.168*/
	line-height:1.623vw;/*25*/
	}
.tr_cbg > ul li p::before{
	width:1.23vw;/*19*/
	padding-bottom:1.23vw;
	}

.tr_cbg > ul li p::after{
	width:6.49vw;/*100*/
	padding-bottom:1.23vw;/*19*/
	}
.tr_cbg > ul li .nab{
	/**/
	font-size:1.428vw;/*22 26 1.68*/
	line-height:2.57vw;/*35 2.27*/
	}
.tr_cbg > ul li.on{width:25%;/*300*/}
	
/**/

	
/*News*/
.txt3bx{
	font-size:10.25vw;/*80 8.3*/
	line-height:12.8vw;/*100*/
	padding-bottom:2.5%;
	}
#newsbx::before{padding-bottom:3.97vw;/*70 8.97*/}
#newsbx::after{/*padding-bottom:6.41vw;50*/}	
.hcon{width:88%;}
.newbx2 > li .ntbx{
	font-size:20px;/*22*/
	}
.newbx2 > li .ntbx .time{
	font-size:13px;
	line-height:30px;
	}
.newbx2 > li .ntbx span.oe{
	font-size:18px;
	}
	
.morenews_bt{/*top:6.3vw;103 10.8%*/}	
/*Partners*/
#partnersbx::before{padding-bottom:3.97vw;/*70 8.97*/}
#partnersbx::after{/*padding-bottom:6.41vw;50*/}	
/**/
#partnersbx .plogobx{
	padding:4.54vw 0 3.24vw;/*90*/
	}
#partnersbx .plogobx li{
	margin:1.168vw -2px;/*15*/
	}
			
}
@media only screen and (max-width:1400px){
/**/
}
@media only screen and (max-width:1200px){
/**/

}
@media only screen and (max-width:1000px){	
/**/
.r_vd{
	width:34.5%;/*345*/
	height:22vw;/*220*/
	border-radius:0.8vw;/*8*/
	}
}
@media only screen and (max-width:800px){
/**/

}	
@media only screen and (max-width:780px){
/**/
#txt1{top:0%;}
/**/
.r_vd{
	width:44.2%;/*345*/
	height:28.2vw;/*220*/
	border-radius:1.02vw;/*8*/
	}
/**/
.headbx{padding-bottom:170%;}
.headbx video,.headbx img{
	width:auto;
	height:105%;
	left:-13%;/*30%*/
	transform: translate(-50%,-50%);
	}
.headbx .txtbx{
	width:90%;
	left:5%;
	top:73%;/*79*/
	}
.headbx .txtbx .t1{
	/*width:auto;*/
	font-size:10.5vw;/*90 11.5*/
	line-height:11vw;/*90 11.5 10.8*/
	margin:0 0 3.3vw;/*26*/
	}
.headbx .txtbx .t1a{
	position:relative;
	width:98%;
	font-size:4vw;/*22 4.2*/
	line-height:6vw;/*30 4.2 4.8 6.5*/
	padding:0 0 3.3vw .6vw;/*20 5*/
	left:3.8%;
	bottom:0;
	}	
.headbx .txtbx .aibt{
	width:53%;/*230 40*/
	padding-bottom:12.17%;/*70*/
	border-radius:1.025vw;/*8*/
	margin:0 0 0 .6vw;/*5*/
	border: 2px solid rgba(178, 178, 178, .5);
	}	
.headbx .txtbx .aibt:hover{border: 2px solid #ffc000;color:#0e0e0d;}
.headbx .txtbx .aibt span.tx{
	font-size:4.3vw;/*30 3.84*/
	}
	
	
/* 跑馬燈  */
.marqueebx{height:50px;}
.marqueebx .mabx > li{
	font-size:1.5rem;/*20*/
	margin:0 15px;
	}	
/*Technology & Research*/
#technologybx{
	height:auto;
	}
.tr_cbg{
	height:auto;/*950*/
	min-height:230.7vw;
	background-image:url(../images/technology_m.jpg);
	}
.tr_cbg::before{padding-bottom:42%;/*background-color:#0F0;*/}
.tr_cbg::after{padding-bottom:95%;/*background-color:#F06;*/}
.txtbx1{
	width:88%;/*660*/
	left:6%;/*218*/
	top:9.63%;/*82 10.63*/
	/**/
	font-size:10.25vw;/*80*/
	line-height:10.25vw;/*80 */
	}
.txtbx1 span{
	font-size:4.87vw;/*38*/
	line-height:7.6vw;/*60*/
	padding:.5rem 0;
	}
.txtbx1 span::before{height:42%;}
	
.tr_cbg > ul{
	position:relative;
	width:88%;
	height:auto;
	margin:0 auto;
	padding:6% 0 0;
	}
.tr_cbg > ul li{
	position:relative;
	width:100%;
	display:block;
	padding:2.56vw 0;/*2 2.560*/
	border-bottom: 1px solid #989793;/*2e2e2e*/	
	}
.tr_cbg > ul li p{
	position:absolute;
	width:100%;
	right:.6%;
	top:4.9vw;
	}

.tr_cbg > ul li p::before{
	width:5.5vw;/*30*/
	padding-bottom:5.5vw;
	}
.tr_cbg > ul li:hover p::before{transform: rotate(0deg);}
.tr_cbg > ul li p::after{display:none;}
.tr_cbg > ul li::before{display:none;}
.tr_cbg > ul li.on{width:100%;}
.tr_cbg > ul li.on::before{
	height:auto;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	}
.tr_cbg > ul li.on .cl{}

.tr_cbg > ul li .nac{
	/*display:block;*/
	padding:2.5vw 0;
	/**/
	font-size:4.5vw;/*35 4.48 4.8*/
	line-height:6vw;/*38 4.87*/
	}
.tr_cbg > ul li .nac.rc{text-align:left;}

.tr_cbg > ul li .nab{
	position: relative;
	width: 100%;
	top: 0;
	transform: translateY(0);
	/**/
	font-size:5.76vw;/*45*/
	line-height:10.25vw;/*80*/
	font-weight:bold;
	}
.tr_cbg > ul li p.fc::before {float:right;}
.tr_cbg > ul li .nab.rc{right:0;text-align:left;}
.tr_cbg > ul li .nab.fc{left:0;text-align:left;}
.tr_cbg > ul li:nth-child(1){top:0;right:0;}	
.tr_cbg > ul li:nth-child(2){top:0;right:0;}		
.tr_cbg > ul li:nth-child(3){top:0;right:0;}
.tr_cbg > ul li:nth-child(4){top:0;left:0;}	
.tr_cbg > ul li:nth-child(5){top:0;left:0;}	
	
/*Showcase*/	
#showcasebx{display:block;/*height:300vw;*/}
#showcasebx .showbx{
	height:auto;
	width:100%;
	padding-bottom:100%;
	}
#showcasebx .showbx img{
	width:100%;
	height:auto;
	top:0%;transform:
	translate(-50%,-6%);}
#showcasebx .showbx:hover img{transform:translate(-50%,-6%)scale(1.1);}
#showcasebx .showbx .txt2bx{
	left: 6%;/*90*/
	top: 65%;/*600*/
	}
#showcasebx .showbx .txt2bx > span:nth-child(1){
	font-size:3.2vw;/*25*/
	line-height:6.41vw;/*50*/
	}
#showcasebx .showbx .txt2bx > span:nth-child(2){
	font-size:7.692vw;/*60*/
	line-height:7.692vw;
	border-radius:1.025vw;
	}
#showcasebx .showbx .txt2bx > span:nth-child(2) > span{
	font-size:5.7vw;/*45*/
	}
/*News*/
#newsbx::before{padding-bottom:12vw;/*70*/}
#newsbx::after{padding-bottom:7vw;/*50*/}	
.morenews_bt {top: 5vw;}
.newbx2 > li .ntbx{
	font-size:18px;/*22*/
	}
.newbx2 > li .ntbx span.oe{
	font-size:16px;
	}
/**/
#partnersbx .plogobx li{
	width:25%;/*255*/
	padding-bottom:9.8%;/*100*/
	margin:2.56vw -2px;/*20*/
	}
/**/
.goto{display:none;}
}
@media only screen and (max-width:685px){ 
/**/

}
@media only screen and (max-width:580px){
/**/	
}
@media only screen and (max-width:560px){
/**/

}
@media only screen and (max-width:470px){
/**/
.rbx{
	width:38px;
	height:109px;
	border-radius:6px 0 0 6px;
	}	
.rbx:hover{width:45px;}	
.rbx{
	width:49px;
	height:40px;
	border-radius:6px 0 0 6px;
	}
.rbx:hover{
	width:133px;/*55*/
	}
/**/
.r_vd{
	width:73.4%;/*345 73.4 300 63.82*/
	height:46.8vw;/*220 46.8 191 40.63*/
	border-radius:2vw;/*8*/
	}
/* 跑馬燈  */
.marqueebx{height:45px;}
.marqueebx .mabx > li{
	font-size:1.35rem;/*20*/
	margin:0 13px;
	}
/*News*/
.newbx2 > li .ph{
	width:100%;
	padding-bottom:100%;/*70*/
	}
.newbx2 > li .ph img{
	/*top:15%;
	transform:translate(-50%,-15%);*/
	}
.newbx2 > li:hover .ph img{/*transform:translate(-50%,-15%)scale(1.1);*/}
	
.newbx2 > li .ntbx{
	position: relative;
	width: 95%;
	top: 0;
	right: 0;
	transform: translateY(0%);
	margin: 0 auto;
	padding: 2.127vw 0 0;/*10*/
	/**/
	font-size: 18px;
	}
.newbx2 > li .ntbx .time{
	font-size:15px;
	line-height:30px;
	}
/**/
.morenews_bt{
	position:relative;
	margin:8vw auto 0;
	right:auto;
	top:auto;
	}
	
/*partners*/
#partnersbx .plogobx{
	padding:7vw 0 2vw;
	}
#partnersbx .plogobx li{
	width:33%;/*255*/
	padding-bottom:12.94%;/*100*/
	margin:2.56vw -2px;/*20*/
	}
}

@media only screen and (max-width:380px){
/**/

}
@media only screen and (max-width:360px){
/**/

}
@media only screen and (max-width:340px){
/**/

}



/*動畫*/
@keyframes marquee {
  from {
    transform: translateX(50%);
  }
  to {
    transform: translateX(0%);
  }
}
@keyframes marquee1 {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes marquee2 {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-200%);
  }
}

@keyframes tup{
    0% {/*top:0%;*/ margin-top:0;}
	50%{/*top:-6%;*/margin-top:-10%;}
    100%{/*top:0%;*/margin-top:0;}
	}