@charset "utf-8";
/* CSS Document */
.titbx{
	position:relative;
	font-size:100px;
	line-height:150px;
	color:#FFF;
	/*text-transform:uppercase;*/
	font-weight:bold;
	padding:150px 0 3.8%;
	margin:0 auto;
	overflow:hidden;/**/
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.btit{overflow:hidden;}
.btit::before{
	position: absolute;
	display: block;
	content:'';/*attr(data-index)*/
	top: 40%;
	left: -3.5%;
	transform: translateY(-50%);
	font-size:650px;
	font-weight:900;
	color:#FFF;
	opacity:.065;/*.035*/
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
	
.titbx span,.titbx3 span{
	position:relative;
	display:inline-block;
	z-index:1;
	}
.titbx .cns2{
	position:relative;
	display:inline;
	font-size:48px;
	color:#FFF;
	font-weight:500;
	top:-5px;	
	}
.smubx{
	position: relative;
	width:100%;
	display:block;
	text-align:center;
	top:-50px;
	}
.smubx > li{
	position: relative;
	display: inline-block;
	padding: 8px 0;
	margin:0 10px;
	font-size: 18px;
	line-height:30px;
	color: #FFF;
	font-weight: 400;
	opacity:.5;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.smubx > li a:link{color:#FFF;}
.smubx > li a:visited{color:#FFF;}
.smubx > li a:hover{color:#FFF;}
.smubx > li a:active{color:#FFF;}

.smubx > li:hover{opacity:1;}
.smubx > li.on{font-weight:bold;opacity:1;}
.smubx > li.on::before{
	 position:absolute;
	 width:100%;
	 height:1px;
	 content:"";
	 display:block;
	 background-color:#FFF;
	 bottom:3%;
	 left:50%
 	 transform:translateX(-50%);
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	 }
	
.titbx p,.titbx3 p{
	position:absolute;
	width:80%;
	height:7%;
	display:block;
	background-color:#FFF;
	left:1.3%;
	bottom:12%;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.titbx3 p{
	width:80%;
	height:5%;
	bottom:16%;
	}
.titbx3	.cns{
	position: absolute;
	display: inline-block;
	font-size:38px;
	color:#FFF;
	font-weight:500;
	bottom:30%;
	left:.3%;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
	
.titbx2{
	position:relative;
	width:100%;
	color:#FFF;
	/*text-transform:uppercase;
	font-weight:bold;*/
	padding:150px 0 3.8%;
	margin:0 auto;
	overflow:hidden;/**/
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.titbx2 .oe{/*opacity:.65;*/
	display:block;
	line-height:25px;
	margin: .5rem auto;
	}
.titbx3{
	position:relative;
	font-size:78px;
	line-height:150px;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	padding:200px 0 3.8%;
	margin:0 auto;
	overflow:hidden;/**/
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
	
	
.incon{
	position: relative;
	width: 1540px;
	margin: 0 auto;
	/**/
	font-size: 20px;/*22*/
	line-height: 35px;
	color: #ccc;
	}
.abk{margin-top:-2.2rem;}
.abk2{margin:0 auto 2rem;}
.abp{
	filter:brightness(1.8)grayscale(100%);
	-webkit-filter:brightness(1.8)grayscale(100%);
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.abp:hover{
	filter:brightness(1.2)grayscale(0%);
	-webkit-filter:brightness(1.2)grayscale(0%);
	}
.h1{
	position:relative;
	font-size:35px;
	line-height:60px;
	font-weight:bold;
	color: #FFF;
	display:block;
	}
.h1a{
	position:relative;
	font-size:26px;/*30px*/
	line-height:40px;
	font-weight:500;/*bold*/
	color:#FFF;
	padding:10px 0;
	/**/
    display: flex;
    justify-content:center;/*flex-start*/
    align-items:center;/*center*/
	}
.h1b{
	position:relative;
	font-size:33px;
	line-height:50px;
	font-weight:500;
	color:#FFF;
	display:block;
	}
.h2{
	position:relative;
	font-size:60px;
	line-height:110px;
	font-weight:bold;
	color: #FFF;
	margin:40px 0 0;
	}
.h2::before{
	position:absolute;
	content: attr(data-index);
	display:block;
	font-size:30px;
	line-height:40px;
	font-weight:500;
	left:0;
	bottom:92%;
	}
.tag{
	position:relative;
	display:block;
	padding:.8rem .2rem;
	opacity:.5;
	}
	
.w5_bx{
	position:relative;
	width:50%;
	}
.w4_bx{
	position:absolute;
	width:46.5%;
	height:100%;
	overflow:hidden;
	bottom:0;
	right:0;
	z-index:1;
	}
.bk_r p,.bk_l p{
	position:absolute;
	width:110%;
	height:110%;
	top:-5%;
	background-color:#0e0e0d;
	}
.bk_r p	{right:101%;}
.bk_l p{left:101%;}
section{overflow:hidden;}
section img{
	position:absolute;
	height:100%;
	display:block;
	transform:scale(1.2);/*1.3*/
	}
.b_left{float:left;}
.b_right{float:right;}
.w5_bx2{
	position:relative;
	width:50%;
	min-height:600px;
	}
.w5_bx3{
	position:relative;
	width:50%;
	min-height:600px;
	/**/
    display: flex;
    justify-content:center;/*flex-start*/
    align-items: center;
	}
.w5_bx3 > div{
	position:relative;
	width:80%;
	text-align:left;
	}
.vd_bx{
	position:relative;
	width:100%;
	min-height:650px;
	display:block;
	margin:60px auto 25px;
	overflow:hidden;
	}
.vd_bx p{
	position:absolute;
	width:110%;
	height:110%;
	top:101%;
	left:-5%;
	background-color:#0e0e0d;
	}
.vd_bx video{
	position:absolute;
	width:100%;
	height:auto;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	}
/**/
.vd_bx2{
	position:relative;
	width:100%;
	padding-bottom:56%;/*56.23*/
	/*min-height:866px;*/
	display:block;
	margin:60px auto 50px;
	overflow:hidden;
	}
.vd_bx3{
	position:relative;
	width:100%;
	padding-bottom:46%;/*56.23*/
	display:block;
	margin:60px auto 50px;
	overflow:hidden;
	}
.vd_bx2 p,.vd_bx3 p{
	position:absolute;
	width:110%;
	height:110%;
	top:-5%;
	left: 101%;
	background-color:#0e0e0d;
	}
.vd_bx2 video,.vd_bx2 iframe,.vd_bx3 video,
.vd_bx3 iframe{
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}

	
.w10_bx{
	position:relative;
	width:100%;
	padding-bottom:45.2%;/*42.2*/
	/*min-height:650px;*/
	display:block;
	margin:45px auto 25px;
	overflow:hidden;
	}	
.w10ad_bx{
	position:relative;
	width:100%;
	min-height:650px;
	display:block;
	margin:20px auto 25px;
	overflow:hidden;
	}	
/**/
.w3bx{
	position:relative;
	margin:0 auto;
	padding:30px 0;
	text-align:center;
	}
.w3bx > li{
	position:relative;
	width:49%;
	padding-bottom:30%;
	display:inline-block;
	margin:1.5rem 0;
	overflow:hidden;
	}
.w3bx > li:nth-child(6),.w3bx > li:nth-child(4){/**/
	margin:1.5rem 0 1.5rem 1.5%;
	}
.w3bx > li:nth-child(1),.w3bx > li:nth-child(2){
	width:99.5%;
	padding-bottom:65%;
	}
.w3bx > li p,.w6bx > li p,.w7bx > li p{
	position:absolute;
	width:110%;
	height:110%;
	top:-5%;
	left: 101%;
	background-color:#0e0e0d;
	}	
/**/
.w3abx{
	position:relative;
	margin:0 auto;
	padding:30px 0;
	text-align:center;
	}
.w3abx > li{
	position:relative;
	width:32%;
	display:inline-block;
	margin:1.5rem 0;
	overflow:hidden;
	}
.w3abx > li:nth-child(2){
	margin:1.5rem 1.5%;
	}
.w3abx > li > div{
	position:relative;
	width:100%;
	overflow:hidden;
	}
.w3abx > li > .w3c{
	padding:2rem .5rem;
	text-align:left;
	min-height:400px;
	}
	
.w3abx > li > div section{
	width:100%;
	padding-bottom:100%;
	}
.w3abx > li > div p{
	position:absolute;
	width:110%;
	height:110%;
	top:-5%;
	left: 101%;
	background-color:#0e0e0d;
	}
	
	
/**/
.w6bx{
	position:relative;
	margin:0 auto;
	padding:30px 0;
	text-align:center;
	}
.w6bx > li{
	position:relative;
	width:49%;
	padding-bottom:30%;
	display:inline-block;
	margin:1.5rem 0;
	overflow:hidden;
	}	
.w6bx > li:nth-child(4){
	margin:1.5rem 0 1.5rem 1.5%;
	}
.w6bx > li:nth-child(1),.w6bx > li:nth-child(2){
	width:99.5%;/*99.5*/
	padding-bottom:65%;
	}	
/**/	
.w7bx{
	position:relative;
	margin:0 auto;
	/*padding:30px 0;*/
	text-align:center;
	}
.w7bx > li{
	position:relative;
	width:100%;
	padding-bottom:60%;
	display:inline-block;
	margin:2.5rem auto;
	overflow:hidden;
	}
		
/*.w6bx > li:nth-child(3){
	margin:1.5rem 3% 1.5rem 0;
	}	*/
/**/	
.t_c{
	position:relative;
	text-align:center;
	margin:0 auto;
	}
.t_ca{
	position:relative;
	text-align:center;
	margin:0 auto;
	}	
.t_c.om{padding:10px 0 60px;}	
.t_c2{
	position:relative;
	text-align:center;
	margin:0 auto;
	}
.t_c2 span{display:inline-block;}
.t_c3{
	position:relative;
	text-align:center;
	margin:100px auto 60px;/*60px auto 25px*/
	/**/
    display: flex;
    justify-content:center;/*flex-start*/
    align-items:flex-start;/*center*/
	}
.t_c3 li{
	position:relative;
	width:calc(100%/3);
	text-align:center;
	}
.t_c3 li::before{
	position: relative;
	width: 60%;/*120*/
	padding-bottom:60%;
	display: block;
	content: "";
	margin:20px auto 20px;
	/*border: 1px solid rgba(122,122,122,.3);#666*/
	border-radius:50%;/*60px*/
	/**/
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
	 }
.t_c3 li:nth-child(1)::before{background-image:url(../images/k1.png);}
.t_c3 li:nth-child(2)::before{background-image:url(../images/k2.png);}	
.t_c3 li:nth-child(3)::before{background-image:url(../images/k3.png);} 
	 
.t_c3 li .t_c2{
	/*min-height:210px;*/
	/**/
    display: flex;
    justify-content:center;/*flex-start*/
    align-items: center;
	}
.t_c5{
	position:relative;
	text-align:right;
	margin:0 auto 25px;
	padding:0 2%;
	}
.t_c6{
	position:relative;
	width:95%;
	margin:0 auto 25px;
	padding:1rem 0 1rem;
	}
.s1{
	position:relative;
	margin:30px auto 50px;
	display:block;
	border-bottom: 1px solid #292929;
	}
.s2{
	position:relative;
	margin:60px auto 20px;
	display:block;
	border-bottom: 1px solid #3a3a3a;
	}
.prev,.next{
	position:relative;
	display:inline-block;
	font-size:16px;/*16*/
	line-height:25px;/*35*/
	}
a.prev,a.next{color:#FFF;}
.prev::before,.next::after{
    position: relative;
    width:28px;
    padding-bottom:21px;
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-image: url(../images/back.png);
    background-size: 100% auto;
    overflow: hidden;
	}
.prev{float:left;}
.prev::before{margin-right:8px;}
.next{float:right;}
.next::after{
    margin-left:8px;
	/**/
	-moz-transform:scaleX(-1);
	-webkit-transform:scaleX(-1);
	-o-transform:scaleX(-1);
	transform:scaleX(-1);
	}	
		
/**/
.w10ad_bx .swiper-slide{
      width:100%;
	  padding-bottom:43.3%;
	  overflow:hidden
	}
.w10ad_bx .swiper-slide section{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	}	
	
.w10ad_bx .swiper-slide img{
	position:absolute;
	width:auto;
	height:101%;
	display:block;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	}
.w10ad_bx .w10cbx{
	position:absolute;
	width:100%;
	text-align:right;
	bottom:5%;/*10*/
	right:2%;
	}	
.partner_logo{
	position:relative;
	width:27.8%;/*434*/
	padding-bottom:3.01%;/*47*/
	display:inline-block;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 100% auto;
	}
.p_lg{ background-image: url(../images/partner_logo1.png);}
.p_2g{ background-image: url(../images/partner_logo2.png);}
	
.w10ad_bx p{ z-index:2;}
.w10ad_bx .swiper-pagination-bullet {
	width: 5%;/*18*/
	height:2px;
	background: #FFF;
	opacity: .35;
	border-radius: 0;
	/**/
	font-size:1rem;
	font-weight:900;
	}
.w10ad_bx .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0;}
.w10ad_bx .swiper-pagination-bullet-active{opacity:1;background:#ffc000;}
.w10ad_bx .swiper-pagination-bullet span{position:relative;opacity:0; top:-2px;}
.w10ad_bx .swiper-pagination-bullet-active span{opacity:1; color:#ffc000;}
.w10ad_bx .swiper-container-horizontal > .swiper-pagination-bullets {
  	bottom:-5px;
  	left: 5%;
  	width: 90%;
	}
/**/
.rbx{
	position:relative;
	width:40%;/*463 30*/
	margin:0 auto;
	padding:3% 0;
	}
.rbx > ul{
	position:relative;
	width:100%;/*463*/
	padding-bottom:95.46%;/*442*/
	margin:0 auto;
	}
.rbx > ul li{
	position:absolute;
	/*width:48.164%;223
	padding-bottom:48.164%;*/
	border-radius: 60%;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	}
.rbx > ul li:nth-child(1){
	width:48.164%;/*223*/
	padding-bottom:48.164%;
	background-color:rgba(11,87,178,.50);
	background-image:url(../images/vr1.png);
	top:0;
	left:25.918%;
	}
.rbx > ul li:nth-child(2){
	width:48.164%;/*223*/
	padding-bottom:48.164%;
	background-color:rgba(6,143,204,.55);
	background-image:url(../images/vr2.png);
	bottom:0;
	left:0;
	}
.rbx > ul li:nth-child(3){
	width:48.164%;/*223*/
	padding-bottom:48.164%;
	background-color:rgba(10,56,86,.55);
	background-image:url(../images/vr3.png);
	bottom:0;
	right:0;
	}
.rbx > ul li:nth-child(4){
	width:44.924%;/*208*/
	padding-bottom:44.924%;
	background-color:rgba(3,22,45,.75);/*6,36,79*/
	background-image:url(../images/vr4.png);
	top:31.538%;/*54.5*/
	left:27.538%;
	/*transform:translate(-50%,-50%);*/
	}	
		
/* NEWS */
.newbx2{position:relative; z-index:1;}
.newbx2 > li{
	position:relative;
	padding:15px 0;/*15*/
	display:block;
	border-bottom: 1px solid #292929;	/*353535*/
	}
.newbx2 > li .ph{
	position:relative;
	width:250px;/*150*/
	padding-bottom:250px;
	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% - 250px);
	display: block;
	top: 50%;
	right: 2%;
	transform: translateY(-50%);
	/**/
	text-align:left;
	color: #FFF;
	font-size:30px;/*25 30px*/
	}
.newbx2 > li .ntbx:hover{color:#ffc000;}
.newbx2 > li .ntbx span{
	position:relative;
	font-weight:bold;
	display:inline-block;
	}		
.newbx2 > li .ntbx .time{
	position:relative;
	display:block;
	font-size:20px;/*16*/
	line-height:45px;/*35*/
	color: #FFF;
	}
.newbx2 > li .ntbx span.oe{
	font-weight: normal;
	display: block;
	padding:.3rem 0 .25rem;
	font-size:20px;
	opacity:.65;
	}
.newbx2 > li:hover img{filter: brightness(0.5);}
/**/
.titbx2 .time{
	position:relative;
	display:block;
	font-size:18px;/*16*/
	line-height:45px;/*35*/
	margin-top:2rem;
	}
	
.morenews_bt{
	position:relative;
	width: 200px;/*100*/
	padding-bottom:60px;/*30*/
	display: block;
	margin:60px auto 0;
	border: 1px solid #929292;
	overflow:hidden;
	border-radius: 50px;
	z-index:1;
	}
.morenews_bt:hover{border: 1px 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:25px;/*15*/
	color:#FFF;
	/**/
	transition: all .38s;
	-moz-transition: all .38s;
	-webkit-transition: all .38s;
	-o-transition: all .38s;
	}
.avabx{
	position:fixed;
	width:250px;
	padding-bottom:250px;
	display:block;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	background-image:url(../images/ava.png);
	right:.5%;
	bottom:2%;
	z-index:1;
	pointer-events: none;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}	

@media only screen and (max-width:1560px){
/**/
.titbx{
	font-size:7.74vw;/*150 9.74*/
	line-height:12.98vw;/*200*/
	padding:150px 0 5%;
	}
.titbx .cns2{font-size:3vw;/*48*/top:-.32vw;/*-5*/}
.titbx2{padding:135px 0 5%;}
.titbx3{
	font-size:5.68vw;/*88.6*/
	line-height:12.98vw;/*200*/
	padding:180px 0 5%;
	}
.titbx3	.cns{
	font-size:2.43vw;/*38*/
	bottom:30%;
	left:.3%;	
	}

.btit::before{font-size:41.6vw;/*650*/}
.incon{
	width:88%;
	/**/
	font-size:1.42vw;/*22*/
	line-height:2.27vw;/*35*/
	}

.h1{
	font-size:2.27vw;/*35*/
	line-height:3.89vw;/*60*/
	}
.h1a{
	font-size:1.66vw;/*30 26 1.923*/
	line-height:2.564vw;/*40*/
	padding:.641vw 0;/*10*/
	}
.h1b{font-size:2.1vw;/*33*/
	line-height:3.2vw;/*50*/
	}	
.h2{
	font-size:3.846vw;/*60*/
	line-height:7.051vw;/*110*/
	margin:2.56vw 0 0;/*40*/
	}
.h2::before{
	font-size:1.92vw;/*30*/
	line-height:2.56vw;/*40*/
	}
	
	
	
.w5_bx2{min-height:38.461vw;/*600*/}
.w5_bx3{min-height:38.461vw;/*600*/}
.vd_bx{
	min-height:41.6vw;/*650*/
	margin:3.84vw auto 1.6vw;/*60 25*/
	}
.w10_bx{
	/*min-height:41.6vw;650*/
	margin:5.41vw auto 1.6vw;/*100 25 6.41*/
	}
.w10ad_bx{
	min-height:41.6vw;/*650*/
	margin:3.84vw auto 1.6vw;/*60 25*/
	}
/**/
.w3bx{padding:1.92vw 0;}/*30*/
.w3bx > li{
	/*width:32%;
	padding-bottom:20%;*/
	margin:1.153vw 0;/*18*/
	}
.w3bx > li:nth-child(6),.w3bx > li:nth-child(4){
	margin:1.153vw 0 1.153vw 1.3%;
	}
/**/
.w3abx{padding:1.92vw 0;}/*30*/
.w3abx > li{margin:1.153vw 0;/*18*/}
.w3abx > li:nth-child(2){
	margin:1.153vw 1.3%;
	}
.w3abx > li > .w3c{
	padding:1.53vw .384vw;/*24 6*/
	min-height:450px;
	}
	
/**/
.w6bx{padding:1.92vw 0;}/*30*/
.w6bx > li{
	/*width:22%;
	padding-bottom:22%;*/
	margin:1.153vw 0;/*18*/
	}	
.w6bx > li:nth-child(4){
	margin:1.153vw 0 1.153vw 1.3%;
	}
/*.w6bx > li:nth-child(3){
	margin:1.153vw 3% 1.5rem 0;
	}*/
	
/**/

	
.t_c.om{padding:.65vw 0 3.89vw;}/*10 60*/	
.t_c3{margin:6.41vw auto 3.2vw;/*100 50*/}	
.t_c3 li .t_c2{/*min-height:13.62vw;*/}

.w10ad_bx .swiper-slide{
	  padding-bottom:47.348%;/*650*/
	}
/**/
.rbx{width:50%;/*463 30*/}
	
/* NEWS */	
.newbx2 > li .ntbx{
	font-size:20px;
	}
.newbx2 > li .ntbx span.oe{
	font-size:18px;
	}
.newbx2 > li .ntbx .time{
	font-size:13px;
	line-height:30px;
	}
.titbx2 .time{
	font-size:16px;
	line-height:45px;/*35*/
	}	
/**/
.avabx{
	width:200px;
	padding-bottom:200px;
	}	
}
@media only screen and (max-width:1400px){
/**/
}
@media only screen and (max-width:1200px){
/**/

}
@media only screen and (max-width:1000px){	
/**/
.titbx{font-size:9.74vw;/*150 9.74*/}
.titbx .cns2{font-size:4.5vw;/*48*/top:-.5vw;/*-5*/}
.btit::before{font-size:60vw;/*650*/}
.smubx{top:-30px;}
	
.titbx3{font-size:6.5vw;/*65.4*/}
.titbx3	.cns{
	font-size:3.3vw;/*38*/
	bottom:29%;
	left:.8%;	
	}
.incon{
	/**/
	font-size:1.8vw;/*22 2.2 20 */
	line-height:3.5vw;/*35*/
	}
.h1{
	font-size:3.5vw;/*35*/
	line-height:6vw;/*60*/
	}
.h1a{
	font-size:2.6vw;/*26*/
	line-height:4vw;/*40*/
	/*min-height:12vw;*/
	padding:1vw 0;/*10*/
	}
.h1b{
	font-size:3.5vw;/*35*/
	line-height:5vw;/*50*/
	}
	
.t_c3 li .t_c2{/*min-height:28vw;*/}
/**/
.w3abx > li > .w3c{min-height:46.5vw;}
	
}
@media only screen and (max-width:800px){
/**/

}	
@media only screen and (max-width:780px){
/**/
.titbx{
	font-size:14vw;/*110*/
	line-height:25.64vw;/*200*/
	padding:130px 0 7.5%;
	}
.titbx .cns2{font-size:6.15vw;/*48*/top:-.64vw;/*-5*/}
.smubx{top:-.5vw; margin:0 auto 8vw;}
.smubx > li{
	padding: 1vw 0;/*8*/
	margin:0 10px;/**/
	font-size: 16px;
	line-height:28px;
	}

.titbx2{padding:130px 0 7.5%;}
.titbx3{
	font-size:10vw;/*78*/
	line-height:25.64vw;/*200*/
	padding:130px 0 7.5%;
	}
.titbx3	.cns{
	font-size:4.5vw;/*38*/
	bottom:29%;
	left:.8%;	
	}
.btit{ overflow:visible;}
.btit::before{font-size:83vw;/*650*/left:-5.5%;top:46%;}	
.incon{
	/**/
	font-size:2.8vw;/*22*/
	line-height:4.48vw;/*35*/
	}
.h1{
	font-size:4.48vw;/*35*/
	line-height:5.69vw;/*60 7.69*/
	padding:1vw 0;
	}
.h1a{
	font-size:3.5vw;/*30 3.846*/
	line-height:5.128vw;/*40*/
	padding:1.282vw 0;/*10*/
	}
.h1b{
	font-size:4.48vw;/*35*/
	line-height:5.8vw;/*50*/
	}
	
.h2{
	font-size:7.69vw;/*60*/
	line-height:14.1025vw;/*110*/
	margin:5.2vw 0 0;/*40*/
	}
.h2::before{
	font-size:3.84vw;/*30*/
	line-height:5.2vw;/*40*/
	}
	
.w5_bx2{
	width:100%;
	min-height:77vw;/*600*/}
.w5_bx3{
	width:100%;
	min-height:inherit;/*600*/}
.w5_bx3 > div{
	width:100%;
	padding:2.5vw 0 6.4vw;/*20 50*/
	}	
.b_left{float:none;}
.b_right{float:none;}

.w5_bx{width:100%;}
.w4_bx{
	position:relative;
	width:100%;
	height:70vw;
	bottom:0;
	margin:2vw auto 5vw;/*5vw auto 2vw*/
	}
.vd_bx{
	min-height:65vw;/*650*/
	margin:7vw auto 3.2vw;/*60 7.69 25*/
	}	
.w10_bx{
	/*min-height:65vw;650*/
	margin:7vw auto 3.2vw;/*60 7.69 25*/
	}
.w10ad_bx{
	min-height:65vw;/*650*/
	margin:6.41vw auto 3.2vw;/*25 3.2  50*/
	}
.partner_logo{
	width:55.6%;/*434*/
	padding-bottom:6.02%;/*47*/
	}
	
/**/
.w3bx{padding:0 0 0;}/*30 3.84 1vw*/
.w3bx > li{
	/*width:48%;32
	padding-bottom:30%;*/
	width:99.5%;
	padding-bottom:65%;
	margin:1vw auto;/*18*/
	}
.w3bx > li:nth-child(4),.w3bx > li:nth-child(6){/*.w3bx > li:nth-child(2),*/
	margin:1vw auto;/**/
	}
/*.w3bx > li:nth-child(5){margin:2.1vw 0;}*/
/**/
.w3abx{padding:1vw 0;}/*30 3.84*/
.w3abx > li{
	width:100%;
	margin:2.1vw 0;/*18*/
	}
.w3abx > li:nth-child(2){
	margin:2.1vw 0;
	}
.w3abx > li > .w3c{
	padding:3.07vw .769vw;/*24 6*/
	min-height:inherit;
	}
/**/
.w6bx{padding:0;}/*30 3.84 1vw*/
.w6bx > li{
	/*width:48%;
	padding-bottom:30%;*/
	width:99.5%;
	padding-bottom:65%;
	margin:1vw auto;/*18*/
	}	
.w6bx > li:nth-child(2){/*,.w6bx > li:nth-child(4),.w6bx > li:nth-child(6).w6bx > li:nth-child(8)*/
	margin:1vw auto;
	}
/*.w6bx > li:nth-child(3){
	margin:2.1vw 0;
	}*/
.w7bx > li{margin:1vw auto;}
	
/**/
.vd_bx video{
	width:auto;
	height:100%;
	}
.t_c.om{padding:3.84vw 0 6.4vw;}/*30 50  3.84*/	
.t_c3{margin:7vw auto 3.2vw;/*60 7.69 25*/}	
.t_c3 li .t_c2{/*min-height:40.32vw;*/}	
/**/
.t_c6{
	width:100%;
	margin:0 auto 3.2vw;/*25*/
	padding:1.53vw 0;/*12*/
	}
.s1{margin:3.84vw auto 6.41vw;}/*30 50*/
.s2{margin:7.69vw auto 2.56vw;}/*60 20*/
/**/
.prev,.next{
	font-size:14px;
	line-height:20px;
	color:#FFF;
	}
a.prev,a.next{color:#FFF;}
.prev::before,.next::after{
    width:24px;
    padding-bottom:16px;
	top:-1px;
	}
.prev::before{margin-right:5px;}
.next::after{margin-left:5px;}	
/**/
.w10ad_bx .swiper-slide{
	  padding-bottom:130%;/*507 73.9*/
	}
.w10ad_bx .swiper-pagination-bullet {
  width: 8%;
  height: 2px;}
 /**/
.rbx{width:85%;/*463*/}
/**/
.morenews_bt{
	width: 150px;/*100*/
	padding-bottom:45px;
	display: block;
	margin:8vw auto 0;
	}
.morenews_bt > div{font-size:20px;/*15*/}
/**/
.newbx2 > li .ntbx span.oe{
	font-size:16px;
	}
/**/
.vd_bx2 {
  position: relative;
  width: 100%;
  padding-bottom: 56%;
  min-height:inherit;
  margin:7.69vw auto 6.41vw;/*60px auto 50px*/
	}
.vd_bx3{
  margin:7.69vw auto 6.41vw;/*60px auto 50px*/
	}
/**/
.abk{margin-top:0;}	
/**/
.avabx{
	width:35%;
	padding-bottom:35%;
	}	
}
@media only screen and (max-width:685px){ 
/**/

}
@media only screen and (max-width:580px){
/**/	
}
@media only screen and (max-width:500px){
/**/
.titbx3	.cns{
	bottom:15.6vw;/*25.2%*/
	left:.8%;	
	}
.incon{
	/**/
	font-size:4.2vw;/*22 4.6*/
	line-height:7vw;/*35 7 6.3*/
	}
.h1{
	font-size:6.5vw;/*35*/
	line-height:8.7vw;/*60 12.7*/
	padding:2vw 0;
	}
.h1a{
	font-size:6vw;/*30*/
	line-height:8vw;/*40*/
	padding:2vw 0;/*10*/
	}
.h1b{
	font-size:5.8vw;/*35*/
	line-height:8.5vw;/*50*/
	}
.titbx2 .oe{line-height:5.8vw;/*25*/}
	
.h2{margin:8vw 0 0;/*40*/}
.h2::before{
	font-size:5vw;/*30*/
	line-height:7vw;/*40*/
	}
	
.t_c2{/*text-align:left;*/}
.t_c2 span{display:inline;}

.t_c3{display:block;}
.t_c3 li{width:100%; margin:0 auto;padding:5vw 0;}
.t_c3 li .t_c2{min-height:inherit;}
.w10ad_bx .swiper-pagination-bullet {
	width: 6%;/*18*/
	/**/
	font-size:.9rem;
	font-weight:900;
	}
 /**/
.rbx{width:100%;/*463*/}	
}
@media only screen and (max-width:470px){
/**/
.titbx{padding:130px 0 5%;}	
.smubx > li{font-size: 15px;}
.titbx2{padding:130px 0 5%;}
.titbx3{padding:130px 0 5%;}
.titbx3	.cns{
	font-size:5.5vw;/*38*/
	bottom:13.8vw;/*23.5%*/
	left:.8%;	
	}
/* NEWS */	
.newbx2 > li .ph{
	width:100%;
	padding-bottom:100%;
	}
/*.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;
	}
.titbx2 .time{
	font-size:13px;
	line-height:30px;
	margin-top:1.6rem;
	}
.t_ca{ text-align:left;}
}
@media only screen and (max-width:380px){
/**/

}
@media only screen and (max-width:360px){
/**/
.t_c3 li::before{
	/*width: 100px;
	padding-bottom:100px;*/
	}
}
@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%);
  }
}