@charset "utf-8";
/* CSS Document */
#content{
	position:relative;
	width:100%;
	height:100vh;
	height:calc(var(--vh, 1vh) * 100);
	}
.incon{
	position:relative;
	width:100%;
	height:100vh;/*min-*/
	height:calc(var(--vh, 1vh) * 100);
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	overflow:auto;
	}
.pg1{
	background-image: url(../images/page.jpg);
	background-size:100% auto;
	}
.pg2{
	background-image: url(../images/page2.jpg);
	background-size:100% auto;
	}
.pg3{
	background-image: url(../images/page3.jpg);
	background-size:100% auto;
	}
.pg4{
	background-image: url(../images/up4/page4_1.jpg);
	background-size:100% auto;
	}
.pg4.p4_2{background-image: url(../images/up4/page4_2.jpg);}

.bg_h .pg1,.bg_h .pg2,.bg_h .pg3,.bg_h .pg4{background-size:auto 100%;}


.cmbx{
	position:relative;
	width:100%;
	min-height:100vh;
	min-height:calc(var(--vh, 1vh) * 100);
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	}


/**/
.mubx{
	position:fixed;
	height:100vh;
	height:calc(var(--vh, 1vh) * 100);
	top: 0;
	left: 0;
	z-index:3;
	/*overflow:auto;*/
    display:flex;
    align-items:center;
	/**/
  	-webkit-filter: drop-shadow(0 .15rem .8rem rgba(0, 0, 0, .6));
  	filter: drop-shadow(0 .15rem .8rem rgba(0, 0, 0, .6));
	}
.mubx::before{
	position:absolute;
	width:0.8854166666666667vw;/*17*/
	height:100%;
	/*min-height:calc(var(--vh, 1vh) * 100);*/
	content:"";
	display: block;
	background-attachment: scroll;
	background-repeat:repeat-y;
	background-position:50% 50%;
	background-size:100% auto;
	background-image: url(../images/mu_line.png);
	left: 0;
	top: 0;
	}
.mubx ul{
	position:relative;
	width:10.41666666666667vw;/*200*/
	display:block;
	}
.mubx ul > li{
	position:relative;
	width:100%;
	display:block;
	margin:0 auto 18%;
	filter:brightness(1);/*contrast(100%)*/
	transition: all .5s;
	}
/*.mubx ul > li:first-child{margin:0 auto;}*/
.mubx ul > li:hover{filter:brightness(1.5);}
.mubx ul > li a{
	position:relative;
	width:100%;
	padding-bottom:25%;/*50*/
	display:block;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	}
.mubx ul > li a::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;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all .5s;
	}
.mubx ul > li.on a::before{opacity:1;}
.mubx ul > li.muh a{
	padding-bottom:18%;/*36*/
	background-image: url(../images/muh.png);
	}

.mubx ul > li.mu1 a{background-image: url(../images/mu1.png);}
.mubx ul > li.mu1 a::before{background-image: url(../images/mu1a.png);}
.mubx ul > li.mu2 a{background-image: url(../images/mu2.png);}
.mubx ul > li.mu2 a::before{background-image: url(../images/mu2a.png);}
.mubx ul > li.mu3 a{background-image: url(../images/mu3.png);}
.mubx ul > li.mu3 a::before{background-image: url(../images/mu3a.png);}
.mubx ul > li.mu4 a{background-image: url(../images/mu4.png);}
.mubx ul > li.mu4 a::before{background-image: url(../images/mu4a.png);}
.mubx ul > li.mu5 a{background-image: url(../images/mu5.png);}
.mubx ul > li.mu5 a::before{background-image: url(../images/mu5a.png);}
.mubx ul > li.mu6 a{background-image: url(../images/mu6.png);}
.mubx ul > li.mu6 a::before{background-image: url(../images/mu6a.png);}
.mubx ul > li.mu7 a{background-image: url(../images/mu7.png);}
.mubx ul > li.mu7 a::before{background-image: url(../images/mu7a.png);}
.mubx ul > li.mu8 a{background-image: url(../images/mu8.png);}
.mubx ul > li.mu8 a::before{background-image: url(../images/mu8a.png);}
/* 三明治 */
.menut{
	position:fixed;
 	width:55px;
 	height:55px;
	display:none;
	z-index:5;
	top:0;
	left:0;
	}
.menut::before{
	position:absolute;
	width:85%;
	height:85%;
	display:block;
	content:"";
	border-radius:99px;
	background-color:#03060b;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	opacity:0;
	transition: all .5s;
	}
.menut.on::before{opacity:1;}
.mubx.on .menut.on::before{opacity:0;}	
.menu-trigger{
	position:absolute;
 	width:100%;
 	height:100%;
 	cursor:pointer;
 	flex-direction:column;
 	display:flex;
 	align-items:center;
 	justify-content:center;
	top:0;
	left:0;
 	} 
.menu-trigger>.line{
	width:50%;
 	height:3px;
 	border-radius:5px;
 	background-color:#cce0fa; 
 	transition: all .3s;
 	-moz-transition: all .3s;
 	-webkit-transition: all .3s;
 	-o-transition: all .3s;
 	}
.menu-trigger>.line:first-child{margin-bottom:8.77%;}
.menu-trigger>.line:last-child{margin-top:8.77%;}
.mubx.on .menu-trigger >.line{opacity:0;transform:rotate(45deg)}
.mubx.on .menu-trigger >.line:first-child{
 	opacity:1;
 	margin-bottom:-3.5%;
 	transform:rotate(-45deg);
 	}
.mubx.on .menu-trigger >.line:last-child{opacity:1;margin-top:-7.01%;}
/* 1 */
.up1cn{
	position: relative;
	width: 67.7083%;/*1300 67.7083% 1400 72.91666666666667*/
	height: 100vh;
	height:calc(var(--vh, 1vh) * 100);
	max-height:51.0416vw;/*980*/
	margin: 0 auto;
	/*background-color:rgba(0,0,0,.5);*/
	font-size:1.0416vw;/*20*/
	line-height:1.66vw;/*32*/
	color: #1d2d3a;
	font-weight:300;
	left:.6%;
	/*top:50%;
	transform: translateY(-50%);*/
	}
.up1cn strong{font-weight:500;}
	
.up1b,.up1c,.up1d{
	position: relative;
	width:100%;
	display:block;
	}
.up1b{height:7.8125vw;/*150*/}
.up1c{
	min-height:calc(100% - 7.8125vw - 1vw);/*2.3958vw*/
	/*background-color:aquamarine;*/
	}
.up1d{height:2.3958vw;/*46*/}
.up1c #incon1,.up1c #incon2{
		position:absolute;
		width:100%;
		height:100%;
		left:0;
		top:0;
		padding:0 10px 0 10px;
		opacity:0;
		pointer-events:none;
		}
.up1c #incon1.on{opacity:1;pointer-events:auto;transition: all .5s;}
.up1c #incon2{left:2.5%;}
.up1c #incon2.on{
	opacity:1;
	left:0;
	pointer-events:auto;
	transition: all .8s;
	}
.up1_bt{
	position:relative;
	width:42.857%;/*600*/
	display:block;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image: url(../images/up1_bt.png);
	background-size:100% auto;
	overflow:hidden;
	margin:0 auto;
	top:40%;/*50*/
	transform:translateY(-50%);
	}
.up1_bt > li{
	position:relative;
	width:50%;
	padding-bottom:10.66666%;/*64*/
	display:block;
	cursor: pointer;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	opacity:0;
	/*transition: all .5s;*/
	}
.up1_1{float:left;background-image: url(../images/up1_bt_1.png);}
.up1_2{float:right;background-image: url(../images/up1_bt_2.png);}
.up1_bt > li:hover,.up1_bt > li.on{opacity:1;}
.tibx{
	position:relative;
	height:2.291vw;/*44*/
	display:block;
	text-align:left;
	}
.tibx img{
	position:relative;
	width:auto;
	height:100%;/*44*/
	display:block;
	}
.tibx.tx1 img{display:inline-block;}
.tibx.tx1 span{
	display:inline-block;
	top:50%;
	transform: translateY(-50%);
	margin-left:5px;
	}
.up1a{
	position:relative;
	padding:0.7vw 0 0.8vw;
	}
.up1a > li{
	position:relative;
	padding-left:1.3vw;
	padding-bottom:.5vw;
	}
.up1a > li::before{
	position:absolute;
	width:0.416vw;/*10 0.52 8*/
	height:0.416vw;
	content:"";
	display:block;
	background-color:#587885; 
	transform:rotate(45deg);
	left:0.3vw;
	top:0.57vw;
  	}
.pic1{
	position:relative;
	width:21.428%;/*228 300*/
	display:block;
	margin:1.2vw 0;
	}	
	
.picbx{
	position:relative;
	text-align:left;
	margin:1.2vw 0;
	}
.picbx img{
	position:relative;
	display:block;
	max-height:100%;
	}
.title_wbx{
	position:absolute;
	width:32.3%;/*420*/
	display:block;
	top:0;
	left:1%;
	}
.title_wbx::before{
	position:relative;
	width:100%;
	padding-bottom:30.95238%;/*150 35.71428*/
	display:block;
	content:"";
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-size:100% auto;
	}
.up1c #incon1.on .title_wbx{left:0;transition: all .5s;}
/**/
.up1c #incon1.w1 .title_wbx::before{background-image: url(../images/title_w1.png);}
.up1c #incon1.w2 .title_wbx::before{background-image: url(../images/title_w2.png);}
.up1c #incon1.w3 .title_wbx::before{background-image: url(../images/title_w3.png);}
.up1c #incon1.w4 .title_wbx::before{background-image: url(../images/title_w4.png);}
.up1c #incon1.w5 .title_wbx::before{background-image: url(../images/title_w5.png);}
.up1c #incon1.w6 .title_wbx::before{background-image: url(../images/title_w6.png);}
.up1c #incon1.w7 .title_wbx::before{background-image: url(../images/title_w7.png);}
.wq_vd_btn{
	position:absolute;
	width:22.38%;/*94*/
	padding-bottom:22.38%;/*92*/
	display:block;
	cursor:pointer;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image: url(../images/wq_vd_btn.png);
	background-size:100% auto;
	z-index:1;
	left:83.8%;
	top:7%;
	}
