@charset "utf-8";


/***************
+ .main_area
***************/

#Main_inner .main_area{
	width:100%;
	margin:0 auto;
}

/***************
+ .main_contents
***************/
#Main_inner .main_contents{
	width:100%;
	padding:0 0 30px;
	margin:0 auto;
}

/***************
+ .top_slider
***************/
#Main_inner .top_slider{
	width:100%;
	height:620px;
	margin:0 auto;
	position:relative;
}
#Main_inner .top_slider .slide_1{
	width:100%;
	height:620px;
	background:url(../images/bg_top_slider_1.jpg);
	background-repaet:no-repeat;
	background-size:cover;
	background-position:50% 50%;
}
#Main_inner .top_slider .slide_2{
	width:100%;
	height:620px;
	background:url(../images/bg_top_slider_2.jpg);
	background-repaet:no-repeat;
	background-size:cover;
	background-position:50% 50%;
}
#Main_inner .top_slider .slide_3{
	width:100%;
	height:620px;
	background:url(../images/bg_top_slider_3.jpg);
	background-repaet:no-repeat;
	background-size:cover;
	background-position:50% 50%;
}
#Main_inner .top_slider .slide_4{
	width:100%;
	height:620px;
	background:url(../images/bg_top_slider_4.jpg);
	background-repaet:no-repeat;
	background-size:cover;
	background-position:50% 50%;
}
#Main_inner .top_slider .slide_5{
	width:100%;
	height:620px;
	background:url(../images/bg_top_slider_5.jpg);
	background-repaet:no-repeat;
	background-size:cover;
	background-position:50% 50%;
}
#Main_inner .top_slider li img{
	display:block;
	max-width:956px !important;
	height:620px;
	margin:0 auto;
}

#Main_inner .main_contents .top_slider .owl-controls{
	max-width:956px;
	margin:0 auto;
	position:relative;
	top:5px;
}

#Main_inner .main_contents .top_slider .owl-controls .owl-nav .owl-prev,
#Main_inner .main_contents .top_slider .owl-controls .owl-nav .owl-prev:hover{
	position:absolute;
	top:-297px;
	left:0;
	width:20px;
	height:36px;
	background:url("../images/img_slide_prev.png");
	background-repeat:no-repeat;
	padding:0;
	z-index:100;
}
#Main_inner .main_contents .top_slider .owl-controls .owl-nav .owl-next,
#Main_inner .main_contents .top_slider .owl-controls .owl-nav .owl-next:hover{
	position:absolute;
	top:-297px;
	right:0;
	width:20px;
	height:36px;
	background:url("../images/img_slide_next.png");
	background-repeat:no-repeat;
	padding:0;
	z-index:100;

}


#Main_inner .main_contents .top_slider .owl-dots .owl-dot span{
	width:7px;
	height:7px;
	border-radius:7px;
	background:#7e4b7c;
}
#Main_inner .main_contents .top_slider .owl-dots .owl-dot.active span,
#Main_inner .main_contents .top_slider .owl-dots .owl-dot span:hover{
	width:7px;
	height:7px;
	border-radius:7px;
	background:#000;
}

/**********************
+ .about_dourthe_title
**********************/
#Main_inner .about_dourthe_title{
	width:330px;
	margin:0 auto 40px;
	padding-top:235px;
	margin-top:-50px;
}
#Main_inner .about_dourthe_title .logo_img{
	margin:0 auto 20px;
}
#Main_inner .about_dourthe_title .txt{
	color:#7e4b7c;
	font-size:26px;
	font-weight:bold;
	text-align:center;
}

/**********************
+ .block_base
**********************/
#Main_inner .block_base{
	width:100%;
	height:430px;
	overflow:hidden;
	margin:0 auto 60px;
}
#Main_inner .block_1 .txt_box_wrap,
#Main_inner .block_3 .txt_box_wrap{
	float:left;
	background:#3a2834;
	width:36%;
	height:430px;
	position:relative;
}
#Main_inner .block_2 .txt_box_wrap,
#Main_inner .block_4 .txt_box_wrap{
	float:right;
	background:#3a2834;
	width:36%;
	height:430px;
	position:relative;
}
#Main_inner .block_1 .txt_box,
#Main_inner .block_3 .txt_box{
	width:290px;
	height:430px;
	padding:35px 30px 0 0;
	position:absolute;
	top:0;
	right:0;
	box-sizing:border-box;
}
#Main_inner .block_2 .txt_box,
#Main_inner .block_4 .txt_box{
	width:290px;
	height:430px;
	position:absolute;
	top:0;
	left:0;
	padding:35px 0 0 30px;
	box-sizing:border-box;
}
#Main_inner .block_base .txt_box .title{
	font-size:20px;
	color:#ba9a55;
	margin:0 auto 25px;
}
#Main_inner .block_base .txt_box .txt{
	font-size:14px;
	line-height:1.71em;
	color:#fff;
}
#Main_inner .block_1 .img_box{
	float:right;
	width:64%;
	height:430px;
	background:url("../images/bg_top_block1.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	/*background-position:50% 100%;*/
	/*background-attachment:fixed;*/;
}
#Main_inner .block_2 .img_box{
	float:left;
	width:64%;
	height:430px;
	background:#000 url("../images/bg_top_block2.jpg");
	background-repeat:no-repeat;
	background-size:cover;
/*	background-position:50% 100%;
	background-attachment:fixed;*/
}
#Main_inner .block_3 .img_box{
	float:right;
	width:64%;
	height:430px;
	background:#000 url("../images/bg_top_block3.jpg");
	background-repeat:no-repeat;
	background-size:cover;
