@CHARSET "UTF-8";
body{
	font-family: "Microsoft Yahei", Helvetica, sans-serif;
	color: #555;
}
*{
	margin: 0;
	padding: 0;
}
.clear{
	clear: both;
	display: table;
	content: " ";
}
ul{
	list-style-type: none;
}
a{
	text-decoration: none;
}
/* 右侧导航 */
#fullPage-nav {
	font-size: 12px;
	left: 15px !important;
}
#fullPage-nav li {
	width: 86px;
	height: 20px;
	margin: 6px 0 0;
	vertical-align: middle;
}
#fullPage-nav li a {
	/* float: right; */
	width: 10px;
	height: 10px;
	border:1px solid #999;
	border-radius:50%;
	text-decoration: none;
	text-align: right;
	top: 4px;
}
#fullPage-nav li .active {
	border-color:#eb870f;
	background-color: #eb870f;
}
#fullPage-nav span {
	display: none;
}
.fullPage-tooltip {
	float: left;
	top: 0;
	font: 12px "Microsoft Yahei";
	color: #eb870f;
	line-height: 21px;
}
.controlArrow.prev{
	background: url(../images/xuanchuan/xc_01/left_control.png) 50% no-repeat;
	width: 40px;
	height: 80px;
	border-width:0;
	margin-left: 60px;
	margin-top: 10px;
    border-color:transparent;
}
.controlArrow.next{
	background: url(../images/xuanchuan/xc_01/right_control.png) 50% no-repeat;
	width: 40px;
    height: 80px;
    border-width:0;
    margin-right: 60px;
    margin-top: 10px;
    border-color:transparent;
}
#fullPage-nav span, .fullPage-slidesNav span {
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    border: 1px solid #000;
    background: #bbb1a2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
#fullPage-nav li .active span, .fullPage-slidesNav .active span {
    background: #31987d;
}
/*======================*/
/*分屏背景*/
.section1{
	/* background: #111111 url(../images/xuanchuan/xc_01/bg1.png) 50% no-repeat; */
	background: #111111 url(../images/xuanchuan/xc_01/black.png) 50% no-repeat;
}
.section2{
	background: url(../images/xuanchuan/xc_01/white.png) 50% no-repeat;
	background-size:100% 100%;
}
.section3{
	/* background: #17171c url(../images/xuanchuan/xc_01/bg3.png) 50% no-repeat; */
	background: #111111 url(../images/xuanchuan/xc_01/black.png) 50% no-repeat;
}
.section4{
	background: url(../images/xuanchuan/xc_01/white.png) 50% no-repeat;
	background-size:100% 100%;
}
.section5{
	/* background: #17171c url(../images/xuanchuan/xc_01/bg5.png) 50% no-repeat; */
	background: #111111 url(../images/xuanchuan/xc_01/black.png) 50% no-repeat;
}
.section6{
	background: url(../images/xuanchuan/xc_01/white.png) 50% no-repeat;
	background-size:100% 100%;
}
.section7{
	background: url(../images/xuanchuan/xc_01/white.png) 50% no-repeat;
	background-size:100% 100%;
}
.section8{
	/* background: #17171c url(../images/xuanchuan/xc_01/bg8.png) 50% no-repeat; */
	background: #111111 url(../images/xuanchuan/xc_01/black.png) 50% no-repeat;
}
.section9{
	/* background: #17171c url(../images/xuanchuan/xc_01/gray.png) 50% no-repeat; */
	background: url(../images/xuanchuan/xc_01/white.png) 50% no-repeat;
	background-size:100% 100%;
}
/*公共*/
.section{
	overflow: hidden;
}
.screen-main{
	position: relative;
    max-width: 1280px;
    height: 100%;
    margin: 0 auto;
}
.noTxt{
	text-indent: -9999px;
}
.h1{
	font-size: 44px;
	font-weight: normal;
	color: #eee;
	letter-spacing: 8px;
}
.h2{
	font-size: 40px;
	color: #eee;
	letter-spacing: 6px;
}
.h3{
	font-size: 36px;
	font-weight: normal;
	color: #eee;
	letter-spacing: 4px;
}
.h4{
	font-size: 32px;
	letter-spacinge: 4px;
}
.h5{
	font-size: 28px;
	letter-spacinge: 4px;
	font-weight: normal;
}
p{
	font-size: 24px;
	color: #9fa8b5;
	letter-spacing: 2px;
	margin-top: 15px;
}