/**/
.rolebx{
	float:right;
	position:relative;
	width:61.53846%;/*800 61.53846*/
	padding-bottom:55.53846%;/**/
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:60% 50%;
	background-image: url(../images/role-bg.png);/*658*/
	background-size:83.25% auto;/*82.25*/
	right:1.5%;
	}
.up1c #incon1.on .rolebx{right:0;transition: all .5s;}
.wqbx{
	position:absolute;
	width:90%;/*791 98.875*/
	display:block;
	pointer-events:none;
	top:-5%;
	left:4.8%;
	}
.wqbx::before{
	position:relative;
	width:100%;
	padding-bottom:109.1024%;/*863*/
	display:block;
	content:"";
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	}
.up1c #incon1.w1 .wqbx::before{background-image: url(../images/w1_wq.png);}
.up1c #incon1.w2 .wqbx::before{background-image: url(../images/w2_wq.png);}
.up1c #incon1.w3 .wqbx::before{background-image: url(../images/w3_wq.png);}
.up1c #incon1.w4 .wqbx::before{background-image: url(../images/w4_wq.png);}
.up1c #incon1.w5 .wqbx::before{background-image: url(../images/w5_wq.png);}
.up1c #incon1.w6 .wqbx::before{background-image: url(../images/w6_wq.png);}
.up1c #incon1.w7 .wqbx::before{background-image: url(../images/w7_wq.png);}
.wbt{
	position:absolute;
	width:14%;/*112*/
	display:block;
	cursor:pointer;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	}
.wbt::before{
	position:relative;
	width:100%;
	padding-bottom:89.2857%;/*100*/
	display:block;
	content:"";
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	opacity:0;
	}
.w1_btn{background-image: url(../images/w1_btn.png);right:6%;bottom:68%;}
.wbt.w1_btn::before{background-image: url(../images/w1_btn_a.png);}
.w2_btn{background-image: url(../images/w2_btn.png);right:1%;bottom:54%;}
.wbt.w2_btn::before{background-image: url(../images/w2_btn_a.png);}
.w3_btn{background-image: url(../images/w3_btn.png);right:-.5%;bottom:39%;}
.wbt.w3_btn::before{background-image: url(../images/w3_btn_a.png);}
.w4_btn{background-image: url(../images/w4_btn.png);right:3%;bottom:24%;}
.wbt.w4_btn::before{background-image: url(../images/w4_btn_a.png);}
.w5_btn{background-image: url(../images/w5_btn.png);right:10.5%;bottom:11%;}
.wbt.w5_btn::before{background-image: url(../images/w5_btn_a.png);}
.w6_btn{background-image: url(../images/w6_btn.png);right:22.5%;bottom:1.2%;}
.wbt.w6_btn::before{background-image: url(../images/w6_btn_a.png);}
.w7_btn{background-image: url(../images/w7_btn.png);right:37.5%;bottom:-2.8%;}
.wbt.w7_btn::before{background-image: url(../images/w7_btn_a.png);}
/**/
.up1c #incon1.w1 .wbt.w1_btn::before,.up1c #incon1.w2 .wbt.w2_btn::before,
.up1c #incon1.w3 .wbt.w3_btn::before,.up1c #incon1.w4 .wbt.w4_btn::before,
.up1c #incon1.w5 .wbt.w5_btn::before,.up1c #incon1.w6 .wbt.w6_btn::before,
.up1c #incon1.w7 .wbt.w7_btn::before{opacity:1;}
.wcn{
	position:absolute;
	width:42.3%;/*550 38.46 500*/
	display:block;
	top:7.3vw;/*150 18%*/
	left:1%;
	padding-left:2.1vw;
	}
.up1c #incon1.on .wcn{left:0;transition: all .5s;}
.rolebtn{
	position:relative;
	width:59.6%;/*298*/
	display:block;
	cursor:pointer;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	background-image: url(../images/rolebtn.png);
	margin:0 0 2vw -.5vw;
	}
.rolebtn::before{
	position:relative;
	width:100%;
	padding-bottom:18.1208%;/*54*/
	display:block;
	content:"";
	}
.rolebtn  a{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	top:0;
	left:0;
	z-index:1;
	}
.wc2{
	position:relative;
	display:block;
	padding:0.7vw 0 0.8vw;
	}
.red{color:#d10000;}
/* 2 */
.up2cn{
	position:relative;
	width: 67.7083%;/*1300 67.7083% 1400 72.91666666666667*/
	height: 100vh;
	height:calc(var(--vh, 1vh) * 100);
	max-height:51.0416vw;/*980*/
	/*background-color:#093;*/
	margin: 0 auto;
	color:#fffec4;
	/*top:50%;
	transform: translateY(-50%);*/
	}
.flag_tit{
	position:absolute;
	width:5.72916%;/*110*/
	padding-bottom:30.26%;/*581*/
	display:block;
	pointer-events:none;
	top:0;
	right:11.458vw;/*220*/
	}
.flag_tit::before{
	position:absolute;
	width: 100%;
	height: 100%;
	content:"";
	display: block;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-image: url(../images/up2/flag_tit.png);
	background-size:100% auto;
	left: 0;
	top:0;
	animation:flag 2s ease-in-out infinite;
    transform-origin: 50% 0%;
	}
.sectbtbx{
	position:absolute;
	width:107.2963%;/*1400*/
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image: url(../images/up2/sect_btnbx.png);
	background-size:100% auto;
	text-align:center;
	padding:1.19% 0;/*1*/
	left:50%;
	transform: translateX(-50%);
	bottom:7%;/*8.8*/
	z-index:3;
	}
.sectbtbx > li{
	position:relative;
	width:6%;/*84*/
	display:inline-block;
	cursor: pointer;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	margin:0 0.95%;
	}
.sectbtbx > li::before{
	position:relative;
	width:100%;
	padding-bottom:100%;
	content:"";
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	opacity:0;
	transition: all .5s;
	}
.sectbtbx > li:hover::before,.sectbtbx > li.on::before{opacity:1;}
.sect1{background-image: url(../images/up2/sect1.png)}
.sect1::before{background-image: url(../images/up2/sect1a.png)}
.sect2{background-image: url(../images/up2/sect2.png)}
.sect2::before{background-image: url(../images/up2/sect2a.png)}
.sect3{background-image: url(../images/up2/sect3.png)}
.sect3::before{background-image: url(../images/up2/sect3a.png)}
.sect4{background-image: url(../images/up2/sect4.png)}
.sect4::before{background-image: url(../images/up2/sect4a.png)}
.sect5{background-image: url(../images/up2/sect5.png)}
.sect5::before{background-image: url(../images/up2/sect5a.png)}
.sect6{background-image: url(../images/up2/sect6.png)}
.sect6::before{background-image: url(../images/up2/sect6a.png)}
.sect7{background-image: url(../images/up2/sect7.png)}
.sect7::before{background-image: url(../images/up2/sect7a.png)}
.sect8{background-image: url(../images/up2/sect8.png)}
.sect8::before{background-image: url(../images/up2/sect8a.png)}
.sect9{background-image: url(../images/up2/sect9.png)}
.sect9::before{background-image: url(../images/up2/sect9a.png)}
.sect10{background-image: url(../images/up2/sect10.png)}
.sect10::before{background-image: url(../images/up2/sect10a.png)}
.sectprbx{
	position:absolute;
	width:76.92307692307692%;/*1000*/
	pointer-events:none;
	top: -3.5%;
	left:-36%;/*-16*/
	opacity:0;
	}
.sectprbx::before{
	position:absolute;
	width:55.6%;/*556*/
	padding-bottom:55.6%;
	content:"";
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	top:8%;
	left:22%;
	}
.sebx.on .sectprbx::before{
	animation: rote 20s 0s linear infinite;	
	}
.sectprbx::after{
	position:relative;
	width:100%;/*1000*/
	padding-bottom:71.6%;/*716*/
	content:"";
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	z-index:1;
	}


/*1*/
.se1 .sectprbx::before{background-image: url(../images/up2/pic_r1_bg.png);}
.se1.sc1 .sectprbx::after{background-image: url(../images/up2/pic_r1_1.png);}
.se1.sc2 .sectprbx::after{background-image: url(../images/up2/pic_r1_2.png);}
/*2*/
.se2 .sectprbx::before{background-image: url(../images/up2/pic_r2_bg.png);}
.se2.sc1 .sectprbx::after{background-image: url(../images/up2/pic_r2_1.png);}
.se2.sc2 .sectprbx::after{background-image: url(../images/up2/pic_r2_2.png);}
/*3*/
.se3 .sectprbx::before{background-image: url(../images/up2/pic_r3_bg.png);}
.se3.sc1 .sectprbx::after{background-image: url(../images/up2/pic_r3_1.png);}
.se3.sc2 .sectprbx::after{background-image: url(../images/up2/pic_r3_2.png);}
/*4*/
.se4 .sectprbx::before{background-image: url(../images/up2/pic_r4_bg.png);}
.se4.sc1 .sectprbx::after{background-image: url(../images/up2/pic_r4_1.png);}
.se4.sc2 .sectprbx::after{background-image: url(../images/up2/pic_r4_2.png);}
/*5*/
.se5 .sectprbx::before{background-image: url(../images/up2/pic_r5_bg.png);}
.se5.sc1 .sectprbx::after{background-image: url(../images/up2/pic_r5_1.png);}
.se5.sc2 .sectprbx::after{background-image: url(../images/up2/pic_r5_2.png);}
/*6*/
.se6 .sectprbx::before{background-image: url(../images/up2/pic_r6_bg.png);}
.se6.sc1 .sectprbx::after{background-image: url(../images/up2/pic_r6_1.png);}
.se6.sc2 .sectprbx::after{background-image: url(../images/up2/pic_r6_2.png);}
/*7*/
.se7 .sectprbx::before{background-image: url(../images/up2/pic_r7_bg.png);}
.se7.sc1 .sectprbx::after{background-image: url(../images/up2/pic_r7_1.png);}
.se7.sc2 .sectprbx::after{background-image: url(../images/up2/pic_r7_2.png);}
/*8*/
.se8 .sectprbx::before{background-image: url(../images/up2/pic_r8_bg.png);}
.se8.sc1 .sectprbx::after{background-image: url(../images/up2/pic_r8_1.png);}
.se8.sc2 .sectprbx::after{background-image: url(../images/up2/pic_r8_2.png);}
/*9*/
.se9 .sectprbx::before{background-image: url(../images/up2/pic_r9_bg.png);}
.se9.sc1 .sectprbx::after{background-image: url(../images/up2/pic_r9_1.png);}
.se9.sc2 .sectprbx::after{background-image: url(../images/up2/pic_r9_2.png);}
/*10*/
.se10 .sectprbx::before{background-image: url(../images/up2/pic_r10_bg.png);}
.se10.sc1 .sectprbx::after{background-image: url(../images/up2/pic_r10_1.png);}
.se10.sc2 .sectprbx::after{background-image: url(../images/up2/pic_r10_2.png);}

.sebx{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	opacity:0;
	pointer-events:none;
	transition: all .5s;
	top:0;
	left:0;
	}
.sebx.on{
	position:relative;
	opacity:1;
	pointer-events:auto;
	z-index:1;
	}
.sebx #inc1,.sebx #inc2,.sebx #inc3,.sebx #inc4,.sebx #inc5,.sebx #inc6,.sebx #inc7,.sebx #inc8,.sebx #inc9,.sebx #inc10{
		position:absolute;
		width:100%;
		height:100%;
		left:0;
		top:0;
		padding:0 10px 0 10px;
		}
