body{ font-family: "微软雅黑",'Microsoft Yahei',Verdana, Arial, Helvetica,宋体,sans-serif !important; color: #fff;}
a{ cursor: pointer;}
a:hover {text-decoration:none;}
a.white{color:#fff;}
a.white:hover{color:#ccc;}
.section{position:relative; overflow: hidden;}
.section .sec{position: absolute;}
.sec img {width: 100%;}
.iispwidth {width: 100%; max-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: 1250px; width: 100%; background: #200033;}
.sec1_bg1 { width: 561px; height: 546px; left: 50%; top: 100px;}
.sec1_bg2 { width:100%; max-width: 1182px; height: 440px; left: 50%; top: 500px; top: 82px; left: 50%; background: -webkit-linear-gradient(top,#9c31bf,#4b2cd0); background: -o-linear-gradient(bottom,#9c31bf,#4b2cd0); background: -moz-linear-gradient(bottom,#9c31bf,#4b2cd0); background: linear-gradient(to bottom,#9c31bf,#4b2cd0);}

.sec1_img02 { top: 98px; left: 50%; width: 100%; max-width: 561px; text-align: left;}
.sec1_img02 img { width: auto;}
.sec1_img03 { top: 170px; left: 50%; width: 100%; max-width: 561px; }
.sec1_img03 img { width: auto;}
.sec1_img04 { top: 280px; left: 50%; width: 100%; max-width: 561px;}
.sec1_img04 img { width: auto;}
.sec1_img05 { top: 440px; left: 50%; width: 100%; max-width: 561px;}
.sec1_img05 img { width: auto;}
.sec1_img06 { top: 125px; left: 50%; width: 100%; max-width: 561px;}
.sec1_img06 img { width: auto;}
.sec1_img07 { top: 620px; left: 50%; width: 100%; max-width: 470px;}

.sec1_btn { top: 530px; left: 50%;}
.sec1_btn a { background: #623ffd; display: block; width: 233px; height: 60px; line-height: 60px; border: 1px solid #b098ff; color: #af97ff; font-size: 32px;}
.sec1_btn a:hover {color: #af97ff}
.sec1_video { top: 90px; left: 50%; max-width: 1160px; width:98%; height: 420px; background: #fff;}

.sec_top { overflow: hidden;}
.top_img { float: left; margin: 20px 10px 0 20px;}
.sec_main { font-size: 14px; color: #666; text-align: left; padding: 20px; text-align: justify;}

.sec1_div001 { width: 100%; max-width: 1182px; left: 50%; top: 730px;}
.sec1_div001 .sec1_div { position: relative; width:25%; height:210px; float: left;}
.sec1_div001 .sec1_div .sec1_div001_div { width: 95%; height: 200px; left: 50%; background:#fff;}
.sec1_div001 .sec1_div .sec1_div001_div img {width:auto; float: left;}
.sec1_div001 .sec1_div .sec1_div001_div p{ font-size: 22px; line-height: 3.5; color: #fff; float: left;}
.sec1_div001 .sec1_div01 .sec_top { background: #ce0f88}
.sec1_div001 .sec1_div02 .sec_top { background: #b52cce}
.sec1_div001 .sec1_div03 .sec_top { background: #8036af}
.sec1_div001 .sec1_div04 .sec_top { background: #4b2cd0}

.sec1_div002 { width: 100%; max-width: 1182px; left: 50%; top: 950px;}
.sec1_div002 .sec1_div { position: relative; width:25%; height:210px; float: left;}
.sec1_div002 .sec1_div .sec1_div002_div { width: 95%; left: 50%; background:#fff;height:200px;}
.sec1_div002 .sec1_div .sec1_div002_div img {width:auto; float: left;}
.sec1_div002 .sec1_div .sec1_div002_div p{ font-size: 22px; line-height: 3.5; color: #fff; float: left;;}
.sec1_div002 .sec1_div01 .sec_top { background: #1b7ed1}
.sec1_div002 .sec1_div02 .sec_top { background: #1bd179}
.sec1_div002 .sec1_div03 .sec_top { background: #e56505}
.sec1_div002 .sec1_div04 .sec_top { background: #00a4ff}
/* .sec1_div002 .sec1_div { position: relative; width:20%; height:225px; float: left;}
.sec1_div002 .sec1_div .sec1_div002_div { width: 95%; height: 100%; left: 50%;}
.sec1_div002 .sec1_div .sec1_div002_div img {width:auto; margin-top: 50px;}
.sec1_div002 .sec1_div .sec1_div002_div p{ font-size: 18px; line-height: 1.4; color: #fff;}
.sec1_div002 .sec1_div .sec1_div05 { background: #ce0f88}
.sec1_div002 .sec1_div .sec1_div06 { background: #b52cce}
.sec1_div002 .sec1_div .sec1_div07 { background: #8036af}
.sec1_div002 .sec1_div .sec1_div08 { background: #4b2cd0}
.sec1_div002 .sec1_div .sec1_div09 { background: #4b2cd0} */


.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%;}
}

.section2 { height: 1400px; background:#fff url(../images/v9index/sec2_bg.jpg) center top no-repeat;}
.sec2_text { left: 50%; top: 140px;}
.sec2_text p { font-size: 16px; color: #666;}
.sec2_img01 { left: 50%; top: 70px; width: 100%; max-width: 940%;}
.sec2_img02 { left: 50%; top: 180px;}
.sec2_img03 { left: 20%; top: 17%; width: 100%;}
.sec2_img04 { left: 2%; top: 12%; width: 8%;}
.sec2_div001 { width: 100%; max-width: 1182px; left: 50%; top: 225px;}
.sec2_div001 .sec2_div { position: relative; width:50%; height:300px; float: left; margin-bottom: 60px;}
.sec2_div001 .sec2_div .sec2_div001_div { width: 95%; height: 100%; left: 50%;}
.sec2_div001 .sec2_div .sec2_div001_div img {width:auto;}
.sec2_div001 .sec2_div .sec2_div001_div p{ font-size: 18px; line-height: 3; color: #111; text-align: left;}
.anli { height: 290px; box-shadow: 4px 3px 13px #eee; overflow: hidden;}
.sec2_btn { width: 180px; line-height: 40px; left: 50%; bottom: 80px; background: #623ffd;}
.sec2_btn a { color: #fff; font-size: 18px; display:block;}
.sec2_btn a:hover { color: #fff; font-size: 18px; background: -webkit-linear-gradient(left,#4b2cd0,#8036af); background: -o-linear-gradient(right,#4b2cd0,#8036af); background: -moz-linear-gradient(right,#4b2cd0,#8036af); background: linear-gradient(to right,#4b2cd0,#8036af);}

.section8 { background: #201D24; height: 770px;}
.sec8_img01 { left: 50%; top: 75px;}
.sec8_txt01 { left: 50%; top: 150px; width: 100%;}
.sec8_txt01 p { color: #fff; font-size: 16px; line-height: 140%; text-align: center;}
.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;}
.sec8_btn { width: 180px; line-height: 40px; left: 50%; top: 700px; background: #e01400;}
.sec8_btn a { color: #fff; font-size: 18px; display:block;}
.sec8_btn a:hover { color: #fff; font-size: 18px; background: -webkit-linear-gradient(left,#8136b0,#b32ccd); background: -o-linear-gradient(right,#8136b0,#b32ccd); background: -moz-linear-gradient(right,#8136b0,#b32ccd); background: linear-gradient(to right,#8136b0,#b32ccd);}

.sec1_img07 { top: 600px; left: 50%; width: 100%; max-width: 845px;}
.sec8_img01 { font-size: 32px; text-align: center; padding-bottom: 20px; padding-top: 24px; font-family: microsoft yahei; font-weight: normal; clear: both; text-align: center; line-height: 1.2;}

.section9 { height: 880px; background:#4b2cd0 url(../images/v9index/sec9_bg.jpg) center top no-repeat; }
.sec9_text { left: 50%; top: 150px;}
.sec9_text p { color: #fff; font-size: 16px; line-height: 140%; text-align: center;}
.sec9_img01 { left: 50%; top: 70px;}
.sec9_div001 { width: 100%; max-width: 1182px; left: 50%; top: 215px;}
.sec9_div001 .sec9_div { position: relative; width:25%; float: left; margin: 10px 0;}
.sec9_div001 .sec9_div .sec9_div001_div { width: 95%; height: 375px; left: 50%; background:#fff;}
.sec9_div001 .sec9_div .sec9_div001_div img {width:auto; margin-top: 50px;}
.sec9_div001 .sec9_div .sec9_div001_div .sec9_title { font-size: 24px; line-height: 1.4; color: #fff; padding-top: 25px; padding-bottom: 15px; text-align: center;}
.sec9_div001 .sec9_div .sec9_div001_div .sec9_text01 { font-size: 14px; line-height: 1.4; color: #fff; text-align: center;}
.sec9_div001 .sec9_div .sec9_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);}
.sec9_div001 .sec9_div .sec9_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);}
.sec9_div001 .sec9_div .sec9_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);}
.sec9_div001 .sec9_div .sec9_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: 23px;}
.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: 20px; 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);}
.sec9_btn { width: 180px; line-height: 40px; left: 50%; top: 565px; background: #b52cce;}
.sec9_btn a { color: #fff; font-size: 18px; display:block;}
.sec9_btn a:hover { color: #fff; font-size: 18px; background: -webkit-linear-gradient(left,#3317af,#8036af); background: -o-linear-gradient(right,#3317af,#8036af); background: -moz-linear-gradient(right,#3317af,#8036af); background: linear-gradient(to right,#3317af,#8036af);}

#bottom { margin-top: 0px !important;}
.createDesign{background:#333;text-align:center;padding:45px 0px;border-bottom: 1px solid #555;}
.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;}


.type_items:hover { transform: scale(1.1);}
.type_items:hover .items_title { background: #c00;}
.type_items:hover .items_title h3 { color: #fff;}
.type_items:hover .items_title span { color: #fff;}
.type_items:hover .items_btn .buy_btn { background: #c00; color: #fff;}
.type_items{position:relative;box-sizing:border-box; border:1px solid #ddd; width:96%; height:535px; background:#fff; transition:all linear .1s; -webkit-transition:all linear .1s; -moz-transition:all linear .1s; -o-transition:all linear .1s;}
.type_items .items_title{padding: 30px 20px 60px 20px;color: #fff;background: #f6f6fa; font-family: 'microsoft yahei';}
.type_items .items_title h3{ font-size: 22px; line-height: 36px; color: #333; font-weight: normal;}
.type_items .items_title span{ color: #808080; font-size: 16px;}
.type_items .col{position: absolute;  width: 80px;height: 80px;background: #fff;top: 100px; left: 50%; border-radius: 40px;border: 1px solid #dedede;line-height:15px;color: #666;}
.type_items .col .price{display: inline-block; margin-top: 16px; font-size: 20px; line-height: 1.4; font-family: 'Georgia','Tahoma';}
.type_items .col .unit{display: block;line-height: 18px;}
.type_items .detail{width: 80%;margin: 0 auto; margin-top:36px; height: 246px;}
.type_items .detail p{padding: 13px 0;color: #666;border-bottom: 1px solid #ededed; text-align: center;}
.type_items .preferential{color: #f60;line-height: 30px;}
.type_items .items_btn{width: 80%; margin-top: 10px; overflow: hidden;}
.type_items .items_btn .btn{padding: 8px 0px;border: 1px solid #ededed;color: #333;font-size: 12px; width: 45%;}
.type_items .items_btn .buy_btn{color: #cc0000;border: 1px solid #cc0000;float: right;}
.type_items .items_btn .detail_btn{float: left;}


@media screen and (max-width: 1040px){
	.section1 {height: 1650px;}
	.sec1_div002 {top: 1150px;}
	.sec1_div001 .sec1_div,.sec1_div002 .sec1_div{width: 50%;}

	.PC {height:310px;}
	.mobi { width: 120px; height: 180px;}
	.m_d { font-size: 35px; margin-top: -1px;}
	.m_h { font-size: 10px;}
	.mobi_qr { margin-top: 30px;}
	.moban_anli .mobi_k {width:92%}
	.section2 { height: 1100px;}
	.sec2_btn { bottom: 50px;}
	.sec9_div001 .sec9_div { width: 50%;}
	.section9 { height: 1450px;}
	.sec9_btn { top: 1150px;}
	.sec8_img01 {width: 80%;}

	.pro_title { padding-bottom: 0px; padding-top: 0px; line-height: 1.2;}
	.sec_main {min-height: 80px;}
	.use_num p { padding-top: 25px;}
	.createDesign .text {font-size: 0px;}
	.createDesign .plan_btn { font-size: 24px;}
	.createDesign .process_btn { font-size: 24px;}
	.sec8_img01 { padding-top: 0px; top: 40px;}
	.left { display: none;}
	.liucheng ul li { width: 33.332%;}
}

@media screen and (max-width: 640px){
	.sec1_div002 .sec1_div .sec1_div002_div p { font-size: 18px; line-height: 4.3;}
	.sec_main { font-size: 12px; padding: 15px;}
	.PC { height: 125px; margin: 10px 5px 5px 5px;}
	.mobi { width: 60px; height: 90px; right: 5px;}
	.PC_top { height: 15px; font-size: 26px;}
	.mobi_top { height: 10px;}
	.m_d { font-size: 20px; margin-top: 1px; margin-left: 50%; height: 10px;}
	.m_h { display: none;}
	.anli_name { font-size: 12px;}
	.moban_anli { height: 170px;}
	.sec2_img01 p {font-size: 22px;}
	.sec2_img01 { top: 35px;}
	.sec2_text { top: 85px;}
	.sec2_text p { font-size: 12px;}
	.sec2_img02 { top: 120px;}
	.sec2_div001 { top: 140px;}
	.section2 { height: 560px;}
	.moban_anli:hover .PC_k { height: 100%; z-index: 999;}
	.moban_anli:hover .mobi_k {display: none;}
	.sec9_div001 .sec9_div { width: 100%;}
	.sec9_btn { top: 2250px;}
	.section9 { height: 2550px;}
	.sec1_video {height: 120px;top: 37px;}
	.sec1_bg2 {height: 135px;top: 30px;}
	.sec1_img07 { top: 190px;}
	.sec1_div001 { top: 315px;}
	.top_img { margin: 13px 5px 0 10px;}
	.sec1_div001 .sec1_div .sec1_div001_div img { width: 24px;}
	.sec1_div002 .sec1_div .sec1_div002_div img { width: 24px;}
	.sec1_div001 .sec1_div .sec1_div001_div p { font-size: 12px;}
	.sec1_div002 .sec1_div .sec1_div002_div p { font-size: 12px;}
	.sec1_div002 { top: 675px;}

	.sec1_div001 .sec1_div { height: 180px;}
	.sec1_div001 .sec1_div .sec1_div001_div { height: 170px;}
	.sec1_div002 .sec1_div { height: 215px;}
	.sec1_div002 .sec1_div .sec1_div002_div { height: 205px;}

	.sec_main { font-size: 12px; padding: 3px 10px; text-align: justify;}
	.section1 { height: 1160px;}
	.sec2_btn { bottom: 20px;}
	.pro_title { font-size: 24px; }
	.pro_detail { font-size: 12px; padding: 0px 20%;}
	.use_num p {font-size: 18px; padding-top: 35px;}
	.liucheng ul li { width: 33.332%;}
	.liucheng ul li img { width: 100%;}
	.sec8_img01 { font-size: 26px; padding-top: 25px; width: 100%; top:10px;}
	.sec8_txt01 { top: 100px;}
	.moban { top: 100px;}
	.sec8_btn { top: 655px;}
	.sec8_txt01 p { font-size: 14px;}
	.use_num a {width: 100%;}
	.createDesign .plan_btn {width: 100%; padding: 0; margin: 0;}
	.createDesign .process_btn {width: 100%; padding: 0; margin: 20px 0 0 0;}
	.sec9_text { top: 125px;}
}

@media screen and (max-width: 320px){
	.pro_title { font-size: 19px;}
	.pro_detail {font-size: 12px;padding: 5px;}
	.sec9_text { top: 110px;}
	.sec2_text { top: 90px;}
	.partner .pro_title {font-size: 16px;}
	.sec8_img01 { font-size: 25px;}
}