.top { border-top: 3px solid #004099; }

.logo img { margin: 25px 0; }

.nav { position: relative; z-index: 12; }

    .nav ul li { width: 95px; height: 105px; line-height: 105px; float: left; position: relative; text-align: center; font-size: 16px; }

        .nav ul li a { display: block; }

        .nav ul li .subnav { position: absolute; left: 0; top: 105px; display: none; background: rgba(0, 64, 153, .5) }

.subnav li {
    overflow:hidden;
    height: 35px!important;
    line-height: 35px!important;
    font-size: 14px!important;
    float: none;
}

    .subnav li a:hover { text-decoration: underline; }

.nav ul li:hover { background: #004099; }

    .nav ul li:hover a,
    .nav ul li:hover span { color: #fff; }

    .nav ul li:hover .subnav { display: block; }

.nav ul li a span { display: block; }

.lubo { width: 100%; min-width: 1000px; clear: both; position: relative; height: 515px; }

.lubo_box { position: relative; width: 100%; height: 515px; }

    .lubo_box li { float: left; position: absolute; top: 0; left: 0; width: 100%; height: 515px; opacity: 0; filter: alpha(opacity=0); }

        .lubo_box li a { display: block; width: 100%; height: 100%; }

        .lubo_box li img { width: 100%; height: 515px; }


/*圆点*/

.cir_box { overflow: hidden; position: absolute; z-index: 100; }

    .cir_box li { float: left; width: 15px; height: 15px; border-radius: 50%; margin: 0 5px; cursor: pointer; background: #fff; }

.cir_on { background: #004099 !important; }

.t-ch { font-size: 22px; color: #004099; text-align: center; }

.t-ch-line { width: 95px; height: 8px; background: #e0e0e0; margin: 0 auto; margin-top: -5px; }

.t-eng { font-size: 16px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #999; margin-top: 5px; }

.t-eng-line { width: 145px; height: 8px; background: #e0e0e0; margin: 0 auto; margin-top: -7px; }


.m-ser-list ul {
    width: 1250px;
    overflow: hidden;
}
    .m-ser-list ul li { float: left; margin-right: 50px; }

.ser-img { width: 366px; height: 242px; display: block; overflow: hidden; }

.ser-title { width: 366px; height: 45px; background: url(../images/ser-line.jpg) no-repeat center center #004099; display: block; text-align: center; line-height: 45px; color: #fff; font-size: 16px; margin-top: 1px; }

.m-more,
.m-w-more { width: 275px; height: 40px; margin: 0 auto; border-radius: 30px; margin-top: 50px; line-height: 40px; text-align: center; font-family: Arial, Helvetica, sans-serif; }

.m-more { border: 1px solid #004099; }

.m-w-more { border: 1px solid #fff; }

    .m-more a,
    .m-w-more a { display: block; transition: .5s ease-in; transform: translate(0, 0); }

.m-more a { color: #004099; }

.m-w-more a { color: #fff; }

    .m-more a:hover,
    .m-w-more a:hover { font-weight: bold; transform: translate(10px, 0); }

.m-pro-content { height: 463px; background: url(../images/m-pro-bj.jpg) no-repeat center bottom; width: 100%; }
.m-pro-list ul {
    width: 1229px;
    overflow: hidden;
}

.m-pro-list ul li { margin-right: 30px; float: left; transition: all 0.5s; transform: translate(0, 0); }

    .m-pro-list ul li:hover { transform: translate(0, -15px); }

        .m-pro-list ul li:hover .m-pro-img { box-shadow: 1px -2px 6px #bfbfbf; }

.m-pro-list {
    height: 266px;
    padding-top: 55px;
    padding-left: 1px;
}

.m-pro-img { width: 277px; height: 220px; display: block; background: #fff; box-shadow: 0 -1px 5px #bfbfbf; display: table-cell; vertical-align: middle; text-align: center; }

.m-pro-tit { display: block; width: 277px; height: 45px; line-height: 45px; text-align: center; border-radius: 0 0 20px 0; margin-top: 1px; background: #fff; font-size: 16px; }

.m-case-list ul {
    width: 1250px;
    overflow: hidden;
}
    .m-case-list ul li { float: left; width: 575px; height: 208px; margin: 50px 50px 0 0; }

.m-case-pos { position: relative; }

.m-case-img { width: 208px; height: 208px; border-radius: 50%; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 9999; }

.m-case-txt { width: 306px; height: 181px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; position: absolute; left: 104px; top: 0; padding: 25px 30px 0 134px; }

    .m-case-txt h2 { font-size: 18px; font-weight: normal; color: #004291; }

    .m-case-txt p { line-height: 30px; text-align: justify; margin-top: 10px; color: #999; }

    .m-case-txt a { width: 80px; height: 30px; background: #004291; line-height: 30px; text-align: center; display: block; color: #fff; margin-top: 10px; }

.m-news { background: #f0f0f0; padding: 50px 0; width: 100%; }

.ft-carousel { position: relative; width: 100%; height: 100%; overflow: hidden; }

    .ft-carousel .carousel-inner { position: absolute; left: 0; top: 0; height: 100%; }

        .ft-carousel .carousel-inner .carousel-item { float: left; height: 100%; }

    .ft-carousel .carousel-item img { width: 100%; }

    .ft-carousel .carousel-indicators { position: absolute; left: 0; bottom: 10px; width: 100%; text-align: center; font-size: 0; }

        .ft-carousel .carousel-indicators span { display: inline-block; width: 12px; height: 12px; background-color: #fff; margin: 0 4px; border-radius: 50%; cursor: pointer; }

            .ft-carousel .carousel-indicators span.active { background-color: #00489a; }

    .ft-carousel .carousel-btn { position: absolute; top: 50%; width: 50px; height: 45px; margin-top: -25px; cursor: pointer; }

    .ft-carousel .carousel-prev-btn { left: 0; background: url(../images/prev.png) no-repeat; }

    .ft-carousel .carousel-next-btn { right: 0; background: url(../images/next.png) no-repeat; }

.news-img { width: 554px; height: 388px; }

.m-news-list { width: 596px; }

    .m-news-list ul li { margin-bottom: 20px; }

    .m-news-list .date { width: 80px; height: 80px; border: 1px solid #e0e0e0; background: #fff; }

.date-o { width: 80px; height: 55px; line-height: 55px; font-family: Arial, Helvetica, sans-serif; font-size: 36px; color: #004291; display: block; text-align: center; }

.date-t { width: 80px; height: 25px; background: #004291; line-height: 25px; text-align: center; display: block; color: #fff; font-family: Arial, Helvetica, sans-serif; }

.m-news-list .txt { width: 486px; }

    .m-news-list .txt .tit { display: block; font-size: 16px; margin-top: 5px; }

    .m-news-list .txt .intro { display: block; text-align: justify; line-height: 26px; margin-top: 7px; }

        .m-news-list .txt .intro a { color: #999; }

.footer { width: 100%; padding: 50px 0; background: #00489a; }

.f-about {
    width: 343px;
    padding-right: 50px;
    height: 195px;
    background: url(../images/footer-line.jpg) no-repeat right center;
}

.f-a-title,
.f-nav h2 { font-size: 20px; color: #fff; font-weight: normal; }

.f-a-txt { color: #fff; text-align: justify; margin-top: 10px; line-height: 30px; opacity: 0.5; }

.f-nav { padding-right: 55px; margin-left: 55px; height: 195px; background: url(../images/footer-line.jpg) no-repeat right center; }

    .f-nav ul li { height: 40px; line-height: 40px; opacity: 0.5; }

    .f-nav ul { margin-top: 5px; }

.m-contact { margin-left: 55px; width: 340px; }

.m-c-item { color: #fff; opacity: 0.5; margin-top: 16px; }

    .m-c-item i { margin-right: 5px; font-size: 20px; vertical-align: middle; }

.copy { width: 100%; height: 50px; background: #003979; line-height: 50px; color: #a3afc3; }

    .copy a { color: #a3afc3; }

.in-banner { width: 100%; height: 300px; }

.silder { width: 275px; }

.s-title { background: url(../images/in-title.jpg) no-repeat; width: 265px; height: 80px; margin-top: -50px; padding-left: 10px; padding-top: 20px; }

.s-t-eng { font-family: Arial, Helvetica, sans-serif; font-size: 24px; display: block; color: #fff; }

.s-t-ch { font-size: 20px; color: #fff; display: block; margin-top: 5px; }

.m-inside { min-height: 700px; }

.silder-list ul li { width: 273px; height: 43px; border: 1px solid #e2e2e2; margin-top: 15px; line-height: 43px; text-indent: 10px; font-size: 16px; }

    .silder-list ul li a { display: block; transition: all 0.1s; }

    .silder-list ul li i { margin-right: 5px; color: #004099; font-size: 20px; }

    .silder-list ul li a:hover { background: #004099; color: #fff; }

        .silder-list ul li a:hover i { color: #fff; }

.join-img { margin-top: 30px; }

.in-rig { width: 875px; margin-bottom: 50px; }

.in-rig-title { border-bottom: 2px solid #dcdcdc; height: 50px; line-height: 50px; font-size: 16px; font-weight: bold; margin-top: 10px; }

    .in-rig-title span { float: right; color: #999; font-size: 14px; font-weight: normal; }

        .in-rig-title span a { color: #999; }

.in-pro-list { width: 905px; overflow: hidden; }

    .in-pro-list ul li { width: 272px; margin: 30px 29px 0 0; float: left; }

    .in-pro-list .img { width: 270px; height: 215px; border: 1px solid #e5e4e4; display: table-cell; vertical-align: middle; text-align: center; }

        .in-pro-list .img:hover { border: 1px solid #004099; }

    .in-pro-list .title { display: block; line-height: 40px; text-align: center; }

.ep-pages { padding: 50px 0 70px 0; clear: both; text-align: center; font-size: 14px; vertical-align: top }

    .ep-pages a,
    .ep-pages span { display: inline-block; height: 25px; line-height: 27px; padding: 0 10px; margin: 5px 1px 0 0; border: 1px solid #ddd; overflow: hidden; vertical-align: top }

        .ep-pages a:hover { background: #004099; border: 1px solid #004099; text-decoration: none }

        .ep-pages a,
        .ep-pages a:visited { color: #252525 }

            .ep-pages a:hover,
            .ep-pages a:active { color: #ffffff }

    .ep-pages .current { background: #004099; border: 1px solid #004099; color: #fff }

    .ep-pages a.current,
    .ep-pages a.current:visited { color: #ffffff }

        .ep-pages a.current:hover,
        .ep-pages a.current:active { color: #ffffff }

.ep-pages-ctrl { font-weight: bold; font-size: 16px }

.ep-pages-e5e5e5 { color: #999 }

.in-news-list ul li { border-bottom: 1px dashed #dcdcdc; padding-bottom: 20px; margin-top: 20px; }

.in-date { width: 60px; border-right: 1px solid #495d9f; padding-right: 20px; margin-right: 20px; }

.in-date-t { width: 60px; display: block; font-size: 30px; color: #1c3487; text-align: center; border-bottom: 1px solid #495d9f; }

.date-f { width: 60px; display: block; color: #1c3487; text-align: center; margin-top: 5px; }

.in-news-txt { width: 774px; }

.in-news-intro a { display: block; text-align: justify; color: #999; margin-top: 11px; }

.in-news-bt { display: block; font-size: 16px; margin-top: 7px; }

.in-ser-list ul li { width: 275px; height: 305px; border: 1px solid #eaeaea; float: left; margin: 25px 22px 0 0; }

    .in-ser-list ul li:hover { border: 1px solid #004099; }

    .in-ser-list ul li .img {
    text-align: center;
    width: 275px;
    display: block;
    height: 165px;
    overflow: hidden;
}

    .in-ser-list ul li .bt { font-size: 16px; padding: 10px; display: block; font-weight: bold; }

.in-ser-list { width: 899px; overflow: hidden; }

    .in-ser-list ul li .intro { line-height: 22px; color: #999; display: block; padding: 0 10px 10px 10px; border-bottom: 1px solid #eaeaea; }

    .in-ser-list ul li .other { display: block; padding: 15px 10px 0 10px; }

.other .time { color: #999; }

    .other .time i { vertical-align: top; font-size: 16px; margin-right: 5px; }

.other .more { width: 60px; height: 20px; background-image: linear-gradient(45deg, #1362d1, #004099); border-radius: 30px; font-size: 12px; }

    .other .more a { line-height: 20px; text-align: center; display: block; color: #fff; }

.intro-title { font-size: 18px; text-align: center; margin-top: 30px; }

.intro-time { color: #999; text-align: center; margin-top: 10px; border-bottom: 1px dashed #e7e7e7; padding-bottom: 10px; }

.intro-txt { line-height: 30px; text-align: justify; margin-top: 10px; }