.fixedWrap{
	position: fixed;
	left: 0;
	bottom: 60px;
}
.fixedWrap a{
	padding: 0 30px;
    border-radius: 6px;
    color: #eee;
    font-size: 26px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 15px;
    display: block;
}
.fixedWrap .a1{
	background-color: #31987d;
}
.fixedWrap .a1:hover{
	background-color: #2f9178;
}
.fixedWrap .a2{
	background-color: #f59e00;
}
.fixedWrap .a2:hover{
	background-color: #e19300;
}

/*第一屏*/
.section1 .bg1-1{
	background: url(../images/xuanchuan/xc_01/bg1-1.png) no-repeat;
	background-size: 150px 70px;
	width: 150px;
	height: 70px;
	position: absolute;
	top: 0;
	left: 30px;
	margin-top: -100px;
	opacity: 0;
	transition: all 1s;
}
.active.section1 .bg1-1{
	margin-top: 50px;
	opacity: 1;
	transition-delay: 0.7s;
}
.section1 .bg1-2{
	background: url(../images/xuanchuan/xc_01/bg1-2.png) no-repeat;
	background-size: 662px;
    width: 662px;
    height: 90px;
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -123px;
    transition:all 1s;
    opacity: 0;
    transform:scale(0.6,0.6);
}
.active.section1 .bg1-2{
	transform:scale(1,1);
	opacity: 1;
	transition-delay:0.7s;
}
.section1 .bg1-3{
	background: url(../images/xuanchuan/xc_01/bg1-3.png) no-repeat;
	background-size:100% 100%;
	width: 777px;
	height: 468px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: 38px;
	margin-top: -194px;
	transition:all 1s;
	opacity: 0;
	transform:scale(0.7,0.7);
}
.active.section1 .bg1-3{
	transform:scale(1,1);
	transition-delay:0.7s;
	opacity: 1;
}
@media screen and (max-width:1000px){
	.section1 .bg1-2{
		width: 520px;
	}
}
.section1 .menu{
	position: absolute;
	top: 0;
	left: 50%;
	margin-top: -100px;
	margin-left: -200px;
	color: #fff;
	font-size: 18px;
	transition:all 1s;
	opacity: 0;
}
.active.section1 .menu{
	margin-top: 85px;
	transition-delay:0.7s;
	opacity: 1;
}
.section1 .menu li{
	float: left;
	margin: 0 10px;
	padding: 2px 8px;
}
.section1 .menu li.on{
	border:1px solid #fff;
}

.section1 .k_02{
	position: absolute;
	top: 50%;
	left: 20px;
	width: 710px;
	margin-top: 150px;
	transition: all 1s;
	opacity: 0;
}
.section1 .k_02 .h3{
	letter-spacing: 6px;
	font-size: 38px;
}
.active.section1 .k_02 p{
	font-size: 18px;
	line-height: 1.6;
}
.active.section1 .k_02{
	margin-top: -20px;
	opacity: 1;
	transition-delay: 0.7s;
}
@media screen and (max-width:1000px){
	.section1 .k_02{
		width: 580px;
		left: 40px;
	}
}


/*第二屏*/
.section2 .bg2-1{
	background: url(../images/xuanchuan/xc_01/bg2-1.png) no-repeat;
	background-position: 50% 550px;
	width: 100%;
	height: 100%;
	position: absolute;
	transition:all 1s;
	opacity: 0.95;
}
.active.section2 .bg2-1{
	background-position: 50%;
	opacity: 1;
	transition-delay: 0.7s;
}
.section2 .k_01{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin: -290px auto 0 auto;
	text-align: center;
	transition:all 1s;
	transform:scale(0.6,0.6);
}
.active.section2 .k_01{
	transform:scale(1,1);
	opacity: 1;
	transition-delay:0.7s;
}
.section2 .k_01 .h3{
	color: #555;
}
.section2 .k_01 .h3 span{
	color: #31987d;
}
.section2 .k_01 p{
	font-size: 12px;
	line-height: 30px;
	letter-spacing: 0;
	color: #555;
}
.section2 .hLine{
	width: 120px;
	height: 2px;
	background-color: #666;
	margin: 30px auto;
}
.section2 .k_01 ul{
	transition:all 1s;
	opacity: 0;
}
.active.section2 .k_01 ul{
	opacity: 1;
	transition-delay:1.5s;
	trsnsition-duration:1s;
}
.section2 .k_01 ul{
	text-align: left;
	padding-left:50%;
	margin-left: -130px;
	margin-top: 50px;
	font-size: 24px;
	line-height: 1.8;
	letter-spacing: 4px;
}
.section2 .k_01 ul li{
	padding-left: 13px;
	position: relative;
}
.section2 .k_01 ul li:before{
	content:' ';
	position: absolute;
	top: 18px;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius:50%;
	background-color:#31987d;
	display: inline-block;
}

