body {
	background: #fff;
}
.contents_wrap {
	position: relative;
	overflow: hidden;
}

.pic_box {
	position: relative;
	width: 1900px;
}
@media( max-width:1100px ) {
	.pic_box {
		width: 100%;
		left: auto;
		transform: translate(0,0);
		-ms-transform: translate(0,0);
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
	}
	.pic_box > img {
		position: relative;
		width: 160%;
		left: 50%;
		transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
		-webkit-transform: translate(-50%,0);
		-moz-transform: translate(-50%,0);
	}
}
.hover_box {
	position:absolute;
	bottom:0;
	left:24%;
	cursor:pointer;
}
.img4 {
	width:52%;
	height:74%;
}
@media( max-width:1100px ) {
	.img4 {
		width:96%;
		left:2%;
	}
}
.img5_1 {
	width:25.5%;
	height:70%;
}
.img5_2 {
	width:25.5%;
	height:70%;
	left:50.5%;
}
@media( max-width:1100px ) {
	.img5_1 {
		width:47%;
		height:70%;
		left:2%;
	}
	.img5_2 {
		width:47%;
		height:70%;
		left:51%;
	}
}
.img6 {
	width:52%;
	height:79%;
}
@media( max-width:1100px ) {
	.img6 {
		width:96%;
		left:2%;
	}
}
.hover_box .normal{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
}
.hover_box .active{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
}
@media( max-width:1100px ) {
	.hover_box.active .normal{
		display:none;
	}
	.hover_box.active .active{
		display:block;
	}	
}
@media( min-width:1101px ) {
	.hover_box:hover .normal{
		display:none;
	}
	.hover_box:hover .active{
		display:block;
	}	
}
/* header */

