@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 {color: #000; 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: 1000px; margin-left: auto; margin-right: auto; font-size: 22px;}
.wrap img{vertical-align: middle;}


.padt20{padding-top: 20px;}
.padlr40{padding-left: 40px;padding-right: 40px;}
.padlr20{padding-left: 20px;padding-right: 20px;}

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

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

.textIndet{text-indent: 2em;}

ul.clearfix>li{float: left;}
ol.clearfix>li{float: left;}

/*按钮部分*/
.btn{padding: 30px 0;}
.btn a{
	display: inline-block;
	padding: 10px 30px;
	font-size: 25px;
	background:#480803;
	border-radius: 200px;
	color: #fff;
	box-shadow: 0 6px 0 #000;
	-webkit-animation: moveLR 2s linear infinite;
	-o-animation: moveLR 2s linear infinite;
	animation: moveLR 2s linear infinite;
}

/*按钮部分*/

.arrow{
	position: absolute;
	width: 46px;
	height:109px;
	background:url("../images/arrow1.png") no-repeat center;
	z-index: 8;
}
.prev{left: -20px;}
.next{right:-20px;-webkit-transform: rotateY(180deg);
	-moz-transform:  rotateY(180deg);
	-ms-transform:  rotateY(180deg);
	-o-transform:  rotateY(180deg);
	transform:  rotateY(180deg);}

.part4 .arrow{top: 300px;}
.til{padding: 0 0 30px;}

.banner{height:759px;background: url("../images/banner.jpg") no-repeat center top; }
.banner .wrap{height: 100%;}
.banner .banT{position: absolute;left: 20px;top: 100px;}
.banner a{left: 50%;bottom: -86px;position: absolute;z-index: 99;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.part1{background: url("../images/p1_bg.jpg") no-repeat center top;padding: 196px 0 0;}
.part1 ul li{position: relative;margin-right: 8px;}
.part1 ul li:nth-of-type(1){animation-delay: 0.3s;}
.part1 ul li:nth-of-type(2){animation-delay: 0.6s;}
.part1 ul li:nth-of-type(3){animation-delay: 0.9s;}
.part1 ul li:nth-of-type(4){animation-delay: 1.2s;}
.part1 ul li:last-of-type{margin-right: 0;}
.part1 ul li p{position: absolute;;width: 100%;padding: 10px;color: #fff;font-size: 17px;background-color: rgba(0,0,0,0.6);left: 0;bottom: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:justify;
	text-justify:distribute-all-lines;
}
.part1 i{position: absolute;right: 50%;bottom: 0;margin-right: -840px;}

.part2{background: url("../images/p2_bg.jpg") no-repeat center top; }
.part2 .p2_bd1{height:978px;color: #fff;}
.part2 .p2_bd1 .til{padding-top: 40px;}
.part2 .p2_bd1 ul{height: 530px;margin-top: 40px;}
.part2 .p2_bd1 ul li{position: absolute;width: 176px;height: 104px;border: 1px dashed #fff;font-size: 20px;padding: 0 10px;}
.part2 .p2_bd1 ul li span{font-size: 25px;color: #ffeb42;display: block;margin-top: 18px;}
.part2 .p2_bd1 ul li:nth-of-type(1){left: 56px;top: 90px; }
.part2 .p2_bd1 ul li:nth-of-type(1) span{margin-top: 10px;}
.part2 .p2_bd1 ul li:nth-of-type(2){left: 56px;top: 276px;animation-delay:0.5s;}
.part2 .p2_bd1 ul li:nth-of-type(3){right: 56px;top: 60px;animation-delay:1s;}
.part2 .p2_bd1 ul li:nth-of-type(4){right: 78px;top: 242px;animation-delay:1.5s;}
.part2 .p2_bd1 p{width: 902px;padding: 20px;margin: 0 auto;background-color: rgba(0,0,0,0.7);border: 1px solid #fff;line-height: 1.6;}
.part2 .p2_bd1 p span{color: #fff000;}
.part2 .p2_bd1 .btn{padding-top: 20px;}
.part2 .p2_bd2{margin-top: 50px;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.67);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.67);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.67);
}
.part2 .p2_bd2 .hd li{width: 25%;float: left;background-color: #480803;font-size: 30px;color: #fff;text-align: center;height: 94px;line-height: 94px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.part2 .p2_bd2 .hd li:not(:last-of-type){border-right: 1px solid #fff;}
.part2 .p2_bd2 .hd li.on{background-color: #7d0000;}
.part2 .p2_bd2 .bd li{padding: 20px;min-height: 439px}
.part2 .p2_bd2 .bd li .l{width: 432px;}
.part2 .p2_bd2 .bd li .l .btn{padding-top: 29px;}
.part2 .p2_bd2 .bd li .r{width: 500px;font-size: 18px;}
.part2 .p2_bd2 .bd li dl{min-height: 350px;}
.part2 .p2_bd2 .bd li dt span{display: block;font-size: 35px;color: #480803;font-weight: bold;margin-bottom: 10px;}
.part2 .p2_bd2 .bd li dd{margin-top: 6px;}
.part2 .p2_bd2 .bd li dd:nth-of-type(1){min-height: 90px;}
.part2 .p2_bd2 .bd li dd span{display: inline-block;font-size: 25px;border: 1px solid #480803;padding:  0 10px;margin-bottom: 6px;
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	border-radius: 80px;
}
.part2 .p2_bd2 .bd li .btn{padding: 10px 0;}
.part2 .p2_bd3{padding: 30px 0;height: 470px;background: url("../images/p2_5.jpg") no-repeat center;}
.part2 .p2_bd3 .btn{margin-top:290px;}

.part3{background: url("../images/p3_bg.jpg") no-repeat center top;height: 852px;}
.part3 .til{padding-top: 40px;}
.part3 .wrap{height: 100%;}
.part3 .p3_1{left: -20px; top: 201px;position: absolute;}
.part3 .p3_1 a{display: block;padding: 200px 178px 0 0;}
.part3 .p3_2{right: -30px; top: 201px;position: absolute;}
.part3 .p3_2 a{display: block;padding: 200px 0 0 230px;}
.part3 .btn{margin-top: 500px;position: relative;z-index: 5}

.part4{padding-top: 30px;}
.part4 ul li:not(:last-of-type){margin-right: 15px;}

@keyframes spin{
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
	}
}
.bounceinL{
	-webkit-animation: bounceinL 2s ease-out backwards ;
	-o-animation: bounceinL 2s ease-out backwards;
	animation: bounceinL 2s ease-out backwards;
}
.bounceinR{
	-webkit-animation: bounceinR 2s ease-out backwards ;
	-o-animation: bounceinR 2s ease-out backwards;
	animation: bounceinR 2s ease-out backwards;
}
@keyframes  bounceinL{
	0%{  opacity: 0;  transform: translateX(-100%);  }
	100%{  opacity: 1;  transform: translateX(0);  }
}
@-webkit-keyframes  bounceinL{
	0%{  opacity: 0;  -webkit-transform: translateX(-100%);  }
	100%{  opacity: 1;  -webkit-transform: translateX(0);  }
}
@keyframes  bounceinR{
	0%{  opacity: 0;  transform: translateX(100%);  }
	100%{  opacity: 1;  transform: translateX(0);  }
}
@-webkit-keyframes  bounceinR{
	0%{  opacity: 0;  -webkit-transform: translateX(100%);  }
	100%{  opacity: 1;  -webkit-transform: translateX(0);  }
}
.move{
	-webkit-animation: movement 3s linear normal both infinite;
	-o-animation: movement 3s linear normal both infinite;
	animation: movement 3s linear normal both infinite;
}
.move1{
	-webkit-animation: movement1 3s linear normal both infinite;
	-o-animation: movement1 3s linear normal both infinite;
	animation: movement1 3s linear normal both infinite;
}
.move2{
	-webkit-animation: movement2 3s linear normal both infinite;
	-o-animation: movement2 3s linear normal both infinite;
	animation: movement2 3s linear normal both infinite;
}
.move3{
	-webkit-animation: movement3 3s linear normal both infinite;
	-o-animation: movement3 3s linear normal both infinite;
	animation: movement3 3s linear normal both infinite;
}

@keyframes movement {
	0% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
	25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
	50% {  -webkit-transform: translate(6px,10px);  transform: translate(6px,10px);  }
	75% { -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
	100% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
}
@-webkit-keyframes movement {
	0% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
	25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
	50% {  -webkit-transform: translate(6px,10px);  transform: translate(6px,10px);  }
	75% {  -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
	100% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
}
@keyframes movement1 {
	0% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
	25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
	50% {  -webkit-transform: translate(-6px,-10px);  transform: translate(-6px,-10px);  }
	75% {  -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
	100% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
}
@-webkit-keyframes movement1 {
	0% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
	25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
	50% {  -webkit-transform: translate(-6px,-10px);  transform: translate(-6px,-10px);  }
	75% {  -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
	100% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
}
@keyframes movement2 {
	0% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
	25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
	50% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
	75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
	100% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
}
@-webkit-keyframes movement2 {
	0% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
	25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
	50% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
	75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
	100% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
}

@keyframes movement3 {
	0% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
	25% {  -webkit-transform: translate(-4px,6px);  transform: translate(-4px,6px);  }
	50% {  -webkit-transform: translate(2px,8px);  transform: translate(2px,8px);  }
	75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
	100% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
}
@-webkit-keyframes movement3 {
	0% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
	25% {  -webkit-transform: translate(-4px,6px);  transform: translate(-4px,6px);  }
	50% {  -webkit-transform: translate(2px,8px);  transform: translate(2px,8px);  }
	75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
	100% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
}

@keyframes moveLR {
	0%{transform: translateX(0);-webkit-transform: translateX(0)}
	30%{transform: translateX(-10px);-webkit-transform: translateX(-10px)}
	60%{transform: translateX(10px);-webkit-transform: translateX(10px)}
	100%{transform: translateX(0);-webkit-transform: translateX(0)}
}
@-webkit-keyframes moveLR {
	0%{transform: translateX(0);-webkit-transform: translateX(0)}
	30%{transform: translateX(-10px);-webkit-transform: translateX(-10px)}
	60%{transform: translateX(10px);-webkit-transform: translateX(10px)}
	100%{transform: translateX(0);-webkit-transform: translateX(0)}
}