body{ font-family: 'Microsoft Yahei',Verdana, Arial, Helvetica,宋体,sans-serif !important; color: #fff;}
a{ cursor: pointer;}
a:hover {text-decoration:none;}
.section{position:relative; overflow: hidden;}
.section .sec{position: absolute;}
.sec img {width: 100%;}
.iispwidth {width: 1182px; height: 100%; margin: 0 auto; position:relative;}
.l-r{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0);}
.t-b{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);}
.cen{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}

.section1{height: 760px; width: 100%; background: #201D24;}
.sec1_bg { top: 50px; left: 50%;}
.sec1_txt { top: 12%; left: 50%; width: 35%; max-width: 669px;}
.sec1_btn { top: 45%; left: 50%;}
.sec1_btn a {
    background: -webkit-linear-gradient(left,#FF3F3F,#FF80D4);
    background: -o-linear-gradient(right,#FF3F3F,#FF80D4);
    background: -moz-linear-gradient(right,#FF3F3F,#FF80D4);
    background: linear-gradient(to right,#FF3F3F,#FF80D4);
    display: block;
    width: 233px;
    height: 60px;
    line-height: 60px;
    border-radius: 45px;
    color: #fff;
    font-size: 22px;
}
.sec1_btn a:hover {color: #fff}
.sec1_img01 { bottom: -15%; left: 48%;}
.sec1_img02 { bottom: -15%; right: 17%;}
.sec1_img03 { bottom: -15%; left: 21%;}
.sec1_img04 { top: -47%; left: -530px;}
.sec1_img05 { top: -35%; right: -425px;}
.sec1act01 {animation:sec1act01 8s infinite; -webkit-animation:sec1act01 8s infinite; -moz-animation:sec1act01 8s infinite; -ms-animation:sec1act01 8s infinite; -o-animation:sec1act01 8s infinite;}
@keyframes sec1act01{
	0% {top: -47%;}
	50% {top: -40%;}
	100% {top: -47%;}
}
@-webkit-keyframes sec1act01{
	0% {top: -47%;}
	50% {top: -40%;}
	100% {top: -47%;}
}
@-moz-keyframes sec1act01{
	0% {top: -47%;}
	50% {top: -40%;}
	100% {top: -47%;}
}
@-o-keyframes sec1act01{
	0% {top: -47%;}
	50% {top: -40%;}
	100% {top: -47%;}
}
.sec1act02 {animation:sec1act02 7s infinite; -webkit-animation:sec1act02 7s infinite; -moz-animation:sec1act02 7s infinite; -ms-animation:sec1act02 7s infinite; -o-animation:sec1act02 7s infinite;}
@keyframes sec1act02{
	0% {top: -35%;}
	50% {top: -28%;}
	100% {top: -35%;}
}
@-webkit-keyframes sec1act02{
	0% {top: -35%;}
	50% {top: -28%;}
	100% {top: -35%;}
}
@-moz-keyframes sec1act02{
	0% {top: -35%;}
	50% {top: -28%;}
	100% {top: -35%;}
}
@-o-keyframes sec1act02{
	0% {top: -35%;}
	50% {top: -28%;}
	100% {top: -35%;}
}

.section2,.section3,.section4,.section5,.section6,.section7,.section9 { height: 580px;}
.sec2_bg,.sec3_bg,.sec4_bg,.sec5_bg,.sec6_bg,.sec7_bg,.sec9_bg { height: 100%;}
.sec2_bg img,.sec3_bg img,.sec4_bg img,.sec5_bg img,.sec6_bg img,.sec7_bg img,.sec9_bg img { height: 100%;}
.sec_img1 { bottom: -60px; left: -50%;}
.sec_img2 { bottom: -7px; left: 0px;}
.sec_img1 { animation:sec_img1 8s linear infinite normal; -webkit-animation:sec_img1 8s linear infinite normal; -moz-animation:sec_img1 8s linear infinite normal; -ms-animation:sec_img1 8s linear infinite normal; -o-animation:sec_img1 8s linear infinite normal;}
@keyframes sec_img1{
	0% { left: -50%; bottom: -60px;}
	100% { left: 0%; bottom: -7px;}
}
@-webkit-keyframes sec_img1{
	0% { left: -50%; bottom: -60px;}
	100% { left: 0%; bottom: -7px;}
}
@-moz-keyframes sec_img1{
	0% { left: -50%; bottom: -60px;}
	100% { left: 0%; bottom: -7px;}
}
@-o-keyframes sec_img1{
	0% { left: -50%; bottom: -60px;}
	100% { left: 0%; bottom: -7px;}
}
.sec_img2 { animation:sec_img2 8s linear infinite normal; -webkit-animation:sec_img2 8s linear infinite normal; -moz-animation:sec_img2 8s linear infinite normal; -ms-animation:sec_img2 8s linear infinite normal; -o-animation:sec_img2 8s linear infinite normal;}
@keyframes sec_img2{
	0% { left: 0%; bottom: -7px;}
	100% { left: -50%; bottom: -60px;}
}
@-webkit-keyframes sec_img2{
	0% { left: 0%; bottom: -7px;}
	100% { left: -50%; bottom: -60px;}
}
@-moz-keyframes sec_img2{
	0% { left: 0%; bottom: -7px;}
	100% { left: -50%; bottom: -60px;}
}
@-o-keyframes sec_img2{
	0% { left: 0%; bottom: -7px;}
	100% { left: -50%; bottom: -60px;}
}

.sec2_txt01 { top: 25%; left: 0%; text-align: left;}
.sec2_txt01 p { color: #fff; font-size: 46px; line-height: 140%;}
.sec2_txt02 { width: 32%; top: 52%; left: 0%;}
.sec2_txt002 { background: #fff; width:100%; height: 1px;}
.sec2_txt03 { left: 0%; top: 59%; width: 32%; text-align: left;}
.sec2_txt03 p { color: #fff; font-size: 18px; line-height: 180%;}
.sec2_img01 { right: 2%; top: 20%;}
.sec2_img02 { right: 13%; top: 20%;}
.sec2_img03 { right: 20%; top: 17%;}
.sec2_img001 { right: 2%; top: 20%;}
.sec2_img002 { right: 35%; top: 43%;}
.sec2_img003 { right: 0%; top: 37%;}
.sec2_img04 { right: 2%; top: 12%; width: 8%;}
.sec2act01 img { animation:sec2act01 6s linear; -webkit-animation:sec2act01 6s linear; -moz-animation:sec2act01 6s linear; -ms-animation:sec2act01 6s linear; -o-animation:sec2act01 6s linear;}
@keyframes sec2act01{
	0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg);}
	100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg);}
}
@-webkit-keyframes sec2act01{
	0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg);}
	100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg);}
}
@-moz-keyframes sec2act01{
	0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg);}
	100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg);}
}
@-o-keyframes sec2act01{
	0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg);}
	100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg);}
}