.header {
	position: relative;
}
.header .fixer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background:#fff;
	border: 1px solid #f0f0f0;
	z-index: 100;
}
.header .form_box {
	position:relative;
	max-width:1000px;
	margin:0 auto;
	height:115px;
}
.header .tit {
	float:left;
	width:20%;
	line-height:30px;
	margin-right:2%;
	color:#666666;
	font-size: 12px;
	font-weight:600;
}
.header input[type=text], select {
	float:left;
	outline:none;
	height:24px;
	line-height:24px;
	margin-top:3px;
	padding:0 0 0 5px;
	background: #d0d0d0;
	border: 1px solid #eee;
}
.header select {
	background:#fff url(../img/ipt_icn_set.png) no-repeat right -140px;
}
.header input[type=checkbox] {
	display:inline-block;
	vertical-align:middle;
}
.header label, .term_agree_form a {
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
	color:#744e4e;
	font-size: 12px;
}
.header .logo {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:18%;
}
.header .logo img{
	position:absolute;
	top:50%;
	width:100%;
	height:auto;
	transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
	border-right: 1px solid #f3f3f3;
}
.header .num_form {
	position:absolute;
	top: 0;
	left: 18%;
	bottom: 0;
	width: 16%;
}
.header .num_form img{
	position:absolute;
	top:50%;
	width: 100%;
	height:auto;
	transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
}
.header .name_form {
	position: absolute;
	overflow: hidden;
	left: 34%;
	top: 10px;
	width: 31%;
}
.header .name {
	width: 76%;
}
.header .phone_form {
	position: absolute;
	overflow: hidden;
	left: 34%;
	top: 40px;
	width: 31%;
}
.header .phone {
	width: 24%;
	margin-right: 2%;
}
.header .term_agree_form {
	position: absolute;
	left: 34%;
	top: 73px;
	width: 22%;
	line-height: 30px;
}
.header .spam_form {
	position: absolute;
    left: 34%;
    top: 70px;
    width: 25%;
}
.header .spam_form fieldset{
	border:none;
}
.header .spam_form fieldset img {height:36px; border:1px solid #dbdbdb; float:left; margin-right:5px;}
.header .spam_form fieldset button {display:none;}
.header .contents_form {
	position:absolute;
	overflow:hidden;
	left: 64.5%;
	top: 10px;
	width: 22%;
}
.header .contents_form .tit {
	width:100%;
	margin-right:0;
}
.header input.contents {
	width:100%;
	margin-top:0;
	height:60px;
}
.header .tosubmit_form {
	position: absolute;
	width: 13%;
	height: 86px;
	top: 10%;
	right: 0;
}
.header .tosubmit_form .submit {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	font-weight: 700;
}

@media screen and (max-width: 1110px) {
.header .logo{display:none;}
.header .num_form{left:0;}
.header .name_form{left:19%}
.header .phone_form{left:19%}
.header .spam_form{left:19%}
.header .contents_form{width:26.5%;left:60%}
.header .term_agree_form{width:26.5%;left:60%}
}
@media screen and (max-width: 750px) {
	.header .tit {
		letter-spacing:-1px;
		font-weight:400;
		width:26%;
	}
	.header input[type=text], select {
		font-size:12px;
	}
	.header .form_box {
		height:auto;
	}
	.header .name_form {
		position:relative;
		width:70%;
		top:auto;
		left:auto;
		padding-top:10px;
		padding-left:10px;
	}
	.header .name {
		width:70%;
	}
	.header .phone_form {
		position:relative;
		width:70%;
		top:auto;
		left:auto;
		padding-left:10px;
	}
	.header .phone {
		width:22%;
	}
	.header .contents_form {
		position:relative;
		top:auto;
		left:auto;
		width:70%;
		padding-left:10px;
	}
	.header .contents_form .tit {
		width: 26%;
		margin-right:2%;
	}
	.header input.contents {
		width:70%;
		height:24px;
		margin-top:3px;
	}
	.header .term_agree_form {
		position:relative;
		top:auto;
		left:auto;
		width:70%;
		padding-left:10px;
		padding-bottom:10px;
		letter-spacing:-1px;
	}

	.header .spam_form {
		position:relative;
		width:70%;
		top:auto;
		left:auto;
		padding-left:10px;
	}
	.header .spam_form .tit {
		width: 26%!important;
		margin-right:2%;
	}
	.header .spam_form input {width:calc(100% - 84px);}
	.header .tosubmit_form {
		position:absolute;
		width:26%;
		top:10%;
		left:72%;
		bottom:10px;
		transform:translate(0,0);
		-ms-transform:translate(0,0);
		-webkit-transform:translate(0,0);
		max-width:130px
	}
	.header .tosubmit_form .submit {
		height: auto;
	}
	.header .logo {
		display: none;
		width: 26%;
		top: 15%;
		left: 72%;
		bottom: auto;
		max-width: 110px;
	}
	.header .logo img {
		width: 100%;
		height: auto;
		position: relative;
		top: auto;
		transform: translate(0,0);
		-ms-transform: translate(0,0);
		-webkit-transform: translate(0,0);
	}
	.header .num_form {
		display: none;
	}
}
@media (max-width: 400px) {
	.header .num_form {
		display: block;
		width: 26%;
		top: 50%;
		left: 72%;
		bottom: auto;
		max-width: 130px;
	}
	.header .num_form img {
		width: 100%;
		height: auto;
		position: relative;
		top: auto;
		transform: translate(0,0);
		-ms-transform: translate(0,0);
		-webkit-transform: translate(0,0);
	}
}


/* footer */

.footer {
	position:relative;
	background:#fff; /* custom */
	border-top: 2px solid #f4f4f4;
}
.footer .width_inner {
	position:relative;
	max-width:1000px;
	margin:0 auto;
	padding:1.5rem 1rem;
	font-size:0;
	text-align:center;
}
@media screen and (min-width: 1px) and (max-width: 490px) {
	.footer .width_inner {

	}
}
.footer .footer_logo {
	display:inline-block;
	vertical-align:middle;
	position:relative;
	max-width:189px;
	min-width:100px;
	width:30%;
}
@media screen and (min-width: 1px) and (max-width: 490px) {
	.footer .footer_logo {
		width:100px;
		text-align:center;
	}
}
.footer_info {
	display:inline-block;
	vertical-align:middle;
	position:relative;
	text-align:left;
	font-size:12px;
	/*padding:0 0 0 1rem;*/
	color:#999;
	line-height:1.8em;
}
@media screen and (min-width: 1px) and (max-width: 490px) {
	.footer_info {
		display:block;
		padding:1rem 0 0 0;
		text-align:center;
	}
}
.footer_info em {
	display:block;
}
.footer_copy {
	text-align:center;
	font-size:12px;
	line-height:1.4rem;
	color:#555;
	font-weight:700;
	padding:1rem 0 0;
}


/* DB */

.footer_DB {
	position: relative;
	border-top: 1px solid #f0f0f0;
}
.footer_DB .form_box {
	position:relative;
	max-width:1000px;
	margin:0 auto;
	height:115px;
}
.footer_DB .tit {
	float:left;
	width:20%;
	line-height:30px;
	margin-right:2%;
	color:#666666;
	font-size: 12px;
	font-weight:600;
}
.footer_DB input[type=text], select {
	float:left;
	outline:none;
	height:24px;
	line-height:24px;
	margin-top:3px;
	padding:0 0 0 5px;
	background: #d0d0d0;
	border: 1px solid #eee;
}
.footer_DB select {
	background:#fff url(../img/ipt_icn_set.png) no-repeat right -140px;
}
.footer_DB input[type=checkbox] {
	display:inline-block;
	vertical-align:middle;
}
.footer_DB label, .term_agree_form a {
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
	color:#744e4e;
	font-size: 12px;
}
.footer_DB .logo {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:18%;
}
.footer_DB .logo img{
	position:absolute;
	top:50%;
	width:100%;
	height:auto;
	transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
	border-right: 1px solid #f3f3f3;
}
.footer_DB .num_form {
	position:absolute;
	top: 0;
	left: 18%;
	bottom: 0;
	width: 16%;
}
.footer_DB .num_form img{
	position:absolute;
	top:50%;
	width: 100%;
	height:auto;
	transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
}
.footer_DB .name_form {
	position: absolute;
	overflow: hidden;
	left: 34%;
	top: 10px;
	width: 25%;
}
.footer_DB .name {
	width: 76%;
}
.footer_DB .phone_form {
	position: absolute;
	overflow: hidden;
	left: 34%;
	top: 40px;
	width: 25%;
}
.footer_DB .phone {
	width: 24%;
	margin-right: 2%;
}
.footer_DB .term_agree_form {
	position: absolute;
	left: 34%;
	top: 75px;
	width: 25%;
	line-height: 30px;
}
.footer_DB .contents_form {
	position:absolute;
	overflow:hidden;
	left: 60.5%;
	top: 10px;
	width: 25%;
}
.footer_DB .contents_form .tit {
	width:100%;
	margin-right:0;
}
.footer_DB input.contents {
	width:100%;
	margin-top:0;
	height:60px;
}
.footer_DB .tosubmit_form {
	position: absolute;
	width: 13%;
	height: 86px;
	top: 10%;
	right: 0;
}
.footer_DB .tosubmit_form .submit {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	font-weight: 700;
}
@media screen and (max-width: 750px) {
	.footer_DB .tit {
		letter-spacing:-1px;
		font-weight:400;
		width:26%;
	}
	.footer_DB input[type=text], select {
		font-size:12px;
	}
	.footer_DB .form_box {
		height:auto;
	}
	.footer_DB .name_form {
		position:relative;
		width:70%;
		top:auto;
		left:auto;
		padding-top:10px;
		padding-left:10px;
	}
	.footer_DB .name {
		width:70%;
	}
	.footer_DB .phone_form {
		position:relative;
		width:70%;
		top:auto;
		left:auto;
		padding-left:10px;
	}
	.footer_DB .phone {
		width:22%;
	}
	.footer_DB .contents_form {
		position:relative;
		top:auto;
		left:auto;
		width:70%;
		padding-left:10px;
	}
	.footer_DB .contents_form .tit {
		width: 26%;
		margin-right:2%;
	}
	.footer_DB input.contents {
		width:70%;
		height:24px;
		margin-top:3px;
	}
	.footer_DB .term_agree_form {
		position:relative;
		top:auto;
		left:auto;
		width:70%;
		padding-left:10px;
		padding-bottom:10px;
		letter-spacing:-1px;
	}
	.footer_DB .tosubmit_form {
		position:absolute;
		width:26%;
		top:10%;
		left:72%;
		bottom:10px;
		transform:translate(0,0);
		-ms-transform:translate(0,0);
		-webkit-transform:translate(0,0);
		max-width:130px
	}
	.footer_DB .tosubmit_form .submit {
		height: auto;
	}
	.footer_DB .logo {
		display: none;
		width: 26%;
		top: 15%;
		left: 72%;
		bottom: auto;
		max-width: 110px;
	}
	.footer_DB .logo img {
		width: 100%;
		height: auto;
		position: relative;
		top: auto;
		transform: translate(0,0);
		-ms-transform: translate(0,0);
		-webkit-transform: translate(0,0);
	}
	.footer_DB .num_form {
		display: none;
	}
}
@media (max-width: 400px) {
	.footer_DB .num_form {
		display: block;
		width: 26%;
		top: 50%;
		left: 72%;
		bottom: auto;
		max-width: 130px;
	}
	.footer_DB .num_form img {
		width: 100%;
		height: auto;
		position: relative;
		top: auto;
		transform: translate(0,0);
		-ms-transform: translate(0,0);
		-webkit-transform: translate(0,0);
	}
}


/* quick menu */

.quick_menu {
	position: fixed;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.quick_menu .link_itm {
	position: absolute;
	cursor: pointer;
	left: 50%;
	transform: translateX(-50%);
}
.quick_menu .link_itm.m1 {
	width: 93px;
	height: 93px;
}
.quick_menu .link_itm.m2 {
	width: 93px;
	height: 30px;
}
.quick_menu .link1 {
	top: 34px;
}
.quick_menu .link2 {
	top: 132px;
}
.quick_menu .link3 {
	top: 230px;
}
.quick_menu .link4 {
	top: 333px;
}
.quick_menu .link5 {
	top: 368px;
}
@media screen and (max-width: 1100px) {
	.quick_menu {
		display: none;
	}
}