/*reset*/
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,form,input,button,textarea,p,th,td { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6{ font-size: 100%}
input,button,textarea{ vertical-align:middle}
table { border-collapse: collapse; border-spacing: 0; }
body { color:#333; font-size:14px;font-family: "微软雅黑";}
img { border: 0; }
li { list-style: none; }
a{ outline:none; text-decoration:none; color:inherit}
em,strong{font-style:normal;}
.cl:after{ content:'\20'; display:block; height:0; clear:both; }
.cl{ *zoom:1;} 
.overFlow{overflow:hidden;}
.center{width:1200px;margin: auto;padding:0.1px;position:relative;}
/*主要内容*/
/*头部*/
.fuli-nav{position:fixed;top:0;left:0;right:0; width:100%;height:68px;background:url(../imgActive/fuliNavBg.jpg) repeat-x;box-shadow:1px 1px 5px 2px #bbbaba;z-index:99999;}
.fuli-nav ul{width:1200px;margin: auto;}
.fuli-nav ul li{width:calc(100% / 8);float:left;text-align:center;}
.fuli-nav ul li a{color:#fff;font-size:16px;font-weight:bold;letter-spacing:2px; height:50px;line-height:50px;margin:9px auto 0;display:inline-block;}
.fuli-nav ul li.active a{padding:0 15px; color:#664bda;background:#fff;border-radius:25px;box-shadow:0px 0px 10px 1px #7463b8;}
.fuli-section .section{ position: relative; z-index: 0}
/*第一屏*/
.fulibottom{width:100%;min-width:1200px;position:fixed;bottom:-70px;left:0;right:0;z-index:999;}
.section{width:100%;min-width:1200px;overflow:hidden;padding:0.1px;position:absolute;top:0;left:0;bottom:0;right:0;}
.section1{z-index:999; background:#6b50d9 url(../imgActive/fuliBan.jpg) no-repeat top center;background-size:100%;display:block;}						
@-webkit-keyframes run {0% {right:10%;}100%{right:70%;}}

/*图片从右向左滑行*/
@-webkit-keyframes nonePic {0% {opacity: 0;}100% {opacity: 0;}}
@-webkit-keyframes slideR{0% {width:0px;}100% {width:700px;}}
/*渐出效果*/
@keyframes showPic {0% {opacity: 0;}50%{opacity:0.5;}100% {opacity: 1;}}
@-webkit-keyframes showPic {0% {opacity: 0;}100% {opacity: 1;}}	
/*从上往下掉*/
@keyframes downPic {0% {top:-160;}100% {top:150px;}}
.active .fuliMa,.fuliMa{position:absolute;bottom:160px;width:400px;right:70%;animation:run 3s linear;z-index:99;}		
.active .textMengBan,.textMengBan{width:700px;overflow:hidden;position:absolute;top:350px;right:50%;margin-right:-350px; margin-left:-350px;animation:nonePic 1s linear,slideR 3s linear;}
.active .text2,.text2{width:700px;}
.active .text1,.text1{width:400px;z-index:9; position:absolute;top:-160px;left:50%;margin-left:-200px;animation:nonePic 2s linear,2s 3s ease forwards downPic;}
.active .text3,.text3{width:40%; position:absolute;z-index:99;top:600px;left:50%;margin-left:-20%;opacity: 0;animation:nonePic 3s linear,3s 4s ease forwards showPic;}
.fuliflower{position:absolute;right:0;bottom:60px;width:28%;z-index:9;}
/*第二屏*/
.section2{background:#c1c8fe url(../imgActive/fuli2Bottom.png) no-repeat bottom center; background-size:100%;}
.section2 h2{margin:120px 0 50px 20px;width:710px;line-height:1.5;font-size:23px;}
.section2 .center{padding-left:50px;}
.section2 ul li span,.section3 ul li span{border-radius:50%;text-align:center;line-height:56px;z-index:99; font-size:21px;position:relative; width:56px;height:56px;background:#fc9300;color:#fff;display:block;float:left;border:7px solid #fff;}
.section2 ul li{overflow:hidden;margin-bottom:20px;}
.section2 ul li p{height:36px;overflow:hidden;letter-spacing:1px; padding-left:30px;padding-right:20px; box-sizing: border-box; position:relative;top:17px;left:-20px;background:#f2f2f2 url(../imgActive/fuliBg.png) repeat-x left bottom;border-radius:18px;line-height:36px;font-size:14px;}
.section2 ul li p em{float:right;color:#7056df;cursor:pointer;}
.section2 li p{width:515px;}
/*.section2 .li2 p{width:635px;}
.section2 .li3 p{width:400px;}
.section2 .li4 p{width:635px;}
.section2 .li5 p{width:710px;}
.section2 .li6 p{width:560px;}*/
/*第二屏的动画*/
@-webkit-keyframes fadeInRight{
	0%{opacity:0;-webkit-transform:translateX(100px)}
	100%{opacity:1;-webkit-transform:translateX(0)}
}
@keyframes fadeInRight{
	0%{opacity:0;transform:translateX(100px)}
	100%{opacity:1;transform:translateX(0)}
}
.active .li1{-webkit-animation:fadeInRight 1s .5s ease both;animation:fadeInRight 1s .5s ease both;}
.active .li2{-webkit-animation:fadeInRight 1s 1s ease both;animation:fadeInRight 1s 1s ease both;}
.active .li3{-webkit-animation:fadeInRight 1s 1.5s ease both;animation:fadeInRight 1s 1.5s ease both;}
.active .li4{-webkit-animation:fadeInRight 1s 2s ease both;animation:fadeInRight 1s 2s ease both;}
.active .li5{-webkit-animation:fadeInRight 1s 2.5s ease both;animation:fadeInRight 1s 2.5s ease both;}
.active .li6{-webkit-animation:fadeInRight 1s 3s ease both;animation:fadeInRight 1s 3s ease both;}
/*第三屏*/
.section3{box-sizing:border-box; background:url(../imgActive/fuli4Bg.jpg) no-repeat bottom center;background-size:1920px;}
.section3 ul{width:600px;height:600px;margin:160px 0 0 580px;}
.section3 ul li{overflow:hidden;margin-bottom:20px;}
.section3 ul li p{height:32px;overflow:hidden;letter-spacing:1px;width:170px;margin-bottom:40px; padding-left:30px;padding-right:20px; box-sizing: border-box; position:relative;top:17px;left:-20px;background:#fc9300;border-radius:16px;line-height:32px;font-size:15px;color:#fff;font-weight:bold;}
.section3 ul li b{font-size:14px;font-weight:normal;}
.section3 ul li em{color:#7056df;font-size:14px;padding:3px 10px;display:inline-block;border:1px solid #7056df;border-radius:20px;margin-left:10px;cursor:pointer;}
/*第四屏*/
.section4{box-sizing:border-box; background:#bfdefd url(../imgActive/fuli3Bg.jpg) no-repeat bottom center;padding-top:110px;background-size:100%;}
.section4 dl{width:740px;overflow:hidden;float:left;margin-bottom:40px;color:#626262;}
.section4 dl dt{width:45px;height:50px;font-size:24px;margin-right:20px;text-align:center; float:left;background:url(../imgActive/fulidtbg.png) no-repeat bottom center;}
.section4 dl dd{font-size:18px;font-weight:bold;overflow:hidden;}
.section4 dl dd p{font-weight:normal;font-size:16px;margin-bottom:8px;}
.section4 dl dd p span{color:#ff0117;}
.dl5{width:400px!important; position:absolute;top:25px;left:295px;background:#fff;padding:10px;border-right:50px solid #fcb64d;}
.dl5 p{border-bottom:1px dashed #c8c8c8;padding-bottom:6px;}
.specilText{width:560px;height:250px;position:relative; background:rgba(255,255,255, 0.62);border-radius:30px;padding:15px 20px;color:#ff0000;box-sizing: border-box;}
.specilText .textS{width:270px;line-height:1.8;}

/*第五屏*/
.section5{box-sizing:border-box; background:#d5f8fb url(../imgActive/fuli5Bg2.png) no-repeat bottom center;padding-top:100px;background-size:100%;}
.section5 ul li,.section6 ul li{width:442px;margin:0 80px 70px 70px; background:#fff;border-radius:20px;box-shadow:1px 1px 10px 2px #7056df;float:left;padding:20px;box-sizing: border-box;}
.section5 ul li h3,.section6 ul li h3{margin-bottom:15px;font-size: 16px;}
.section5 ul li p,.section6 ul li p{margin-bottom:10px;}
.section5 ul li em,.section6 ul li em{width:100px;height:30px;display:block;background:#f89493;color:#fff;text-align:center;line-height:30px;border-radius:15px;cursor:pointer;}
/*第五屏动画*/
@-webkit-keyframes fadeInRightBig{
	0%{opacity:0;-webkit-transform:translateX(2000px)}
	100%{opacity:1;-webkit-transform:translateX(0)}}
@keyframes fadeInRightBig{
	0%{opacity:0;transform:translateX(2000px)}
	100%{opacity:1;transform:translateX(0)}
}
.active .sliderfr{-webkit-animation:fadeInRightBig 1s .2s ease both;animation:fadeInRightBig 1s .2s ease both;}
.active .sliderfl{-webkit-animation:fadeInLeftBig 1s .2s ease both;animation:fadeInLeftBig 1s .2s ease both;}
.active .sliderfr2{-webkit-animation:fadeInRightBig 1s .5s ease both;animation:fadeInRightBig 1s .5s ease both;}
.active .sliderfl2{-webkit-animation:fadeInLeftBig 1s .5s ease both;animation:fadeInLeftBig 1s .5s ease both;}
@-webkit-keyframes fadeInLeftBig{
	0%{opacity:0;-webkit-transform:translateX(-2000px)}
	100%{opacity:1;-webkit-transform:translateX(0)}
}
@keyframes fadeInLeftBig{
	0%{opacity:0;transform:translateX(-2000px)}
	100%{opacity:1;transform:translateX(0)}
}
/*第6屏*/
.section6{box-sizing:border-box; background:#eadeff url(../imgActive/fuli6Bg.jpg) no-repeat bottom center;padding-top:110px;background-size:100%;}
.section6 li{float:none!important; background:rgba(255, 250, 236, 0.68)!important;margin-bottom:30px!important;}
.section6 ul{float:right;}

/*第七屏*/
.section7{box-sizing:border-box; background:#c4fee1 url(../imgActive/fuli7Bg.jpg) no-repeat bottom center;padding-top:100px;background-size:100%;}
.section7 ul li{width:360px;border-radius:20px;border:4px dotted #f89493;margin-bottom:30px;padding:10px 20px;box-sizing: border-box;margin-left:70px;}
.section7 ul li h3{margin-bottom:8px;}
.section7 ul li p{margin-bottom:10px;}
.section7 ul li em{width:100px;height:30px;display:block;background:#f89493;color:#fff;text-align:center;line-height:30px;border-radius:15px;cursor:pointer;}
/*最后一屏*/
.section8{box-sizing:border-box; background:#c1c8fe url(../imgActive/fuli8Bg.jpg) no-repeat bottom center;padding-top:120px;background-size:100%;}
.section8 dl{width:calc(100% / 3);float:left;text-align:center;margin-bottom:30px;}
.tougaoText{width:1030px;line-height:1.8;font-size:14px; margin: auto;background:#fff;padding:15px;box-sizing: border-box;border-radius:25px;box-shadow:0px 0px 10px 1px #ccc;}
.tougaoYaoqiu em{height:36px;line-height:36px;text-align: center;background:#f89493;color:#fff;display:block;width:150px;margin:20px auto;border-radius:18px;cursor: pointer;}

/*弹出框*/
.mengban{width:100%;height:100%;background:rgba(0,0,0, 0.65);position:absolute;top:0;left:0;z-index:999999;display:none;}
.mengban div{width:790px;height:520px;border:25px solid #e2d5fd;background:#fdfcf6 url(../imgActive/fulishoBoxBg.png) no-repeat left top;position:fixed;top:50%;left:50%;margin-top:-260px;margin-left:-395px;border-radius:30px;display:none;}
.mengban h3{background:url(../imgActive/fulititleBg.png) no-repeat top center; color:#fff;text-align: center;line-height:60px;height:70px;font-size: 18px;}
.mengban p{width:90%;margin:8px auto 0;line-height:1.6;}
.boxClose{width:45px;height:45px;display:block;background:url(../imgActive/fuliClose.png) no-repeat;position:fixed;top:50%;left:50%;margin-top:-290px;margin-left:444px;cursor:pointer;}
.mengban h4{width:90%;margin:15px auto 0;}
.mengban p span{color:#ea4dab;}
.flowY{width:790px!important;height:440px!important; overflow-y:scroll;}
/*表格*/
.mengban table td{padding:12px;font-size: 17px;border:solid 2px #fff;color: #666666;text-align:center;}
.mengban table{width:600px;margin:20px auto;border-collapse: collapse;background:#d0cbee;}
.mengban table tr:nth-of-type(even){background: #f5dbe8;}
/*笔记本适配*/	
@media screen and (max-width:1366px){
	body{font-size:12px;}
	.active .textMengBan {top:250px;}
	.active .fuliMa { bottom:80px;}
	.active .text3 {top: 450px;}
	.active .fuliMa {width: 340px;}
	/*第二屏*/
	.section2 ul li p {top: 13px;}
	.section2 h2 {margin: 100px 0 25px 20px;font-size: 18px;}
	.section2 ul li span, .section3 ul li span {line-height: 46px;width: 46px;height: 46px;border: 6px solid #fff;}
	.section3 ul li {margin-bottom: 10px;}
	.section3 ul {margin: 120px 0 0 580px;}
    .section3 ul li p {top: 14px;}
    .section4 dl {margin-bottom: 30px;}
    .section4 dl dd {font-size: 14px;}
    .section4 dl dd p {font-size: 12px;}
    .specilText {width: 440px;height: 185px;}
    .section8 .overFlow{width: 882px;margin: auto;}
    .section8 dl {margin-bottom: 10px;}
    .section8 dl dt img{width:90px;}
    .section8 {padding-top: 86px;}
    .tougaoYaoqiu em {margin: 0px auto 20px;}
    .tougaoText {width: 1100px;font-size:12px;line-height:1.8;}
}
.bottomText{position:fixed;bottom:20px;z-index:9999;text-align:center;width:100%;color:#000;}
.bottomText2{position:absolute;bottom:20px;z-index:9999;text-align:center;width:100%;color:#000;font-size:12px;}