#quick {
	display: none;
}
/*main-slider*/
#main-slider > li {
	width: 100%;
}
#main-slider .inner_box {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
#main-slider .inner_box:before {
	content: "";
	transition: .5s;
	width: 0%;
	height: 100%;
	background: url(/images/black.png);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
#main-slider .inner_box.on:before {
	width: 100%;
}

.msimg1 {  }
.msimg2 {  }
.msimg3 { margin-bottom: 15px; margin-left: 105px; }
.msimg4 { margin-bottom: 15px; }
.msimg5 {  }

#main-slider .grid {
	z-index: 1;
	position: relative;
}
#main-slider .bx_t {
	opacity: 0;
}
#m_spot {
	background: #8dc73f;
	padding: 30px 0;
	text-align: center;
}
#m_spot img {
	width: 100%;
	height: auto;
	max-width: 600px;
}

.bg_gray{background: #f6f6f6;padding: 5em 0;}
#mdirect{width:100%;max-width: 1500px;margin:0 auto;}
.subtbg {text-align: center;padding-bottom: 65px;}
.subt {font-size: 48px;font-weight: 700;color: #555555;}
.subt:after{content:"";display:block;width:120px;margin:1em auto .7em;border-top:5px solid #f36c4f;}
.subsmallt {color: #f68e56;font-size: 30px;padding-bottom: 3em;}

#item{padding:0;margin:0 -5px;}
#item:after{content:"";display:block;clear:both;}
#item li{width:25%;padding: 5px;float:left;margin-bottom:5px;}
#item li a{display:block;position:relative;overflow:hidden;}
#item li a div{position:absolute;/* bottom:1em; *//* letter-spacing:-1px; *//* color:#ffffff; */width:100%;/* text-align:center; */text-decoration:none;z-index:1;}
#item li a img{width:100%;height:auto;position:relative;z-index:0;transition: all 0.2s ease-in-out;}
#item li a:hover img{transform: scale(1.1)}
#item li div img {width:100%;height:auto;position:relative;z-index:1;transition: unset;}
#item li a:hover div img {transform: none;}

#hero {
	position: relative;
	overflow: hidden;
	background-size: auto auto;
	background: #f6f6f6;
}
#hero .hero-content{text-align:center;padding: 0;max-width: 1500px;margin: 0 auto;}
#hero ul{padding:0;margin:0;list-style:none;background: #f6f6f6;position: relative;}
#hero ul:after{content:"";clear:both;display:block;}
#hero ul li {
	display: inline-block;
	padding: 0px;
	width: 45%;
	max-width: 365px; 
}
#hero ul > div{display:inline-block;}
#hero ul li img{width: 100%;}
#hero .grid{display:block;}
#hero .grid_m{display:none;}
#hero .notice{position:relative;}
#hero .notice2{position:absolute;top:0;text-align:left;padding: 30% 8%;width:100%;font-size:14px; padding-top: 0; margin-top: 30%;}
#hero .notice2 span{float: right;}
#hero ul li .bor { border-right: 1px solid #b1b1b1;}
#hero ul li .bol { border-left: 1px solid #b1b1b1;}
#hero .mb4{position:relative;}
#hero .mb4_sub {
	position: absolute;
	top: 120px;
	/* text-align: center; */
	padding: 0 0%;
	width: 24%;
	font-size: 18px;
	color: #555;
	line-height: 40px;
	background: url(/images/m10.png) no-repeat;
	background-position: 34% 18%;
	background-size: 1px 135px;
}
#hero .mb4_sub .hp {
	font-size: 38px;
	font-weight: bold;
	text-align: center;
	padding: 5% 0px 5% 30px;
	background: url(/images/m11.png) no-repeat;
	background-position: 9%;
}

.hp {
	font-size: 38px;
	font-weight: bolder;
	text-align: center;
	padding: 36px 0 13.4% 0;
	color: #f27d4f;
}
.hp span {
	font-size: 38px;
	font-weight: 200;
	vertical-align: top;
}

#mq {
	padding: 20px 0;
	background: #f6f6f6;
	padding-bottom: 0;
}
#mq ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#mq ul:after {
	content: "";
	display: block;
	clear: both;
}
#mq ul li {
	float: left;
	width: 25%;
	display: block;
	border-left: 1px solid #b1b1b1;
	border-right: 0px solid #b1b1b1;
	margin: 0px;
}
#mq ul li.first {
	border-left-width: 1px;
}
#mq ul li.last {
	border-right-width: 1px;
}
#mq ul li a {
	display: block;
	width: 100%;
	text-align: center;
}
#mq ul li img {
	margin-right: 5px;
}

.mp02 { background: url(/images/m9.png); }

.wid20 { padding: 0 20px; }