.scon1,.scon2{
	position:relative;
	width:100%;
	display:none;
	}
.scon1.on,.scon2.on{display:block;}
.smubx{
	position:absolute;
	width:10.15%;/*132*/
	margin-top:37.8%;
	top:0;
	left:0;
	z-index:2;
	}
.smubx li{
	position:relative;
	width:100%;
	padding-bottom:100%;
	display:block;
	cursor:pointer;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	}
/*1*/
.se1 .smubx li.smu1{background-image: url(../images/up2/nav_info1_1.png);}
.se1 .smubx li.smu1:hover,.se1 .smubx li.on.smu1{background-image: url(../images/up2/nav_info1_1_on.png);}
.se1 .smubx li.smu2{background-image: url(../images/up2/nav_info1_2.png);}
.se1 .smubx li.smu2:hover,.se1 .smubx li.on.smu2{background-image: url(../images/up2/nav_info1_2_on.png);}
/*2*/
.se2 .smubx li.smu1{background-image: url(../images/up2/nav_info2_1.png);}
.se2 .smubx li.smu1:hover,.se2 .smubx li.on.smu1{background-image: url(../images/up2/nav_info2_1_on.png);}
.se2 .smubx li.smu2{background-image: url(../images/up2/nav_info2_2.png);}
.se2 .smubx li.smu2:hover,.se2 .smubx li.on.smu2{background-image: url(../images/up2/nav_info2_2_on.png);}
/*3*/
.se3 .smubx li.smu1{background-image: url(../images/up2/nav_info3_1.png);}
.se3 .smubx li.smu1:hover,.se3 .smubx li.on.smu1{background-image: url(../images/up2/nav_info3_1_on.png);}
.se3 .smubx li.smu2{background-image: url(../images/up2/nav_info3_2.png);}
.se3 .smubx li.smu2:hover,.se3 .smubx li.on.smu2{background-image: url(../images/up2/nav_info3_2_on.png);}
/*4*/
.se4 .smubx li.smu1{background-image: url(../images/up2/nav_info4_1.png);}
.se4 .smubx li.smu1:hover,.se4 .smubx li.on.smu1{background-image: url(../images/up2/nav_info4_1_on.png);}
.se4 .smubx li.smu2{background-image: url(../images/up2/nav_info4_2.png);}
.se4 .smubx li.smu2:hover,.se4 .smubx li.on.smu2{background-image: url(../images/up2/nav_info4_2_on.png);}
/*5*/
.se5 .smubx li.smu1{background-image: url(../images/up2/nav_info5_1.png);}
.se5 .smubx li.smu1:hover,.se5 .smubx li.on.smu1{background-image: url(../images/up2/nav_info5_1_on.png);}
.se5 .smubx li.smu2{background-image: url(../images/up2/nav_info5_2.png);}
.se5 .smubx li.smu2:hover,.se5 .smubx li.on.smu2{background-image: url(../images/up2/nav_info5_2_on.png);}
/*6*/
.se6 .smubx li.smu1{background-image: url(../images/up2/nav_info6_1.png);}
.se6 .smubx li.smu1:hover,.se6 .smubx li.on.smu1{background-image: url(../images/up2/nav_info6_1_on.png);}
.se6 .smubx li.smu2{background-image: url(../images/up2/nav_info6_2.png);}
.se6 .smubx li.smu2:hover,.se6 .smubx li.on.smu2{background-image: url(../images/up2/nav_info6_2_on.png);}
/*7*/
.se7 .smubx li.smu1{background-image: url(../images/up2/nav_info7_1.png);}
.se7 .smubx li.smu1:hover,.se7 .smubx li.on.smu1{background-image: url(../images/up2/nav_info7_1_on.png);}
.se7 .smubx li.smu2{background-image: url(../images/up2/nav_info7_2.png);}
.se7 .smubx li.smu2:hover,.se7 .smubx li.on.smu2{background-image: url(../images/up2/nav_info7_2_on.png);}
/*8*/
.se8 .smubx li.smu1{background-image: url(../images/up2/nav_info8_1.png);}
.se8 .smubx li.smu1:hover,.se8 .smubx li.on.smu1{background-image: url(../images/up2/nav_info8_1_on.png);}
.se8 .smubx li.smu2{background-image: url(../images/up2/nav_info8_2.png);}
.se8 .smubx li.smu2:hover,.se8 .smubx li.on.smu2{background-image: url(../images/up2/nav_info8_2_on.png);}
/*9*/
.se9 .smubx li.smu1{background-image: url(../images/up2/nav_info9_1.png);}
.se9 .smubx li.smu1:hover,.se9 .smubx li.on.smu1{background-image: url(../images/up2/nav_info9_1_on.png);}
.se9 .smubx li.smu2{background-image: url(../images/up2/nav_info9_2.png);}
.se9 .smubx li.smu2:hover,.se9 .smubx li.on.smu2{background-image: url(../images/up2/nav_info9_2_on.png);}
/*10*/
.se10 .smubx li.smu1{background-image: url(../images/up2/nav_info10_1.png);}
.se10 .smubx li.smu1:hover,.se10 .smubx li.on.smu1{background-image: url(../images/up2/nav_info10_1_on.png);}
.se10 .smubx li.smu2{background-image: url(../images/up2/nav_info10_2.png);}
.se10 .smubx li.smu2:hover,.se10 .smubx li.on.smu2{background-image: url(../images/up2/nav_info10_2_on.png);}


.tfbx1{
	position:absolute;
	width:32.3%;/*420*/
	/*height: 10vw;*/
	display:block;
	margin:40% 0 0 11%;/*150 11.538*/
	top: 0;
	left: 0;
	/*background-color:rgba(0,0,0,.3);*/
	text-align:left;
	}
.tfbx1 .tf1{
	position:relative;
	display: inline-block;
	font-size:1.35vw;/*26*/
    line-height: 2.395vw; /*46*/
	color:#fae79d;
	font-weight:500;
    padding: 0 1.7vw 0 0.3125vw;/*34 6*/
	border-bottom: 1px solid #7f9c7a;
	}
.tfbx1 .tf2{
	position:relative;
	width:75%;
	display:flex;
    align-items:center;
	font-size: 1.145vw;/*22*/
    line-height:1.35vw;/*26*/
	color:#fffec4;
	font-weight:500;
    padding: 2% 0 2% 0.3125vw;/*34 6*/
	border-bottom: 1px solid #7f9c7a;
	}
.tfbx1 .tf2 span{
	position:relative;
	padding-left:2%;
	}
.tfbx1 .tf2 img{
	position:relative;
	width:2.6vw;/*50*/
	display: block;
	}
.tfbx1 .tf3{
	position:relative;
	display: block;
	font-size: 0.83vw;/*16*/
    line-height:1.0416vw;/*20*/
	color:#fffec4;
    padding: 2% 0 2% 0.3125vw;/*34 6*/
	}
.tfbx1 .tf3.ba{
	height:5.5vw;/**/
	overflow:auto;
	}

.tfbx2{
	float:right;
	position:relative;
	width:53.84%;/*700*/
	display: block;
	padding-top:3.645vw;/*70*/
	/*overflow:hidden;*/
	}
.tfbx2 > li{
	position: relative;
	width:100%;
	min-height:4.375vw;/*84*/
	/*margin-bottom: 4.375vw;84*/
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-size:100% auto;
	text-align:center;
	/*left: 10%;*/
	display:flex;
    justify-content: center;
	/*opacity: 0;*/
	}
.tfbx2 > li:nth-child(odd){background-image: url(../images/up2/tf_bg.png);}

.tfbx2 > li > div{
	position: relative;
	width:28.57%;/*200*/
	height:100%;
	display:inline-block;
	margin-right:2.85%;/*20*/
	}
.tfbx2 > li > div > div{
	position: relative;
	width:100%;
	height:100%;
	display: flex;
  	align-items: center;
	}
.tfbx2 > li > div > div > p{
	position: relative;
	width:42%;/*84*/
	height:4.375vw;/*84*/
	display: flex;
  	align-items: center;
  	justify-content: center;
	flex-shrink: 0;
	margin-right:3%;/*6*/
	}
.tfbx2 > li > div > div > p img{
	position: relative;
	width:73.80952380952381%;/*62*/
	display: block;
	
	}
.tfbx2 > li > div > div > .tc1{
	position: relative;
	width:55%;
	display:block;
	text-align:left;
	font-size:0.83vw;/*16*/
	color:#fcffd9;
	font-weight:700;
	}
.tfbx2 > li > div > div > .tc1 i{
	position: relative;
	display: block;
	font-size:0.625vw;/*12*/
    line-height:0.83vw;/*16*/
	color:#fcffd9;
	/*font-weight:400;*/
	font-weight: normal;
    font-style: normal;
	margin-top:0.26vw;/*5*/
	}
.tfbx2 > li > div > span{
	position: relative;
	display: block;
	width:100%;
	font-size:0.72916vw;/*14*/
    line-height:0.83vw;/*16*/
	color:#d2efce;
	font-weight:400;
	margin:3% 0 0 5%;
	text-align:left;
	}

/*.scon1.on > .tfbx2 > li{left: 0%; opacity:1;}*/
.on.sc1 >.sectprbx,.on.sc2 >.sectprbx{
	left:-16%;/*-16*/
	opacity:1;
	transition: all .7s .3s;
	}	
