@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:#333333;}
ul,ol{list-style:none; text-indent:0; list-style-position:outside;}
img{border:0;}
b{font-weight:normal}
/* link : style */
a{text-decoration:none;}
a:hover{text-decoration:none;}
/*clear*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.main{
    margin:0 auto;
    width:1024px;
}
.wrap{
    width:100%;
    max-width:1920px;
    min-width:1024px;
    overflow:hidden;
}
.main{
    margin:0 auto;
    width:1024px;
}
.header{
    width:100%;
    height:100px;
    overflow:hidden;
}
.logo{
    float:left;
    margin-top:33px;
    margin-left:33px;
    width:127px;
    height:38px;
    display:block;
}
.logo-text{
    float:left;
    margin-top:40px;
    margin-left:13px;
    padding-left:11px;
    font-size:20px;
    line-height:32px;
    border-left:1px solid #24243d;
}
.phone{
    margin-top:38px;
    padding-left:38px;
    float:right;
    font-size:22px;
    line-height:27px;
    background:url("../img/phone.png") no-repeat left center;
}
.content{
    width:100%;
}
.banner{
    width:100%;
    height:685px;
    position:relative;
}
#banner{
    width:100%;
    height:685px;
}
#banner .swiper-wrapper{
    width:100%;
    height:685px;
}
#banner .swiper-slide{
    width:100%;
    height:685px;
    overflow:hidden;
    position:relative;
}
#banner .swiper-slide img{
    top:0;
    left:50%;
    margin-left:-960px;
    width:1920px;
    height:685px;
    display:block;
    position:absolute;
    transition:0.2s;
}
.part{
    padding-bottom:75px;
    width:100%;
}
.part .title{
    padding:80px 0 60px;
}
.part .title h2{
    padding-bottom:36px;
    font-size:44px;
    line-height:44px;
    text-align:center;
    background:url("../img/title-line.png") no-repeat center bottom;
}
.part .title.t2 h2{
    padding-bottom:36px;
    font-size:44px;
    color:#ffffff;
    line-height:44px;
    text-align:center;
    background:url("../img/title-line2.png") no-repeat center bottom;
}
.p1 ul{
    width:1056px;
    margin-left:16px;
}
.p1 ul li{
    margin-right:32px;
    float:left;
    width:222px;
    height:300px;
}
.p1 ul li.img1{
    background:url("../img/p1-img1.jpg") no-repeat center top;
}
.p1 ul li.img2{
    background:url("../img/p1-img2.jpg") no-repeat center top;
}
.p1 ul li.img3{
    background:url("../img/p1-img3.jpg") no-repeat center top;
}
.p1 ul li.img4{
    background:url("../img/p1-img4.jpg") no-repeat center top;
}
.p1 ul li a{
    margin:245px auto 0;
    width:141px;
    height:30px;
    font-size:18px;
    line-height:30px;
    color:#ffffff;
    text-align:center;
    display:block;
    border:1px solid #ffffff;
}
.link{
    margin:60px auto 0;
    width:229px;
    height:50px;
    font-size:20px;
    color:#ffffff;
    text-align:center;
    line-height:50px;
    display:block;
    background:url("../img/link.png") no-repeat center;
}
.p2{
    background:url("../img/p2-bg.jpg") no-repeat center /cover;
}
.p2 img{
    margin:0 auto;
    width:885px;
    height:597px;
    display:block;
}
.p3{
    width:100%;
    background:url("../img/p3-bg.jpg") no-repeat center /cover;
}
.p3 .main{
    height:378px;
    position:relative;
}
#p3{
    width:100%;
    height:334px;
}
#p3 .swiper-wrapper{
    width:100%;
    height:334px;
}
#p3 .swiper-slide{
    width:100%;
    height:334px;
}
#p3 .swiper-slide .box{
    width:100%;
    height:334px;
    background:#ffffff;
}
#p3 .swiper-slide .box img{
    margin-top:8px;
    margin-left:6px;
    float:left;
    width:499px;
    height:317px;
    display:block;
}
#p3 .swiper-slide .box .info{
    margin-top:53px;
    margin-left:88px;
    float:left;
}
#p3 .swiper-slide .box .info h2{
    padding-bottom:13px;
    font-size:30px;
    width:335px;
    line-height:30px;
    font-weight:bold;
    color:#1da1f2;
    border-bottom:1px solid #1da1f2;
}
#p3 .swiper-slide .box .info p{
    margin-bottom:30px;
    margin-top:12px;
    font-size:20px;
    line-height:30px;
    width:350px;
}
.p3 .pagination {
    width:100%;
    bottom:0;
    z-index:20;
    text-align:center;
    position:absolute;
}
.p3 .swiper-pagination-switch{
    margin:0 5px;
    width:10px;
    height:10px;
    cursor:pointer;
    display:inline-block;
    background:#787878;
    background:rgba(255,255,255,0.2);
    border-radius:100%;
}
.p3 .swiper-active-switch{
    background:#ffffff;
}
.p4 img{
    width:1024px;
    height:775px;
}
.p5{
    background:#1e5eff;
}
.p5 .box{
    width:985px;
    height:478px;
    background:#ffffff;
    overflow:hidden;
}
.p5 .box ul{
    width:100%;
    height:56px;
    background:#3770ff;
}
.p5 .box ul li{
    float:left;
    width:328px;
    height:56px;
    line-height:56px;
    font-weight:bold;
    font-size:22px;
    color:#ffffff;
    cursor:pointer;
    text-align:center;
    position:relative;
    background:#3770ff;
}
.p5 .box ul li span{
    left:50%;
    bottom:-9px;
    margin-left:-7px;
    width:14px;
    height:9px;
    display:none;
    position:absolute;
    background:url("../img/p5-jt.png") no-repeat center;
}
.p5 .box ul li.act{
    color:#333333;
    background:#00fcff;
}
.p5 .box ul li.act span{
    display:block;
}
.p5 .box .txt{
    float:left;
    width:465px;
    margin-top:50px;
    margin-left:65px;
}
.p5 .box .txt h2{
    padding-bottom:20px;
    margin-bottom:8px;
    width:450px;
    font-size:20px;
    font-weight:bold;
    color:#1da1f2;
    border-bottom:1px solid #1da1f2;
}
.p5 .box .txt p{
    width:100%;
    font-size:16px;
    line-height:30px;
}
.p5 .box .txt p span{
    display:block;
    text-indent:24px;
}
.p5 .box img{
    margin-top:65px;
    margin-right:30px;
    float:right;
    display:block;
}
.p6 ul li{
    margin:0 40px;
    width:260px;
    height:460px;
    float:left;
    box-shadow:5px 5px 5px #e0e0e0;
}
.p6 ul li img{
    width:260px;
    height:460px;
    display:block;
}
.p6 .info{
    margin:60px auto 0;
    width:968px;
    border-top:1px solid #dbdbdb;
}
.p6 .info img{
    float:left;
    margin-left:28px;
    width:180px;
    height:180px;
    display:block;
}
.p6 .info p{
    float:left;
    margin-top:40px;
    width:685px;
    font-size:14px;
    line-height:28px;
}
.p6 .link{
    margin-top:0;
}
.p7{
    background:#f0f0f0;
}
.p7 .box{
    margin:0 auto;
    width:887px;
    height:270px;
    background:url("../img/p7-img.png") no-repeat center;
    overflow:hidden;
}
.p7 .box h2{
    margin-top:106px;
    margin-left:288px;
    font-size:22px;
    font-weight:bold;
    line-height:22px;
    color:#ffffff;
    text-shadow:3px 3px 3px #00907d;
}
.p7 .box p{
    margin-top:8px;
    margin-left:288px;
    font-size:16px;
    font-weight:bold;
    line-height:28px;
    width:510px;
    color:#ffffff;
}
.p7 h3{
    padding:60px 0;
    font-size:44px;
    line-height:44px;
    text-align:center;
}
.p7 img{
    margin:0 auto;
    display:block;
}
.p7 h4{
    margin:60px auto 0;
    width:720px;
    font-size:16px;
    line-height:28px;
}

.ly{
    width: 100%;
    height: 700px;
    background: url(../img/ly-bg.jpg) no-repeat center;
}
.ly-title{
    width: 100%;
    height: 209px;
    margin: 0 auto;
    background: url(../img/ly-title.png) no-repeat center;
}
#submsgg{background: url(../img/ly-btn.png) no-repeat;width: 275px;height: 66px;border: none;margin: 60px auto;display: block;cursor: pointer;}

.footer{
    width:100%;
    height:80px;
    background:#000000;
}
.footer p{
    font-size:18px;
    line-height:80px;
    text-align:center;
    color:#ffffff;
}