@charset "utf-8";
/* CSS Document */
/* common */
body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,ul,ol,li{margin:0; padding:0; text-indent:0; font-weight:normal;font-size:14px; font-family:'Microsoft YaHei', sans-serif;color:#3e3e3e;}
ul,ol{list-style:none; text-indent:0; list-style-position:outside;}
img{border:0;display:block;}
b{font-weight:normal}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
/* link : style */
a{text-decoration:none;}
a:hover{text-decoration:none;}
/*clear*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
body{
    overflow-x:hidden;
}
.main{
    margin:0 auto;
    width:1024px;
}
/*
.wrap{
    margin:0 auto;
    width:100%;
    max-width:1920px;
    min-width:1024px;
    overflow:hidden;
    position:relative;
}
.header{
    top:30px;
    left:50%;
    margin-left:-960px;
    width:1920px;
    z-index:9999;
    position:absolute;
}
.header .logo{
    float:left;
    width:116px;
    height:34px;
}
.header .logo-text{
    float:left;
    margin-left:10px;
    padding-left:10px;
    font-size:18px;
    line-height:36px;
    color:#ffffff;
    border-left:1px solid #ffffff;
}
.header .nav{
    margin-left:24px;
}
.header .nav > li{
    margin-left:24px;
    float:left;
}
.header .nav > li a{
    font-size:18px;
    line-height:36px;
    color:#ffffff;
    cursor:pointer;
}
.header .tel{
    float:right;
    padding-left:26px;
    line-height:36px;
    font-size:18px;
    color:#ffffff;
    background:url("img/tel.png") no-repeat left center;
}
.header #navBtn{
    padding-bottom:50px;
    position:relative;
}
.header #navBtn .jt{
    top:40px;
    left:50%;
    margin-left:-6px;
    width:13px;
    height:7px;
    position:absolute;
}
.header #navBtn ul{
    top:58px;
    width:500px;
    height:0;
    position:absolute;
    overflow:hidden;
    transition:0.2s;
}
.header #navBtn.act ul{
    height:36px;
    transition:0.4s;
}
.header #navBtn ul li{
    float:left;
    margin-right:24px;
}
.header #navBtn ul li a{
    font-size:18px;
    color:#ffffff;
}
.content{
    margin:0 auto;
    width:100%;
}*/
/*.banner{
    width:100%;
    height:600px;
    position:relative;
}
.banner #banner{
    margin:0 auto;
    width:100%;
    height:600px;
}
.banner #banner .swiper-slide{
    position:relative;
    overflow:hidden;
}
.banner #banner .swiper-slide img{
	width: 100%;
    top:0;
    left:50%;
    margin-left:-960px;
    position:relative;
}
.banner .pagination {
    width:100%;
    bottom:20px;
    z-index:99999;
    text-align:center;
    position: absolute;
}
.banner .swiper-pagination-switch {
    margin:0 5px;
    width:16px;
    height:6px;
    cursor:pointer;
    display:inline-block;
    background:#000000;
    border-radius:3px;
    transition:0.4s;
}
.banner .swiper-active-switch {
    width:30px;
    height:6px;
    background:#ffffff;
    transition:0.4s;
}*/
.banner img{width: 100%;}
.part{
    margin:0 auto;
}
.title{
    margin:0 auto;
    width:1024px;
    height:100px;
    position:relative;
}
.title img{
    top:0;
    left:103px;
    width:40px;
    height:100px;
    position:absolute;
}
.title span{
    top:26px;
    right:140px;
    width:100px;
    height:50px;
    display:block;
    position:absolute;
    background:#ececec;
}
.title h2{
    top:0;
    left:0;
    width:1024px;
    height:100px;
    font-size:36px;
    font-weight:bold;
    text-align:center;
    line-height:100px;
    position:absolute;
}
.title.t2 img{
    left:70px;
}
.title.t2 span{
    right:118px;
}
.title.t3 img{
    left:350px;
}
.title.t3 span{
    right:412px;
}
.title.t4 img{
    left:190px;
}
.title.t4 span{
    right:210px;
}
.title.t5 img{
    left:138px;
}
.title.t5 span{
    right:177px;
}
.title.t6 img{
    left:10px;
}
.title.t6 span{
    right:50px;
    background:#3e3e3e;
}
.title.t6 h2{
    color:#ffffff;
}
.title.t7 img{
    left:160px;
}
.title.t7 span{
    right: 270px;
}
.title.t8 img{
    left:157px;
}
.title.t8 span{
    right:196px;
}
.p1{
    height:928px;
    background:url("img/p1-bg.jpg") no-repeat center;
}
.p1 .main{
    height:650px;
    position:relative;
}
.p1 .iphone{
    top:18px;
    left:75px;
    width:350px;
    height:650px;
    position:absolute;
    background:url("img/iphone.png") no-repeat center;
}
.p1 .iphone ul{
    margin-top:65px;
    margin-left:45px;
}
.p1 .iphone ul li{
    margin-bottom:20px;
    float:left;
    width:130px;
    animation:4s iphone linear infinite;
}
.p1 .iphone ul li img{
    margin:0 auto;
    display:block;
}
.p1 .iphone ul li p{
    margin-top:10px;
    font-size:20px;
    line-height:20px;
    color:#a1a1a1;
    text-align:center;
}
@keyframes iphone {
    2%{transform:rotate(5deg);}
    4%{transform:rotate(-5deg);}
    6%{transform:rotate(5deg);}
    8%{transform:rotate(-5deg);}
    10%{transform:rotate(5deg);}
    12%{transform:rotate(-5deg);}
    14%{transform:rotate(0deg);}
}
.p1 .info{
    padding-top:108px;
    margin-left:462px;
}
.p1 .info li{
    margin-bottom:10px;
}
.p1 .info li.l1{
    margin-left:200px;
}
.p1 .info li.l2{
    margin-left:160px;
}
.p1 .info li.l3{
    margin-left:120px;
}
.p1 .info li.l4{
    margin-left:80px;
}
.p1 .info li.l5{
    margin-left:50px;
}
.p1 .info li h2{
    width:160px;
    height:40px;
    font-size:22px;
    text-align:center;
    line-height:40px;
    color:#ffffff;
    background:#ff5f6d;
    background:linear-gradient(to right,#ff5f6d, #ffc371);
    border-radius:18px;
}
.p1 .info li p{
    margin-top:14px;
    margin-left:20px;
    font-size:18px;
    line-height:18px;
}
.part .link{
    margin:85px auto 0;
    width:450px;
    height:60px;
    color:#ffffff;
    font-size:30px;
    display:block;
    text-align:center;
    line-height:60px;
    background:#ff5f6d;
    border-radius:4px;
}
.p2{
    padding-bottom:50px;
    background:#faf9fe;
}
#p2{
    margin:18px auto 0;
    height:500px;
    overflow:hidden;
    position:relative;
}
#p2 .box{
    width:965px;
    height:435px;
    overflow:hidden;
    position:relative;
}
#p2 .box.img1{
    background:url("img/p2-img1.png") no-repeat center;
}
#p2 .box.img2{
    background:url("img/p2-img2.png") no-repeat center;
}
#p2 .box.img3{
    background:url("img/p2-img3.png") no-repeat center;
}
#p2 .box h2{
    top:70px;
    left:555px;
    width:190px;
    height:40px;
    font-size:24px;
    line-height:40px;
    color:#ffffff;
    text-align:center;
    background:#3e3e3e;
    position:absolute;
}
#p2 .box p{
    top:140px;
    left:566px;
    font-size:20px;
    line-height:36px;
    color:#ffffff;
    position:absolute;
}
#p2 .swiper-scrollbar {
    left:50%;
    bottom:5px;
    margin-left:-45px;
    width:90px;
    height:5px;
    position:absolute;
    background:#d4d4d4;
    border-radius:2px;
}
#p2 .swiper-scrollbar-drag {
    background:none;
}
#p2 .swiper-scrollbar-drag .drag{
    left:50%;
    top:50%;
    margin-left:-7.5px;
    margin-top:-7.5px;
    width:15px;
    height:15px;
    position:absolute;
    background:#ff5f6d;
    border-radius:100%;
}
.p3{
    padding-top:50px;
}
.p3 ul{
    margin-right:50px;
    margin-left:12px;
    margin-top:17px;
    width:1050px;
}
.p3 ul li{
    margin-right:50px;
    margin-bottom:40px;
    float:left;
    width:300px;
}
.p3 ul li img{
    width:300px;
    height:180px;
}
.p3 ul li p{
    margin-top:26px;
    font-size:18px;
    line-height:20px;
    text-align:center;
}
.p3 ul li p span{
    font-size:24px;
    color:rgb(80,153,255);
}
.p4{
    height:1000px;
    background:url("img/p4-bg.jpg") no-repeat left top;
}
.p4 .main{
    height:587px;
    position:relative;
}
.p4 .box1{
    top:67px;
    left:75px;
    width:420px;
    height:460px;
    position:absolute;
    background:#d4d4d4;
}
.p4 .box1 h2{
    top:-20px;
    left:55px;
    width:200px;
    height:45px;
    color:#ffffff;
    text-align:center;
    font-size:24px;
    line-height:45px;
    position:absolute;
    background:#ff5f6d;
}
.p4 .box1 p{
    padding-top:48px;
    margin-left:72px;
    font-size:18px;
    line-height:18px;
}
.p4 .box1 ul{
    margin-top:14px;
    margin-left:95px;
    width:241px;
    height:350px;
    overflow:hidden;
    position:relative;
}
.p4 .box1 ul li{
    left:0;
    width:231px;
    height:40px;
    font-size:18px;
    text-align:center;
    line-height:40px;
    color:#a1a1a1;
    position:absolute;
    background:url("img/p4-li.png") no-repeat center;
}
.p4 .box1 ul li.l1{
    top:10px;
    animation:6s p4l1 linear infinite;
}
@keyframes p4l1 {
    0%{top:350px;transform:rotate(10deg);}
    10%{top:50px;transform:rotate(10deg);}
    15%{top:10px;transform:rotate(0deg);}
}
.p4 .box1 ul li.l2{
    top:60px;
    animation:6s p4l2 linear infinite;
}
@keyframes p4l2 {
    0%{top:410px;transform:rotate(10deg);}
    15%{top:100px;transform:rotate(10deg);}
    20%{top:60px;transform:rotate(0deg);}
}
.p4 .box1 ul li.l3{
    top:110px;
    animation:6s p4l3 linear infinite;
}
@keyframes p4l3 {
    0%{top:460px;transform:rotate(10deg);}
    20%{top:150px;transform:rotate(10deg);}
    25%{top:110px;transform:rotate(0deg);}
}
.p4 .box1 ul li.l4{
    top:160px;
    animation:6s p4l4 linear infinite;
}
@keyframes p4l4 {
    0%{top:510px;transform:rotate(10deg);}
    25%{top:200px;transform:rotate(10deg);}
    30%{top:160px;transform:rotate(0deg);}
}
.p4 .box1 ul li.l5{
    top:210px;
    animation:6s p4l5 linear infinite;
}
@keyframes p4l5 {
    0%{top:560px;transform:rotate(10deg);}
    30%{top:250px;transform:rotate(10deg);}
    35%{top:210px;transform:rotate(0deg);}
}
.p4 .box1 ul li.l6{
    top:260px;
    animation:6s p4l6 linear infinite;
}
@keyframes p4l6 {
    0%{top:610px;transform:rotate(10deg);}
    35%{top:300px;transform:rotate(10deg);}
    40%{top:260px;transform:rotate(0deg);}
}
.p4 .box1 ul li.l7{
    top:310px;
    animation:6s p4l7 linear infinite;
}
@keyframes p4l7 {
    0%{top:660px;transform:rotate(10deg);}
    40%{top:350px;transform:rotate(10deg);}
    45%{top:310px;transform:rotate(0deg);}
}
.p4 .box2{
    top:17px;
    left:470px;
    width:480px;
    height:570px;
    position:absolute;
    background:#ff5f6d;
}
.p4 .box2 h2{
    top:30px;
    left:85px;
    width:200px;
    height:45px;
    color:#ffffff;
    text-align:center;
    font-size:24px;
    line-height:45px;
    position:absolute;
    background:#3e3e3e;
}
.p4 .box2 p{
    padding-top:98px;
    margin-left:112px;
    font-size:18px;
    line-height:18px;
    color:#ffffff;
}
.p4 .box2 ul{
    margin-top:14px;
    margin-left:125px;
    width:241px;
    height:400px;
    overflow:hidden;
    position:relative;
}
.p4 .box2 ul li{
    left:0;
    width:231px;
    height:40px;
    font-size:18px;
    text-align:center;
    line-height:40px;
    color:#a1a1a1;
    position:absolute;
    background:url("img/p4-li.png") no-repeat center;
}
.p4 .box2 ul li.l1{
    top:10px;
    animation:6s p4l1-2 linear infinite;
}
@keyframes p4l1-2 {
    0%{top:-350px;transform:rotate(-10deg);}
    45%{top:-30px;transform:rotate(-10deg);}
    50%{top:10px;transform:rotate(0deg);}
}
.p4 .box2 ul li.l2{
    top:60px;
    animation:6s p4l2-2 linear infinite;
}
@keyframes p4l2-2 {
    0%{top:-410px;transform:rotate(-10deg);}
    40%{top:20px;transform:rotate(-10deg);}
    45%{top:60px;transform:rotate(0deg);}
}
.p4 .box2 ul li.l3{
    top:110px;
    animation:6s p4l3-2 linear infinite;
}
@keyframes p4l3-2 {
    0%{top:-460px;transform:rotate(-10deg);}
    35%{top:70px;transform:rotate(-10deg);}
    40%{top:110px;transform:rotate(0deg);}
}
.p4 .box2 ul li.l4{
    top:160px;
    animation:6s p4l4-2 linear infinite;
}
@keyframes p4l4-2 {
    0%{top:-510px;transform:rotate(-10deg);}
    30%{top:120px;transform:rotate(-10deg);}
    35%{top:160px;transform:rotate(0deg);}
}
.p4 .box2 ul li.l5{
    top:210px;
    animation:6s p4l5-2 linear infinite;
}
@keyframes p4l5-2 {
    0%{top:-560px;transform:rotate(-10deg);}
    25%{top:170px;transform:rotate(-10deg);}
    30%{top:210px;transform:rotate(0deg);}
}
.p4 .box2 ul li.l6{
    top:260px;
    animation:6s p4l6-2 linear infinite;
}
@keyframes p4l6-2 {
    0%{top:-610px;transform:rotate(-10deg);}
    20%{top:220px;transform:rotate(-10deg);}
    25%{top:260px;transform:rotate(0deg);}
}
.p4 .box2 ul li.l7{
    top:310px;
    animation:6s p4l7-2 linear infinite;
}
@keyframes p4l7-2 {
    0%{top:-660px;transform:rotate(-10deg);}
    15%{top:270px;transform:rotate(-10deg);}
    20%{top:310px;transform:rotate(0deg);}
}
.p4 .box2 ul li.l8{
    top:360px;
    animation:6s p4l8-2 linear infinite;
}
@keyframes p4l8-2 {
    0%{top:-660px;transform:rotate(-10deg);}
    10%{top:320px;transform:rotate(-10deg);}
    15%{top:360px;transform:rotate(0deg);}
}
.p4 .pk{
    top:100px;
    left:425px;
    width:162px;
    height:81px;
    position:absolute;
    
}
.p4 .pk p{
	position:absolute;
	top: 100px;
	left: 40px;
	font-size: 40px;
	color: #ffb940;
}
.p4 .pk1{
	width: 100px;
	height: 100px;
	top:300px;
    left:60px;
    position: absolute;
	animation:3s pk1 linear infinite;
}
@keyframes pk1 {
    0%{width: 120px; height: 120px;}
    1%{width: 100px; height: 100px;}
    50%{width: 120px; height: 120px;}
    100%{width: 120px; height: 120px;}
}
.p4 .pk2{
	position:absolute;
	animation:0.5s pk2 linear infinite;
}
@keyframes pk2 {
    0%{left:30px;}
    50%{left:40px;}
    100%{left:30px;}
}
.p4 .tit{
	margin: auto;
}
.p4 .mk ul{
	width: 840px;
	margin: auto;
	margin-top: 20px;
	display: flex; 
	justify-content: space-between;
	
}
.p4 .mk ul li .mk_1{
	width: 350px; 
	height: 380px;
	padding: 10px;
	border-radius: 5px;
	background-color: #ffecec;
	border: 2px solid #ff5f6d;
}
.p4 .mk ul li .mk_1 p{
	padding: 5px;
	height: 85px;
	font-size: 17px;
	line-height: 25px;
	letter-spacing: 2px;
	font-weight:bold ;
}
.p4 .mk ul li .mk_1 span{
	display: block;
	height: 2px;
	background-color: #ff9999;
}
.p4 .mk ul li .mk_3{
	width: 350px; 
	height: 380px;
	padding: 10px;
	border-radius: 5px;
	background-color: #f2f7ff;
	border: 2px solid #9dc4ff;
}
.p4 .mk ul li .mk_3 p{
	padding: 5px;
	height: 85px;
	font-size: 17px;
	line-height: 25px;
	letter-spacing: 2px;
}
.p4 .mk ul li .mk_3 span{
	display: block;
	height: 2px;
	background-color: #9dc4ff;
}
.p4 .mk ul li .mk_2 p{
	font-weight: bold;
	line-height: 30px;
	font-size: 20px;
	color: #666;
}
.p4 .mk ul li .mk_2 span{
	font-weight: bold;
	line-height: 50px;
	font-size: 20px;
	color: #e96061;
}
.p4 a.p4{
	margin-top: 200px;
}
.p5{
    padding-bottom:50px;
    background:#faf9fe;
}
.p5 .main{
    height:517px;
    position:relative;
}
.p5 .bg{
    top:184px;
    left:-85px;
    position:absolute;
}
.p5 .box{
    top:85px;
    left:50%;
    margin-left:-409px;
    width:819px;
    height:517px;
    overflow:hidden;
    position:absolute;
    background:url("img/p5-box2.png") no-repeat center;
}
.p5 .box #btn{
    margin-top:140px;
    margin-left:36px;
    width:185px;
    height:255px;
    overflow:hidden;
}
#p5{
    width:185px;
    height:55px;
    overflow:visible;
}
.p5 .btn{
    margin-bottom:20px;
    width:170px;
    height:35px;
    cursor:pointer;
    line-height:35px;
    text-align:center;
    position:relative;
    background:#ffffff;
}
#p5 .swiper-slide-active .btn{
    background:#ff5f6d;
}
.p5 .btn span{
    top:6px;
    left:10px;
    width:24px;
    height:24px;
    font-size:12px;
    color:#ffffff;
    line-height:24px;
    display:block;
    position:absolute;
    background:#ff5f6d;
    border-radius:100%;
}
#p5 .swiper-slide-active .btn span{
    color:#ff5f6d;
    background:#ffffff;
}
.p5 .btn p{
	text-align: left;
    margin-left:40px;
    width:125px;
}
#p5 .swiper-slide-active .btn p{
    color:#ffffff;
}
#p5-2{
    top:47px;
    left:239px;
    width:560px;
    height:445px;
    overflow:hidden;
    position:absolute;
}
#p5-2 .txt{
    width:560px;
    height:445px;
}
#p5-2 .txt .xxnr{
	display: flex;
}
#p5-2 .txt h2{
    margin-top:34px;
    margin-left:86px;
    width:130px;
    height:35px;
    font-size:24px;
    color:#ffffff;
    text-align:center;
    line-height:35px;
    overflow:hidden;
    background:#ae81e6;
    background:linear-gradient(to right,#ec7ac4, #ae81e6);
}
#p5-2 .txt p{
    margin-top:16px;
    margin-left:70px;
    font-size:16px;
    color: #333;
    line-height:35px;
    overflow:hidden;
}
#p5-2 .txt p.u{
	margin-top: 35px;
}
#p5-2 .txt p.w{
	margin-top: 50px;
	line-height: 40px;
}
#p5-2 .txt p.u i{
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 10px;
	border-radius: 10px;
	background:linear-gradient(to right,#ec7ac4, #ae81e6);
}
#p5-2 .txt p.u span{
	color: #333;
	font-weight: bold;
}
#p5-2 .txt p.s span{
	text-align: center;
	width: 210px;
	height: 40px;
	margin: 20px 0px;
	display: block;
	background: #99b1ff;
	line-height: 40px;
	font-size: 18px;
	color:#fff;
}