.sebx.on .on > .tfbx1,.sebx.on > .sectprbx,.sebx.on > .smubx{animation: slideInleft .6s .5s ease backwards;}/**/
.sebx.on .on > .tfbx2 > li:nth-last-child(1){animation: slideInright .6s .6s ease backwards;}
.sebx.on .on > .tfbx2 > li:nth-last-child(2){animation: slideInright .6s .6s ease backwards;}
.sebx.on .on > .tfbx2 > li:nth-last-child(3){animation: slideInright .6s .5s ease backwards;}
.sebx.on .on > .tfbx2 > li:nth-last-child(4){animation: slideInright .6s .5s ease backwards;}
.sebx.on .on > .tfbx2 > li:nth-last-child(5){animation: slideInright .6s .4s ease backwards;}
.sebx.on .on > .tfbx2 > li:nth-last-child(6){animation: slideInright .6s .4s ease backwards;}
.sebx.on .on > .tfbx2 > li:nth-last-child(7){animation: slideInright .6s .3s ease backwards;}
.sebx.on .on > .tfbx2 > li:nth-last-child(8){animation: slideInright .6s .3s ease backwards;}
/* 3 */
.up3cn{
	position:relative;
	width: 78.125%;/*1500*/
	height:100vh;
	height:calc(var(--vh, 1vh) * 100);
	max-height:51.0416vw;/*980*/
	margin: 0 auto;
	/*top:50%;
	transform: translateY(-50%);*/
	}
.up3b{
	position:relative;
	height:12.239583vw;/*235*/
	}
.up3_btbx{
	position: relative;
	width:100%;
	display: block;
	margin:0 auto;
	text-align: center;
	padding:2.6vw 0 1.3vw;/*50 0 25*/
	}
.up3_btbx li{
	position: relative;
	width:20%;/*300*/
	display:inline-block;
	cursor:pointer;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	}
.up3_btbx li::before{
	position: relative;
	width:100%;/*300*/
	padding-bottom:20%;/*60*/
	content:"";
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	opacity: 0;
	}
.up3_btbx li:hover::before,.up3_btbx li.on::before{opacity:1;}
.up3_1{background-image: url(../images/up3/up3_bt_1.png);}
.up3_1::before{background-image: url(../images/up3/up3_bt_1a.png);}
.up3_2{background-image: url(../images/up3/up3_bt_2.png);}
.up3_2::before{background-image: url(../images/up3/up3_bt_2a.png);}
.up3_titbx{
	position: relative;
	width:40%;/*600*/
	display: block;
	margin:0 auto;
	}
.up3_titbx::before{
	position: relative;
	width:100%;/*600*/
	padding-bottom:13.333%;/*80*/
	content:"";
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image: url(../images/up3/up3_tit_1.png);
	background-size:100% auto;
	}
.up3c{
	position: relative;
	width:100%;
	min-height: calc(100% - 12.239583vw);
	display: block;
	}
.up3c1,.up3c2{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	pointer-events: none;
	left:0;
	top:0;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-size:100% auto;
	opacity: 0;
	}
.up3c1.on,.up3c2.on{
	pointer-events:auto;
	opacity:1;
	z-index:1;
	transition: all .5s;
	}
.up3c1{background-image: url(../images/up3/pg3_1_bg.png);}
.up3c2{background-image: url(../images/up3/pg3_2_bg.png);}
.u3_1bx{
	position: relative;
	width:76%;/*1140*/
	padding-bottom:35.33%;/*530*/
	display:block;
	top:1.51vw;/*29*/
	left:9.53%;/*143*/
	}
.u3_1bx li{
	position: absolute;
	width:12.1929%;/*139*/
	padding-bottom:2.5438%;/*29*/
	display: block;
	cursor: pointer;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-image: url(../images/up3/detail.png);
	background-size:100% auto;
	filter: brightness(1);
	
	}
.u3_1bx li:hover{filter: brightness(1.2);transition: all .5s;}
.u3_1bt_1{top:9.65vw;left:13%;}
.u3_1bt_2{top:9.65vw;left:43.8%;}
.u3_1bt_3{top:9.65vw;left:74.45%;}
.u3_1bt_4{top:22.6vw;left:29%;}
.u3_1bt_5{top:22.6vw;left:59.15%;}
.u3_2bx{
	position: relative;
	width:64.933%;/*974*/
	height:24.21875vw;/*465*/
	display:block;
	top:3.072916vw;/*59*/
	left:17.6%;/*264*/
	}
.u3_2bx li{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	pointer-events: none;
	top:0;
	left:0;
	opacity:0;
	}
.u3_2bx li.on{
	position:relative;
	pointer-events:auto;
	opacity:1;
	z-index: 1;
	}

.u3_2_tit{
	position:relative;
	width:71.8685%;/*700*/
	padding-bottom:5.133464285714286%;/*50*/
	margin:1.0416vw auto;/*10 0.52vw 20*/
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-size:100% auto;
	}
.u3_2c1 .u3_2_tit{background-image: url(../images/up3/u3_2_tit_1.png);}
.u3_2c2 .u3_2_tit{background-image: url(../images/up3/u3_2_tit_2.png);}
.u3_2c3 .u3_2_tit{background-image: url(../images/up3/u3_2_tit_3.png);}
.u3_2c4 .u3_2_tit{background-image: url(../images/up3/u3_2_tit_4.png);}
.u3_2c5 .u3_2_tit{background-image: url(../images/up3/u3_2_tit_5.png);}
.u3_2_b{
	position:relative;
	width:92.4%;/*900*/
	min-height: 50%;
	margin:0 auto;
	overflow: hidden;
	/*background-color: rgba(0,0,0,.5)*/
	}
.u3_2_img{
	float:right;
	position:relative;
	width:48.4%;/*436*/
	padding-bottom:32.5256880733945%;/*293*/
	display: block;
	margin:0.52vw 0;/*5 0.26vw 10*/
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-size:100% auto;
	}
.u3_2c1 .u3_2_img{background-image: url(../images/up3/u3_2_1_img.png);}
.u3_2c2 .u3_2_img{background-image: url(../images/up3/u3_2_2_img.png);}
.u3_2c3 .u3_2_img{background-image: url(../images/up3/u3_2_3_img.png);}
.u3_2c4 .u3_2_img{background-image: url(../images/up3/u3_2_4_img.png);}
.u3_2c5 .u3_2_img{background-image: url(../images/up3/u3_2_5_img.png);}
.u3_2_bc{
	float:left;
	position:relative;
	width:50%;
    font-size:0.9375vw;/*18*/
    line-height:1.66vw;/*32*/
	color: #4a6696;
	text-align: left;
	}
.sub-tit,.sub-tit2{
	position:relative;
	width:100%;/*230*/
	height: 2.5vw;/*48*/
	/*padding-bottom:2.5vw;48*/
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:0% 50%;
	background-size:auto 100%;
	margin:0.625vw 0 0.83vw;/*12 16*/
	}
.sub0{
	position:relative;
	width:100%;/*230*/
	height:0.52vw;/*10*/
	display:block;
	}
.sub-tit{background-image: url(../images/up3/sub_tit_bg.png);}
.sub-tit2{background-image: url(../images/up3/sub_tit_bg2.png);}
.sub-tit > span,.sub-tit2 > span{
	position:relative;
	width:100%;
	display:block;
    font-size:1.25vw;/*24*/
	line-height:2.5vw;/*48*/
    color: #4a6696;
    text-align:left;
    font-weight: bold;
	padding-left:3.9%;/*5*/
	}
.u3_2_bc2{
	position:relative;
	width:100%;
	display:block;
	padding:0 0 1.0416vw 4%;/*20 5*/
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-image: url(../images/up3/line_2.png);
	background-size:auto 0.36vw;/*7*/
	margin-bottom:1.0416vw;/*20*/
	}
.u3_mor{
	position:relative;
	width:46%;/*207 /450*/
	padding-bottom:13.11%;/*59 */
	display:block;
	cursor: pointer;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image: url(../images/up3/detail_btn2.png);
	background-size:100% auto;
	filter: brightness(1);
	}
.u3_mor:hover{filter: brightness(1.1);transition: all .5s;}

.u3_2btbx{
	position: absolute;
	width:77.3%;/*1160*/
	height:9.375vw;/*180*/
	left:50%;
	transform: translateX(-50%);
	bottom:0;
	z-index:2;
	}
.u3_2btbx li{
	position:absolute;
	width:15.51724137931034%;/*180*/
	padding-bottom:15.51724137931034%;
	display:block;
	cursor: pointer;
	}
.u3_2btbx li::before,.u3_2btbx li::after{
	position:absolute;
	width:148.8888888888889%;/*268*/
	padding-bottom:123.3333333333333%;/*222*/
	content:"";
	display: block;
	pointer-events: none;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	top: 0;
	left:-21.6%;/*39*/
	}
.u3_2btbx li::after{opacity:0;}
.u3_2btbx li:hover::after,.u3_2btbx li.on::after{opacity:1;}
.u3_2bt_1{left:0%;bottom:3%;}
.u3_2bt_1::before{background-image: url(../images/up3/u3_2bt_1.png);}
.u3_2bt_1::after{background-image: url(../images/up3/u3_2bt_1a.png);}
.u3_2bt_2{left:22%;bottom:22%;}
.u3_2bt_2::before{background-image: url(../images/up3/u3_2bt_2.png);}
.u3_2bt_2::after{background-image: url(../images/up3/u3_2bt_2a.png);}
.u3_2bt_3{left:43%;bottom:8%;}
.u3_2bt_3::before{background-image: url(../images/up3/u3_2bt_3.png);}
.u3_2bt_3::after{background-image: url(../images/up3/u3_2bt_3a.png);}
.u3_2bt_4{left:64%;bottom:22%;}
.u3_2bt_4::before{background-image: url(../images/up3/u3_2bt_4.png);}
.u3_2bt_4::after{background-image: url(../images/up3/u3_2bt_4a.png);}
.u3_2bt_5{left:85%;bottom:3%;}
.u3_2bt_5::before{background-image: url(../images/up3/u3_2bt_5.png);}
.u3_2bt_5::after{background-image: url(../images/up3/u3_2bt_5a.png);}

/* 4 */
.up4cn{
	position: relative;
	width:67.7083%;/*1300 1400 72.91666666666667*/
	height: 100vh;
	height:calc(var(--vh, 1vh) * 100);
	max-height:51.0416vw;/*980*/
	margin: 0 auto;
	font-size:1.0416vw;/*20*/
	line-height:1.66vw;/*32*/
	color:#fff4db;
	font-weight:300;
	left:.6%;
	}
