@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:#000000;}
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;
}
.header{
    top:0;
    left:50%;
    margin-left:-960px;
    width:1920px;
    height:99px;
    z-index:9999;
    position:absolute;
    border-bottom:1px solid #278c58;
}
.header .logo{
    margin-top:29px;
    float:left;
    width:128px;
    height:38px;
}
.header .logo-text{
    margin-top:35px;
    margin-left:13px;
    padding-left:11px;
    float:left;
    line-height:32px;
    font-size:18px;
    color:#ffffff;
    border-left:1px solid #ffffff;
}
.header .nav{
    margin-left:60px;
    float:left;
    height:99px;
}
.header .nav li{
    margin-right:28px;
    float:left;
    line-height:99px;
    position:relative;
}
.header .nav li a{
    font-size:16px;
    color:#ffffff;
    transition:0.4s;
}
.header .nav li span{
    transition:0.4s;
}
.header .nav li.act a{
    color:#34ff94;
    transition:0.4s;
}
.header .nav li.act span{
    left:0;
    bottom:0;
    width:100%;
    height:3px;
    position:absolute;
    background:#34ff94;
    transition:0.4s;
}
.header .phone{
    float:right;
    margin-top:30px;
    padding:0 5px;
    height:38px;
    text-indent:36px;
    font-size:20px;
    line-height:38px;
    color:#34ff94;
    background:url("../img/phone.png") no-repeat 5px center;
    border:1px solid #34ff94;
    border-radius:30px;
}
.content{
    margin:0 auto;
    width:100%;
}
.banner{
    width:100%;
    height:710px;
    position:relative;
}
.banner #banner{
    margin:0 auto;
    width:100%;
    height:710px;
}
.banner #banner .swiper-slide{
    position:relative;
    overflow:hidden;
}
.banner #banner .swiper-slide img{
    top:0;
    left:50%;
    margin-left:-960px;
    position:absolute;
}
.banner .pagination {
    left:50%;
    margin-left:-417px;
    width:100%;
    bottom:97px;
    z-index:99999;
    position: absolute;
}
.banner .swiper-pagination-switch {
    margin:0 5px;
    width:16px;
    height:6px;
    cursor:pointer;
    display:inline-block;
    background:#7b7b7b;
    border-radius:3px;
    transition:0.4s;
}
.banner .swiper-active-switch {
    width:30px;
    height:6px;
    background:#34ff94;
    transition:0.4s;
}
.banner .table1{
    top:190px;
    left:50%;
    margin-left:-500px;
    width:239px;
    height:315px;
    z-index:9999;
    position:absolute;
    background:#000000;
    background:rgba(0,0,0,0.5);
    border:1px solid #2fbe75;
    border-radius:8px;
}
.banner .table1 > span{
    top:-4px;
    left:36px;
    width:42px;
    height:7px;
    display:block;
    position:absolute;
    border-radius:3px;
    background:#34ff94;
}
.banner .table1 h2{
    margin:0 auto;
    margin-top:16px;
    padding-bottom:14px;
    width:180px;
    font-size:24px;
    line-height:48px;
    color:#ffffff;
    text-align:center;
    position:relative;
    border-bottom:1px solid #4aff68;
}
.banner .table1 h2 b{
    color:#34ff94;
}
.banner .table1 h2 span{
    bottom:-2px;
    left:50%;
    margin-left:-20px;
    width:40px;
    height:3px;
    display:block;
    position:absolute;
    border-radius:1px;
    background:#34ff94;
}
.banner .table1 form{
    margin-top:25px;
    margin-left:18px;
}
.banner .table1 input[type="text"]{
    margin-bottom:27px;
    padding:0 32px 7px;
    width:138px;
    height:20px;
    font-size:14px;
    line-height:20px;
    display:block;
    color:#ffffff;
    background:none;
    border:none;
    border-bottom:1px solid #34ff94;
}
.banner .table1 input.name{
    background:url("../img/table1-tag1.png") no-repeat left 0;
}
.banner .table1 input.phone{
    background:url("../img/table1-tag2.png") no-repeat left 0;
}
.banner .table1 .yz-code{
    margin-bottom:27px;
    width:202px;
    height:25px;
    position:relative;
}
.banner .table1 .yz-code #getcodee{
    top:2px;
    right:0;
    width:69px;
    height:19px;
    font-size:12px;
    color:#202020;
    text-align:center;
    line-height:19px;
    cursor:pointer;
    position:absolute;
    background:#34ff94;
}
.banner .table1 input.num{
    background:url("../img/table1-tag3.png") no-repeat left 0;
}
.banner .table1 input[type="submit"]{
    margin-top:-6px;
    width:202px;
    height:36px;
    line-height:36px;
    color:#202020;
    cursor:pointer;
    font-size:24px;
    text-align:center;
    background:url("../img/table1-btn.png") no-repeat 172px center #34ff94;
    border:none;
}
.part{
    padding-bottom:50px;
}
.part .title{
    padding-top:170px;
    padding-bottom:50px;
}
.part .title.t1{
    background:url("../img/p1-top.png") no-repeat center top;
}
.part .title.t2{
    background:url("../img/p2-top.png") no-repeat center top;
}
.part .title.t3{
    background:url("../img/p3-top.png") no-repeat center top;
}
.part .title.t4{
    background:url("../img/p4-top.png") no-repeat center top;
}
.part .title.t5{
    background:url("../img/p5-top.png") no-repeat center top;
}
.part .title.t6{
    background:url("../img/p6-top.png") no-repeat center top;
}
.part .title.t7{
    background:url("../img/p7-top.png") no-repeat center top;
}
.part .title.t8{
    background:url("../img/p8-top.png") no-repeat center top;
}
.part .title.t9{
    background:url("../img/p9-top.png") no-repeat center top;
}
.part .title.t10{
    background:url("../img/p10-top.png") no-repeat center top;
}
.part .title h2{
    font-size:40px;
    line-height:40px;
    text-align:center;
    color:#1e1d1d;
}
.part .title h2 span{
    color:#19e378;
}
.part .title > span{
    margin:24px auto 0;
    width:64px;
    height:3px;
    display:block;
    background:#34ff94;
}
.part .title p{
    margin-top:30px;
    font-size:18px;
    color:#5d5d5d;
    line-height:18px;
    text-align:center;
}
.p1{
    top:640px;
    left:50%;
    margin-left:-960px;
    width:1920px;
    z-index:9999;
    position:absolute;
}
.p1 .box{
    width:503px;
    height:572px;
    position:relative;
    background:url("../img/p1-box.png") no-repeat center;
}
/*#p1{
    top:193px;
    left:107px;
    width:854px;
    height:252px;
    position:absolute;
}
#p1 .swiper-slide{
    height:252px;
    position:relative;
}
#p1 .swiper-slide img{
    top:18px;
    left:50%;
    margin-left:-108px;
    width:216px;
    height:216px;
    display:block;
    position:absolute;
    transition:0.4s;
}
#p1 .swiper-slide.act img{
    top:0;
    margin-left:-126px;
    width:252px;
    height:252px;
    z-index:9999;
    position:absolute;
    transition:0.4s;
}*/
.p1 .ul1{
    width:1024px;
}
.p1 .ul1 li{
    margin:0 2px;
    margin-top:190px;
    float:left;
    width:160px;
    transition:0.4s;
}
.p1 .ul1 li.act{
    margin-top:170px;
    width:200px;
    transition:0.4s;
}
.p1 .ul1 li img{
    width:100%;
    height:auto;
}
.p1 .ul2{
    margin:50px auto 0;
    padding-bottom:20px;
    width:920px;
    border-bottom:1px solid #5d5d5d;
}
.p1 .ul2 li{
    margin-right:40px;
    float:left;
    font-size:20px;
    line-height:20px;
    cursor:pointer;
    position:relative;
    transition:0.4s;
}
.p1 .ul2 li.last{
    margin-right:0;
}
.p1 .ul2 li span{
    top:36px;
    width:8px;
    height:8px;
    display:block;
    position:absolute;
    background:url("../img/p1-d1.png") no-repeat center;
    transition:0.4s;
}
.p1 .ul2 li.l1 span{
    left:0;
}
.p1 .ul2 li.l2 span{
    left:20px;
}
.p1 .ul2 li.l3 span{
    left:40px;
}
.p1 .ul2 li.l4 span{
    left:60px;
}
.p1 .ul2 li.l5 span{
    left:80px;
}
.p1 .ul2 li.l6 span{
    left:112px;
}
.p1 .ul2 li.act{
    color:#19e378;
    transition:0.4s;
}
.p1 .ul2 li.act span{
    background:url("../img/p1-d2.png") no-repeat center;
    transition:0.4s;
}
.part .link{
    margin:50px auto 0;
    width:218px;
    height:44px;
    font-size:22px;
    line-height:44px;
    display:block;
    text-align:center;
    position:relative;
    border:1px solid #202020;
}
.part .link span{
    top:11px;
    right:-11px;
    width:22px;
    height:22px;
    display:block;
    position:absolute;
    background:url("../img/link-tag1.png") no-repeat center #ffffff;
    border-radius:100%;
    transition:0.4s;
}
.part .link.b2 span{
    background:url("../img/link-tag1.png") no-repeat center #50f59e;
}
.part .link:hover{
    color:#ffffff;
    background:#34ff94;
    border:1px solid #34ff94;
    transition:0.4s;
}
.part .link.b2:hover{
    color:#34ff94;
    background:#ffffff;
    border:1px solid #ffffff;
}
.part .link:hover span{
    background:url("../img/link-tag2.png") no-repeat center #ffffff;
    transition:0.4s;
}
.part .link.b2:hover span{
    background:url("../img/link-tag3.png") no-repeat center #34ff94;
    transition:0.4s;
}
.p2{
    margin-top:1100px;
    padding-bottom:0;
    height:1030px;
    background:url("../img/p2-bg.jpg") no-repeat center bottom #f2f4f4;
}
.p2 .main{
    height:560px;
    overflow:hidden;
    position:relative;
    background:url("../img/p2-tag.png") no-repeat 25px 85px;
}
.p2 .box{
    margin:10px auto 0;
    width:963px;
    height:479px;
    position:relative;
    overflow:hidden;
}
.p2 .box img{
    top:479px;
    left:0;
    width:963px;
    height:479px;
    position:absolute;
    transition:0.4s;
}
.p2 .box img.act{
    top:0;
    transition:0.4s;
}
.p2 .btn{
    margin-left:700px;
    width:253px;
    height:69px;
    overflow:hidden;
    position:relative;
    background:#fcd74b;
}
.p2 .btn ul{
    width:33px;
    height:25px;
    position:absolute;
}
.p2 .btn ul.b1{
    top:23px;
    left:34px;
}
.p2 .btn ul.b2{
    top:23px;
    left:111px;
}
.p2 .btn ul li{
    top:6px;
    width:9px;
    height:9px;
    cursor:pointer;
    position:absolute;
    border-radius:100%;
    transition:0.2s;
}
.p2 .btn ul li.l1{
    left:0;
    z-index:2;
    border:2px solid #ffffff;
}
.p2 .btn ul li.l2{
    left:20px;
    z-index:1;
    border:2px solid #000000;
}
.p2 .btn ul.act li{
    transition:0.2s;
}
.p2 .btn ul.act li.l1{
    top:6px;
    left:10px;
    background:#ffffff;
}
.p2 .btn ul.act li.l2{
    top:0;
    left:4px;
    width:21px;
    height:21px;
    background:#000000;
}
.p2 .btn span{
    top:36px;
    left:77px;
    width:28px;
    height:1px;
    display:block;
    position:absolute;
    background:#000000;
}
.p2 .btn p{
    top:23px;
    left:157px;
    line-height:25px;
    font-size:18px;
    color:#ffffff;
    font-weight:bold;
    position:absolute;
}
.p2 .btn p b.act{
    color:#000000;
}
.p3{
    padding-bottom:0;
    height:1368px;
    background:url("../img/p3-bg.jpg") no-repeat center top;
}
.p3 .table{
    margin-top:-60px;
    margin-left:-15px;
    width:1055px;
    height:987px;
    overflow:hidden;
    background:url("../img/p3-table.png") no-repeat center;
}
.myscroll{
    margin:260px auto 0;
    width:720px;
    height:576px;
    overflow:hidden;
}
.myscroll li{
    margin-bottom:8px;
    height:44px;
    line-height:28px;
    background:url("../img/p3-line.png") no-repeat center bottom;
}
.myscroll li p{
    float:left;
    font-size:18px;
}
.myscroll li p.name{
    width:120px;
}
.myscroll li p.co{
    margin-left:60px;
    width:180px;
}
.myscroll li span{
    margin-left:50px;
    float:left;
    width:109px;
    height:31px;
    font-size:16px;
    color:#ffffff;
    text-indent:16px;
    line-height:28px;
    display:block;
    background:url("../img/p3-tag.png") no-repeat center;
}
.myscroll li p.time{
    float:right;
    text-align:right;
    width:160px;
}
.p3 .link{
    margin:0 auto;
}
.p4{
    padding-bottom:0;
    height:1170px;
    background:url("../img/p4-bg.jpg") no-repeat;
}
.p4 .main{
    height:580px;
}
.p4 ul{
    margin-left:8px;
    margin-top:50px;
    float:left;
}
.p4 ul li{
    margin-top:50px;
    margin-left:60px;
    width:258px;
    cursor:pointer;
    position:relative;
}
.p4 ul li img{
    width:258px;
    height:115px;
}
.p4 ul li > span{
    top:103px;
    left:50%;
    margin-left:-15px;
    width:26px;
    height:26px;
    display:block;
    position:absolute;
    background:url("../img/p4-tag1.png") no-repeat center #19e378;
    border:2px solid #19e378;
    border-radius:100%;
    transition:0.2s;
}
.p4 ul li.act > span{
    top:41px;
    background:url("../img/p4-tag2.png") no-repeat center rgba(0,0,0,0);
    transition:0.2s;
}
.p4 ul li .info{
    height:76px;
    position:relative;
    overflow:hidden;
    background:#ffffff;
    border-top:3px solid #ffffff;
    transition:0.2s;
}
.p4 ul li.act .info{
    height:125px;
    border-top:3px solid #34ff94;
    transition:0.2s;
}
.p4 ul li .info span{
    top:14px;
    left:9px;
    width:18px;
    height:4px;
    display:block;
    position:absolute;
    background:#202020;
    border-radius:3px;
    transition:0.2s;
}
.p4 ul li.act .info span{
    background:#34ff94;
    transition:0.2s;
}
.p4 ul li .info h2{
    margin-top:6px;
    font-size:22px;
    line-height:48px;
    text-align:center;
}
.p4 ul li .info p{
    margin:0 auto;
    margin-top:25px;
    padding-top:6px;
    width:200px;
    font-size:14px;
    line-height:24px;
    color:#5d5d5d;
    text-align:center;
    border-top:1px solid #34ff94;
    transition:0.2s;
}
.p4 ul li.act p{
    margin-top:0;
    transition:0.2s;
}
.p5 ul{
    margin-left:92px;
    width:1200px;
}
.p5 ul li{
    margin-right:73px;
    float:left;
    width:242px;
    height:349px;
    cursor:pointer;
    position:relative;
}
.p5 ul li img{
    width:242px;
    height:349px;
}
.p5 ul li .tag{
    top:27px;
    left:-33px;
    width:93px;
    height:120px;
    position:absolute;
    transition:0.2s;
}
.p5 ul li .tag.t1{
    background:url("../img/p5-tag1.png") no-repeat center #fcd74b;
}
.p5 ul li.act .tag.t1{
    background:url("../img/p5-tag1.png") no-repeat center #19e378;
    transition:0.2s;
}
.p5 ul li .tag.t2{
    background:url("../img/p5-tag2.png") no-repeat center #fcd74b;
}
.p5 ul li.act .tag.t2{
    background:url("../img/p5-tag2.png") no-repeat center #19e378;
    transition:0.2s;
}
.p5 ul li .tag.t3{
    background:url("../img/p5-tag3.png") no-repeat center #fcd74b;
}
.p5 ul li.act .tag.t3{
    background:url("../img/p5-tag3.png") no-repeat center #19e378;
    transition:0.2s;
}
.p5 ul li .info{
    top:196px;
    left:0;
    width:242px;
    height:85px;
    position:absolute;
    background:#ffffff;
    background:rgba(255,255,255,0.9);
}
.p5 ul li .info h2{
    font-size:22px;
    line-height:42px;
    color:#19e378;
    text-align:center;
}
.p5 ul li .info p{
    margin:0 auto;
    font-size:18px;
    line-height:28px;
    color:#202020;
    width:155px;
    text-align:center;
    border-top:1px solid #202020;
    border-bottom:1px solid #202020;
}
.p5 ul li .jt{
    top:306px;
    right:-23px;
    width:51px;
    height:29px;
    position:absolute;
    background:url("../img/p5-jt.png") no-repeat center #19e378;
}
.p6{
    background:url("../img/p6-bg.jpg") no-repeat center 336px #f7f7f7;
}
.p6 .main .box{
    width:100%;
    height:571px;
    position:relative;
    overflow:hidden;
    background:url("../img/p6-box.jpg") repeat;
}
.p6 .main .box .line{
    top:120px;
    left:32px;
    position:absolute;
}
.p6 .main .box .num{
    top:38px;
    left:22px;
    width:80px;
    height:80px;
    position:absolute;
    overflow:hidden;
}
.p6 .main .box .num span{
    top:80px;
    left:0;
    width:64px;
    height:64px;
    font-size:64px;
    font-weight:bold;
    text-align:center;
    color:#ffffff;
    display:block;
    position:absolute;
    transition:0.2s;
}
.p6 .main .box .num span.act{
    top:0;
    transition:0.8s;
}
.p6 .main .box .img{
    top:32px;
    left:90px;
    width:398px;
    height:436px;
    position:absolute;
    background:url("../img/p6-img.png") no-repeat center;
}
.p6 .main .box .img .ctn{
    top:18px;
    left:31px;
    width:297px;
    height:376px;
    position:absolute;
    overflow:hidden;
}
.p6 .main .box .img .ctn img{
    top:-376px;
    left:0;
    width:297px;
    height:376px;
    position:absolute;
    transition:0.2s;
}
.p6 .main .box .img .ctn img.act{
    top:0;
    transition:0.8s;
}
.p6 .main .box .info{
    top:70px;
    left:550px;
    width:475px;
    height:360px;
    position:absolute;
    overflow:hidden;
}
.p6 .main .box .info > div{
    top:360px;
    left:0;
    width:475px;
    height:360px;
    position:absolute;
    transition:0.2s;
}
.p6 .main .box .info > div.act{
    top:0;
    transition:0.8s;
}
.p6 .main .box .info h2{
    margin-bottom:16px;
    padding-bottom:24px;
    font-size:22px;
    font-weight:bold;
    line-height:22px;
    background:url("../img/p6-line.png") no-repeat bottom;
}
.p6 .main .box .info h3{
    margin-top:12px;
    width:96px;
    height:25px;
    font-size:16px;
    font-weight:bold;
    line-height:25px;
    color:#0be06f;
    text-indent:13px;
    background:url("../img/p6-tag.png") no-repeat center;
}
.p6 .main .box .info h3.b2{
    width:150px;
    background:url("../img/p6-tag2.png") no-repeat center;
}
.p6 .main .box .info h3.b3{
    width:140px;
    background:url("../img/p6-tag3.png") no-repeat center;
}
.p6 .main .box .info p{
    margin-top:6px;
    font-size:16px;
    line-height:24px;
}
.p6 .main .box .info p.b2{
    font-size:14px;
}
.p6 .btn1{
    top:364px;
    right:32px;
    width:30px;
    height:30px;
    cursor:pointer;
    position:absolute;
    background:url("../img/p6-btn1.jpg") no-repeat center;
}
.p6 .btn2{
    top:405px;
    right:32px;
    width:30px;
    height:30px;
    cursor:pointer;
    position:absolute;
    background:url("../img/p6-btn2.jpg") no-repeat center;
}
.p6 .num2{
    top:455px;
    left:120px;
    font-size:16px;
    line-height:16px;
    position:absolute;
}
.p6 .num2 b.act{
    color:#ffffff;
}
.p6 .link{
    margin-top:477px;
}
.p7 .box{
    margin:0 auto;
    width:923px;
    height:440px;
    position:relative;
    overflow:hidden;
    background:url("../img/p7-box.png") no-repeat center;
}
.p7 .box .img{
    top:1px;
    left:70px;
    width:290px;
    height:440px;
    position:absolute;
    overflow:hidden;
}
.p7 .box .img img{
    top:0;
    left:-290px;
    width:290px;
    height:440px;
    position:absolute;
    transition:0.2s;
}
.p7 .box .img img.act{
    left:0;
    transition:0.8s;
}
.p7 .box .info{
    top:38px;
    left:415px;
    width:500px;
    height:300px;
    position:absolute;
    overflow:hidden;
}
.p7 .box .info div{
    left:500px;
    position:absolute;
    transition:0.2s;
}
.p7 .box .info div.act{
    left:0;
    transition:0.8s;
}
.p7 .box .info h2{
    padding-bottom:16px;
    width:184px;
    color:#19e378;
    font-size:26px;
    line-height:26px;
    border-bottom:1px solid #19e378;
}
.p7 .box .info h3{
    margin-top:12px;
    font-size:20px;
    line-height:20px;
    color:#19e378;
}
.p7 .box .info p{
    margin-top:70px;
    font-size:16px;
    line-height:30px;
    width:500px;
    color:#ffffff;
}
.p7 .box .btn{
    top:355px;
    left:415px;
    width:505px;
    position:absolute;
}
.p7 .box .btn li{
    margin-right:17px;
    float:left;
    width:67px;
    height:74px;
    cursor:pointer;
    overflow:hidden;
    position:relative;
}
.p7 .box .btn li div{
    top:0;
    left:0;
    width:67px;
    height:74px;
    position:absolute;
    background:#000000;
    background:rgba(0,0,0,0.5);
    transition:0.2s;
}
.p7 .box .btn li.act div{
    top:74px;
    transition:0.8s;
}
.p7 .box .btn li img{
    width:67px;
    height:74px;
}
.p8{
    background:url("../img/p8-bg.jpg") no-repeat center bottom #f7f7f7;
}
.p8 .main{
    height:460px;
    overflow:hidden;
}
.poster-main{
    position: relative;
    margin: 50px auto;
}
.poster-main .poster-list .poster-item{
    position: absolute;
    left: 0;
    top: 0;
}
.poster-main .poster-btn{
    position: absolute;
    top: 0;
    cursor: pointer;
}
.poster-main .poster-prev-btn{
    left:0;
    background:url("../img/btn_l.png") no-repeat center center;
}
.poster-main .poster-next-btn{
    right:0;
    background:url("../img/btn_r.png") no-repeat center center;
}
.p8-btn{
    top:355px;
    left:50%;
    margin-left:-447px;
    width:894px;
    height:48px;
    font-size:20px;
    color:#ffffff;
    line-height:48px;
    text-align:center;
    position:absolute;
    background:url("../img/p8-btn.png") no-repeat center;
}
.p9{
    background:url("../img/p9-bg.jpg") no-repeat center top;
}
.p9 .box{
    margin:0 auto;
    width:949px;
    height:566px;
    position:relative;
    background:url("../img/p9-box.png") no-repeat center top;
}
.p9 .box .video{
    top:55px;
    left:28px;
    width:805px;
    height:452px;
    position:absolute;
    background:#000000;
    overflow:hidden;
}
.p9 .box video{
    display:none;
}
.p9 .box video.act{
    display:block;
}
.p9 ul{
    margin-top:50px;
    margin-left:32px;
    width:1100px;
}
.p9 ul li{
    margin-right:30px;
    float:left;
    width:307px;
}
.p9 ul li.act{
    transform:scale(1.1);
}
.p9 ul li img{
    width:307px;
    height:206px;
}
.p9 ul li p{
    margin-top:10px;
    font-size:18px;
    line-height:18px;
    text-align:center;
}
/*.p9 ul{
    margin-left:40px;
    width:1200px;
}
.p9 ul li{
    margin-right:80px;
    float:left;
    width:174px;
    cursor:pointer;
    position:relative;
    transition:0.2s;
}
.p9 ul li.act{
    width:430px;
    transition:0.8s;
}
.p9 ul li .img{
    top:0;
    left:0;
    width:174px;
    height:334px;
    position:absolute;
    background:url("../img/p9-line1.png") no-repeat center;
    transition:0.2s;
}
.p9 ul li.act .img{
    background:url("../img/p9-line2.png") no-repeat center;
    transition:0.8s;
}
.p9 ul li .img img{
    top:80px;
    left:45px;
    position:absolute;
}
.p9 ul li .img h2{
    padding-top:20px;
    margin-left:20px;
    font-size:18px;
    width:116px;
    color:#ffffff;
    font-weight:bold;
    line-height:22px;
    text-align:center;
}
.p9 ul li .img h3{
    bottom:8px;
    left:28px;
    color:#edecec;
    font-size:36px;
    font-weight:bold;
    line-height:36px;
    position:absolute;
}
.p9 ul li > p{
    margin-top:354px;
    margin-left:17px;
    width:157px;
    font-size:18px;
    line-height:18px;
    text-align:center;
    color:#6d717f;
}
.p9 ul li .info{
    top:0;
    left:174px;
    width:253px;
    height:333px;
    display:none;
    position:absolute;
    background:url("../img/p9-tag.png") no-repeat 40px 26px #f7f7f7;
}
.p9 ul li .info p{
    margin-top:38px;
    margin-left:60px;
    font-size:14px;
    line-height:24px;
    color:#a2a2a2;
    width:170px;
}
.p9 ul li.act .info{
    display:block;
}*/
.p10{
    background:url("../img/p10-bg.jpg") no-repeat center bottom #f7f7f7;
}
.p10 .box{
    width:1024px;
    height:554px;
    position:relative;
    background:url("../img/p10-box.jpg") no-repeat center #ffffff;
}
.p10 .box .btn{
    top:52px;
    left:64px;
    width:172px;
    height:439px;
    position:absolute;
    background:url("../img/p10-btn.png") no-repeat center;
}
.p10 .box .btn ul li{
    left:0;
    width:126px;
    cursor:pointer;
    position:absolute;
}
.p10 .box .btn ul li.l1{
    top:44px;
}
.p10 .box .btn ul li.l2{
    top:187px;
}
.p10 .box .btn ul li.l3{
    top:318px;
}
.p10 .box .btn ul li h3{
    font-size:20px;
    line-height:20px;
    font-weight:bold;
    text-align:right;
}
.p10 .box .btn ul li h2{
    font-size:20px;
    line-height:26px;
    text-align:right;
}
.p10 .box .btn ul li span{
    margin-top:10px;
    margin-left:82px;
    width:42px;
    height:2px;
    display:block;
    background:#202020;
}
.p10 .box .btn ul li .tag{
    top:-5px;
    right:-72px;
    width:126px;
    height:104px;
    display:none;
    position:absolute;
    overflow:hidden;
}
.p10 .box .btn ul li.l1 .tag{
    background:url("../img/p10-tag1.jpg") no-repeat center;
}
.p10 .box .btn ul li.l2 .tag{
    background:url("../img/p10-tag2.jpg") no-repeat center;
}
.p10 .box .btn ul li.l3 .tag{
    background:url("../img/p10-tag3.jpg") no-repeat center;
}
.p10 .box .btn ul li .tag p{
    margin-top:38px;
    font-size:20px;
    line-height:26px;
    text-align:center;
    color:#34ff94;
}
.p10 .box .btn ul li.l2 .tag p, .p10 .box .btn ul li.l3 .tag p{
    margin-top:48px;
}
.p10 .box .btn ul li.act .tag{
    display:block;
}
.p10 .box .btn ul li.act h3{
    display:none;
}
.p10 .box .btn ul li.act h2{
    display:none;
}
.p10 .box .btn ul li.act span{
    display:none;
}
.p10 .box .info{
    top:92px;
    left:303px;
    width:660px;
    height:344px;
    position:absolute;
    overflow:hidden;
}
.p10 .box .info > div{
    top:0;
    left:660px;
    width:660px;
    height:344px;
    position:absolute;
    transition:0.2s;
}
.p10 .box .info > div.act{
    left:0;
    transition:0.8s;
}
.p10 .box .info div img{
    float:left;
    padding:5px;
    width:262px;
    height:332px;
    border:1px solid #19e378;
}
.p10 .box .info div .txt{
    float:right;
    width:350px;
}
.p10 .box .info div .txt h2{
    margin-top:12px;
    width:124px;
    height:37px;
    text-align:center;
    line-height:37px;
    font-size:18px;
    font-weight:bold;
    color:#19e378;
    background:url("../img/p10-tit.png") no-repeat center;
}
.p10 .box .info div .txt p{
    font-size:15px;
    line-height:36px;
}
.p10 .box .info div .txt h3{
    margin-top:10px;
    font-size:18px;
    line-height:42px;
}
.footer{
    height:40px;
    background:#000000;
}
.footer p{
    font-size:14px;
    line-height:40px;
    text-align:center;
    color:#ffffff;
}
.table2{
    margin:0 auto;
    bottom:0;
    width:100%;
    height:80px;
    position:fixed;
    z-index:99999;
    background:#202020;
}
.table2 .main{
    position:relative;
}
.table2 .main .img{
    top:-117px;
    left:-28px;
    position:absolute;
}
.table2 form{
    padding-top:20px;
    margin-left:225px;
}
.table2 input[type="text"]{
    margin-right:14px;
    float:left;
    padding:0 20px 0 40px;
    width:90px;
    height:38px;
    color:#34ff94;
    line-height:38px;
    display:block;
    border:1px solid #34ff94;
}
.table2 input[type="text"].name{
    background:url("../img/table2-tag1.png") no-repeat 10px center;
}
.table2 input[type="text"].phone{
    background:url("../img/table2-tag2.png") no-repeat 10px center;
}
.table2 .yzm{
    float:left;
    width:210px;
    height:38px;
    position:relative;
}
.table2 input[type="text"].yz-code{
    width:150px;
    background:url("../img/table2-tag3.png") no-repeat 10px center;
}
.table2 #getcode{
    top:6px;
    right:0;
    width:90px;
    font-size:14px;
    line-height:28px;
    color: #34ff94;
    text-indent:5px;
    position:absolute;
    border-left:1px solid #34ff94;
}
.table2 input[type="submit"]{
    margin-left:24px;
    float:left;
    width:135px;
    height:36px;
    line-height:36px;
    text-align:center;
    display:block;
    font-size:20px;
    cursor:pointer;
    font-weight:bold;
    color:#202020;
    background:#34ff94;
    background:linear-gradient(#7aff40,#34ff94);
    border:none;
    border-radius:18px;
}
input::-webkit-input-placeholder{
    color:#2ca666;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#2ca666;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#2ca666;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#2ca666;
}