/*第三屏*/
.section3 .bg3{
	background: url(../images/xuanchuan/xc_01/bg3.png) 50% no-repeat;
	background-size:100%;
	width: 1980px;
	height: 850px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -425px;
	margin-left: -990px;
}
.section3 .k_01{
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -290px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	transition:all 1s;
	opacity: 0;
	transform:scale(0.5,0.5);
}
.active.section3 .k_01{
	transition-delay:0.7s;
	opacity: 1;
	transform:scale(1,1);
}
.section3 .k_01 .h3{
	font-weight: 600;
	letter-spacing: 8px;
}
.section3 .k_01 .flag{
	font-size: 44px;
	color: #59ab95;
    font-weight: 600;
}
.section3 .k_01 .bg3-1{
	background:url(../images/xuanchuan/xc_01/bg3-1.png) no-repeat;
	background-size: 676px 120px;
	width: 676px;
	height: 120px;
	margin: 0 auto;
	transition:all 1s;
	opacity: 0;
	transform:scale(0.5,0.5);
}
.active.section3 .k_01 .bg3-1{
	transition-delay:0.7s;
	opacity: 1;
	transform:scale(1,1);
}
.section3 .k_01 .hLine{
	width: 120px;
	height: 2px;
	background-color: #bbb;
	margin: 20px auto 20px auto;
}
.section3 .k_01 p{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	font-size: 19px;
}
.section3 .k_02{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	color: #fff;
	text-align: center;
}
.section3 .k_02 ul li{
	width: 30%;
	line-height: 1.6;
	margin: 0 1.5%;
	float: left;
	font-size: 18px;
	text-align: center;
	color: #ced2d8;
	margin-top: 400px;
	transition:all 1s;
	opacity: 0;
}
.active.section3 .k_02 ul li{
	margin-top: 180px;
}
.active.section3 .k_02 ul li:nth-child(1){
	transition-delay:0.7s;
	opacity: 1;
}
.active.section3 .k_02 ul li:nth-child(2){
	transition-delay:1.2s;
	opacity: 1;
}
.active.section3 .k_02 ul li:nth-child(3){
	transition-delay:1.7s;
	opacity: 1;
}

/*第四屏*/
.section4 .k_01{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 700px;
	margin-left: -350px;
	margin-top: -300px;
	opacity: 0;
	transition:all 1s;
	transform:scale(0.5,0.5);
}
.section4 .k_01 p{
	font-size: 16px;
	margin-top: 2px;
	color: #666;
	letter-spacing: 0;
}
.active.section4 .k_01{
	transition-delay:0.7s;
	opacity: 1;
	transform:scale(1,1);
}
.section4 .k_01 span{
	font-size: 24px;
	letter-spacing: 6px;
}
.section4 .k_01 .h3{
	color: #333;
	font-weight: 600;
	line-height: 1.6;
}
.section4 .k_01 .hLine{
	width: 120px;
	height: 2px;
	background-color: #666;
	margin: 20px auto;
}

.section4 .k_02{
	background: url(../images/xuanchuan/xc_01/bg4-1.png) no-repeat;
	background-size:590px;
	width: 590px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 260px;
	margin-left: -295px;
	transition:all 1s;
	opacity: 0;
	transform:scale(0.7,0.7);
}
.active.section4 .k_02{
	margin-top: -170px;
	transition-delay:0.7s;
	opacity: 1;
	transform:scale(1,1);
}
.section4 .k_02 ul li{
	width: 456px;
    height: 256px;
    margin: 21px 60px;
}
.section4 .k_02 ul li:first-child ~li{
	display: none;
}
.section4 .k_02 ul li:nth-child(1){
	background:url(../images/xuanchuan/xc_01/bg4-2-1.png) no-repeat;
	background-size: 456px;
}
.section4 .k_02 ul li:nth-child(2){
	background:url(../images/xuanchuan/xc_01/bg4-2-2.png) no-repeat;
	background-size: 456px;
}
.section4 .k_02 ul li:nth-child(3){
	background:url(../images/xuanchuan/xc_01/bg4-2-3.png) no-repeat;
	background-size: 456px;
}
.section4 .k_02 ul li:nth-child(4){
	background:url(../images/xuanchuan/xc_01/bg4-2-4.png) no-repeat;
	background-size: 456px;
}