#m_map {
	position: relative;
	background: url(/images/m_map.jpg) 50% 0 no-repeat;
	height: 520px;
	background-size: auto 100%;
	transition: .3s;
}

ul{display:block;padding:0;margin:0;list-style:none;}
.swiper-container {width: 100%;height: auto;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;overflow:hidden;}
.swiper-slide .img{position:relative;z-index:0;}
.swiper-slide .wrap_txt{position:absolute;top: 65%;left: -16%;width:100%;text-align: center;z-index:1;}
.swiper-slide .wrap_txt.wrap_txt2{top: 30%;margin-left: 4%;}
.swiper-slide .wrap_txt.wrap_txt3{top: 42%;margin-left: 5%;}
.swiper-slide .wrap_txt.wrap_txt4{top: 30%;margin-left: -4%;}
.swiper-slide .wrap_txt.wrap_txt5{top: 25%;margin-left: 2%;}
.swiper-slide .wrap_bg{background:url(/images/dot.png);width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;}
.swiper-slide .txt{display:inline-block;text-align: left;padding:2em;margin:0 auto;text-align: center;}
.swiper-slide h2{color: #0072bc;font-weight: 200;font-size: 48px;letter-spacing: -5px;text-align: left;line-height: 60px;}
.swiper-slide h3{color: #fff;font-weight:100;font-size: 36px;margin: 30px 0 101px;/* float: left; */text-align: center;line-height: 40px;letter-spacing: -2px;}
.swiper-slide .wrap_txt.wrap_txt2 h3{color: #00b7ff;font-weight:100;font-size: 34px !important;margin: 20px 0px 30px !important;/* float: left; */text-align: left;line-height: 40px;letter-spacing: 0px;}
.swiper-slide .wrap_txt.wrap_txt4 h3{color: #00b7ff;font-weight:100;font-size: 34px !important;margin: 20px 0px 30px !important;/* float: left; */text-align: left;line-height: 40px;letter-spacing: 0px;}
.swiper-slide .wrap_txt.wrap_txt5 h3{color: #00b7ff;font-weight:100;font-size: 34px !important;margin: 20px 0px 30px !important;/* float: left; */text-align: left;line-height: 40px;letter-spacing: 0px;}
.swiper-slide h4{color: #ffffff;line-height: 39px;font-size: 24px;font-weight: 200;letter-spacing: -1.6px;text-align: left;}
.swiper-slide h4 span{color: #ffffff;line-height: 39px;font-size: 24px;font-weight: 600;letter-spacing: -1.6px;vertical-align: bottom;}	
.swiper-slide h5{padding-top:30px;}

.swiper-button-prev,
.swiper-button-next {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto;
}

.dir_go{position:absolute;text-align:center;z-index:999;width:100%;bottom:5%;margin:0 auto;}

.mainline { height: 1px; background-color: #c8c8c8; width: 500px; margin: 27px 0; }


@media only screen and (max-width: 1400px ) {
	.swiper-slide .wrap_txt{top: 40%;}
	.swiper-slide .wrap_txt2{top: 40%;}
}

@media only screen and (max-width: 1200px ) {
	.swiper-slide h2{color: #0072bc;font-weight: 400;font-size: 45px;/* float: left; */letter-spacing: -2px;text-align: left;line-height: 55px;}
	.swiper-slide h3{color: #fff;font-weight:100;font-size: 30px;margin: 0;/* float: left; */text-align: center;line-height: 40px;letter-spacing: -2px;}
	.swiper-slide .wrap_txt.wrap_txt2 h3{color: #fff;font-weight:100;font-size: 30px;margin: 0;/* float: left; */text-align: center;line-height: 40px;letter-spacing: 0px;}
	.swiper-slide .wrap_txt.wrap_txt4 h3{color: #fff;font-weight:100;font-size: 30px;margin: 0;/* float: left; */text-align: center;line-height: 40px;letter-spacing: 0px;}
	.swiper-slide .wrap_txt.wrap_txt5 h3{color: #fff;font-weight:100;font-size: 30px;margin: 0;/* float: left; */text-align: center;line-height: 40px;letter-spacing: 0px;}
	.swiper-slide h4{color: #fff;line-height:1.5em;/* float: left; */font-size: 30px;font-weight: 500;}	
}

@media only screen and (max-width: 992px ) {
	#mq {
		padding: 20px 0;
	}
	#m_map {
		height: 300px;
	}

	.swiper-slide .txt{padding:1em;}
	.swiper-slide h2{font-size: 26px; line-height: 36px;}
	.swiper-slide h3{font-size: 21px;line-height: 27px;}
	.swiper-slide h4{font-size: 21px; line-height: 10px;}
	.swiper-slide h5{display:none;}
	.swiper-slide .wrap_txt { top: 20% }
	.swiper-slide .wrap_txt.wrap_txt2 { top: 19%; margin-left: 33%; }
	.swiper-slide .wrap_txt.wrap_txt2 h3 {font-size: 21px; line-height: 27px; margin: 30px 0 20px 0;}
	.swiper-slide .wrap_txt.wrap_txt4 h3 {font-size: 21px; line-height: 27px; margin: 30px 0 20px 0;}
	.swiper-slide .wrap_txt.wrap_txt5 h3 {font-size: 21px; line-height: 27px; margin: 30px 0 20px 0;}

	#hero .mb4_sub {
		position: absolute;
		top: 120px;
		/* text-align: center; */
		padding: 0 0%;
		width: 40%;
		font-size: 18px;
		color: #555;
		line-height: 40px;
		background: url(/images/m10.png) no-repeat;
		background-position: 34% 18%;
		background-size: 1px 135px;
	}
	#hero ul li .bol { border-left: 0px solid #b1b1b1 }
}

@media only screen and (max-width: 768px ) {
	#m_map {height: 200px;}
	#item li {width:50%; margin-bottom: 0; padding: 4px;}
	#mq ul li {width: 50%; margin-bottom: 22px;}

	.swiper-slide .txt {padding:1em; text-align: left;}
	.swiper-slide .wrap_txt {top: 35%; left: 0;}
	.swiper-slide .wrap_txt.wrap_txt2 {top: 35%; margin-left: -10%;}
	.swiper-slide .wrap_txt.wrap_txt3 {top: 35%; margin-left: 5%;}
	.swiper-slide .wrap_txt.wrap_txt4 {top: 30%; margin-left: -15%;}
	.swiper-slide .wrap_txt.wrap_txt5 {top: 45%; margin-left: -5%;}
	.swiper-slide h2 {color: #0072bc; font-weight: 400; font-size: 25px;/* float: left; */letter-spacing: -1px; text-align: left; line-height: 35px;}
	.swiper-slide h3 {color: #6dcff6; font-weight: 500; font-size: 20px; margin: 0;/* float: left; */text-align: center; line-height: 1.5em; letter-spacing: -2px;}
	.swiper-slide .wrap_txt.wrap_txt2 h3 {color: #00b7ff; font-weight:100; font-size: 20px !important; margin: 0;/* float: left; */text-align: left; line-height: 10px; letter-spacing: 0px;}
	.swiper-slide .wrap_txt.wrap_txt4 h3 {color: #00b7ff; font-weight:100; font-size: 20px !important; margin: 0;/* float: left; */text-align: left; line-height: 25px; letter-spacing: 0px;}
	.swiper-slide .wrap_txt.wrap_txt5 h3 {color: #00b7ff; font-weight:100; font-size: 20px !important; margin: 0;/* float: left; */text-align: left; line-height: 10px; letter-spacing: 0px;}

	.msimg1 {width: 60%;}
	.msimg2 {width: 40%;}
	.msimg3 {width: 40%;}
	.msimg4 {width: 40%; margin-left: 30px;}
	.msimg5 {width: 30%;}

	.swiper-slide h4 span {
		color: #ffffff;
		line-height: 50px;
		font-size: 23px;
		font-weight: 700;
		letter-spacing: -1.5px;
		vertical-align: baseline;
	}

	.hp {
		font-size: 22px;
		font-weight: bolder;
		text-align: center;
		padding: 15px 0 7% 0;
		color: #f27d4f;
	}
	.hp span {
		font-size: 22px;
		font-weight: 200;
		vertical-align: baseline;
	}

	#mq {
		padding: 20px 0;
		background: #f6f6f6;
		padding-bottom: 0;
	}
	#mq ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	#mq ul:after {
		content: "";
		display: block;
		clear: both;
	}
	#mq ul li.first {
		border-left-width: 1px;
	}
	#mq ul li.last {
		border-right-width: 1px;
	}
	#mq ul li a {
		display: block;
		width: 100%;
		text-align: center;
	}
	#mq ul li img {
		margin-right: 5px;
		width: 14%;
	}

	.mp02 {
		background: url(/images/m9.png);
		background-size: 99%;
		background-position: 26% -700%;
	}

	.wid20 {padding: 0px 5px;}

	#m_map {
		position: relative;
		background: url(/images/m_map.jpg) 50% 0 no-repeat;
		height: 520px;
		background-size: auto 100%;
		transition: .3s;
	}

	.bg_gray {padding: 35px 0;}
	.subtbg {
		text-align: center;
		padding-bottom: 35px;
	}
	.alpha_bg {
		position:fixed;
		z-index:9999;
		width: 100%;
		height:100%;
		left:0;
		top:0;
		background:rgba(0, 0, 0, 0.6);
		display:none;
	}
	.alpha_bg.on {
		display:block;
	}
	.r_quick_area {
		position:absolute;
		left: 55%;
		top:50%;
		width: 90%;
		height: 315px;
		margin-left:-200px;
		margin-top:-200px;
		padding:40px;
		background:white;
		border-radius: 1%;
	}
	.r_quick_area > h2 {
		text-align: center;
		font-size: 18px;
		padding-bottom: 10px;
	}
	.r_quick_area input[type=submit] {
		font-size: 18px;
	}
	.r_quick_area .agree > label {
		font-size: 13px;
		color: #555;
	}
	.quick_notice_in input[type=text] {
		width: 100%;
		margin-bottom: 3px;
		line-height: 28px;
		text-align: center;
		background: #fafafa;
		border: 1px solid #ddd;
	}
	.quick_notice_in input[type=submit] {
		width: 100%;
		line-height: 32px;
		padding-bottom: 3px;
		color: #fff;
		background: #309cd8;
		border: none;
		margin-top: 6px;
		cursor: pointer;
	}
	.quick_notice_in select {
		border-radius: 0;
		height: 32px;
		line-height: 32px;
		font-size: 14px;
		padding: 0;
		width: 100%;
		background: #fafafa;
		border: 1px solid #ddd;
		text-align: center;
	}
	.quick_notice_in .agree {
		margin: 9px 0;
	}
	.quick_notice_in .bt_adm {
		text-align: center;
	}

	.quick_close {
		position:absolute;
		left: 0;
		width:50px;
		height:50px;
		background:#292929;
		cursor:pointer;
		top: 0;
	}
	.quick_close .line{
		position: absolute;
		display:block;
		width:30px;
		height:2px;
		background:white;
	}
	.quick_close .line:first-child {
		transform:rotate(45deg);
		left:10px; top:23px;
	}
	.quick_close .line:last-child {
		transform:rotate(135deg);
		left:10px; top:23px;
	}
}


@media only screen and (max-width: 508px ) {		
	.msimg1 {width: 60%;}
	.msimg2 {width: 30%;}
	.msimg3 {width: 25%; margin-bottom: 7px; margin-left: 83px;}
	.msimg4 {width: 26%; margin-bottom: 5px; margin-left: 30px;}
	.msimg5 {width: 30%;}
	
	.swiper-slide h2 {font-size: 15px; line-height: 18px; letter-spacing: -1px;}
	.swiper-slide h3 {font-size: 12px; line-height: 16px; letter-spacing: -2px;}
	.swiper-slide h4 {font-size: 14px; line-height: 1px;}
	.swiper-slide .wrap_txt {top: 34%; left: 0%;}
	.swiper-slide .wrap_txt.wrap_txt2 {top: 26%; margin-left: 40px;}
	.swiper-slide .wrap_txt.wrap_txt3 {top: 31%; margin-left: 4%;}
	.swiper-slide .wrap_txt.wrap_txt4 {top: 30%; margin-left: -2%;}
	.swiper-slide .wrap_txt.wrap_txt5 {top: 30%; margin-left: 30px;}
	.swiper-slide .wrap_txt.wrap_txt2 h3 {font-size: 14px !important; line-height: 15px; margin: 0 !important; letter-spacing: -1px;}
	.swiper-slide .wrap_txt.wrap_txt4 h3 {font-size: 14px !important; margin: 0 !important;}
	.swiper-slide .wrap_txt.wrap_txt5 h3 {font-size: 14px !important; line-height: 15px; margin: 0 !important; letter-spacing: -1px;}
	.swiper-slide h4 {font-size: 17px; line-height: 10px; font-weight: 100;}
	.swiper-slide h4 span {
		line-height: 39px;
		font-size: 16px;
		font-weight: 600;
		letter-spacing: -1.6px;
	}
	/*.swiper-slide h4,.swiper-slide h5{display:none;}*/

	.mainline {
		height: 1px;
		background-color: #c8c8c8;
		width: 320px;
		margin: 13px 0;
	}

	#hero ul li {
		display: inline-block;
		padding: 0px;
		width: 47%;
		max-width: 385px;
	}
	#hero .mb4_sub {
		position: absolute;
		top: 50px;
		/* text-align: center; */
		padding: 0 0%;
		width: 47%;
		font-size: 12px;
		line-height: 25px;
		background: url(/images/m10.png) no-repeat;
		background-position: 29% 23%;
		background-size: 1px 88px;
	}
	#hero .mb4_sub .hp {
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		padding: 4% 0px 5% 30px;
		background: url(/images/m11.png) no-repeat;
		background-size: 17%;
		background-position: 4%;
	}
	#hero ul li .bol { border-left: 0px solid #b1b1b1 }

}

@media only screen and (max-width: 425px ) {
	#m_map {
		height: 160px;
	}
}