@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:#9b9b9b;}
ul,ol{list-style:none; text-indent:0; list-style-position:outside;}
img{border:0;display:block}
b{font-weight:normal}
/* link : style */
a{text-decoration:none;}
a:hover{text-decoration:none;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
/*clear*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}


.swiper-container {
    margin:0 auto;
    width:100%;
    height:100%;
}
.swiper-container .swiper-slide{
    overflow:hidden;
}

body{
    overflow-x:hidden;
}
.wrap{
    margin:0 auto;
    width:100%;
    max-width:1920px;
    min-width:1024px;
    overflow:hidden;
    position:relative;
}
.main{
    margin:0 auto;
    width:1024px;
    position:relative;
}
.header{
    top:0;
    left:50%;
    margin-left:-960px;
    width:1920px;
    z-index:9999;
    position:absolute;
}
.header .logo{
    margin-top:15px;
    margin-left:20px;
    float:left;
    width:138px;
    height:42px;
}
.header .logo-text{
    margin-top:25px;
    margin-left:15px;
    float:left;
    font-size:18px;
    color:#ffffff;
    line-height:18px;
}
.header .nav{
    margin-top:24px;
    float:right;
}
.header .nav ul li{
    margin-left:12px;
    float:left;
    text-align:center;
}
.header .nav ul li a{
    font-size:20px;
    font-weight:bold;
    line-height:20px;
    text-align:center;
    color:#ffffff;
}
.header .nav ul li#close{
    display:none;
}
.content{
    margin:0 auto;
    width:100%;
}
.banner{
    margin:0 auto;
    width:100%;
    height:800px;
    position:relative;
}
#banner{
    width:100%;
    height:800px;
}
#banner .swiper-slide{
    width:100%;
    height:800px;
    position:relative;
    overflow:hidden;
}
#banner img{
    top:0;
    left:50%;
    margin-left:-960px;
    width:1920px;
    height:800px;
    position:absolute;
}
.pagination {
    width:100%;
    bottom:20px;
    z-index:99999;
    text-align:center;
    position: absolute;
}
.swiper-pagination-switch {
    width:8px;
    height:8px;
    margin:0 5px;
    cursor:pointer;
    display:inline-block;
    background:#0084ff;
    border-radius:100%;
}
.swiper-active-switch {
    width:40px;
    height:8px;
    background:#1fff8e;
    border-radius:4px;
}
.main{
    margin:0 auto;
    width:1024px;
}
.part{
    margin:0 auto;
    padding:50px 0;
    width:100%;
    overflow:hidden;
}

.part .box .title{
    top:30px;
    left:-20px;
    position:absolute;
}
.part .box .title.t4{
    top:60px;
}
.part .box .title img{
    top:40px;
    left:0;
    width:20px;
    height:15px;
    position:absolute;
}
.part .box .title h2{
    padding:0 26px;
    height:40px;
    font-size:30px;
    line-height:40px;
    color:#ffffff;
    text-align:center;
    position:relative;
    background:#4e78ff;
}
.part .box .title h2 span{
    top:0;
    left:210px;
    width:500px;
    color:#4e78ff;
    text-align:left;
    line-height:40px;
    position:absolute;
}
.part .box .title.t2 h2 span{
    left:180px;
}
.part .box .title.t3 h2{
    background:#00d8c9;
}
.part .box .title.t4 h2{
    background:#00d8c9;
}
.part .box .title.t3 h2 span{
    left:180px;
    color:#00d8c9;
}
.part .box .title.t4 h2{
    background:#00d8c9;
}
.p1{
    background:#4e78ff;
}
.p1 .box{
    margin:0 auto;
    width:923px;
    height:754px;
    position:relative;
    background:url("../img/p1-box.png") no-repeat;
}
.p1 .box .img{
    top:0;
    right:0;
    width:380px;
    height:500px;
    position:absolute;
}
.p1 .box .tit{
    top:80px;
    left:59px;
    position:absolute;
}
.p1 .box .tit img{
    top:40px;
    left:0;
    width:20px;
    height:15px;
    position:absolute;
}
.p1 .box .tit h2{
    padding:0 26px;
    height:40px;
    font-size:30px;
    line-height:40px;
    color:#ffffff;
    text-align:center;
    position:relative;
    background:#00d8c9;
}
.p1 .box .tit h2 span{
    top:0;
    left:160px;
    color:#00d8c9;
    line-height:40px;
    position:absolute;
}
.p1 .box .info{
    top:140px;
    left:100px;
    position:absolute;
}
.p1 .box .info h2{
    font-size:24px;
    line-height:24px;
    color:#4e78ff;
}
.p1 .box .info p{
    font-size:16px;
    line-height:20px;
    color:#8d8d8d;
}
.p1 .box .info p.txt1{
    margin-top:8px;
    width:420px;
}
.p1 .box .info p.txt2{
    margin-top:4px;
    width:700px;
}
.p1 .box .info p span{
    width:30px;
    display:inline-block;
}
.p1 .box .info p.txt3{
    display:none;
}
.p2{
    background:#00d8c9;
}
.p2 .box{
    margin:0 auto;
    width:950px;
    height:750px;
    position:relative;
    background:#ffffff;
}
.p2 .box ul{
    padding-top:90px;
    margin-left:45px;
}
.p2 .box ul li{
    margin-right:40px;
    float:left;
    width:260px;
    height:340px;
}
.p2 .box ul li img{
    width:100%;
    height:auto;
}
.p2 .box ul li h2{
    margin-top:14px;
    padding-left:16px;
    font-size:24px;
    color:#00d8c9;
    line-height:24px;
    border-left:3px solid #00d8c9;
}
.p2 .box ul li p{
    margin-top:10px;
    font-size:14px;
    color:#8d8d8d;
    line-height:16px;
}
.p3{
    background:#4e78ff;
}
.p3 .box{
    margin:0 auto;
    padding-top:90px;
    width:950px;
    height:720px;
    position:relative;
    background:#ffffff;
}
.p3 .p3-ul{
    padding-left:60px;
    margin-left:164px;
    width:560px;
    height:40px;
    background:url("../img/p3-line.png") no-repeat center;
}
.p3 .p3-ul li{
    margin-right:22px;
    float:left;
    width:150px;
    height:38px;
    font-size:24px;
    line-height:38px;
    color:#4e78ff;
    cursor:pointer;
    text-align:center;
    background:#ffffff;
    border:1px solid #4e78ff;
    border-radius:4px;
    transition:0.4s;
}
.p3 .p3-ul li.act{
    color:#ffffff;
    background:#4e78ff;
    transition:0.4s;
}
.p3-div{
    width:100%;
    height:660px;
    overflow:hidden;
    position:relative;
}
.p3-div > div{
    top:660px;
    left:0;
    width:100%;
    height:660px;
    position:absolute;
    background:#ffffff;
    transition:0.4s;
}
.p3-div > div.act{
    top:0;
    transition:0.4s;
}
.p3-div > div.b1 ul{
    margin-top:20px;
    margin-left:30px;
}
.p3-div > div.b1 ul li{
    margin-right:18px;
    margin-bottom:14px;
    float:left;
    width:165px;
}
.p3-div > div.b1 ul li img{
    width:165px;
    height:125px;
}
.p3-div > div.b1 ul li h2{
    width:165px;
    font-size:20px;
    color:#ffffff;
    text-align:center;
    line-height:32px;
    background:#00d8c9;
}
.p3-div > div.b1 ul li p{
    margin-top:12px;
    color:#8d8d8d;
    font-size:16px;
    line-height:16px;
    text-align:center;
}
.p3-div > div.b1 ul li p span{
    color:#4e78ff;
}
.p3-div > div.b1 h2.tit{
    margin-left:33px;
    width:150px;
    height:38px;
    font-size:24px;
    color:#ffffff;
    text-align:center;
    line-height:38px;
    position:relative;
    border-radius:3px;
    background:#4e78ff;
}
.p3-div > div.b1 h2.tit img{
    top:15px;
    right:-725px;
    width:703px;
    height:7px;
    position:absolute;
}
.p3-div > div.b2 h2.tit2{
    margin-top:53px;
    margin-left:184px;
    width:190px;
    height:38px;
    font-size:24px;
    color:#ffffff;
    text-align:center;
    line-height:38px;
    position:relative;
    border-radius:3px;
    background:#00d8c9;
}
.p3-div > div.b2 h2.tit2 img{
    top:14px;
    right:-386px;
    width:365px;
    height:11px;
    position:absolute;
}
.p3-div > div.b2 ul{
    margin-top:32px;
    margin-left:184px;
}
.p3-div > div.b2 ul li{
    margin-right:44px;
    float:left;
    width:165px;
}
.p3-div > div.b2 ul li img{
    width:165px;
    height:125px;
}
.p3-div > div.b2 ul li h2{
    width:165px;
    font-size:20px;
    color:#ffffff;
    text-align:center;
    line-height:32px;
    background:#00d8c9;
}
.p3-div > div.b2 ul li p{
    margin-top:12px;
    color:#8d8d8d;
    font-size:16px;
    line-height:16px;
    text-align:center;
}
.p3-div > div.b2 ul li p span{
    color:#4e78ff;
}
.p3-div > div.b2 h2.tit3{
    margin-top:36px;
    margin-left:184px;
    width:190px;
    height:38px;
    font-size:24px;
    color:#ffffff;
    text-align:center;
    line-height:38px;
    position:relative;
    border-radius:3px;
    background:#4e78ff;
}
.p3-div > div.b2 h2.tit3 img{
    top:14px;
    right:-377px;
    width:355px;
    height:11px;
    position:absolute;
}
.p3-div > div.b3 ul{
    margin:32px auto 0;
    width:700px;
}
.p3-div > div.b3 ul li{
    margin-bottom:20px;
    width:700px;
}
.p3-div > div.b3 ul li .img{
    float:left;
    width:240px;
}
.p3-div > div.b3 ul li img{
    width:240px;
    height:150px;
}
.p3-div > div.b3 ul li h2{
    width:240px;
    font-size:20px;
    color:#ffffff;
    text-align:center;
    line-height:32px;
    background:#00d8c9;
}
.p3-div > div.b3 ul li .info{
    float:right;
    width:460px;
}
.p3-div > div.b3 ul li .info h3{
    margin:0 auto;
    width:300px;
    font-size:30px;
    font-weight:bold;
    line-height:40px;
    text-align:center;
    color:#ffffff;
    background:#ff2b01;
}
.p3-div > div.b3 ul li p{
    margin-top:16px;
    width:460px;
    text-indent:90px;
    font-size:20px;
    line-height:30px;
}
.p3-div > div.b3 ul li p span{
    color:#4e78ff;
}
.p3-div .p3-btn{
    bottom:0;
    right:50px;
    position:absolute;
}
.p3-div .p3-btn li{
    margin-right:4px;
    float:left;
    width:7px;
    height:7px;
    z-index:9999;
    cursor:pointer;
    background:#fd5a1f;
    border-radius:4px;
    transition:0.4s;
}
.p3-div .p3-btn li.act{
    width:35px;
    background:#00d8c9;
    transition:0.4s;
}
.p4{
    background:#00d8c9;
}
.p4 .box{
    margin:0 auto;
    padding-top:110px;
    width:960px;
    height:640px;
    z-index:99999;
    position:relative;
    background:#ffffff;
}
.p4 .p4-ul{
    padding-left:105px;
    margin-left:165px;
    width:515px;
    height:40px;
    background:url("../img/p4-line.png") no-repeat center;
}
.p4 .p4-ul li{
    margin-right:10px;
    float:left;
    width:128px;
    height:38px;
    font-size:24px;
    line-height:38px;
    color:#4e78ff;
    cursor:pointer;
    text-align:center;
    background:#ffffff;
    border:1px solid #4e78ff;
    border-radius:4px;
    transition:0.4s;
}
.p4 .p4-ul li.act{
    color:#ffffff;
    background:#4e78ff;
    transition:0.4s;
}
.p4 .p4-div{
    margin-top:20px;
    height:600px;
    overflow:hidden;
    position:relative;
}
.p4 .p4-div > div{
    top:600px;
    width:100%;
    height:600px;
    position:absolute;
    background:#ffffff;
    transition:0.4s;
    overflow:hidden;
}
.p4 .p4-div > div.act{
    top:0;
    transition:0.4s;
}
.p4 .p4-div > div.b1 ul li{
    margin:0 10px 10px;
    float:left;
    width:220px;
}
.p4 .p4-div > div.b1 ul li img{
    margin:0 auto;
    width:170px;
    height:190px;
}
.p4 .p4-div > div.b1 ul li h2{
    margin-top:12px;
    font-size:24px;
    text-align:center;
    line-height:24px;
    color:#4e78ff;
}
.p4 .p4-div > div.b1 ul li p{
    margin-top:14px;
    text-align:center;
    font-size:16px;
    line-height:18px;
    color:#8d8d8d;
}
#pag-p4-1{
    bottom:20px;
    z-index:99999;
    width:100%;
    text-align:center;
    position:absolute;
}
.p4-bull-1{
    margin:0 5px;
    width:7px;
    height:7px;
    cursor:pointer;
    display:inline-block;
    position:relative;
    background:#fd5a1f;
    border-radius:100%;
}
.p4-bull-1-active{
    width:35px;
    border-radius:3px;
    transition:0.2s;
    background:#4e78ff;
}
.p4 .p4-div > div.b2 ul{
    margin-left:35px;
}
.p4 .p4-div > div.b2 ul li{
    margin-top:50px;
    margin-right:20px;
    float:left;
    width:205px;
    position:relative;
}
.p4 .p4-div > div.b2 ul li img{
    margin:0 auto;
    width:205px;
    height:200px;
}
.p4 .p4-div > div.b2 ul li h2{
    bottom:-20px;
    left:50%;
    margin-left:-80px;
    width:160px;
    height:40px;
    line-height:40px;
    font-size:20px;
    color:#ffffff;
    text-align:center;
    position:absolute;
    background:#fd5a1f;
    border-radius:16px;
}
#pag-p4-2{
    bottom:20px;
    z-index:99999;
    width:100%;
    text-align:center;
    position:absolute;
}
.p4-bull-2{
    margin:0 5px;
    width:7px;
    height:7px;
    cursor:pointer;
    display:inline-block;
    position:relative;
    background:#fd5a1f;
    border-radius:100%;
}
.p4-bull-2-active{
    width:35px;
    border-radius:3px;
    transition:0.2s;
    background:#4e78ff;
}
.p4 .p4-div > div.b3 img{
    margin:30px auto 0;
    width:830px;
    height:508px;
}
.p5{
    background:#4e78ff;
}
.p5 .box{
    margin:0 auto;
    padding-top:100px;
    width:770px;
    height:800px;
    position:relative;
    background:#ffffff;
}
.p5 .box .img{
    margin:0 auto;
    width:735px;
    height:715px;
}
.p6{
    background:#00d8c9;
}
.p6 .box{
    margin:0 auto;
    width:950px;
    height:790px;
    position:relative;
    background:#ffffff;
}
.p6 .box ul{
    padding:95px 20px 0;
}
.p6 .box ul li{
    margin-bottom:10px;
}
.p6 .box ul li a{
    display:block;
}
.p6 .box ul li img{
    float:left;
    width:270px;
    height:320px;
}
.p6 .box ul li img.i2{
    float:right;
}
.p6 .box ul li .info{
    float:left;
    width:610px;
}
.p6 .box ul li .info h2{
    margin:14px 0;
    font-size:20px;
    color:#ffffff;
    width:400px;
    height:40px;
    line-height:40px;
    text-align:center;
    background:#fd5a1f;
}
.p6 .box ul li.l2 .info h2{
    float:right;
}
.p6 .box ul li .info p{
    font-size:16px;
    color:#8d8d8d;
    width:580px;
    line-height:24px;
    text-indent:36px;
}
.p6 .box ul li.l2 .info p{
    float:right;
}
.p6 .box ul li .info p span{
    color:#4e78ff;
}
.p7{
    background:#4e78ff;
}
.p7 .box{
    margin:0 auto;
    width:870px;
    height:720px;
    position:relative;
    background:#ffffff;
}
.p7 ul{
    padding-top:120px;
    margin-left:90px;
}
.p7 ul li{
    margin-right:50px;
    float:left;
    width:310px;
    height:300px;
}
.p7 ul li img{
    width:100%;
    height:auto;
}
.p7 ul li p{
    margin-top:14px;
    font-size:22px;
    line-height:30px;
    color:#8d8d8d;
    text-align:center;
}
.news1{
    background:#4e78ff;
}
.news1 .box{
    margin:20px auto;
    width:930px;
    height:840px;
    position:relative;
    background:url("../img/news1-box.png") no-repeat center;
}
.news1 .box.b2{
    background:url("../img/news1-box2.png") no-repeat center;
}
.news1 .box.b3{
    height:auto;
    padding-bottom:20px;
    background:#ffffff;
}
.news1 .box p{
    padding:120px 64px 0 30px;
    font-size:16px;
    line-height:18px;
}
.news1 .box p.xl{
    padding:120px 64px 0 30px;
    font-size:18px;
    line-height:36px;
}
.news1 .box p span{
    height:18px;
    display:block;
}
.news1 .box p b{
    width:30px;
    display:inline-block;
}
.news1 .box p.xl b{
    width:40px;
}
.news1 .box p em{
    float:right;
    font-style:normal;
}
.news1 .box .img{
    margin:20px auto;
    width:80%;
    height:auto;
}
.pn1{
    background:#4e78ff;
}
.pn1 .box{
    margin:60px auto;
    padding-bottom:100px;
    width:970px;
    position:relative;
    background:#ffffff;
}
.pn1 .box ul{
    padding-top:100px;
}
.pn1 .box ul li{
    margin:0 auto 30px;
    padding-bottom:30px;
    width:820px;
    position:relative;
    background:#ffffff;
    border:1px solid #f0f0f0;
    box-shadow:0 0 15px 5px #f0f0f0;
}
.pn1 .box ul li .sj{
    top:10px;
    right:10px;
    width:20px;
    height:20px;
    position:absolute;
}
.pn1 .box ul li .tit{
    float:left;
    width:230px;
}
.pn1 .box ul li .tit img{
    margin:18px auto;
    width:170px;
    height:191px;
}
.pn1 .box ul li .tit h2{
    font-size:20px;
    line-height:24px;
    text-align:center;
}
.pn1 .box ul li .txt{
    float:left;
    width:550px;
}
.pn1 .box ul li .txt h2{
    margin-top:35px;
    font-size:24px;
    line-height:24px;
    color:#4e78ff;
}
.pn1 .box ul li .txt p{
    margin-top:15px;
    font-size:20px;
    line-height:24px;
}
.pn1 .box ul li .txt p.big{
    margin-top:15px;
    font-size:14px;
    line-height:20px;
}
.ns1{
    background:#4e78ff;
}
.ns1 .box{
    margin:60px auto;
    padding-bottom:20px;
    width:970px;
    position:relative;
    background:#ffffff;
}
.ns1 .box ul{
    padding-top:120px;
}
.ns1 .box ul li{
    margin-left:125px;
    margin-bottom:40px;
    float:left;
    width:335px;
    height:255px;
    position:relative;
    background:#00d8c9;
}
.ns1 .box ul li .sj{
    bottom:10px;
    right:10px;
    width:12px;
    height:12px;
    position:absolute;
}
.ns1 .box ul li .img{
    top:20px;
    left:-100px;
    width:205px;
    height:200px;
    position:absolute;
}
.ns1 .box ul li .img img{
    width:205px;
    height:200px;
}
.ns1 .box ul li .img h2{
    bottom:-20px;
    left:50%;
    margin-left:-80px;
    width:160px;
    height:40px;
    font-size:20px;
    color:#ffffff;
    text-align:center;
    line-height:40px;
    position:absolute;
    background:#fd5a1f;
    border-radius:18px;
}
.ns1 .box ul li p{
    padding-top:30px;
    margin-left:125px;
    width:180px;
    font-size:18px;
    color:#ffffff;
    line-height:24px;
}
.ns1 .box ul li p.big{
    padding-top:20px;
    margin-left:125px;
    width:190px;
    font-size:14px;
    color:#ffffff;
    line-height:18px;
}


































.footer{
    padding:28px 0;
    background:#ffffff;
}
.footer p{
    font-size:18px;
    line-height:30px;
    color:#8d8d8d;
    text-align:center;
}