.section4 .k_03{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 900px;
    margin-top: 380px;
    margin-left: -450px;
    transition:all 1s;
    opacity: 0;
}
.active.section4 .k_03{
	margin-top: 176px;
	transition-delay:1.5s;
	transition-duration:1s;
	opacity: 1;
}
.section4 .k_03 ul li{
	width: 394px;
	height: 70px;
	line-height: 70px;
	padding-left: 56px;
	float: left;
	cursor: pointer;
	position: relative;
}
.section4 .k_03 ul li:after{
	content:' ';
	width: 50px;
	height: 50px;
	position: absolute;
	top: 10px;
	left: 0;
}
.section4 .k_03 ul li:nth-child(1):after{
	background:url(../images/xuanchuan/xc_01/bg4-3-1.png) no-repeat;
	background-size:50px;
}
.section4 .k_03 ul li.on:nth-child(1):after{
	background:url(../images/xuanchuan/xc_01/bg4-3-1-1.png) no-repeat;
	background-size:50px;
}
.section4 .k_03 ul li:nth-child(2):after{
	background:url(../images/xuanchuan/xc_01/bg4-3-2.png) no-repeat;
	background-size:50px;
}
.section4 .k_03 ul li.on:nth-child(2):after{
	background:url(../images/xuanchuan/xc_01/bg4-3-2-1.png) no-repeat;
	background-size:50px;
}
.section4 .k_03 ul li:nth-child(3):after{
	background:url(../images/xuanchuan/xc_01/bg4-3-3.png) no-repeat;
	background-size:50px;
}
.section4 .k_03 ul li.on:nth-child(3):after{
	background:url(../images/xuanchuan/xc_01/bg4-3-3-1.png) no-repeat;
	background-size:50px;
}
.section4 .k_03 ul li:nth-child(4):after{
	background:url(../images/xuanchuan/xc_01/bg4-3-4.png) no-repeat;
	background-size:50px;
}
.section4 .k_03 ul li.on:nth-child(4):after{
	background:url(../images/xuanchuan/xc_01/bg4-3-4-1.png) no-repeat;
	background-size:50px;
}
.section4 .k_03 ul li.on{
	color:#31987d;
}

@media screen and (max-width:1000px){
	
}

/*第五屏*/
.section5 .bg5-1{
	background:url(../images/xuanchuan/xc_01/bg5-1.png) no-repeat;
	background-size:620px;
	width: 620px;
	height: 400px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-left: 40px;
	margin-top: 340px;
	transition:all 1s;
	opacity: 0;
}
.active.section5 .bg5-1{
	margin-top: -110px;
	transition-delay:0.7s;
	opacity: 1;
}
.section5 .bg5-2{
	background:url(../images/xuanchuan/xc_01/bg5-2.png) no-repeat;
	background-size:640px;
	width: 640px;
	height: 86px;
	margin: 0 auto;
}
.section5 .k_01{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	margin-top: -290px;
	transition:all 1s;
	transform:scale(0.5,0.5);
	opacity: 0;
}
.active.section5 .k_01{
	transition-delay:0.7s;
	transform:scale(1,1);
	opacity: 1;
}
.section5 .k_01 .h3{
	font-weight: 600;
}
.section5 .k_01 .h3 div{
	margin-left: 300px;
	line-height: 2;
	font-size: 24px;
}
.section5 .k_01 p{
	font-weight: 600;
}
.section5 .k_01 .hLine{
	width: 120px;
	height: 2px;
	background-color: #bbb;
	margin: 15px auto;
}
.section5 .k_02{
	position: absolute;
	top: 50%;
	right: 0;
	width: 360px;
	margin-right: -240px;
	margin-top: -140px;
	font-size: 20px;
	color: #ddd;
	transition:all 1s;
	opacity: 0;
}
.active.section5 .k_02{
	margin-right: 80px;
	transition-delay:0.7s;
	opacity: 1;
}
@media screen and (max-width:1000px){
	.section5 .bg5-1{
		background-size: 500px;
		width: 500px;
		margin-left: 20px;
	}
	.active.section5 .k_02{
		margin-right: 50px;
	}
}
.section5 .k_02 ul li{
	margin: 15px 0;
	padding-left: 44px;
	position: relative;
}
.section5 .k_02 ul li:before{
	content:' ';
	background:url(../images/xuanchuan/xc_01/line.png) no-repeat;
	background-size:30px;
	width: 30px;
	height: 10px;
	position: absolute;
	top: 10px;
	left: 0;
}

