@charset "utf-8";
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {margin: 0; padding: 0; } 
fieldset, img {border: none; }
ul, ol {list-style: none; }
input {padding-top: 0; padding-bottom: 0; font-family: "SimSun", "宋体"; }
select, input {vertical-align: middle; }
select, input, textarea {font-size: 12px; margin: 0; }
textarea {resize: none; }
table {border-collapse: collapse; }
body {font: 20px '微软雅黑'; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h1,h2,h3 ,h4 ,h5 ,h6{font-weight:normal; }
i,em{font-style: normal;}
a {text-decoration: none; }

.clearfix:after,.clearfix:before{content:""; display:table; clear:both; }
.clearfix{*zoom:1; }

.hidden { display:none; }
.block { display:block; }
.inline { display:inline; }
.inline-block { display:inline-block; }
.fl { float: left; }
.fr {float: right;}
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.text-italic{font-style: italic;}
.pr{position: relative;}
.pa{position: absolute;}
.fb{font-weight: bold;}
.l50{left: 50%;}
.r50{right: 50%;}
.overflow-x{overflow-x:hidden;-ms-overflow-x:hidden;}
.overflow-y{overflow-y: hidden;-ms-overflow-y: hidden;}
.border-radius{border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

body{min-width: 1200px; overflow-x: hidden; -ms-overflow-x: hidden; max-width: 1680px; margin-left: auto; margin-right: auto; }
.wrap{width: 1200px; margin-left: auto; margin-right: auto; }


.fullTu{ width: 100%;vertical-align: middle;}
.zd2{z-index: 2;}

.fz22{font-size: 22px;}
.fz24{font-size: 24px;}
.fz26{font-size: 26px;}
.fz29{font-size:29px;}
.fz31{font-size: 31px;}
.fz40{font-size: 40px;}
.fz44{font-size: 44px;}
.fz48{font-size: 48px;}
.fz81{font-size: 81px;}

.blackC{color:#000;}
.whiteC{color:#fff;}
.tuSeC{color:#c69c6d;}

.black{background-color: #000;}
.white{background-color: #fff;}
.tuSe{background-color: #c69c6d;}

.pad10{padding: 10px;}
.pad20{padding: 20px;}
.padt10{padding-top: 10px;}
.padt14{padding-top: 14px;}
.padt18{padding-top: 18px;}
.padt20{padding-top: 20px;}
.padt30{padding-top: 30px;}
.padb10{padding-bottom: 10px;}
.padb20{padding-bottom: 20px;}
.padtb10{padding-top: 10px;padding-bottom: 10px;}
.padtb20{padding-top: 20px;padding-bottom: 20px;}
.padlr10{padding-left: 10px;padding-right: 10px;}
.padlr20{padding-left: 20px;padding-right: 20px;}


html *{-webkit-tap-highlight-color:rgba(255,255,255,0);}

.bs{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/*按钮部分*/
.btn{padding:20px 0;}
.btn a{
	background: #c69c6d;
	line-height: 1;
	padding: 20px 40px;
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	border-radius: 80px;
	text-shadow: 0 0 7px rgba(214, 113, 0, 0.7);
}
/*按钮部分*/

.banner{
	/*height: 818px;*/
	/*background: url("../images/banner.jpg") no-repeat center top;*/
	overflow: hidden;
}
/*.banner .wrap{height: 100%;}*/
.banner .txt{left: 14%;  top: 26%;width:39%; }
.banner ul li{float: left;margin-right: 30px;width: 18.5%;margin-top: 30px;}
.banner .ban_btn {
	width: 15%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -9%;
}
.banner .ban_btn a,.part1 .p1_bd .p1_btn a { display: block; width: 100%; height: 100%; background-color:none; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; -moz-transition: all 0.5s linear 0s; -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; }
.banner .ban_btn:hover a,.part1 .p1_bd .p1_btn:hover a{ -moz-transform: rotateY(360deg) perspective(200px); -ms-transform: rotateY(360deg) perspective(200px); -o-transform: rotateY(360deg) perspective(200px); -webkit-transform: rotateY(360deg) perspective(200px); transform: rotateY(360deg) perspective(200px); background-color:none;}


.part1 .p1_bd{padding:20px 65px 100px;}
.part1 .p1_bd .hd li{
	width: 210px;
	height: 120px;
	border: 2px solid #c69c6d;
	color: #c69c6d;
	margin-bottom: 20px;
}
.part1 .p1_bd .hd li i{
	position: absolute;
	top: 24px;
	z-index: 99;
	color: #b9b9b9;
	font-size: 26px;
}
.part1 .p1_bd .hd li:nth-of-type(1) i{left: 25%;}
.part1 .p1_bd .hd li:nth-of-type(2) i{left: 26.5%;;}
.part1 .p1_bd .hd li:nth-of-type(3) i{left: 28.5%;}
.part1 .p1_bd .hd li.on{color: #fff;background-color: #c69c6d; }
.part1 .p1_bd .hd li.on i{color: #f00;}
.part1 .p1_bd .hd li .dot{  font-size: 44px;  padding-top: 14px;}
.part1 .p1_bd .hd li .age{  font-size: 24px;  }
.part1 .p1_bd .bd{width: 840px;}
.part1 .p1_bd .bd .txt{
	width: 374px;
	background-color: #000;
	margin-right: 20px;
	padding-bottom: 100px;
}
.part1 .p1_bd .bd .txt dl{
	padding: 40px 30px 0;
	line-height: 1.8;
}
.part1 .p1_bd .bd .txt dl:nth-of-type(1){height: 252px;}
.part1 .p1_bd .bd .txt dl dt{
	display: inline-block;
	background-color: #fff;
	line-height: 1.6;
	color: #000;
	padding: 0 10px;
}
.part1 .p1_bd .p1_btn{
	width: 150px;
	height: 130px;
	position: absolute;
	right: 18%;
	bottom: 48px;
	z-index: 99;
}
.part1 .p1_bd .p1_btn a{
	background-color: rgba(189,156,109,0.8);
	padding-top: 20px;
}
/*.part2{*/
	/*height: 776px;*/
	/*background: url("../images/p2_bg.jpg") no-repeat center top;*/
/*}*/

.part2 h2,.part2 .p2_bd{
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 4%;
	width: 48%;
}
.part2 .p2_bd{
	width: 70%;
	top: 38%;
	height: 50%;
}
.part2 .p2_bd ul{
	width: 50%;
	height: 100%;
	line-height: 1.2;
}
.part2 .p2_bd ul li.w1{
	width:15%;

}
.part2 .p2_bd ul li.w2{
	width:18.5%;

}
.part2 .p2_bd ul.left li:nth-of-type(1){left: 1%;top:10%;}
.part2 .p2_bd ul.left li:nth-of-type(2){left: 4%;top:56%;}
.part2 .p2_bd ul.left li:nth-of-type(3){left: 71%;top:10%;}
.part2 .p2_bd ul.left li:nth-of-type(4){left: 67%;top:59%;}
.part2 .p2_bd ul.right li:nth-of-type(1){left: 11%;top:-3%;}
.part2 .p2_bd ul.right li:nth-of-type(2){left: 22%;top:56%;}
.part2 .p2_bd ul.right li:nth-of-type(3){left: 79%;top:10%;}
.part2 .p2_bd ul.right li:nth-of-type(4){left: 79%;top:55%;}

.part2_1{padding: 10px 80px 0 96px;}
.part2_1 p{line-height: 1.8;}
.part2_1 .fl{margin-right: 30px;}
.part2_1 .right{padding-top: 50px;}

.part3 .p3-1{ position: absolute; left:-50px; top: 0;}
.part3 .p3-pp{ font-size:18px ; line-height: 28px; padding:30px 60px;}
.part3 .p3-2{ width:1060px; margin:0 auto;}
.part3 .p3-2 ul li{ float: left; width:232px;font-size: 24px; line-height: 135px; height:135px; background:#666464; text-align: center; box-sizing: border-box; margin-bottom: 18px; cursor: pointer;}
.part3 .p3-2 ul li:nth-of-type(2n){ float: right; margin-left:593px ;}
.part3 .p3-2 ul li.onn{ background:#c59d6c; }
.part3 .p3-txt{ border:10px solid #333333; width:549px; position: absolute; top: 0; left:50%; margin-left: -275px;}
.part3 .p3-txt p{display:none; font-size: 18px; color:#eecda9; line-height: 30px; padding:15px 25px;}


.part3 .p3_bdb span{  position: absolute;  }
.part3 .p3_bdb span:nth-of-type(1){left: 13%; top: -1%;}
.part3 .p3_bdb span:nth-of-type(2){left: 36%; top: -6%;}
.part3 .p3_bdb span:nth-of-type(3){left: 60%; top: 35%;}
.part3 .p3_bdb span:nth-of-type(4){left: 88%; top: 51%;}
.part3 .p3_bdb span:before{
	content: '';
	position: absolute;
	left: 50%;
	top: 30px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 30px;
	height: 30px;
	background-image: url("../images/p3_dian.png");
	background-size: cover;
}
.part3 .p3_bdb ul li{
	float: left;
	width: 260px;
	margin-left: 40px;
}
.part3 .p3_bdb ul li:nth-of-type(1){margin-top: -15px;}
.part3 .p3_bdb ul li:nth-of-type(3){padding-top: 20px;}


.part4-2 .txt{  line-height: 1.6; padding-left: 92px; margin-bottom: 30px; }
.part4-2 .txt:before{
	position: absolute;
	content: '';
	width: 78px;
	height: 78px;
	background-image: url("../images/p4_ico.png");
	background-size: cover;
	left: 0;
	top: 0;
}
.part4 .p4-1{ margin:35px 0;}
.part4 .p4-1 p{ position: absolute;width:35%; font-size: 20px; line-height: 28px;left:20px; }
.part4 .p4-1 p b{ color:#a4733d; display:block;}
.part4-2{ width:100%; height:872px; background:url(../images/p4-bg.jpg) no-repeat top center; padding-top: 290px; box-sizing: border-box;}
.part4-2 .p4-2{ position: absolute; left:50%; margin-left: -600px; top: -160px;}
.part4-2 ul li{ display:inline-block; width:215px; height:215px; border-radius: 50%; background:#977b5d; border:10px solid #c6b4a0; margin:0 25px 50px; color:#fff; }
.part4-2 ul li h2{ font-size: 30px; padding-top: 45px;}
.part4-2 ul li p{font-size: 20px; line-height: 30px; padding:10px 10px; }

.part5 .p5_bd{height:582px; }
.part5 .p5_bd .bd{
	position: absolute;
	width: 574px;
	left: 50%;
	padding: 0 10px;
	margin-left: -292px;

}
.part5 .p5_bd .bd li{
	float: left;
	width: 574px;
	padding: 16px 10px;
}
.part5 .p5_bd .bd li p span{ background:#000; border-radius: 10px; padding:3px 5px; margin-right: 5px;}
.part5 .p5_bd .bd li div{
	background-color: #fff;
	-webkit-box-shadow: 0 0 27px rgba(0,0,0,0.23);
	-moz-box-shadow: 0 0 27px rgba(0,0,0,0.23);
	box-shadow: 0 0 27px rgba(0,0,0,0.23);
}
.part5 .p5_bd .bd li div:first-of-type{margin-bottom: 20px;}
.part5 .p5_bd .tempWrap{ overflow:visible !important; }
.part5 .p5_bd .tempWrap ul{  margin-left:-584px !important;   }
.part5 .p5_bd .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:582px; cursor:pointer;   }
.part5 .p5_bd .prev{ left:-50%; margin-left:-282px;  }
.part5 .p5_bd .next{ left:50%;  margin-left:332px;  }
.part5 .p5_bd .pnBtn .blackBg{ display:block;  position:absolute; left:0; top:0; width:100%; height: 100%; background:#fff; filter:alpha(opacity=50);opacity:0.5; }
.part5 .p5_bd .pnBtn .arrow{ display:block;position:absolute; top:50%;margin-top: -62px; z-index:1; width:48px; height:124px;font-size: 64px;font-family:"宋体";font-weight:bold; color: #c59c6d;background-color: rgba(0,0,0,0.5);line-height: 124px;text-align: center; }
.part5 .p5_bd .prev .arrow{ right:0; }
.part5 .p5_bd .next .arrow{ left:0;}

.part6{padding-bottom: 80px;}
.part6 .p6_bd{padding-left: 80px;}
.part6 .p6_bd .bd li{position: relative;}
.part6 .p6_bd .bd li .txt{
	position: absolute;
	right: 62px;
	top: 106px;
}
.part6 .p6_bd .bd li .txt dl{width: 332px;height:530px;padding: 0 48px;position: relative;}
.part6 .p6_bd .bd li .txt dl:before{
	content: '>';
	position: absolute;
	width: 38px;
	height: 38px;
	line-height: 38px;
	background-color:#ddbd99;
	right: 0;
	bottom: 0;
	text-align: center;
	font-size: 30px;
	font-family: "宋体";
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.part6 .p6_bd .bd li .txt dt{padding-top: 80px;}
.part6 .p6_bd .bd li .txt dd{line-height: 1.6}

.part6 .p6_bd .hd{
	position: absolute;
	left: 36px;
	top: 238px;
	z-index: 6;
}
.part6 .p6_bd .hd li{
	width: 114px;
	height: 114px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 10px;
	cursor: pointer;
}
.part6 .p6_bd .hd li .tup1{ display:none;}
.part6 .p6_bd .hd li.on .tup1{
	display:block;
}
.part6 .p6_bd .hd li.on .tup2{
	display:none;
}

.part7{
	height: 775px;
	background: url("../images/p7_bg.jpg") no-repeat center top;
}
.part7 ul{padding: 0 154px;}
.part7 ul li{
	float: left;
	margin: 48px 30px 0;
}
.part7 ul li a{
	width: 204px;
	height: 204px;
	border: 10px solid #d7c289;
	font-size: 22px;
}
.part7 ul li a p{padding: 58px 20px 0;}

.part7 ul li.on{
	-webkit-animation: jump 2s infinite;
	-o-animation: jump 2s infinite;
	animation: jump 2s infinite;
}

.part8 .p8_bd .bd li{
	float: left;
	margin: 0 10px;
}
.part8 .p8_bd .arrow{
	position: absolute;
	font-size: 63px;
	font-family: "宋体";
	color: #c59c6d;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 99;
}
.part8 .p8_bd .prev{left: -38px;}
.part8 .p8_bd .next{right: -38px;}

.fadeInLeft{
	-webkit-animation: fadeInLeft 1s both;
	-o-animation: fadeInLeft 1s both;
	animation: fadeInLeft 1s both;
}

@keyframes  fadeInLeft{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes jump{
	0% {
		-webkit-transform: translateY(0);
		transform:translateY(0);
	}
	50% {
		-webkit-transform: translateY(-10px);
		transform:translateY(-10px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform:translateY(0);
	}
}