.up4b,.up4c,.up4d{
	position: relative;
	width:100%;
	display:block;
	}
.up4b{height:9.895vw;/*190*/}
.up4b::before{
	position:relative;
	width:100%;/*1300*/
	padding-bottom:2.3%;/*30*/
	content:"";
	display:block;
	}
.up4c{
	min-height:calc(100% - 9.895vw - 1vw);/*2.3958vw*/
	}
.up4d{height:2.3958vw;/*46*/}
.up4_bt{
	position:relative;
	width:42.857%;/*600*/
	display:block;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image: url(../images/up4/up4_bt.png);
	background-size:100% auto;
	overflow:hidden;
	margin:0 auto 1.0416vw;/*30 20*/
	/*top:1.5625vw;*/
	}
.up4_bt > li{
	position:relative;
	width:50%;
	padding-bottom:10.66666%;/*64*/
	display:block;
	cursor: pointer;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	opacity:0;
	}
.up4_1{float:left;background-image: url(../images/up4/up4_bt_1.png);}
.up4_2{float:right;background-image: url(../images/up4/up4_bt_2.png);}
.up4_bt > li:hover,.up4_bt > li.on{opacity:1;}
.up4_titbx{
	position:relative;
	width:33.142%;/*464*/
	padding-bottom:5.6427%;/*79*/
	margin:0 auto;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image: url(../images/up4/up4_tit_1.png);
	background-size:100% auto;
	}
.pg4 .up4_titbx{background-image: url(../images/up4/up4_tit_1.png);}
.pg4.p4_2 .up4_titbx{background-image: url(../images/up4/up4_tit_2.png);}

.up4c #incon1a{
		position:absolute;
		width:100%;
		height:100%;
		left:0;
		top:0;
		padding:0 10px 0 10px;
		}
.rulebtn{
	position:relative;
	width:22.923%;/*298*/
	display:block;
	cursor:pointer;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	background-image: url(../images/up4/rulebtn.png);
	margin:0 0 2vw -.5vw;
	}
.rulebtn::before{
	position:relative;
	width:100%;
	padding-bottom:18.1208%;/*54*/
	display:block;
	content:"";
	}
.rulebtn  a{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	top:0;
	left:0;
	z-index:1;
	}
.u4con{
	position:relative;
	width:100%;
	margin:0 auto;
	display:none;
	padding-top:15px;
	}
.u4con.on{display:block;}
.up4a{
	position:relative;
	width:58%;
	padding:0.7vw 0 0.8vw;
	}
.up4a p{
    position:relative;
    width:0.83vw;/*16*/
    height:1.145vw;/*22*/
	display: inline-block;
    content: '';
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	background-image: url(../images/up4/p-arrow-icon.png); 
    vertical-align: middle;
    margin-right:0.15vw;/*2*/
	top:-0.15vw;
	}
.boss1{
	position:absolute;
	width:60%;/*860 66.15*/
	pointer-events:none;
	top:-7%;
	right:-5%;
	}
.boss1::before{
	position:relative;
	width:100%;
	padding-bottom:102.325%;/*880 102.325  91.86*/
	display:block;
	content:"";
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	}
.boss1.bsa1::before{background-image: url(../images/up4/boss-zqs.png); }
.boss1.bsa2::before{background-image: url(../images/up4/boss-wjt.png); }
.boss1.bsa3::before{background-image: url(../images/up4/boss-xc.png); }
.boss1.bsa4::before{background-image: url(../images/up4/boss-mhxf.png); }

.boss1a{
	position:relative;
	width:100%;/*860*/
	pointer-events:none;
	display: none;
	}
.boss1a::before{
	position:relative;
	width:100%;
	padding-bottom:102.325%;/*880 102.325 */
	display:block;
	content:"";
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	}
.boss1a.bsa1::before{background-image: url(../images/up4/boss-zqs.png); }
.boss1a.bsa2::before{background-image: url(../images/up4/boss-wjt.png); }
.boss1a.bsa3::before{background-image: url(../images/up4/boss-xc.png); }
.boss1a.bsa4::before{background-image: url(../images/up4/boss-mhxf.png); }

.boss2{
	position:absolute;
	width:63%;/*860 66.15*/
	pointer-events:none;
	top:0%;
	right:-5%;
	}
.boss2::before{
	position:relative;
	width:100%;
	padding-bottom:91.86%;/*880 102.325  91.86*/
	display:block;
	content:"";
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image: url(../images/up4/boss-xk.png); 	
	background-size:100% auto;
	}
.boss2a{
	position:relative;
	width:100%;/*860*/
	pointer-events:none;
	display: none;
	}
.boss2a::before{
	position:relative;
	width:100%;
	padding-bottom:91.86%;/*880 102.325  91.86*/
	display:block;
	content:"";
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image: url(../images/up4/boss-xk.png); 	
	background-size:100% auto;
	}
.pg4 .boss1{display:block;}
.pg4.p4_2 .boss1{display:none;}	
.pg4 .boss2{display:none;}
.pg4.p4_2 .boss2{display:block;}
.bossph{
	position:relative;
	width:53.23%;/*692*/
	}
.bossph::before,.bossph::after,.bossph1::before,.bossph1::after{
	display:block;
	content:"";
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-size:100% auto;
	}
.bossph::before,.bossph1::before{
	position:relative;
	width:100%;
	padding-bottom:57.61445%;/*398 57.51445*/
	background-image:url(../images/up4/fb-boss-box.png); 	
	}
.bossph::after{
	position:absolute;
	width:6.7919%;/*47*/
	padding-bottom:30.346787234%;/*210*/
	background-image:url(../images/up4/boss-xk-tag.png); 	
	top: 0;
	right: 5%;
	}
.bossph > p{
	position:absolute;
	width:96.82%;/*670*/
	padding-bottom:54.3348%;/*376*/
	display:block;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../images/up4/boss/xk.jpg); 
	background-size:100% auto;
	border: 1px solid #f3e4a5;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
	}

.bossphbx,.bossphbx2{
	position:relative;
	width:53.23%;/*692*/
	}
.bosskbx{
	position:relative;
	width:100%;
	opacity:0;
	transition: all .5s;
	}
.bossph1{
	position:relative;
	width:100%;/*692*/
	}
.bossph1::after{
	position:absolute;
	width:6.7919%;/*47*/
	padding-bottom:36.84967%;/*255*/	
	top: 0;
	right: 5%;
	}
.bossph1 > p{
	position:absolute;
	width:96.82%;/*670*/
	padding-bottom:54.3348%;/*376*/
	display:block;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	border: 1px solid #f3e4a5;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
	}
.bossph1.zqs::after{background-image:url(../images/up4/boss-zqs-tag.png); }
.bossph1.zqs > p{background-image:url(../images/up4/boss/zqs.jpg); }
.bossph1.wjt::after{background-image:url(../images/up4/boss-wjt-tag.png); }
.bossph1.wjt > p{background-image:url(../images/up4/boss/wjt.jpg); }
.bossph1.xc::after{background-image:url(../images/up4/boss-xc-tag.png); }
.bossph1.xc > p{background-image:url(../images/up4/boss/xc.jpg); }
.bossph1.mhxf::after{background-image:url(../images/up4/boss-mhxf-tag.png); }
.bossph1.mhxf > p{background-image:url(../images/up4/boss/mhxf.jpg); }

.bstxt{
	position:absolute;
	width:calc(96.82% - 2px);
	padding:0.4125vw 2.388% 0.2125vw;/*6 16*/
	background-color:rgba(0,0,0,0.65);
	bottom:2.9%;
	left:50%;
	transform: translateX(-50%);
	font-size:0.83vw;/*16*/
	line-height:1.14583vw;/*22*/
    color: #fffaf0;
	text-align: left;
    box-sizing: border-box;
	}
.bossk.swiper-container-fade .swiper-slide-active .bosskbx{opacity:1;}
.bsksm .swiper-slide{text-align:center;}

.bskbx2{
	position: relative;
	width:98%;
	display:block;
	cursor: pointer;
	margin:0.416vw auto 1.5625vw;/*8  30*/
	}
.bskbx2::before{
	position:relative;
	width: 100%;/*168*/
	padding-bottom:64.88%;/*109*/
	display:block;
	content:"";
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../images/up4/fb-img-act.png);
	background-size:100% auto;
	opacity:0;
	/*transition: all .5s;*/
	}
/*.bsksm .swiper-slide.swiper-slide-active .bskbx2::before{opacity:1;}*/
.bsksm .swiper-slide.on .bskbx2::before{opacity:1;}
.bskbx2 > p{
	position: absolute;
	width:94%;/*158*/
	padding-bottom:52.35443037974684%;/*88*/
	display:block;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	border: 1px solid #f3e4a5;
	overflow:hidden;
	left:2.976190476190476%;/*5*/
	top:14.67889908256881%;/*16*/
	}
.bs1 p{background-image:url(../images/up4/boss/zqs.jpg); }
.bs2 p{background-image:url(../images/up4/boss/wjt.jpg); }
.bs3 p{background-image:url(../images/up4/boss/xc.jpg); }
.bs4 p{background-image:url(../images/up4/boss/mhxf.jpg); }

.adp2{
	position:relative;
	width:98%;
	display: none;
	margin:0 auto;
	z-index: 2;
	}
.swiper-button-next.wr, .swiper-button-prev.wl {
  top: 50%;
  width:7.5%;/*64*/
  height:auto;/*50*/
  padding-bottom:5.859375%;/**/
  margin-top:-15.3vw;/**/
  background-size: 100% auto;
	}
.swiper-button-next.wr {
  	background-image: url(../images/up4/next-btn2.png);
  	right:-1vw;
	}
.swiper-button-prev.wl {
  	background-image:url(../images/up4/prev-btn2.png);
  	left:-1vw;
	}
/* 5 */
.up5b,.up5c,.up5d{
	position: relative;
	width:100%;
	display:block;
	}
.up5b{height:7.8125vw;/*150*/}
.up5c{
	min-height:calc(100% - 7.8125vw - 1vw);
	}
.up5d{height:2.3958vw;/*46*/}
#incon5{
		position:absolute;
		width:100%;
		height:100%;
		left:0;
		top:0;
		padding:0 10px 0 10px;
	}