/*第六屏*/
.section6 .k_01{
	position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -290px;
    text-align: center;
    transition: all 1s;
    transform: scale(0.6,0.6);
}
.section6 .k_01 .h3{
	color: #555;
}
.section6 .k_01 .h3 span{
	color: #31987d;
}
.active.section6 .k_01{
	transform: scale(1,1);
    opacity: 1;
    transition-delay: 0.7s;
}
.section6 .k_01 .hLine{
	width: 120px;
    height: 2px;
    background-color: #666;
    margin: 30px auto;
}
.section6 .bg7-1{
	background:url(../images/xuanchuan/xc_01/bg7-1.png) no-repeat;
	background-size: 860px 490px;
    width: 860px;
    height: 490px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -430px;
    margin-top: -240px;
    z-index: 98;
    transition:all 1s;
    opacity: 0;
    transform:scale(0.5,0.5);
}
.active.section6 .bg7-1{
	transition-delay:0.7s;
	opacity: 1;
	transform:scale(1,1);
}
.section6 .bg7-1>div{
	position: relative;
}
.section6 .bg7-1>div>ul{
	position: absolute;
	top: 58px;
    left: 110px;
    width: 628px;
    height: 358px;
}
.section6 .bg7-1>div>ul>li{
	width: 628px;
	height: 358px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 98;
}
.section6 .bg7-1>div>ul>li:first-child ~li{
	display: none;
}
.section6 .bg7-2-1{
	background:url(../images/xuanchuan/xc_01/bg7-2-1.gif) no-repeat;
	background-size:628px;
}
.section6 .bg7-2-2{
	background:url(../images/xuanchuan/xc_01/bg7-2-2.gif) no-repeat;
	background-size:628px;
}
.section6 .bg7-2-3{
	background:url(../images/xuanchuan/xc_01/bg7-2-3.gif) no-repeat;
	background-size:628px;
}
.section6 .bg7-2-4{
	background:url(../images/xuanchuan/xc_01/bg7-2-4.gif) no-repeat;
	background-size:628px;
}
.section6 .bg7-2-5{
	background:url(../images/xuanchuan/xc_01/bg7-2-5.gif) no-repeat;
	background-size:628px;
}
.section6 .bg7-2-6{
	background:url(../images/xuanchuan/xc_01/bg7-2-6.gif) no-repeat;
	background-size:628px;
}
.section6 .k_02{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 860px;
	margin-top: -140px;
	margin-left: -430px;
	transition:all 1s;
	opacity: 0;
}
.active.section6 .k_02{
	transition-delay:1.5s;
	transition-duration:1s;
	opacity: 1;
}
.section6 .k_02 ul li:nth-child(1),
.section6 .k_02 ul li:nth-child(2),
.section6 .k_02 ul li:nth-child(3){
	position: absolute;
	left: -200px;
	text-align: right;
	padding-right: 50px;
	z-index: 999;
}
.section6 .k_02 ul li:nth-child(1){
	top: 0;	
}
.section6 .k_02 ul li:nth-child(2){
	top: 100px;
}
.section6 .k_02 ul li:nth-child(3){
	top: 200px;
}
.section6 .k_02 ul li:nth-child(4),
.section6 .k_02 ul li:nth-child(5),
.section6 .k_02 ul li:nth-child(6){
	position: absolute;
	right: -190px;
	padding-left: 50px;
	z-index: 999;
}
.section6 .k_02 ul li:nth-child(4){
	top: 0;	
}
.section6 .k_02 ul li:nth-child(5){
	top: 100px;
}
.section6 .k_02 ul li:nth-child(6){
	top: 200px;
}
.section6 .k_02 ul li{
	width: 180px;
	margin-bottom: 50px;
	font-weight: 600;
	cursor: pointer;
	position: relative;
}
.section6 .k_02 ul li:nth-child(1):after,
.section6 .k_02 ul li:nth-child(2):after,
.section6 .k_02 ul li:nth-child(3):after{
	content:' ';
	width: 50px;
	height: 50px;
	border-radius:50%;
	position: absolute;
	top: 0;
	right: -10px;
}
.section6 .k_02 ul li:nth-child(4):before,
.section6 .k_02 ul li:nth-child(5):before,
.section6 .k_02 ul li:nth-child(6):before{
	content:' ';
	width: 50px;
	height: 50px;
	border-radius:50%;
	position: absolute;
	top: 0;
	left: -10px;
}
.section6 .k_02 ul li:nth-child(1):after{
	background: #333 url(../images/xuanchuan/xc_01/bg7-3-1.png) 50% no-repeat;
	background-size: 40px;
}
.section6 .k_02 ul li:nth-child(2):after{
	background: #333 url(../images/xuanchuan/xc_01/bg7-3-2.png) 50% no-repeat;
    background-size: 40px;
}
.section6 .k_02 ul li:nth-child(3):after{
	background: #333 url(../images/xuanchuan/xc_01/bg7-3-3.png) 50% no-repeat;
    background-size: 40px;
}
.section6 .k_02 ul li:nth-child(4):before{
	background: #333 url(../images/xuanchuan/xc_01/bg7-3-4.png) 50% no-repeat;
    background-size: 36px;
}
.section6 .k_02 ul li:nth-child(5):before{
	background: #333 url(../images/xuanchuan/xc_01/bg7-3-5.png) 50% no-repeat;
    background-size: 35px;
}
.section6 .k_02 ul li:nth-child(6):before{
	background: #333 url(../images/xuanchuan/xc_01/bg7-3-6.png) 50% no-repeat;
    background-size: 40px;
}
.section6 .k_02 ul li>span{
	font-size: 12px;
	font-weight: normal;
	display: block;
	color: #888;
	margin-top: 6px;
}
.section6 .k_02 ul li.on,
.section6 .k_02 ul li.on>span{
	color: #31987d;
}
.section6 .k_02 ul li.on:before{
	background-color: #31987d;
}