/*	background-position:50% 100%;
	background-attachment:fixed;
*/}
#Main_inner .block_4 .img_box{
	float:left;
	width:64%;
	height:430px;
	background:url("../images/bg_top_block4.jpg");
	background-repeat:no-repeat;
	background-size:cover;
/*	background-position:50% 100%;
	background-attachment:fixed;*/
}

@media screen and (max-width:1470px) {
#Main_inner .block_1 .img_box{
	background-size:945px;
}
#Main_inner .block_2 .img_box{
	background-size:945px;
}
#Main_inner .block_3 .img_box{
	background-size:945px;
}
#Main_inner .block_4 .img_box{
	background-size:945px;
}
}


#Main_inner .fd{
	opacity:0;
}

#Main_inner .fa {
	-webkit-animation-duration: 1.6s;
	-ms-animation-duration: 1.6s;
	animation-duration: 1.6s;
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fa;
	animation-name: fa;
	visibility: visible !important;
}
@-webkit-keyframes fa {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fa {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

#Main_inner .faUp {
	-webkit-animation-duration: 0.8s;
	-ms-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: faUp;
	animation-name: faUp;
	visibility: visible !important;
	animation-delay: .7s;
}
@-webkit-keyframes faUp {
	0% {
		opacity: 0; -webkit-transform: translateY(10%);
	}
	100% {
		opacity: 1; -webkit-transform: translateY(0);
	}
}
@keyframes faUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(10%);
		-ms-transform: translateY(10%);
		transform: translateY(10%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
#Main_inner .faUp_2 {
	-webkit-animation-duration: 0.8s;
	-ms-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: faUp_2;
	animation-name: faUp_2;
	visibility: visible !important;
	animation-delay: .4s;
}
@-webkit-keyframes faUp_2 {
	0% {
		opacity: 0; -webkit-transform: translateY(10%);
	}
	100% {
		opacity: 1; -webkit-transform: translateY(0);
	}
}
@keyframes faUp_2 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(10%);
		-ms-transform: translateY(10%);
		transform: translateY(10%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
#Main_inner .faLeft {
	-webkit-animation-duration: 0.8s;
	-ms-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: faLeft;
	animation-name: faLeft;
	visibility: visible !important;
	animation-delay: .5s;
}
@-webkit-keyframes faLeft {
	0% {
		opacity: 0; -webkit-transform: translateX(8%);
	}
	100% {
		opacity: 1; -webkit-transform: translateX(0);
	}
}
@keyframes faLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(16%);
		-ms-transform: translateX(16%);
		transform: translateX(16%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

@media screen and (max-width: 768px){
	/***************
	+ .main_img
	***************/

	#Cont .main_img{
		width:100%;
		position:relative;
	}

	/***************
	+ .main_contents
	***************/
	#Cont .main_contents{
		width:100%;
	}
	/***************
	+ .top_slider
	***************/
	#Cont .top_slider .owl-carousel{
		width:100%;
		margin:0 auto;
		position:relative;
	}
	#Cont .top_slider.owl-theme .owl-controls {
		margin-top: 0;
		text-align: center;
		position:static;
	}
	#Cont .main_contents .top_slider .owl-controls .owl-nav .owl-prev,
	#Cont .main_contents .top_slider .owl-controls .owl-nav .owl-prev:hover{
		position:absolute;
		top:0;
		bottom:0;
		margin:auto 0;
		left:1%;
		width:20px;
		height:36px;
		background:url("../images/img_slide_prev.png");
		background-repeat:no-repeat;
		padding:0;
		z-index:100;
	}
	#Cont .main_contents .top_slider .owl-controls .owl-nav .owl-next,
	#Cont .main_contents .top_slider .owl-controls .owl-nav .owl-next:hover{
		position:absolute;
		top:0;
		bottom:0;
		margin:auto 0;
		right:1%;
		width:20px;
		height:36px;
		background:url("../images/img_slide_next.png");
		background-repeat:no-repeat;
		padding:0;
		z-index:100;

	}

	#Cont .top_slider.owl-theme .owl-dots .owl-dot span {
		backface-visibility: visible;
		background: #7e4b7c none repeat scroll 0 0;
		border-radius: 7px;
		display: block;
		margin: 5px 7px;
		transition: opacity 200ms ease 0s;
		width: 7px;
		height: 7px;
	}
	#Cont .top_slider.owl-theme .owl-dots .owl-dot.active span {
		background: #000 none repeat scroll 0 0;
	}

	/***********************
	+ .about_dourthe_title
	***********************/
	#Cont .about_dourthe_title{
		width:100%;
		margin:0 auto 20px;
		padding-top:70px;
	}
	#Cont .about_dourthe_title .logo_img{
		width:53%;
		margin:0 auto 10px;
	}
	#Cont .about_dourthe_title .txt{
		width:100%;
		text-align:center;
		font-size:15px;
		font-weight:bold;
		color:#7e4b7c;
	}

	/***********************
	+ .block_base
	***********************/

	#Cont .block_base{
		width:100%;
		margin:0 auto 10px;
	}
	#Cont .block_base ul{
		width:100%;
		background:#3a2834;
		padding:10px 3% 40px;
		box-sizing:border-box;
	}
	#Cont .block_base .title{
		text-align:center;
		font-size:15px;
		line-height:2.28em;
		font-weight:bold;
		color:#bd9d55;
	}
	#Cont .block_base .txt{
		font-size:12px;
		line-height:1.58em;
		color:#fff;
	}
}