.u5bt1{
  	position: relative;
  	width: 100%;
  	padding-bottom:2.3%;
  	display: block;
	}
.up5_bt{
	position:relative;
	width:64.285%;/*900 /14*/
	display:block;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image: url(../images/up5/up5_bt.png);
	background-size:100% auto;
	overflow:hidden;
	margin:0 auto;
	/*top:40%;*//*50*/
	/*transform:translateY(-50%);*/
	}
.up5_bt > li{
	position:relative;
	width:33.33%;
	padding-bottom:7.1104%;/*64*/
	display:block;
	cursor: pointer;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	opacity:0;
	/*transition: all .5s;*/
	}
.up5_1{float:left;background-image: url(../images/up5/up5_bt_1.png);}
.up5_2{float:left;background-image: url(../images/up5/up5_bt_2.png);}
.up5_3{float:left;background-image: url(../images/up5/up5_bt_3.png);}
.up5_bt > li:hover,.up5_bt > li.on{opacity:1;}
.u5con{
	position: relative;
	width: 100%;
	display: none;
	margin: 0 auto;	
	}
.u5con.on{ display:block;}
.u5ph_box{
	position:relative;
	width:50.7%;/*660*/
	margin:1vw auto 2vw;
	}
.u5ph_box2{
	position:relative;
	width:100%;/*660*/
	margin:0 auto;
	}
.u5ph_box::before,.u5ph_box2::before{
	position:relative;
	width: 100%;/*660*/
	padding-bottom:57.67575757575758%;/*380*/
	display:block;
	content:"";
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../images/up5/u5ph_box.png);
	background-size:100% auto;
	}
.u5ph_box > div,.u5ph_box2 > div{
	position:absolute;
	width:97.15%;/*650 98.48484848484848*/
	padding-bottom:54.45%;/*370 56.06 54.07692307692308*/
	border: 1px solid #5b7372;
	overflow: hidden;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
	}
.u5ph_box > div img{
	position:absolute;
	width:100%;
	display: block;
	top: 50%;
	left:0;
	transform: translateY(-50%);
	}
.u5ph_box2 > div img{
	position:absolute;
	width: 100%;
	display: block;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
	}
.u5ph_box2 > p {
	position:absolute;
	width:7%;/*47 7.12*/
	display: block;
	top: 0;
	right:4.3%;
	}
.u5ph_box2 > p img{
	position:relative;
	width: 100%;
	display: block;
	}


.swiper-button-next.wra, .swiper-button-prev.wla {
  	top: 50%;
  	width:11%;/*144*/
  	height:auto;/*50*/
  	padding-bottom:3.8194%;/**/
  	margin-top:0;
  	background-size: 100% auto;
	transform: translateY(-50%);
	transition: all .5s;
	}
.swiper-button-next.wra {
  	background-image: url(../images/up5/next-btn.png);
  	right:5%;
	}
.swiper-button-prev.wla {
  	background-image:url(../images/up5/prev-btn.png);
  	left:5%;
	}
.swiper-button-next.wra:hover{right:0;}
.swiper-button-prev.wla:hover{left:0;}
.u5ph_a{
	position:relative;
	width:50.7%;/*660*/
	margin:0 auto;
	}
.u5bb{
	position:relative;
	padding:1.5vw 0;/**/
	}
/*6*/
.up6_bt{
	position:relative;
	width:85.71428571428571%;/*1200 /14*/
	display:block;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image: url(../images/up6/up6_bt.png);
	background-size:100% auto;
	overflow:hidden;
	margin:0 auto;
	}
.up6_bt > li{
	position:relative;
	width:25%;
	padding-bottom:5.333333333333333%;/*64*/
	display:block;
	cursor: pointer;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	opacity:0;
	}
.up6_1{float:left;background-image: url(../images/up6/up6_bt_1.png);}
.up6_2{float:left;background-image: url(../images/up6/up6_bt_2.png);}
.up6_3{float:left;background-image: url(../images/up6/up6_bt_3.png);}
.up6_4{float:left;background-image: url(../images/up6/up6_bt_4.png);}
.up6_bt > li:hover,.up6_bt > li.on{opacity:1;}
.f1{
	position:relative;
	padding:0.7vw 0 0.8vw 1.3vw;/**/
	}
.f1 li{list-style-type:decimal;}
.s1{
	position:relative;
	width:98%;
	height: 2px;
	background-attachment: scroll;
	background-repeat:repeat-x;
	background-position:50% 50%;
	background-image: url(../images/up6/s1.png);
	background-size:auto 100%;
	margin: -3px auto 0;
	top:-3px;
	}
.s1::before,.s1::after{
	position:absolute;
	width:6px;
	padding-bottom:6px;
	display:block;
	content:"";
	background-color:#8799a2;
	top: 50%;
	transform: translateY(-50%);
	border-radius:50%;
	}
.s1::before{left:0;}
.s1::after{right:0;}
.w1{ position: relative; left: -0.6vw;}
.w1a{ position: relative; left: -1.3vw; display: inline-block;}
.ph{
	position:relative;
	display: block;
	padding:8px 0 5px;
	}
.ph img{
	position:relative;
	max-width:100%;
	display: block;
	}
.ph3{
	position:relative;
	display: block;
	padding:0 0 8px;
	}
.ph3 img{
	position:relative;
	width:50%;/*75*/
	display: block;
	margin:-5px auto 15px;
	}
.f2{
	position:relative;
	font-weight:500;
	display: block;
	padding:0.8vw 0 0 1.3vw;
	top: 3px;
	}
.cr1 img{margin:0 auto;}
.cr2{text-align:center;}
.clr1{text-align:center;}
/*7*/
.up7_bt{
	position:relative;
	width:85.71428571428571%;/*1200 /14*/
	display:block;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image: url(../images/up7/up7_bt.png);
	background-size:100% auto;
	overflow:hidden;
	margin:0 auto;
	}
.up7_bt > li{
	position:relative;
	width:25%;
	padding-bottom:5.333333333333333%;/*64*/
	display:block;
	cursor: pointer;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	opacity:0;
	}
.up7_1{float:left;background-image: url(../images/up7/up7_bt_1.png);}
.up7_2{float:left;background-image: url(../images/up7/up7_bt_2.png);}
.up7_3{float:left;background-image: url(../images/up7/up7_bt_3.png);}
.up7_4{float:left;background-image: url(../images/up7/up7_bt_4.png);}
.up7_bt > li:hover,.up7_bt > li.on{opacity:1;}
.tbk{
	position: relative;
	width: 100%;
	padding-bottom:0;
	}
/**/
.u6-title{
	position:relative;
	display: block;
	padding-left:1.25vw;/*24*/
	font-size:1.75vw;/*32 1.6 26 1.35416 */
	font-weight:700;
	margin:0.78125vw 0;/*15 8 0.416 */
	}
.u6-title::before{
	position: absolute;
	width:0.989583vw;/*19*/
	padding-bottom:1.4583vw;/*28*/
	display:block;
	content:"";
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	background-image: url(../images/up4/arrow-icon.png);
	top:0.03vw;/*1*/
	left: 0;
	}