@media screen and (max-width: 1000px) {
	.active.section6 .bg7-1{
		transform: scale(0.75);
	}
	.section6 .k_02 ul li{
		width: 120px;
	}
	.section6 .k_02 ul li:nth-child(1),
	.section6 .k_02 ul li:nth-child(2),
	.section6 .k_02 ul li:nth-child(3){
		left: -20px;
	}
	.section6 .k_02 ul li:nth-child(4),
	.section6 .k_02 ul li:nth-child(5),
	.section6 .k_02 ul li:nth-child(6){
		right: -20px;
	}
}

.section6 .k_03{
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: 270px;
	width: 100%;
	text-align: center;
	opacity: 0;
	transition:all 1s;
	z-index: 999;
}
.active.section6 .k_03{
	top: 50%;
	transition-delay:1.2s;
	opacity: 1;
	transition-duration:1s;
}
.section6 .k_03 a{
	padding: 0 40px;
    border-radius: 6px;
    background-color: #31987d;
    color: #eee;
    font-size: 26px;
    height: 48px;
    line-height: 48px;
    display: inline-block;
    box-shadow:6px 8px 10px rgba(0,0,0,0.4);
    animation: pulse 1s linear 0s infinite both;
}
@-webkit-keyframes pulse {
    0%,100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05);
        opacity: 1;
    }
}

@keyframes pulse {
    0%,100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05);
        opacity: 1;
    }
}
.section6 .k_03 a:hover{
	background-color: #2d8a73;
}

/*第七屏*/
.section7 .bg6-1{
	background:url(../images/xuanchuan/xc_01/bg6-1.png) no-repeat;
	background-size:600px;
	width: 600px;
	height: 350px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -550px;
	margin-top: 130px;
	z-index: 98;
	transition:all 0.7s;
	opacity: 0;
}
.active.section7 .bg6-1{
	margin-left: -550px;
	margin-top: -100px;
	transition-delay:0.7s;
	opacity: 1;
}
.section7 .bg6-2{
	background:url(../images/xuanchuan/xc_01/bg6-2.png) no-repeat;
	background-size:600px;
	width: 600px;
	height: 350px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -360px;
	margin-top: 50px;
	z-index: 97;
	transition:all 0.7s;
	opacity: 0;
}
.active.section7 .bg6-2{
	margin-left: -360px;
	margin-top: -180px;
	transition-delay:0.7s;
	opacity: 1;
}

