.index01 {

    overflow: hidden;

    width: 100%;

}



.index-title {

    overflow: hidden;

    margin-top: 30px;

}



.index-title01 {

    text-align: center;

}



.index-title span {

    display: inline-block;

    color: #004b93;

    line-height: 40px;

    font-size: 16px;

}



.index-title h3 {

    font-size: 40px;

    line-height: 68px;

}



.index01-jj {

    margin-top: 5px;

}

.index01a{
    width:87%;
    background: url(../images/index01Bg.jpg) no-repeat;
}



.index01C {

    width: 45%;
    padding: 10px 0;

}



.index01-jj p {font-size: 16px;color: #000;line-height: 30px;}



.index01-more {

    margin-top: 50px;
    margin-bottom: 10%;

}



.index01-more a {

    display: inline-block;

    width: 142px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    border: 1px solid #dddddd;

    background: #fff;

    color: #666;

}



.index03 {

    background: #f1f5f8;

    overflow: hidden;

}



.index03T {

    padding-bottom: 30px;

    border-bottom: 1px solid #dddddd;

    overflow: hidden;

    margin-top: 35px;

}



.index03TL {

    position: relative;

    width: 48%;
    
    margin: 0 1%;

    height: 380px;
    
    overflow: hidden;

}



.index03-tk {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    bottom: 0;

    background: url(../images/index_newsmask_01.png) no-repeat;

    background-size: cover;

}



.index03-date {

    margin: 20px 0 0 20px;

    width: 86px;

    height: 86px;

    color: #fff;

    background: #004b93;

    padding: 15px 0 0 15px;

}



.index03-date span {

    display: inline-block;

    line-height: 24px;

}



.index03-date p {

    font-size: 24px;

    line-height: 32px;

}



.index03TL img {

    width: 100%;
    

}



.index03-text {

    width: 100%;

    padding: 0 20px;

    position: absolute;

    left: 0;

    bottom: 40px;

}



.index03-text h3 {

    font-size: 30px;

    color: #fff;

    height: 56px;

    line-height: 56px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 80%;

    font-weight: normal;

    position: relative;

    margin-bottom: 12px;

}

.index03-text p {

    color: #fff;

    font-size: 16px;

    line-height: 32px;

    height: 64px;

    overflow: hidden;

}



.index03TR {

    width: 32%;

}



.index03TR ul li {

    position: relative;

    width: 100%;

    height: 252px;

    margin-bottom: 28px;

}



.index03TR ul li:last-child {

    margin-bottom: 0;

}



.index03TR ul li a img {

    width: 100%;

    height: 100%;

}



.index03TR-text {

    position: absolute;

    left: 0;

    bottom: 15px;

    width: 100%;

    padding: 0 20px;

}



.index03TR-text h3 {

    font-size: 18px;

    font-weight: normal;

    height: 36px;

    line-height: 36px;

    width: 90%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #fff;

}



.index03B {

    padding: 20px 0 12px 0;

    overflow: hidden;

}



.index03B ul li {

    float: left;

    width: 31.33%;

    border-bottom: 1px solid #dddddd;

    margin-right: 3%;

}



.index03B ul li:last-child {

    margin-right: 0;

}



.index03B ul li p {

    color: #666;

    line-height: 35px;

}



.index03B ul li h3 {

    font-size: 18px;

    font-weight: normal;

    color: #222;

    line-height: 32px;

    height: 32px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.index03B ul li h3:hover {

    color: #004b93;

}



.index03B ul li span {

    color: #999;

    line-height: 50px;

}



.index03-btn {

    height: 46px;

    margin: 60px 0;

    text-align: center;

    width: 100%;

}



.index03-btn a {

    display: inline-block;

    height: 46px;

    line-height: 46px;

    text-align: center;

    background: #004b93;

    margin: 0 auto;

    color: #fff;

    padding: 0 55px;

    font-size: 16px;

}





/* 产品中心样式 */



.index02 {

    padding-bottom: 60px;

}



.section-focus-pic {margin: 24px 0 0 0;height: 858px;width: 100%;overflow: hidden;position: relative;}



.section-focus-pic ul li {position: absolute;top: 0;left: 3000px;width: 100%;height: 730px;text-align: center;}



.section-focus-pic .pages {

    width: 100%;

    height: 300px;

}



.section-focus-pic .controler {

    position: absolute;

    bottom: 20px;

    right: 20px;

}



.section-focus-pic .controler b {

    cursor: pointer;

    width: 20px;

    height: 10px;

    display: block;

    overflow: hidden;

    text-indent: 20px;

    background: url(../images/news_index_icon.png) no-repeat -136px 3px;

    float: left;

    margin: 0 0 0 5px;

    opacity: 0;

}



.section-focus-pic .controler b.down {

    background-position: -161px 1px;

}



.section-focus-pic .controler2 a {

    display: block;

    width: 24px;

    position: absolute;

    height: 47px;

    top: 50%;

    transform: translateY(-50%);

}



.section-focus-pic .controler2 a i {

    cursor: pointer;

    display: block;

    width: 24px;

    height: 47px;

    background: url(../images/index02-l.png) no-repeat;

}



.section-focus-pic .controler2 .prev i {

    margin-left: 18px;

}



.section-focus-pic .controler2 .prev:hover i {

    left: 10px;

}



.section-focus-pic .controler2 .next {

    right: 18px;

}



.section-focus-pic .controler2 .next i {

    background: url(../images/index02-r.png) no-repeat;

}



.section-focus-pic ul li a.item-img img {width: 100%;height: 530px;width: 1000px;}



.index02T {position: absolute;left: 0;bottom: -160px;width: 70%;margin: 0 15%;}



.index02T h3 {line-height: 62px;margin-bottom: 15px;font-size: 30px;/* color: #fff; */position: relative;font-weight: normal;}



.index02T h3::after {

    display: block;

    content: '';

    background: #fff;

    width: 26px;

    height: 1px;

    position: absolute;

    left: 0;

    bottom: 0;

}



.index02T p {line-height: 30px;height: auto;overflow: hidden;font-size: 16px;color: #000;/* background: #004b93; */margin-bottom: 15px;padding:0 15px;text-align: left;}



.index02T a {

    display: block;

    width: 142px;

    height: 40px;

    background: #004b93;

    text-align: center;

    line-height: 40px;

    color: #fff;

    margin-bottom: 40px;

}



.index02B {

    margin-top: 20px;

}



.index02B span {

    float: left;

    border: 1px solid #ddd;

    background: #fff;

    padding: 10px 15px;

    cursor: pointer;

}



.index02B span:hover {

    background: #004b93;

    border: 1px solid #004b93;

    color: #fff;

}



@media (max-width:1680px) {

    .index01C {

        width: 45%;

        /* padding: 20px 0 170px 0; */

    }

}



@media (max-width:1440px) {


    .index-title {

        margin-top: 38px;

    }

    .index01-jj p {

        font-size: 15px;

        line-height: 32px;

    }

    .index03-text h3 {

        font-size: 24px;

    }

    .index01C {

        width: 45%;

        /* padding: 20px 0 78px 0; */

    }

}



@media (max-width:1366px) {

    .index01-more {

        margin-top: 20px;

    }

    .index01C {

        width: 45%;

        /* padding: 20px 0 18px 0; */

        height: 450px;

    }

    .section-focus-pic ul li a.item-img img {

        height: 600px;

    }

    .section-focus-pic ul li {

        height: 600px;

    }

    .section-focus-pic {

        height: 600px;

    }

}



@media (max-width:1024px) {

    .index-title h3 {

        font-size: 32px;

        line-height: 50px

    }

    .index01-jj p {

        font-size: 14px;

        line-height: 28px;

        height: 112px;

        overflow: hidden;

    }

    .section-focus-pic ul li a.item-img img {

        height: 480px;

    }

    .section-focus-pic ul li {

        height: 480px;

    }

    .section-focus-pic {

        height: 480px;

    }

    .index03B ul li h3 {

        font-size: 15px;

    }

    .index03TL {

        height: 432px;

    }

    .index03TR ul li {

        height: 202px;

    }
    .index01C{
        height: 360px;
    }

}