.sec3_txt01 { top: 25%; right: 0%; text-align: right;}
.sec3_txt01 p { color: #fff; font-size: 46px; line-height: 140%;}
.sec3_txt02 {width: 32%; top: 52%; right: 0%;}
.sec3_txt002 { background: #fff; width: 100%; height: 1px;}
.sec3_txt03 { right: 0%; top: 59%; width: 32%; text-align: right;}
.sec3_txt03 p { color: #fff; font-size: 18px; line-height: 180%;}
.sec3_img01 { top: 70px; left: 110px;}
.sec3_img02 { top: 130px; left: 475px;}
.sec3_img03 { top: 215px; left: 0px;}
.sec3_img04 { top: 362px; left: 0px;}
.sec3_img05 { top: 200px; left: 740px;}
.sec3act04 {animation:sec3act04 6s infinite; -webkit-animation:sec3act04 6s infinite; -moz-animation:sec3act04 6s infinite; -ms-animation:sec3act04 6s infinite; -o-animation:sec3act04 6s infinite;}
@keyframes sec3act04{
	0% {top: 360px;}
	50% {top: 367px;}
	100% {top: 360px;}
}
@-webkit-keyframes sec3act04{
	0% {top: 360px;}
	50% {top: 367px;}
	100% {top: 360px;}
}
@-moz-keyframes sec3act04{
	0% {top: 360px;}
	50% {top: 367px;}
	100% {top: 360px;}
}
@-o-keyframes sec3act04{
	0% {top: 360px;}
	50% {top: 367px;}
	100% {top: 360px;}
}
.sec3act05 {animation:sec3act05 6s infinite; -webkit-animation:sec3act05 6s infinite; -moz-animation:sec3act05 6s infinite; -ms-animation:sec3act05 6s infinite; -o-animation:sec3act05 6s infinite;}
@keyframes sec3act05{
	0% {top: 197px;}
	50% {top: 202px;}
	100% {top: 197px;}
}
@-webkit-keyframes sec3act05{
	0% {top: 197px;}
	50% {top: 202px;}
	100% {top: 197px;}
}
@-moz-keyframes sec3act05{
	0% {top: 197px;}
	50% {top: 202px;}
	100% {top: 197px;}
}
@-o-keyframes sec3act05{
	0% {top: 197px;}
	50% {top: 202px;}
	100% {top: 197px;}
}

.sec4_txt01 { top: 25%; left: 0%; text-align: left;}
.sec4_txt01 p { color: #fff; font-size: 46px; line-height: 140%;}
.sec4_txt02 { width: 32%; top: 52%; left: 0%;}
.sec4_txt002 { background: #fff; width: 100%; height: 1px;}
.sec4_txt03 { left: 0%; top: 59%; width: 32%; text-align: left;}
.sec4_txt03 p { color: #fff; font-size: 18px; line-height: 180%;}
.sec4_img01 { right: 0%; top: 45%;}
.sec4_img02 { right: 0%; top: 40%;}
.sec4_img03 { right: 0%; top: 38%;}
.sec4_img04 { right: 0%; top: 4%;}

.sec5_txt01 { top: 25%; right: 0%; text-align: right;}
.sec5_txt01 p { color: #fff; font-size: 46px; line-height: 140%;}
.sec5_txt02 { width: 32%; top: 52%; right: 0%;}
.sec5_txt002 { background: #fff; width: 100%; height: 1px;}
.sec5_txt03 { right: 0%; top: 59%; width: 32%; text-align: right;}
.sec5_txt03 p { color: #fff; font-size: 18px; line-height: 180%;}
.sec5_img01 { top: 63px; left: 0px;}
.sec5_img02 { top: 70px; left: 160px;}
.sec5_img03 { top: 65px; left: 287px;}
.sec5_img04 { top: 207px; left: 245px;}

.sec6_txt01 { top: 25%; left: 0%; text-align: left;}
.sec6_txt01 p { color: #fff; font-size: 46px; line-height: 140%;}
.sec6_txt02 { width: 32%; top: 52%; left: 0%;}
.sec6_txt002 { background: #fff; width: 32%; height: 1px; top: 52%; left: 0%;}
.sec6_txt03 { left: 0%; top: 59%; width: 32%; text-align: left;}
.sec6_txt03 p { color: #fff; font-size: 18px; line-height: 180%;}
.sec6_img01 { right: 0%; top: 50%;}
.sec6_img02 { right: 7%; top: 37%;}
.sec6_img03 { right: 11%; top: 25%;}
.sec6_img04 { right: 6%; top: 35%;}

.sec7_txt01 { top: 25%; right: 0%; text-align: right;}
.sec7_txt01 p { color: #fff; font-size: 46px; line-height: 140%;}
.sec7_txt02 { width: 32%; top: 52%; right: 0%;}
.sec7_txt002 { background: #fff; width: 100%; height: 1px;}
.sec7_txt03 { right: 0%; top: 59%; width: 32%; text-align: right;}
.sec7_txt03 p { color: #fff; font-size: 18px; line-height: 180%;}
.sec7_img01 { top: 250px; left: 0px;}
.sec7_img02 { top: 30px; left: 75px;}
.sec7_img03 { top: 48px; left: 300px;}
.sec7_img04 { top: 288px; left: 168px;}
.sec7_img05 { top: 170px; left: 420px;}

.section8 { background: #201D24; height: 730px;}
.sec8_img01 { left: 50%; top: 75px;}
.sec8_txt01 { left: 50%; top: 150px;}
.sec8_txt01 p { color: #fff; font-size: 22px; line-height: 140%;}
.moban { top: 190px; height: 530px; overflow: hidden;}
.moban_show li { width: 280px; height: 385px; overflow: hidden; float: left; margin: 60px 10px; padding: 10px; background:rgba(250, 250, 250, 0.1); -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s;}
.moban_show li:hover { box-shadow: 0 0 13px #000000; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2);}
.hImg { overflow: hidden; height: 100%; background: #fff;}

.sec9_txt01 { left: 50%; top: 50px;}
.sec9_txt01 p { color: #fff; font-size: 46px; line-height: 140%;}
.sec9_txt02 { left: 50%; top: 125px;}
.sec9_txt02 p { color: #fff; font-size: 18px; line-height: 180%;}
.sec9_img01 { left: 50%; top: 205px;}
.sec9_img02 { left: 50%; top: 260px;}
.sec9_img03 { left: 59%; top: 380px;}

.section10 { height: 705px; background:#4b2cd0; /* background:#4b2cd0 url(../images/sec9_bg.jpg) center top no-repeat; */ }
.sec10_text { left: 50%; top: 150px;}
.sec10_text p { color: #fff; font-size: 16px; line-height: 140%;}
.sec10_img01 { left: 50%; top: 70px;}
.sec10_div001 { width: 1182px; left: 50%; top: 215px;}
.sec10_div001 .sec10_div { position: relative; width:25%; height:380px; float: left;}
.sec10_div001 .sec10_div .sec10_div001_div { width: 95%; height: 100%; left: 50%; background:#fff;}
.sec10_div001 .sec10_div .sec10_div001_div img {width:auto; margin-top: 50px;}
.sec10_div001 .sec10_div .sec10_div001_div .sec10_title { font-size: 24px; line-height: 1.4; color: #fff; padding-top: 25px; padding-bottom: 15px;}
.sec10_div001 .sec10_div .sec10_div001_div .sec10_text01 { font-size: 14px; line-height: 1.4; color: #fff;}
.sec10_div001 .sec10_div .sec10_div01 { height: 150px; background: -webkit-linear-gradient(top,#b52cce,#ce0f88); background: -o-linear-gradient(bottom,#b52cce,#ce0f88); background: -moz-linear-gradient(bottom,#b52cce,#ce0f88); background: linear-gradient(to bottom,#b52cce,#ce0f88);}
.sec10_div001 .sec10_div .sec10_div02 { height: 150px; background: -webkit-linear-gradient(top,#8036af,#b52cce); background: -o-linear-gradient(bottom,#8036af,#b52cce); background: -moz-linear-gradient(bottom,#8036af,#b52cce); background: linear-gradient(to bottom,#8036af,#b52cce);}
.sec10_div001 .sec10_div .sec10_div03 { height: 150px; background: -webkit-linear-gradient(top,#b52cce,#ce0f88); background: -o-linear-gradient(bottom,#b52cce,#ce0f88); background: -moz-linear-gradient(bottom,#b52cce,#ce0f88); background: linear-gradient(to bottom,#b52cce,#ce0f88);}
.sec10_div001 .sec10_div .sec10_div04 { height: 150px; background: -webkit-linear-gradient(top,#8036af,#ce0f88); background: -o-linear-gradient(bottom,#8036af,#ce0f88); background: -moz-linear-gradient(bottom,#8036af,#ce0f88); background: linear-gradient(to bottom,#8036af,#ce0f88);}
.dBottom { margin-top: 30px;}
.dBottom .iTxt { text-align: center; font-size: 16px; color: #666; margin-bottom: 17px;}
.dBottom .p { color: #f00; font-size: 16px; margin-bottom: 8px;}
.dBottom .op { color: #999;}
.btn { margin: 0; padding: 0; border: 0; cursor: pointer; text-align: center; font-size: 14px; color: #fff; vertical-align: middle;}
.dBottom .btn input { margin-top: 15px; background: #02a2fe; color: #fff; text-align: center; height: 30px; line-height: 30px; font-family: "Microsoft YaHei","verdana"; border: 0px; width: 150px; cursor: pointer;}
.dBottom .btn input:hover { background: -webkit-linear-gradient(left,#4b2cd0,#02a2fe); background: -o-linear-gradient(right,#4b2cd0,#02a2fe); background: -moz-linear-gradient(right,#4b2cd0,#02a2fe); background: linear-gradient(to right,#4b2cd0,#02a2fe);}
.sec10_btn { width: 180px; line-height: 40px; left: 50%; top: 405px; background: #b52cce;}
.sec10_btn a { color: #fff; font-size: 18px;}
.sec10_btn:hover { background: -webkit-linear-gradient(left,#8036af,#b52cce); background: -o-linear-gradient(right,#8036af,#b52cce); background: -moz-linear-gradient(right,#8036af,#b52cce); background: linear-gradient(to right,#8036af,#b52cce)}
.sec10_btn:hover a { color: #fff; font-size: 18px;}
.sec10_text02 { left: 50%; line-height: 3;}
.sec10_text02 a { color: #02a2fe;}

#bottom { margin-top: 0px !important;}
.createDesign{background:#333;text-align:center;padding:45px 0px;}
.createDesign .text{font-size:26px; color:#fff; font-family:microsoft yahei;}
.createDesign a{margin: 0 20px;}
.createDesign .plan_btn{display:inline-block; background:#c00; color:#fff; width:270px; height:50px; line-height:50px;}
.createDesign .plan_btn:hover{background:#f00;}
.createDesign .process_btn{display:inline-block; height:50px; line-height:50px; width:230px; background:#1e90ff; color:#fff;}
.createDesign .process_btn:hover{background:#1c7ddc;}