.section7 .bg6-3{
	background:url(../images/xuanchuan/xc_01/bg6-3.png) no-repeat;
	background-size:660px;
	width: 660px;
	height: 400px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -580px;
	margin-top: 180px;
	z-index: 98;
	transition:all 0.7s;
	opacity: 0;
}
.active.section7 .bg6-3{
	margin-left: -550px;
	margin-top: -100px;
	transition-delay:0.7s;
	opacity: 1;
}
.section7 .k_01{
	text-align: center;
	position: absolute;
    top: 50%;
    left: 0;
    margin-top: -290px;
    width: 100%;
    text-align: center;
    transition:all 1s;
    transform:scale(0.5,0.5);
    opacity: 0;
}
.active.section7 .k_01{
	transition-delay:0.7s;
	transform:scale(1,1);
	opacity: 1;
}
.section7 .k_01 .h3{
	color: #333;
}
.section7 .k_01 .h3>span{
	color: #31987d;
}
.section7 .k_01 p{
	font-size: 14px;
    line-height: 30px;
    letter-spacing: 0;
    color: #555;
}
.section7 .k_01 .hLine{
	width: 120px;
    height: 2px;
    background-color: #666;
    margin: 30px auto;
}
.section7 .k_02{
	position: absolute;
	top: 50%;
	right: 0;
	width: 470px;
	margin-right: -300px;
	margin-top: -140px;
	z-index: 999;
	transition:all 1s;
	opacity: 0;
}
.active.section7 .k_02{
	margin-right:60px;
	transition-delay:0.7s;
	opacity: 1;
}
@media screen and (max-width:1000px){
	.active.section7 .k_02{
		width: 400px;
		margin-right: 50px;
	}
	.section7 .bg6-1{
		background-size:500px;
		width: 500px;
	}
	.section7 .bg6-2{
		background-size:500px;
		width: 500px;
	}
	.section7 .bg6-3{
		background-size:600px;
		width: 600px;
	}
}
.section7 .k_02>h4{
	font-size: 28px;
	color: #31987d;
	font-weight: normal;
	margin-bottom: 18px;
}
.section7 .k_02>h4:before{
	content:' ';
	background:url(../images/xuanchuan/xc_01/line.png) no-repeat;
	background-size:30px;
	width: 30px;
	height: 10px;
	position: absolute;
	top: 14px;
	left: -40px;
}
.section7 .k_02>ul{
	font-size: 20px;
	color: #555;
	
}
.section7 .k_02>ul>li{
	position: relative;
	padding-left: 20px;
	margin: 15px 0;
}
.section7 .k_02>ul>li:before{
	content: ' ';
	position: absolute;
	top:12px;
	left: 0;
	width: 6px;
	height: 6px;
	background-color: #31987d;
	border-radius: 50%;
}

/*第八屏*/
.section8 .bg8-1{
	background:url(../images/xuanchuan/xc_01/bg8-1.png) no-repeat;
	background-size: 380px;
    width: 380px;
    height: 270px;
    position: absolute;
    top: 15px;
    right: 40px;
    z-index: 98;
}
.section8 .bg8-2{
	background:url(../images/xuanchuan/xc_01/bg8-2.png) no-repeat;
	background-size: 350px;
    width: 350px;
    height: 250px;
    position: absolute;
    top: 26px;
    right: 40px;
    z-index: 98;
}
.section8 .bg8-3{
	background:url(../images/xuanchuan/xc_01/bg8-3.png) no-repeat;
	background-size: 380px;
    width: 380px;
    height: 300px;
    position: absolute;
    top: -20px;
    right: 50px;
    z-index: 98;
}
.section8 .slide{
	position: relative;
}
.section8 .k_01{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 770px;
	margin-left: -350px;
	margin-top: -290px;
	text-align: center;
	transition:all 1s;
	opacity: 0;
	transform:scale(0.5,0.5);
}
.active.section8 .k_01{
	opacity: 1;
	transition-delay:0.7s;
	transform:scale(1,1);
}
.section8 .k_01 .h3>span{
	color: #31987b;
}
.section8 .k_01 p{
	font-size: 14px;
    line-height: 30px;
    letter-spacing: 0;
    color: #bbb;
}
.section8 .k_01 .hLine{
	width: 120px;
    height: 2px;
    background-color: #bbb;
    margin: 30px auto;
}
.section8 .k_02{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 900px;
	margin-left: -450px;
	margin-top: 170px;
	transition:all 1s;
	opacity: 0;
}
.active.section8 .k_02{
	margin-top: -130px;
	transition-delay:0.7s;
	opacity: 1;
}
.section8 .k_02 .title{
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	font-weight: 600;
	color: #eee;
	background-color: #238267;
}
.section8 .k_02 .title li{
	width: 33.33%;
	float: left;
	text-align: center;
	background-color: #238267;
	cursor: pointer;
}
.section8 .k_02 .title li.on{
	background-color: #3aa586;
}
.section8 .k_02 .content{
	background-color: #31987b;
	height: 300px;
	line-height: 2;
	font-size: 18px;
	position: relative;
}
.section8 .k_02 .content ul{
	color: #eee;
	width: 440px;
	position: absolute;
	top: 50px;
	left: 30px;
}