/**/			
@media only screen and (max-width:1400px){
/**/
	
}
@media only screen and (max-width:1080px){	
/**/
	
}
@media only screen and (max-width:800px){
/**/

}
@media only screen and (max-width:750px){
/**/
.pg1{background-image: url(../images/page_m.jpg);}
.pg2{background-image: url(../images/page2_m.jpg);}
.pg3{background-image: url(../images/page3_m.jpg);}
.pg4{background-image: url(../images/up4/page4_1_m.jpg);}
.pg4.p4_2{background-image: url(../images/up4/page4_2_m.jpg);}
/**/
.mubx{
	position:fixed;
	width:100%;
	height: auto;
	display:block;
	z-index:5;
	}
.mubx::before{
	position:fixed;
	width:100%;
	height:100vh;
	height:calc(var(--vh, 1vh) * 100);
	content:"";
	display:none;
	background-color:#0a0c10;/*03060b*/
	background-image:none;
	left: 0;
	top: 0;
	}
.mubx.on::before{display:block;}
.mk{
	position:relative;
	height:100vh;
	height:calc(var(--vh, 1vh) * 100);
	display:none;
	overflow:auto;
	}
.mubx ul{
	position:relative;
	width:85%;
	margin:0 auto;
	padding:2vh 0;
	background-attachment: scroll;
    background-repeat: no-repeat,no-repeat,no-repeat,no-repeat,repeat-x,repeat-y,repeat-x,repeat-y;
    background-position: 0% 0%,100% 0%,100% 100%,0% 100%,50% 0%,100% 50%,50% 100%,0% 50%;
    background-image: url(../images/mb2_1.png),url(../images/mb2_2.png),url(../images/mb2_3.png),url(../images/mb2_4.png),url(../images/mb2_5.png),url(../images/mb2_6.png),url(../images/mb2_5.png),url(../images/mb2_6.png);
	
	}
.mubx.on .mk{
	/*display:block;*/
    display:flex;
	flex-wrap:wrap;
    align-items:center;
	/*justify-content:center;*/
	padding:8.5vh 0 6vh;
	}
.mubx ul > li{
	width:80%;
	margin:0 auto;
	background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-image: url(../images/ms_1.png);
    background-size: 100% 2px;
	}
.mubx ul > li:last-child{background-image:none;}
.tibx{height:5.866666vw;/*44*/}
.mubx ul > li a{
	width:100%;
	padding:1vw 0;
	text-align: center;
	font-size:5vw;/*37.5*/
	line-height:12vw;/*90*/
	color:#cce0fa;
	}	
.mubx ul > li.muh a{
	padding:1vw 0;
	background-image:none;
	}
.mubx ul > li a::before{
	position:relative;
	width: 100%;
	height:auto;
	opacity:1;
	}
.mubx ul > li.on a::before{color:#dc8c19;}
.mubx ul > li.muh a:before{content:"首頁";}
.mubx ul > li.mu1 a{background-image:none;}
.mubx ul > li.mu1 a::before{background-image:none;content:"七情刃";}
.mubx ul > li.mu2 a{background-image:none;}
.mubx ul > li.mu2 a::before{background-image:none;content:"武道三重";}
.mubx ul > li.mu3 a{background-image:none;}
.mubx ul > li.mu3 a::before{background-image:none;content:"緣聚江湖";}
.mubx ul > li.mu4 a{background-image:none;}
.mubx ul > li.mu4 a::before{background-image:none;content:"全新副本";}
.mubx ul > li.mu5 a{background-image:none;}
.mubx ul > li.mu5 a::before{background-image:none;content:"全新玩法";}
.mubx ul > li.mu6 a{background-image:none;}
.mubx ul > li.mu6 a::before{background-image:none;content:"改版活動";}
.mubx ul > li.mu7 a{background-image:none;}
.mubx ul > li.mu7 a::before{background-image:none;content:"新服加開";}
.mubx ul > li.mu8 a{background-image:none;}
.mubx ul > li.mu8 a::before{background-image:none;content:"新品上市";}	
/* 三明治 */
.menut{display:block;}
/*1*/	
.up1cn{
	width:100%;
	max-height:none;/**/
	height:146vw;/*1125 150 1100*/
	font-size:3.4vw;/*26*/
	line-height:5.3vw;/*40*/
	left:0;
	/*top:0;
	transform: translateY(0);*/
	}	
.ws7 .up1cn{height:170vw;/*1333 177.73*/}
	
.up1b{height:20vw;/*150*/}
.up1c{min-height:calc(100% - 20vw - 2.3958vw);}/*100vh*/
.up1d{height:2.3958vw;/*46*/}
.up1_bt{width:70%;/*525*/}
.up1c #incon2{left:0;}
.tibx{height:5.86vw;/*44 5.86*/}	
.up1a{padding:2.35vw 0 2.8vw;/* x4 */}
.up1a > li{
	padding-left:3vw;
	padding-bottom:2vw;/*1*/
	}
.up1a > li::before{
	width:1.06vw;/*8*/
	height:1.06vw;
	left:0.8vw;
	top:2.6vw;
  	}
.pic1{
	width:40%;/*228 300*/
	margin:4.8vw 0;/* x4 */
	}	
.title_wbx{
	position:relative;
	width:56%;/*420*/
	left:0;
	}
.title_wbx::before{padding-bottom:32.71428%;/*150*/	}
/**/
.rolebx{
	float:none;
	width:100%;/*800 61.53846*/
	padding-bottom:92.53846%;/**/
	right:0;
	}
.wc2{padding:2.35vw 0 2.8vw;/* x4 */}
.wcn{
	position:relative;
	width:100%;
	top:0;
	left:0;
	padding:0 0 6vw;/*50*/
	}
.rolebtn{
	width:60%;/*298 72%*/
	margin:8vw auto;
	}
/* 2 */
.up2cn{
	width:100%;
	max-height:none;
	height:146vw;/*1125 150 1100*/
	/*top:0%;
	transform: translateY(0);*/
	}
.ws7 .up2cn{height:155vw;/*1333*/}
	
.flag_tit{display:none;}
.flag_tit::before{animation-play-state: paused;}
.sectbtbx{
	position:relative;
	width:78%;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:none;
	background-size:100% auto;
	text-align:center;
	padding:6vw 0 0.6vw;/*45 5*/
	left:50%;
	transform: translateX(-50%);
	bottom:0;
	z-index:3;
	/*h 194 234*/
	}
.sectbtbx > li{
	width:12.26vw;/*84 11.2 92*/
	display:inline-block;
	cursor: pointer;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	margin:0 0.5vw;/*0.95%*/
	}
.sect1{background-image: url(../images/up2/sect1_m.png)}
.sect1::before{background-image: url(../images/up2/sect1a_m.png)}
.sect2{background-image: url(../images/up2/sect2_m.png)}
.sect2::before{background-image: url(../images/up2/sect2a_m.png)}
.sect3{background-image: url(../images/up2/sect3_m.png)}
.sect3::before{background-image: url(../images/up2/sect3a_m.png)}
.sect4{background-image: url(../images/up2/sect4_m.png)}
.sect4::before{background-image: url(../images/up2/sect4a_m.png)}
.sect5{background-image: url(../images/up2/sect5_m.png)}
.sect5::before{background-image: url(../images/up2/sect5a_m.png)}
.sect6{background-image: url(../images/up2/sect6_m.png)}
.sect6::before{background-image: url(../images/up2/sect6a_m.png)}
.sect7{background-image: url(../images/up2/sect7_m.png)}
.sect7::before{background-image: url(../images/up2/sect7a_m.png)}
.sect8{background-image: url(../images/up2/sect8_m.png)}
.sect8::before{background-image: url(../images/up2/sect8a_m.png)}
.sect9{background-image: url(../images/up2/sect9_m.png)}
.sect9::before{background-image: url(../images/up2/sect9a_m.png)}
.sect10{background-image: url(../images/up2/sect10_m.png)}
.sect10::before{background-image: url(../images/up2/sect10a_m.png)}
	
	
.sectprbx{display:none;}
.sebx.on .sectprbx::before{animation-play-state: paused;}
.smubx{
	position:relative;
	width:80%;
	margin:0 auto;
	text-align:center;
	top:0;
	left:0;
	z-index:2;
	}
.smubx li{
	width:18.6vw;/*132  140*/
	padding-bottom:18.6vw;
	display:inline-block;
	margin:0.6% 1.3% 0;
	}
.sebx{
	position:absolute;
	width:100%;
	height:calc(100% - 32.2vw);/*234 140  - 31.2vw*/
	top:auto;
	bottom:1.5%;
	}
.sebx #inc1,.sebx #inc2,.sebx #inc3,.sebx #inc4,.sebx #inc5,.sebx #inc6,.sebx #inc7,.sebx #inc8,.sebx #inc9,.sebx #inc10{
		position:absolute;
		width:100%;
		height:calc(100% - 18vw);/*140 18.6*/
		left:0;
		top:auto;
		bottom:0;
		padding:0 10px 0 10px;
		overflow:auto;
		}
		
.tfbx1{
	position:relative;
	width:100%;
	display:block;
	margin:0 auto;
	}
.tfbx1 .tf1{
	font-size:4.8vw;/*26 3.46vw 36*/
    line-height:7.46vw; /*46 6.13 56*/
	font-weight:700;
    padding: 0 4vw;/*30*/
	/*left:50%;
	transform:translateX(-50%);*/
	}
.tfbx1 .tf2{
	position:relative;
	width:65%;
	font-size:4.26vw;/*22 2.93 32*/
    line-height:4.8vw;/*26 3.46 36*/
    padding:2% 0 2% 1vw ;/*6*/
	/*justify-content: center;
	left:50%;
	transform:translateX(-50%);*/
	}
.tfbx1 .tf2 span{padding-left:3%;}
.tfbx1 .tf2 img{width:8vw;/*50 6.6 60*/}
.tfbx1 .tf3{
	font-size:2.93vw;/*16 2.13 22*/
    line-height:3.73vw;/*20 2.6 28*/
    padding: 2% 0;
	}
.tfbx1 .tf3.ba{
	height:auto;
	overflow:auto;
	}
.tfbx2{
	float:none;
	width:100%;/*700 730*/
	padding:2vw 0;/*30*/
	
	}
.tfbx2 > li{
	position: relative;
	width:100%;/*700 730*/
	min-height:11.73vw;/*84 88*/
	left:50%;
	transform:translateX(-50%);
	}
.tfbx2 > li > div{
	width:28.57%;/*200*/
	margin-right:2.85%;/*20*/
	}
/*.tfbx2 > li > div > div{
	position: relative;
	width:100%;
	height:100%;
	display: flex;
  	align-items: center;
	}*/
.tfbx2 > li > div > div > p{
	width:42%;/*84*/
	height:11.73vw;/*84 88*/
	margin-right:0%;/*6*/
	}
.tfbx2 > li > div > div > p img{
	width:73.80952380952381%;/*62*/
	}
.tfbx2 > li > div > div > .tc1{
	width:56%;
	font-size:2.93vw;/*16 2.13 20  2.6 22 */
	}
.tfbx2 > li > div > div > .tc1 i{
	font-size:1.86vw;/*12 1.6 14*/
    line-height:2.6vw;/*16 2.13 20*/
	margin-top:0.6vw;/*5*/
	}
.tfbx2 > li > div > span{
	font-size:2.4vw;/*14 1.86 18*/
    line-height:2.93vw;/*16 2.13 20 2.6 22*/
	margin:3% 0 0 5%;
	}
.sebx.on .on > .tfbx1,.sebx.on > .sectprbx,.sebx.on > .smubx{animation: none;}
.sebx.on .on > .tfbx2 > li:nth-last-child(1){animation: none;}
.sebx.on .on > .tfbx2 > li:nth-last-child(2){animation: none;}
.sebx.on .on > .tfbx2 > li:nth-last-child(3){animation: none;}
.sebx.on .on > .tfbx2 > li:nth-last-child(4){animation: none;}
.sebx.on .on > .tfbx2 > li:nth-last-child(5){animation: none;}
.sebx.on .on > .tfbx2 > li:nth-last-child(6){animation: none;}
.sebx.on .on > .tfbx2 > li:nth-last-child(7){animation: none;}
.sebx.on .on > .tfbx2 > li:nth-last-child(8){animation: none;}
	
.sebx.on #inc1{animation: slideInup .6s .5s ease backwards;}

/* 3 */
.up3cn{
	width:100%;
	max-height:none;
	height:150vw;/*1125 150 1100 146*/
	}
.up3b{
	position:relative;
	height:25.333vw;/*190*/
	}
.up3c{
	min-height: calc(100% - 25.333vw);
	}
	
.up3_btbx{
	width:88%;
	padding:4vw 0 1.3vw;/*30 0 25*/
	}
.up3_btbx li{width:40%;/*300*/}
.up3_titbx{width:80%;/*600*/}
.up3c1{background-image: url(../images/up3/pg3_1_bg_m.png);}
.up3c2{background-image: url(../images/up3/pg3_2_bg_m.png);}
.u3_1bx{
	position: relative;
	width:86%;/*645*/
	padding-bottom:107.33%;/**/
	display:block;
	top:4.51vw;/*29*/
	left:5.53%;
	}
.u3_1bx li{
	width:21.55%;/*139*/
	padding-bottom:4.8073%;/*29*/
	}
.u3_1bx li:hover{filter: brightness(1.2);}
.u3_1bt_1{top:25.5vw;left:14.45%;}
.u3_1bt_2{top:25.5vw;left:63.15%;}
.u3_1bt_3{top:62vw;left:14.45%;}
.u3_1bt_4{top:62vw;left:63.15%;}
.u3_1bt_5{top:97.6vw;left:63.15%;}
/**/
.u3_2bx{
	position: relative;
	width:80%;/*600*/
	height:97.6vw;/*732*/
	display:block;
	top:8.8vw;/*66*/
	left:10.26%;/*77*/
	}
.u3_2_tit{
	width:116%;/*700*/
	padding-bottom:8.285714285714286%;/*50*/
	margin:1.0416vw auto 0.52vw;/*10 0.52vw 20*/
	left:-8%;
	}
.u3_2_b{
	position:relative;
	width:95%;/*570*/
	overflow:auto;
	}
.u3_2_img{
	float:none;
	width:90%;/*436*/
	padding-bottom:60.48165137614679%;/*293*/
	margin:1.3vw auto;/*5 0.26vw 10*/
	}
.u3_2_bc{
	float:none;
	width:100%;
    font-size:2.93vw;/*18 2.4 22*/
    line-height:4vw;/*32 4.26 30*/
	}
.sub-tit,.sub-tit2{
	height:6.4vw;/*48*/
	margin:1.3vw 0;/*10*/
	}
.sub0{height:1.3vw;/*10*/}
.sub-tit > span,.sub-tit2 > span{
    font-size:3.46vw;/*24 3.2 26 */
	line-height:6.4vw;/*48*/
	padding-left:3.9%;/*5*/
	}
.u3_2_bc2{
	width:100%;
	/*max-height:18vw;
	overflow: auto;*/
	padding:0 0 1.5vw 4%;/*10 1.3 5*/
	background-image: url(../images/up3/line_2m.png);
	background-size:auto 0.93vw;/*7*/
	margin-bottom:0.6vw;/*5*/
	}	
.u3_mor{margin:0 auto;}
.u3_2btbx{
	width:100%;
	height:24vw;/*180*/
	left:0;
	transform:translateX(0);
	bottom:-2.5%;
	overflow:hidden;
	}
.u3_2btbx li{
	width:20%;/*180*/
	padding-bottom:20%;
	}	
.u3_2bt_1{left:-1%;bottom:2%;}
.u3_2bt_2{left:19.5%;bottom:13%;}
.u3_2bt_3{left:40%;bottom:1%;}
.u3_2bt_4{left:60.5%;bottom:15%;}
.u3_2bt_5{left:81%;bottom:2%;}
/*4*/
.up4cn{
	width:100%;
	max-height:none;/**/
	height:146vw;/*1125 150 1100*/
	font-size:3.4vw;/*26*/
	line-height:5.3vw;/*40*/
	left:0;
	}
.ws7 .up4cn{height:170vw;/*1333 177.73*/}
.up4b{height:25.33vw;/*190*/}
.up4b::before{padding-bottom:5%;}
.up4c{min-height:calc(100% - 25.33vw - 2.3958vw);}
.up4d{height:2.3958vw;/*46*/}
.up4_bt{
	width:70%;/*525*/
	margin:0 auto 2.35vw;/*20*/
	}
.up4_titbx{
	width:60%;/*464*/
	padding-bottom:10.215%;/*79*/
	}
.up4a{width:100%;padding:2.35vw 0 2.8vw;}
.rulebtn{
	width:60%;/*29 728*/
	margin:1vw auto 3.5vw;
	}
.up4a p{
    width:2.13vw;/*16*/
    height:2.93vw;/*22*/
    margin-right:0.3vw;/*2*/
	top:-0.3vw;
	}
.pg4 .boss1{display:none;}	
.pg4.p4_2 .boss1{display:none;}	
.pg4 .boss2{display:none;}
.pg4.p4_2 .boss2{display:none;}		
.boss2a{display:block;}	
.bossph{
	width:98%;/*692*/
	margin:0 auto;
	}
.boss1a{display:block;}
.adp2{display:block;}	
.bossphbx{width:98%;margin:0 auto;}
.bossphbx2{width:85%;margin:0 auto;}
.bstxt{
	position:relative;
	width:100%;
	min-height:20vw;
	padding:3vw 2.388% 1vw;/*6 16*/
	background-color:rgba(0,0,0,0);
	bottom:0;
	left:0;
	transform: translateX(0);
    display: flex;
    align-items: center;
	font-size:3.2vw;/*24*/
	line-height:4.8vw;/*36*/
	}
/* 5 */
.up5b{height:25.33vw;/*190*/}
.up5c{min-height:calc(100% - 25.33vw - 2.3958vw);}
.up5d{height:2.3958vw;/*46*/}
	
.u5bt1{padding-bottom:5%;}
.up5_bt{
	width:70%;/*525*/
	background-position:50% 0%;
	background-image: url(../images/up5/up5_bt_m.png);
	}
.up5_bt > li{
	width:50%;
	padding-bottom:10.66666%;/*64*/
	}
.up5_1{float:left;background-image: url(../images/up5/up5_bt_1.png);}
.up5_2{float:left;background-image: url(../images/up5/up5_bt_2_m.png);}
.up5_3{float:left;background-image: url(../images/up5/up5_bt_3_m.png);margin:2.3vw 0 0 17.5vw;/*20*/ }
	
.f1{padding:2.35vw 0 2.8vw 5.8vw;}	
.u5ph_box{width:90%;/*660*/margin: .5vw auto 3.8vw;}
	
.u5ph_a{width:85%;/*660*/}
.swiper-button-next.wra, .swiper-button-prev.wla {
  	width:15%;/*144*/
  	padding-bottom:5.2%;/*50*/
	}
.swiper-button-next.wra {right:0%;}
.swiper-button-prev.wla {left:0%;}
.u5bb{padding:3.8vw 0;}
/* 6 */	
.up6_bt{
	width:70%;/*525*/
	background-position:50% 0%;
	background-image: url(../images/up6/up6_bt_m.png);
	}
.up6_bt > li{
	width:50%;
	padding-bottom:10.66666%;/*64*/
	}
.up6_1{background-image: url(../images/up6/up6_bt_1.png);}
.up6_2{background-image: url(../images/up6/up6_bt_2_m.png);}
.up6_3{background-image: url(../images/up6/up6_bt_3_m.png);margin:2.3vw 0 0;}	
.up6_4{background-image: url(../images/up6/up6_bt_4.png);margin:2.3vw 0 0;}		
.w1{left: -1.6vw;}	
.w1a{margin-left: -3.5vw;left:0;}
.clr1{text-align:left;}
/*7*/
.up7_bt{
	width:70%;/*525*/
	background-position:50% 0%;
	background-image: url(../images/up7/up7_bt_m.png);
	}
.up7_bt > li{
	width:50%;
	padding-bottom:10.66666%;/*64*/
	}
.up7_1{background-image: url(../images/up7/up7_bt_1.png);}
.up7_2{background-image: url(../images/up7/up7_bt_2_m.png);}
.up7_3{background-image: url(../images/up7/up7_bt_3_m.png);margin:2.3vw 0 0;}	
.up7_4{background-image: url(../images/up7/up7_bt_4.png);margin:2.3vw 0 0;}		
.s1{
	height: 1px;
	margin: -3px auto 0;
	top:-3px;
	}
.s1::before,.s1::after{
	position:absolute;
	width:3px;
	padding-bottom:3px;
	display:block;
	content:"";
	background-color:#8799a2;
	top: 50%;
	transform: translateY(-50%);
	border-radius:50%;
	}	
.tbk{padding-bottom:2.6%;}
/**/
.u6-title{
	padding-left:3.2vw;/*24*/
	font-size:5.26vw;/*32 4.26 26 3.46*/
	margin:2vw 0;/*15 8 1.06*/
	}
.u6-title::before{
	width:2.53vw;/*19*/
	padding-bottom:3.73vw;/*28*/
	top:0.53vw;/*1*/
	}
	
	
}
@media only screen and (max-width:630px){
/**/


}
@media only screen and (max-width:580px){
/**/
.ph3 img{
	width:90%;
	margin:-5px auto 15px;
	}	
}
@media only screen and (max-width:500px){
/**/
/*1*/	
.up1cn{
	font-size:4vw;/*20*/
	line-height:6vw;/*30*/
	font-weight:400;
	}
.tibx{height:7.8vw;/*44*/}
.pic1{width:46%;/*228 300*/}
/**/
tfbx2 > li > div {
  width: 30.57%;
  margin-right:0.85%;
	}
.tfbx2 > li > div > div > .tc1{
	font-size:3.2vw;/*16 */
	}
.tfbx2 > li > div > div > .tc1 i{
	font-size:1.9vw;/*12*/
    line-height:2.8vw;/*16 2.13 20*/
	margin-top:0.6vw;/*5*/
	}
.tfbx2 > li > div > span{
	font-size:2.4vw;/*14 1.86 18*/
    line-height:2.93vw;/*16 2.13 20 2.6 22*/
	margin:3% 0 0 5%;
	}
/*4*/	
.up4cn{
	font-size:4vw;/*20*/
	line-height:6vw;/*30*/
	font-weight:400;
	}
.up4a p{
    width:3.2vw;/*16*/
    height:4.4vw;/*22*/
    margin-right:0.4vw;/*2*/
	top:-0.4vw;
	}
/**/
.u6-title{
	padding-left:4.8vw;/*24 */
	font-size:6.1vw;/*32 26 5*/
	margin:3.8vw 0;/*15 8 1.6*/
	}
.u6-title::before{
	width:3.8vw;/*19*/
	padding-bottom:5.6vw;/*28*/
	top:0.05vw;/*1*/
	}
	
}
@media only screen and (max-width:450px){
/**/

}
@media only screen and (max-width:418px){
/**/
}
@media only screen and (max-width:370px){
/**/
.w1a{ display: inline;}	
}
@media only screen and (max-width:360px){
/**/
/*三明治*/
.menut{width:50px;height:50px;}
}
@media only screen and (max-width:320px){
/**/
}

@media (hover: hover) {
  .box:hover {
    opacity: 1;
  }
}


@keyframes flag {
   0% ,100%{transform:rotate(-1deg);}
   50% {transform:rotate(1deg);}
	}
@keyframes rote{
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
	}
@keyframes slideInleft {0% {transform: translateX(-100px);opacity: 0;}}
@keyframes slideInright {0% {transform: translateX(100px);opacity: 0;}}
@keyframes slideInup {0% {transform: translateY(50px);opacity: 0;}}
@keyframes slideIndown {0% {transform: translateY(-100px);opacity: 0;}}