@charset "utf-8";
img {
    max-width: 100%;
    max-height: 100%;
}
.map {
    position: relative;
}
.map .posi {
    display: flex;
      position: absolute;
      bottom: 50px;
      right: 50px;
      z-index: 9;
      width: 37%;
      max-width: 508px;
      height: 50%;
      max-height: 329px;
      opacity: 1;
      border-radius: 27px;
      background: #FFFFFF;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
      align-items: center;
      justify-content: center;
      align-content: center;
      flex-wrap: wrap;
      padding: 0 5%;
}
.map .posi div {
    display: block;
    padding: 5px 0;
    width: 100%;
}
.icolor,.hvcolor:hover{
	color: #E26A11;
}
.bgcolor,.hvbgcolor:hover{
	background: #E26A11;
	color: #fff;
}
.head{
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	background: rgba(26, 25, 31, 0.3);
	height: 90px;
	transition: .25s;
}
.head_active{
	background: rgba(26, 25, 31, 0.9);
}
.head_height{
	height: 100px;
}
.ht{
	background: #E26A11;
	color: #fff;
	line-height: 40px;
}
.htr a img{
	display: block;
}
.htr a{
	margin-left: 12px;
}
.logo{
	display: inline-block;
	height: 25px;
}
.nav li{
	position: relative;
	margin-left: 80px;
}
.nava{
	color: #fff;
	display: block;
	line-height: 90px;
	height: 90px;
	position: relative;
}
.nava::after{
	width: 28px;
	height: 4px;
	background: #E26A11;
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -14px;
	bottom: 0;
	opacity: 0;
	display: none !important;
}
.nav li.active .nava::after{
	opacity: 1;
}
.nav li:hover .nava,
.nav li.active .nava{
	color: #E26A11;
}
.navhide{
	width: 140px;
	border-radius: 4px 4px 8px 8px;
	background: rgba(255,255,255, 1);
	position: absolute;
	left: 50%;
	margin-left: -70px;
	top: 100%;
	z-index: 10;
	transition: .25s;
	margin-top: -10px;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
	padding: 5px 0;
}
.nav li:hover .navhide,
.hdra3:hover .navhide{
	margin-top: 0;
	opacity: 1;
	visibility: inherit;
}
.hdra3 .navhide{
	width: 90px;
	margin-left: -50px;
}
.navhide a{
	line-height: 23px;
	display: block;
	text-align: center;
	color: #666;
	font-size: 14px;
	padding: 7px 10px;
}
.navhide a:last-child{
	border-bottom: 0;
}
.navhide a:hover{
	color: #E26A11;
}
.hdra{
	margin-left: 8%;
}
.hdra a{
	color: #fff;
	opacity: .5;
}
.hdra a.active,.hdra a:hover{
	opacity: 1;
}
.hdra i{
	width: 1px;
	height: 10px;
	background: #fff;
	opacity: .5;
	margin: 0 20px;
}
.bnimg video{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.md{
	padding: 80px 0;
}
.ititle_45{
	font-size: 45px;
}
.bnbg{
	background: rgba(26, 25, 31, 0.3);
}
.bntxt h1{
	letter-spacing: 2px;
}
.bntxtline{
	width: 200px;
	height: 1px;
	background: #fff;
	margin: 50px auto;
	max-width: 25%;
}
.bntxtb span{
	margin: 10px 2%;
}
.foot{
	background: #1A191F;
	color: #6A84B0;
}
.foot a{
	color: #6A84B0;
}
.foot a:hover{
	text-decoration: underline;
}
.ft{
	padding: 40px 0;
	border-bottom: 1px solid #1F3B6C;
}
.fb{
	padding: 20px 0;
	text-align: center;
}
.fta i{
	width: 35px;
	height: 3px;
	background: #1F3B6C;
	display: block;
	margin: 20px 0;
}

.i1{
	background: #F8F8F8;
}
.i1a_a{
	display: block;
	position: relative;
	text-align: center;
}
.i1aimg{
	position: relative;
	border-radius: 8px;
	overflow: hidden;
}
.vdico{
	background: url(../images/i1vd.png) no-repeat center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	width: 100%;
	height: 100%;
}
.i2l{
	width: 35%;
	margin-right: 2.5%;
}
.i3{
	display: flex;
	align-items: center;
	background: #000;
	color: #fff;
}
.i3lw{
	width: 800px;
	max-width: 100%;
	padding-right: 5%;
}
.itxt{
	/*line-height: 2.6;*/
}
.i3more{
	display: inline-block;
	padding: 14px 50px;
	border: 1px solid #fff;
	color: #fff;
	border-radius: 50px;
}
.i3more_blk{
	color: #333;
	border: 1px solid #333;
}
.i3more:hover,.i3more.active{
	background: #E26A11;
	border: 1px solid #E26A11;
	color: #fff;
}
.i3r video{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.i4{
	background: #1a191f;
	color: #fff;
}
.morea:hover{
	text-decoration: underline;
}

.ab2l{
	width: 47%;
	margin-right: 5%;
}
.ab3 .i2l{
	margin-right: 0 !important;
	margin-left: 2.5%;
}
.ab5a_a{
	display: block;
	overflow: hidden;
	background: #F6F6F6;
}
.ab5a_a img{
	display: block;
	max-width: 100%;
	max-height: 100%;
}
.ab6l{
	width: 30%;
}
.ab6r{
	width: 67%;
}
.ab6l h3{
	letter-spacing: 5px;
}
.ab6lb i{
	transition: .25s;
	margin: 0 10px;
	cursor: pointer;
	filter: grayscale(500%);filter: gray;
}
.ab6lb i:hover{
	filter:inherit;
}
.ab6raimg{
	border: 1px solid #E6E6E6;
}

.casetop i{
	display: block;
	width: 38px;
	height: 4px;
	background: #E26A11;
}
.csa_a{
	display: block;
	min-height: 100%;
}
.csa_a span{
	display: inline-block;
	padding: 10px 35px;
	border-radius: 50px;
	background: #E26A11;
	color: #fff;
	transition: .25s;
}
.csa_a span:hover{
	opacity: .85;
}

.listbn{
	background-size: cover !important;
	position: relative;
}
.ci_wrap{
	width: 900px;
	padding: 0 15px;
	max-width: 100%;
	margin: 0 auto;
}
.citra{
	padding: 15px 0;
}
.ci1top h1{
	line-height: 1.6;
}
.ci1txt *{
	max-width: 100%;
}

@media only screen and (max-width:1599px) {
	.md{
		padding: 70px 0;
	}
	.ititle_45{
		font-size: 40px;
	}
	.nav li{
		margin-left: 60px;
	}
	.vdico{
		background-size: 70px;
	}
	.i3lw{
		padding: 0 25px;
	}
	.i3more{
		padding: 8px 35px;
		font-size: 14px;
	}
}
@media only screen and (min-width:768px) and (max-width:1199px) {
	.md{
		padding: 60px 0;
	}
	.ititle_45{
		font-size: 36px;
	}
	.nav li{
		margin-left: 45px;
	}
	.vdico{
		background-size: 50px;
	}
}
@media only screen and (max-width:950px) {
    .map .posi {
        padding: 15px;
        position: relative;
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: max-content;
        left: 0;
        top: 0;
        right: 0;
        border: 0;
        margin-top: 15px;
    }
    .map .posi div {
        padding: 0;
    }
	.md{
		padding: 50px 0;
	}
	.ititle_45{
		font-size: 30px;
	}
	.csa{
		width: 50%;
	}
}
@media only screen and (max-width:768px) {
	.md{
		padding: 25px 0;
	}
	.ititle_45{
		font-size: 24px;
	}
	.bntxt h1{
		font-size: 24px;
	}
	.bntxtline{
		margin: 20px auto;
	}
	.bntxt h3{
		font-size: 14px;
	}
	.bntxtb span{
		font-size: 12px;
		margin: 5px 15px;
	}
	.bntxtb span img{
		height: 8px;
	}
	.ft{
		padding: 25px 0;
	}
	.fta{
		display: none;
	}
	.fta.active{
		display: block;
	}
	.fta{
		width: 100%;
		text-align: center;
	}
	.fta i{
		width: 25px;
		height: 2px;
		margin: 0 auto;
		margin-top: 15px;
	}
	.ftarw{
		display: flex;
		justify-content: center;
	}
	.ftaewm{
		margin: 0 10px;
	}
	.fb{
		padding: 12px 0;
		font-size: 12px;
	}
	.i1a{
		width: 100%;
	}
	.vdico{
		background-size: 50px;
	}
	.itxt{
		line-height: 28px;
	}
	.i3more{
		padding: 5px 25px;
		font-size: 13px;
	}
	.i4 .md{
		padding: 0;
	}
	
	.ab6lb i img{
		width: 40px;
	}
	
	.csa{
		width: 100%;
	}
	.csa_a span{
		padding: 7px 25px;
	}
	.lbntxt h1{
		font-size: 20px;
	}
	.citra{
		padding: 8px 0;
	}
}