/*第九屏*/
.section9 .k_01{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 900px;
	margin-left: -450px;
	margin-top: -290px;
}
.section9 .k_01 .title{
	border-left:3px solid #31987b;
	padding-left: 15px;
	font-size: 32px;
	margin-bottom: 50px;
	opacity: 0;
	transition:all 1s;
}
.active.section9 .k_01 .title{
	transition-delay:1s;
	transition-duration:1s;
	opacity: 1;
}
.section9 .k_01 .title>span{
	display: block;
	font-size: 12px;
	color: #555;
}
.section9 .k_01 .content{
	margin-top: 200px;
	transition:all 1s;
	opacity: 0;
}
.active.section9 .k_01 .content{
	margin-top: 0;
	transition-delay:0.7s;
	opacity: 1;
}
.section9 .k_01 .content .leftNav{
	float: left;
	width: 376px;
	background-color: #fff;
	box-shadow: 0 0 30px rgba(0,0,0,0.3);
}
.section9 .k_01 .content .leftNav li{
	border-bottom:1px solid #ddd;
	padding: 12px 6px 12px 28px;
	line-height: 1.5;
	color: #f85c6f;
	cursor: pointer;
	position: relative;
}
.section9 .k_01 .content .leftNav li.on{
	background-color: #eee;
}
.section9 .k_01 .content .leftNav li:before{
	content: ' ';
    background: url(../images/xuanchuan/xc_01/bg9-1.png) no-repeat;
    background-size: 26px;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 12px;
    left: 5px;
}
.section9 .k_01 .content .leftNav li:last-child{
	border-bottom:none;
}
.section9 .k_01 .content .rightContent{
	float: left;
	width: 414px;
	min-height: 314px;
	padding: 50px 40px;
	margin-left: 30px;
	background-color: #fff;
	color: #31987d;
	font-size: 18px;
	line-height: 1.8;
	text-indent: 2em;
	box-shadow: 0 0 30px rgba(0,0,0,0.3);
}
.section9 .k_01 .content .rightContent li:first-child ~li{
	display: none;
}
.section9 .k_01 .content .rightContent a.a{
	color: #eb870f;
}
.section9 .k_01 .content .rightContent a.a:hover{
	text-decoration: underline;
	color: #f85c6f;
}
.section9 .copyright{
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
	text-align: center;
}

@media screen and (min-width:1000px){
	.k_01{
		top: 50px !important;
		margin-top: 0 !important;
	}
}

/*底部PPT下载*/
.hezuoFixed{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 220px;
	height: 210px;
	font-size: 16px;
	text-align: center;
	background-color: #fff;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	transition:all ease-in-out 0.3s;
	z-index: 9999;
}
.hezuoFixed.off{
	bottom: -162px;
}
.hezuoFixed .title{
	height: 48px;
	line-height: 48px;
	background-color: #5fc2c9;
	/* background-color: #c35132; */
	color: #fafafa;
	cursor: pointer;
	font-size: 22px;
	letter-spacing: 1px;
}
.hezuoFixed .content{
	height: 120px;
	padding: 20px 18px;
	border:1px solid #ddd;
	border-top: none;
}
.hezuoFixed .content .ppt a{
	width: 80px;
	height: 96px;
	padding: 5px;
	font-size: 16px;
	display: block;
	float: left;
	text-align: center;
	position: relative;
}
.hezuoFixed .content .ppt a img{
	width: 70px;
	height: 70px;
	display: block;
	border:0;
	margin: 0 auto;
}
.hezuoFixed .content .ppt a span{
	color: #333;
	width: 100%;
	line-height: 30px;
	text-align: center;
}
.hezuoFixed .content .ppt a:hover{
	box-shadow:0 0 10px rgba(0,0,0,0.4);
}
.hezuoFixed .content .ppt a:hover span{
	color: red;
}