@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: 18px '微软雅黑'; }
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{overflow:hidden;}
.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; font-size: 18px;}
.wrap img{vertical-align: middle;}


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

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

.blackC{color:#000;}
.whiteC{color:#fff;}
.pinkC{color: #c50249}
.garyC{color: #666;}


.bgLightOrange{background-color: #e4caad;}
.bgBlack{background-color: #333;}
.bgWhite{background-color: #fff;}
.bg{background: url("../images/bg.png") repeat;}

.fz40{font-size: 40px;}
.fz48{font-size: 48px;}
.fz24{font-size: 24px;}
.fz26{font-size: 26px;}
.paW{width: 100%;position: absolute;left: 0;bottom: 0;}

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

.textIndet{text-indent: 2em;}


/*按钮部分*/
.btn{padding: 30px 0;}
.btn a{
	display: inline-block;
	font-size: 28px;
	border-radius: 5px;
	color: #fff;
	height: 66px;
	line-height: 66px;
}
/*按钮部分*/

.arrow{
	position: absolute;
	font-size: 36px;
	color: #fff;
	z-index: 8;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.prev{left:10px;}
.next{right: 10px;}


.kv{height: 944px;background: url("../images/kv.jpg") no-repeat center top;}
.kv .wrap{height: 100%;}
.kv .kvT{right: 0;top: 11%;}
.kv .btn{right: 196px;top: 72%;}
.kv .btn a{background-color: #ff0000;width: 300px;}

.bounceinR{
	-webkit-animation: bounceinR 2s ease-out backwards ;
	-o-animation: bounceinR 2s ease-out backwards;
	animation: bounceinR 2s ease-out backwards;
}
@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);  }
}

h2.til{padding: 40px 0 20px;}

.part1{padding-bottom: 80px;}
.p1_bd{background: url("../images/p1_bg.png") repeat;padding-bottom: 10px;margin-top: 20px;}
.p1_top{color: #fff;padding: 30px 0 20px 412px;}
.p1_top i{position: absolute;left:36px;bottom: 9px;}
.p1_top:before,.p1_top:after{content: '';position: absolute;background-color: rgba(255,255,255,0.14);}
.p1_top:before{width: 100%;height: 1px;border-top: 1px solid #12262f;left: 0;top: 114px;}
.p1_top:after{width: 1px;height: 270px;border-left: 1px solid #12262f;left: 662px;top: 114px;}
.p1_top h3{font-size: 30px;padding-bottom: 30px ;}
.p1_top h3 span{font-size: 60px;display: inline-block;margin-right: 30px;}
.p1_top dl{display: inline-block;vertical-align: top;}
.p1_top dl dt{color: #f9ebbb;}
.p1_top dl:nth-of-type(1){font-size: 24px;margin-right: 80px;}
.p1_top dl:nth-of-type(1) dd{padding-top: 10px;}
.p1_top dl:nth-of-type(2){font-size: 18px;line-height: 32px;}
.p1_bom {padding: 20px 34px;background-color: #bbae81;border-top: 10px solid #000;}
.p1_bom .bd li{float: left;padding: 0 15px;}

.part2,.part4,.part9{background-color: #2d3e46;}
.txt{padding: 0 70px;line-height: 1.8;}
.part2 .txt span{color: #f7e39e;}
.part2 ul{padding: 30px 0 40px;}
.part2 ul li{display: inline-block;color: #d0ccbc;margin: 0 30px;}
.part2 ul li span{display: inline-block;margin-bottom: 10px;}

.part3{padding-bottom: 30px;}
.p3_bd{height: 588px;}
.p3_bd li{position: absolute;border: 8px solid #fff;}
.xiaoZhi li p{background-color: rgba(45,62,70,0.86);padding: 4px 20px;box-sizing: border-box;}
.p3_bd li:nth-of-type(1){left:52px;top: 60px;}
.p3_bd li:nth-of-type(1) p{padding: 20px 20px 30px;}
.p3_bd li:nth-of-type(2){left:560px;top: 248px;}
.p3_bd li:nth-of-type(3){left:463px;top: 28px;}
.p3_bd li:nth-of-type(4){right:24px;top: 82px;}
.p3_bd .btn a{width: 390px;background-color: #cc9933;}
.p3_bd .btn{left: 570px;bottom: 0;padding: 0;}

.part4{padding-bottom: 30px;}
.p4_bd{padding-left: 120px;}
.p4_bd li{width: 386px;padding: 20px;background-color: rgba(71,98,111,0.78);border-radius: 5px;position: absolute;line-height: 1.6;}
.p4_bd li h4{font-size: 20px;color: #f7e39e;}
.p4_bd li:nth-of-type(1){left: 20px;top: 130px;}
.p4_bd li:nth-of-type(2){left: 20px;top: 370px;}
.p4_bd li:nth-of-type(3){right: 20px;top: 130px;}
.p4_bd li:nth-of-type(4){right: 20px;top: 370px;}
.p4_bd .btn{left: 60px;bottom: 16px;padding: 0;}
.btn2 a{width: 526px;float: left;background-color: #406690;font-size: 24px;}
.btn2 a:last-of-type{background-color: #958750;}
.btn2 a span{display: inline-block;position: relative;}
.btn2 a span:after{content: '';position: absolute;border-left: 12px solid #fff;border-top: 10px dashed transparent;border-bottom: 10px dashed transparent;left: 105%;top: 50%;transform: translateY(-50%);}

.part5{background-color: #203037;}
.p5_bd .bd{padding: 30px 48px;}
.p5_bd ul>li{overflow: hidden;}
.p5_bd ul>li .bigTu{width: 362px;height: 532px;padding: 14px;border:12px solid #0c212a;position: relative; }
.p5_bd ul>li .bigTu:before,.p5_bd li .bigTu:after{content: '';position: absolute;width: 250px;height: 12px;background-color:#203037;left: 50%;transform: translateX(-50%); }
.p5_bd ul>li .bigTu:before{top: -12px;}
.p5_bd ul>li .bigTu:after{bottom: -12px;}
.p5_bd ul>li .bigTu .p5_dongTu{width: 350px;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.p5_bd ul>li .p5_top{width: 654px;height: 208px;background-color: #0c212a;box-sizing: border-box;padding-left:38px;margin-top: 20px; }
.p5_bd ul>li .p5_top dt{font-size: 24px;padding: 20px 0 20px;}
.p5_bd ul>li .p5_top dt span{font-size: 36px;display: inline-block;margin-right: 20px;}
.p5_bd ul>li .p5_top dd{padding-bottom: 14px;}
.p5_bd ul>li h3{padding: 20px 0 10px;}
.p5_bd ul>li ol li{float: left;padding: 12px 12px 36px;background-color: #d0ccbc;}
.p5_bd ul>li ol li:not(:last-of-type){margin-right: 17px;}
.p5_bd .arrow{font-size: 60px;color: #b4ccd8;}
.p5_bd .prev{left: 0;}
.p5_bd .next{right: 0;}
.part5 .btn{padding: 20px 222px 30px;}
.part5 .btn a{width: 378px;}

.part6add{
	max-width: 1680px;
	min-width: 1200px;
	margin:0 auto;
	color:#fff;
}
.part6add .wrap {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.part6add h2.til {
    padding: 40px 0 20px;
}
.part6add .fl{ float: left;}
.part6add .fr{ float: right;}
.part6add .re{ position: relative;}
.part6add .ov{ overflow: hidden;}
.part6add .mb{ margin-bottom: 15px;}
.part6add .mb2{ margin-bottom: 13px;}
.part6add.pab{ padding-bottom: 30px;}
.part6add{ font-size: 20px!important; line-height: 28px; }
.part6add p{ position: absolute; width:100%; padding:15px 25px; left: 0; bottom: 0; background:#203037; box-sizing: border-box;  }
.part6add span{ display:block; width:238px; background:#897f55; height:293px; padding:85px 18px; box-sizing: border-box;}

.part7{background-color: #203037;}
.part7 .wrap{padding-bottom: 40px;}
.part7 i{position: absolute;left: 50% ;margin-left:-840px;bottom: 0;}
.p7_bd{width: 760px;}
.p7_bd li{float: left;margin-bottom: 6px;}
.p7_bd ul.one li:nth-of-type(1),.p7_bd ul.two li:not(:last-of-type){margin-right: 6px;}
.p7_bd ol{height: 140px;}
.p7_bd ol li{float: left;background-color: #435c68;box-sizing: border-box;}
.p7_bd ol li.small{background-color: #897f55;height: 100%;font-size: 26px;}
.p7_bd ol li.small span{font-size: 18px;}
.p7_bd ol li.big{height: 100%;}
.p7_bd ol:nth-of-type(1) li.small{width: 288px;padding: 30px 0 0 52px;}
.p7_bd ol:nth-of-type(1) li.big{width:472px; padding: 30px 20px 0;}
.p7_bd ol:nth-of-type(2) li.small{width: 208px;padding: 40px 0 0 4px;line-height: 1;}
.p7_bd ol:nth-of-type(2) li.big{width:552px; padding: 20px 20px 0;}


.part8{padding-bottom: 30px;}
.part8 li{float: left;margin-bottom: 6px;}
.part8 ul li{position: relative;font-size: 14px;}
.part8 ul li:nth-of-type(1){margin-right: 14px;}
.part8 ul li p{background-color: rgba(0,0,0,0.58);padding: 4px 0;}
.part8 ol{height: 140px;}
.part8 ol li{float: left;background-color: #435c68;box-sizing: border-box;height: 100%;}
.part8 ol li.small{background-color: #897f55;font-size: 36px;width: 444px;padding: 24px 0 0 88px;}
.part8 ol li.big{width: 756px;padding: 38px 36px 0;line-height: 1.6;}

.part9 .p9_bg{position: absolute;right: 50%;margin-right: -702px;bottom:0;height:890px; }
.p9_bd ul{padding-top: 80px;}
.p9_bd li{font-size: 16px;background-color: #897f55;width: 600px;padding: 20px;margin-left:152px ;border-radius: 5px;position: relative;line-height: 1.8;}
.p9_bd li:not(:last-of-type){margin-bottom: 60px;}
.p9_bd li:before{content: '';position: absolute;border-right: 14px solid #897f55;border-top: 10px dashed transparent;border-bottom: 10px dashed transparent;left: -14px;top: 22px;}
.p9_bd li i{position: absolute;left: -98px;top: 0;border-radius: 5px;overflow: hidden;box-shadow: 2px 2px 1px rgba(0,0,0,0.26);}
.part9 .btn{margin-right: 220px;padding: 50px 0;}
.part9 .btn a{width: 486px;background-color: #cc0000;}

.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);  }
}
.bounceinL{
	-webkit-animation: bounceinL 2s ease-out backwards ;
	-o-animation: bounceinL 2s ease-out backwards;
	animation: bounceinL 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);  }
}