#p5-2 .txt p.s{
    font-size:18px;
    margin-top: 30px;
    line-height: 40px;
    margin-left: 70px;
}
#p5-2 .txt p.t{margin-left: 30px;}

#p5-2 .txt .v{margin-top: 10px;}
#p5-2 .txt .v p.s span{margin: 40px 0;}

#p5-2 .txt h3{
    margin-top:40px;
    margin-left:86px;
    width:130px;
    height:35px;
    font-size:24px;
    color:#ffffff;
    text-align:center;
    line-height:35px;
    overflow:hidden;
    background:#5cd0f9;
    background:linear-gradient(to right,#5cd0f9, #81f2d8);
}
#p5-2 .txt h4{
    margin-top:40px;
    margin-left:86px;
    height:35px;
    font-size:24px;
    color:#ae81e6;
    line-height:35px;
    overflow:hidden;
}
#p5-2 .txt h3.s{
    margin-top:20px;
}
#p5-2 .swiper-scrollbar {
    top:0;
    right:0;
    width:5px;
    height:100%;
    position:absolute;
    background:#ffffff;
}
#p5 .swiper-scrollbar .swiper-scrollbar-drag {
    background:#5a5a5a;
}
.p6{
    height:670px;
    background:url("img/p6-bg.jpg") no-repeat center;
}
.p6 .main{
    position:relative;
}
.p6 .btn{
    top:300px;
    left:470px;
    width:490px;
    height:190px;
    position:absolute;
    background:url("img/p6-tag.png") no-repeat center;
}
.p6 .btn ul{
    width:490px;
    height:190px;
    position:relative;
}
.p6 .btn ul li{
    width:90px;
    height:90px;
    cursor:pointer;
    position:absolute;
    transition:0.4s;
}
.p6 .btn ul li.act{
    transition:0.4s;
}
.p6 .btn ul li.l1{
    top:0;
    left:0;
    background:url("img/p6-btn1.jpg") no-repeat center;
}
/*.p6 .btn ul li.l1.act{
    background:url("img/p6-btn1-act.jpg") no-repeat center;
}*/
.p6 .btn ul li.l2{
    top:0;
    left:100px;
    background:url("img/p6-btn2.jpg") no-repeat center;
}
/*.p6 .btn ul li.l2.act{
    background:url("img/p6-btn2-act.jpg") no-repeat center;
}*/
.p6 .btn ul li.l3{
    top:0;
    left:200px;
    background:url("img/p6-btn3.jpg") no-repeat center;
}
/*.p6 .btn ul li.l3.act{
    background:url("img/p6-btn3-act.jpg") no-repeat center;
}*/
.p6 .btn ul li.l4{
    top:0;
    left:300px;
    background:url("img/p6-btn4.jpg") no-repeat center;
}
/*.p6 .btn ul li.l4.act{
    background:url("img/p6-btn4-act.jpg") no-repeat center;
}*/
.p6 .btn ul li.l5{
    top:100px;
    left:100px;
    background:url("img/p6-btn5.jpg") no-repeat center;
}
/*.p6 .btn ul li.l5.act{
    background:url("img/p6-btn5-act.jpg") no-repeat center;
}*/
.p6 .btn ul li.l6{
    top:100px;
    left:200px;
    background:url("img/p6-btn6.jpg") no-repeat center;
}
/*.p6 .btn ul li.l6.act{
    background:url("img/p6-btn6-act.jpg") no-repeat center;
}*/
.p6 .btn ul li.l7{
    top:100px;
    left:300px;
    background:url("img/p6-btn7.jpg") no-repeat center;
}
/*.p6 .btn ul li.l7.act{
    background:url("img/p6-btn7-act.jpg") no-repeat center;
}*/
.p6 .btn ul li.l8{
    top:100px;
    left:400px;
    background:url("img/p6-btn8.jpg") no-repeat center;
}
/*.p6 .btn ul li.l8.act{
    background:url("img/p6-btn8-act.jpg") no-repeat center;
}*/
.p6 .box{
    width:1024px;
    height:570px;
    overflow:hidden;
    position:relative;
}
.p6 .box > div{
    top:-570px;
    left:0;
    width:1024px;
    height:570px;
    position:absolute;
    transition:0.4s;
}
.p6 .box > div.act{
    top:0;
    transition:0.4s;
}
.p6 .box .img{
    width:373px;
    height:570px;
    position:relative;
}
.p6 .box .img .name{
    top:68px;
    right:0;
    width:70px;
    height:150px;
    position:absolute;
    background:#67A7FF;
}
.p6 .box .img .name h3{
    color:#ffffff;
    font-size:36px;
    font-weight:bold;
    text-align:center;
}
.p6 .box .img .name h2{
    margin-top:24px;
    color:#ffffff;
    font-size:36px;
    font-weight:bold;
    text-align:center;
}
.p6 .box .img.i1{
    background:url("img/t1.png") no-repeat center;
}
.p6 .box .img.i2{
    background:url("img/t2.png") no-repeat center;
}
.p6 .box .img.i3{
    background:url("img/t3.png") no-repeat center;
}
.p6 .box .img.i4{
    background:url("img/t4.png") no-repeat center;
}
.p6 .box .img.i5{
    background:url("img/t5.png") no-repeat center;
}
.p6 .box .img.i6{
    background:url("img/t6.png") no-repeat center;
}
.p6 .box .img.i7{
    background:url("img/t7.png") no-repeat center;
}
.p6 .box .img.i8{
    background:url("img/t8.png") no-repeat center;
}
.p6 .box .info{
    top:81px;
    right:27px;
    width:560px;
    height:185px;
    display:block;
    position:absolute;
    background:url("img/p6-info.png") no-repeat center;
}
.p6 .box .info h2{
    top:-15px;
    left:44px;
    width:256px;
    color:#ffffff;
    font-size:30px;
    line-height:30px;
    text-align:center;
    position:absolute;
}
.p6 .box .info p{
    margin-top:35px;
    margin-left:52px;
    font-size:18px;
    line-height:32px;
    color:#ffffff;
    width:450px;
}
.p6 .box .info p.s{
    font-size:16px;
    line-height:32px;
}
.p7{
    padding-top:100px;
    padding-bottom:50px;
}
.p7 .main{
    position:relative;
}
#p7{
    width:1024px;
    height:280px;
    overflow:hidden;
}
#p7 .box{
    margin:0 auto;
    width:240px;
    height:280px;
    overflow:hidden;
    position:relative;
    border:1px solid #ebebeb;
}
#p7 .box .info{
    top:190px;
    width:240px;
    height:190px;
    position:absolute;
    background:#faf9fe;
    border-top:1px solid #ebebeb;
    transition:0.4s;
}
#p7 .box .info .line{
    top:-2px;
    left:50%;
    margin-left:-120px;
    position:absolute;
}
#p7 .box:hover .info{
    top:90px;
    transition:0.4s;
}
#p7 .box .info h2{
    margin-top:14px;
    margin-left:18px;
    font-size:24px;
    color:#ff5f6d;
    font-weight:bold;
    line-height:24px;
}
#p7 .box .info h3{
    margin-top:6px;
    margin-left:18px;
    font-size:18px;
    color:#748295;
    line-height:18px;
}
#p7 .box .info span{
    margin-top:6px;
    margin-left:18px;
    width:20px;
    height:2px;
    display:block;
    background:#ff5f6d;
}
#p7 .box .info p{
    margin-top:16px;
    margin-left:18px;
    color:#748295;
    font-size:12px;
    line-height:22px;
}
.p7 #p7Left{
    top:137px;
    left:-60px;
    width:23px;
    height:42px;
    cursor:pointer;
    position:absolute;
    background:url("img/p7-left.png") no-repeat center;
}
.p7 #p7Right{
    top:137px;
    right:-60px;
    width:23px;
    height:42px;
    cursor:pointer;
    position:absolute;
    background:url("img/p7-right.png") no-repeat center;
}
.p8{
    height:747px;
    background:#faf9fe;
}
.p8 .main{
    height:516px;
    position:relative;
    background:url("img/p8-img.jpg") no-repeat left 18px;
}
#p8{
    top:170px;
    right:17px;
    width:408px;
    height:160px;
    overflow:hidden;
    position:absolute;
}
#p8 p{
    margin:0 auto;
    font-size:20px;
    line-height:32px;
    width:380px;
    color:#a1a1a1;
}
#p8 h2{
    margin-left:15px;
    margin-top:24px;
    width:180px;
    height:40px;
    font-size:24px;
    line-height:40px;
    text-align:center;
    font-weight:bold;
    color:#ffffff;
    background:#af81e6;
    background:linear-gradient(to right,#eb7ac4, #af81e6);
    border-radius:18px;
}
.p8 #p8Left{
    top:200px;
    right:435px;
    width:20px;
    height:35px;
    cursor:pointer;
    position:absolute;
    background:url("img/p8-left.png") no-repeat center;
}
.p8 #p8Right{
    top:200px;
    right:-3px;
    width:20px;
    height:35px;
    cursor:pointer;
    position:absolute;
    background:url("img/p8-right.png") no-repeat center;
}
.p8 .link{
    margin:30px auto 0;
}
.footer{
    padding-bottom:80px;
    height:40px;
    background:#3e3e3e;
}
.footer p{
    font-size:14px;
    line-height:40px;
    text-align:center;
    color:#ffffff;
}
#table{
    left:50%;
    margin-left:-960px;
    bottom:0;
    padding:20px 0;
    width:1920px;
    z-index:9999;
    position:fixed;
    background:url("img/table-bg.jpg") no-repeat center;
}
#table .main{
    position:relative;
}
#table .main .img{
    top:-168px;
    left:-136px;
    width:272px;
    height:248px;
}
#table img{
    left:100px;
    position:absolute;
}
#table input[type="text"]{
    margin-right:10px;
    padding:0 20px 0 40px;
    float:left;
    width:100px;
    height:38px;
    color:#ffffff;
    background:none;
    border:1px solid #ffffff;
}
#table input[type="text"].name{
    margin-left:150px;
    background:url("img/table-tag1.png") no-repeat 10px center;
}
#table input[type="text"].phone{
    background:url("img/table-tag2.png") no-repeat 10px center;
}
#table input[type="text"].code{
    background:url("img/table-tag3.png") no-repeat 10px center;
}
#table .wm{
    margin-right:10px;
    float:left;
    width:160px;
    height:40px;
    position:relative;
}
#table .wm #getcode{
    top:5px;
    right:4px;
    padding-left:5px;
    line-height:28px;
    font-size:12px;
    color:#ffffff;
    cursor:pointer;
    position:absolute;
    border-left:1px solid #ffffff;
}
#table input[type="submit"]{
    margin-right:10px;
    float:left;
    width:150px;
    height:40px;
    line-height:40px;
    font-size:24px;
    color:#ff5f6d;
    cursor:pointer;
    text-align:center;
    font-weight:bold;
    background:#ffffff;
    border:none;
    border-radius:18px;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color:#ffffff;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color:#ffffff;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    color:#ffffff;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color:#ffffff;
}
.part .ljgdkz{margin-top: -165px;}