body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font {

    padding: 0;

    margin: 0;

}



body {

    background: #f0f3f5;

}



i {

    font-style: normal

}



html {

    font-size: 16px;

    -webkit-text-size-adjust: none;

    min-width: 320px;

    margin: 0 auto;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

    width: 100%;

}



fieldset,

img {

    border: 0;

    vertical-align: top;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: normal;

    font-size: 100%;

}



ol,

ul,

li,

dl,

dt,

dd {

    list-style: none;

}



input,

button,

textarea,

checkbox,

select,

radio,

form {

    vertical-align: top;

}



a {

    color: #000;

    text-decoration: none;

    -webkit-tap-highlight-color: transparent

}



    a:link,

    a:visited {

        text-decoration: none;

    }



    a:hover {

        text-decoration: none;

        color: #24639c;

    }



.clear {

    clear: both;

}



.w1200 {

    width: 95%;

    margin: 0 auto;

    max-width: 1200px;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



@media screen and (min-width:320px) {

    html {

        font-size: 90%;

    }

}



@media screen and (min-width:280px) {

    html {

        font-size: 85%

    }

}



@media screen and (min-width:480px) {

    html {

        font-size: 97.5%

    }

}



@media screen and (min-width:560px) {

    html {

        font-size: 100%

    }

}



@media screen and (min-width:600px) {

    html {

        font-size: 112.5%

    }

}



@media screen and (min-width:640px) {

    html {

        font-size: 100%

    }

}



.header {

    width: 100%;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999999;

    color: #FFFFFF;

}



    .header a {

        color: #ffffff;

    }



    /*左侧logo*/

    .header .nav > a {

        width: 5%;

    }



    .header .left {

        float: left;

        width: 17%;

        margin-right: 2rem;

    }



        .header .left img {

            width: 100%;

            margin-top: 1rem;

        }



        .header .left a img {

            margin-top: 6px;

        }



        .header .left .img2 {

            display: none;

        }

    /*右侧*/



    .header .nav {

        overflow: hidden;

        -webkit-transition: 0.5s;

        -moz-transition: 0.5s;

        -o-transition: 0.5s;

        transition: 0.5s;

        height: 100%;

        display: flex;

        flex-direction: row;

        justify-content: space-between;

    }



        .header .nav img {

            width: 100%;

            display: block;

            margin: 1.3rem 0;

            height: 2.5rem;

        }



    .header .navbar_nav {

        ;

        width: 70%;

        overflow: hidden;

        margin-left: 8rem;

    }



        .header .navbar_nav li {

            float: left;

            position: relative;

            display: block;

            width: 8%;

            margin: 0 1.2rem;

            color: #666;

            height: 5rem;

            line-height: 5rem;

        }



            .header .navbar_nav li.active a {

                color: #ffffff;

                border-bottom: 1px solid #e2e2e2;

            }



            .header .navbar_nav li span {

                font-size: 0.7rem;

                display: block;

                text-align: center;

            }



            .header .navbar_nav li:hover:after {

                width: 100%;

            }



            .header .navbar_nav li a {

                text-decoration: none;

                height: 100%;

                display: block;

                -webkit-transition: 0.5s;

                -moz-transition: 0.5s;

                -o-transition: 0.5s;

                transition: 0.5s;

                font-size: 1rem;

                text-align: center;

            }



            .header .navbar_nav li:hover a {

                color: #ffffff;

                border-bottom: 1px solid #e2e2e2;

            }



            .header .navbar_nav li.dropdown {

                display: inherit;

                position: relative;

            }



                .header .navbar_nav li.dropdown .jt {

                    width: 20px;

                    height: 20px;

                    background: url("../images/top.png"/*tpa=http://jaeger-shanghai.bjrjgj.com/img/top.png*/) no-repeat;

                    background-size: 100% 100%;

                    display: block;

                }



                .header .navbar_nav li.dropdown .dropdown_menu {

                    display: none;

                    position: relative;

                    top: 1rem;

                    width: 100%;

                    background: #fff;

                    box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);

                    width: 100%;

                    z-index: 99999;

                }



                    .header .navbar_nav li.dropdown .dropdown_menu a {

                        font-size: 12px;

                        color: #666;

                        line-height: 40px;

                        text-align: left;

                        background: #fff;

                        overflow: hidden;

                    }



.dropdown_menu a i {

    margin-right: 5%;

    display: inline-block;

    float: left;

    margin-top: 7px;

    width: 22px;

    height: 22px;

}



.header .navbar_nav li.dropdown:hover .dropdown_menu {

    display: block;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

}



    .header .navbar_nav li.dropdown:hover .dropdown_menu a {

        color: #666;

    }



        .header .navbar_nav li.dropdown:hover .dropdown_menu a:hover {

            color: #fff;

            background: #e0c3a3;

        }

/*白色背景的头部*/

.header.on {

    background: rgba(0,0,0,.3);

}



    .header.on .navbar_nav li:hover a {

        color: #e0c3a3;

    }



.header .phones {

    width: 15%;

}



    .header .phones > p {

        text-align: right;

        margin: 0.7rem 0;

    }



.header .phone {

    width: 100%;

    display: flex;

    flex-direction: row;

    line-height: 1.875rem;

    font-size: 1.5rem;

}



    .header .phone p {

        font-family: impact;

        font-size: 1.8rem;

    }



    .header .phone span {

        font-size: 1.5rem;

        margin-right: 0.5rem;

    }



#navToggle, .header .m_header {

    display: none;

}



.m_nav {

    display: none;

    position: fixed;

    top: 0px;

    box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);

    width: 100%;

    height: 100%;

    background: #fff;

    transition: all ease 0.5s;

    -webkit-transition: all ease 0.5s;

    z-index: 1000;

    opacity: 1;

    visibility: visible;

    margin-top: 0;

    overflow-y: auto;

    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

    top: 0;

    left: 0;

    transform: translateX(100%);

}



    .m_nav.open {

        transform: translateX(0);

    }



    .m_nav .top {

        height: 60px;

        padding: 20px;

        box-sizing: border-box;

    }



        .m_nav .top .closed {

            width: 30px;

            height: 30px;

            vertical-align: middle;

            float: right;

            cursor: pointer;

        }



.header .m_nav .logo {

    margin-left: 40%;

    width: 20%;

}



.m_nav .logo img {

    display: block;

    margin: 30px auto;

}



.m_nav .ul {

    margin-top: 30px;

}



    .m_nav .ul li {

        padding: 0 20px;

        border-bottom: 1px solid #f5f5f5;

        transform: translateY(0);

        -webkit-transform: translateY(100%);

        transform: translateY(100%);

        -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

        transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

        opacity: 0;

    }



.m_nav.open .ul li {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

    color: #444;

}



.m_nav .ul li:nth-child(1) {

    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;

}



.m_nav .ul li:nth-child(2) {

    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;

}



.m_nav .ul li:nth-child(3) {

    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

}



.m_nav .ul li:nth-child(4) {

    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;

}



.m_nav .ul li:nth-child(5) {

    -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;

}



.m_nav .ul li:nth-child(6) {

    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;

}



.m_nav .ul li a {

    display: block;

    text-decoration: none;

    font-size: 16px;

    height: 50px;

    line-height: 50px;

    width: 100%;

    color: #666666;

}



.m_nav .ul .active a {

    color: #24639c;

}



.m_nav .ul li .dropdown_menu {

    display: none;

}



.m_nav .ul li.dropdown.active .dropdown_menu {

    display: block;

}



.m_nav .ul li .dropdown_menu a {

    display: block;

    height: 50px;

    line-height: 50px;

    padding: 0 40px;

    box-sizing: border-box;

    border-bottom: 1px solid #f5f5f5;

}



    .m_nav .ul li .dropdown_menu a:last-child {

        border: none;

    }



.logo {

    display: none;

}



@media screen and (max-width: 992px) {

    .container {

        height: 3.125rem;

    }



    .header {

        position: fixed;

        padding: 0.5rem 0;

        background: rgba(0,0,0,.1);

        top: 0;

        left: 0;

    }



        .header .m_header {

            display: flex;

            flex-direction: row;

            justify-content: space-between;

        }



            .header .m_header .iconfont {

                font-size: 1.5rem;

                color: #ffffff;

                line-height: 3rem;

                width: 15%;

                text-align: center;

            }



        .header.on {

            background: rgba(0,0,0,.5);

        }



            .header.on > .header #navToggle span, .header.on > .header #navToggle span::before, .header.on > .header #navToggle span::after {

                color: white;

            }



        .header #navToggle {

            height: 100%;

            padding: 0 15px;

            display: inline-block;

            float: right;

        }



            .header #navToggle span {

                position: relative;

                width: 25px;

                height: 1px;

                margin-top: 19px;

            }



                .header #navToggle span:before,

                .header #navToggle span:after {

                    content: '';

                    position: relative;

                    width: 100%;

                    height: 1px;

                    left: 0;

                }



        .header .logo {

            width: 20%;

            margin-left: 3%;

            display: block;

            float: left;

            margin-left: 0.2rem;

        }



            .header .logo img {

                width: 80%;

            }



        .header #navToggle span,

        .header #navToggle span:before,

        .header #navToggle span:after {

            -webkit-transition: 0.3s;

            -moz-transition: 0.3s;

            -o-transition: 0.3s;

            transition: 0.3s;

            display: block;

            background: #ffffff;

        }



            .header #navToggle span:before {

                top: 8px;

            }



            .header #navToggle span:after {

                bottom: 10px;

            }



        .header #navToggle.open span:before {

            top: 10px;

            -webkit-transform: translateY(-11px) rotate(-45deg);

            -moz-transform: translateY(-11px) rotate(-45deg);

            -ms-transform: translateY(-11px) rotate(-45deg);

            -o-transform: translateY(-11px) rotate(-45deg);

            transform: translateY(-11px) rotate(-45deg);

        }



        .header #navToggle.open span:after {

            bottom: 12px;

            -webkit-transform: translateY(10px) rotate(45deg);

            -moz-transform: translateY(10px) rotate(45deg);

            -ms-transform: translateY(10px) rotate(45deg);

            -o-transform: translateY(10px) rotate(45deg);

            transform: translateY(10px) rotate(45deg);

        }



        .header #navToggle.open span {

            background: none;

        }



            .header #navToggle.open span:before,

            .header #navToggle.open span:after {

                background: #4f4f4f;

            }



        .header .nav {

            display: none;

        }



    .m_nav {

        display: block;

    }

}



.container {

    width: 100%;

    max-width: 1440px;

    margin: 0 auto;

    overflow: hidden;

}







/* banner */

.banner {

    overflow: hidden;

    width: 100%;

    height: 600px;

    background-size: 100% 100%;

}



.p_banner img {

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -960px;

}



.banner .swiper-slide {

    position: relative;

    width: 100%;

    overflow: hidden;

}



    .banner .swiper-slide a {

        display: block;

        width: 15%;

        height: 4.0625rem;

        position: absolute;

        top: 28.5rem;

        left: 50.6875rem;

    }



.banner .swiper-pagination-bullet {

    background: #FFFFFF;

    opacity: .5;

}



.banner .swiper-pagination-bullet-active {

    background: #ffffff;

    opacity: 1;

}



.swiper-container {

    width: 100%;

    height: 100%;

}



.swiper-slide {

    font-size: 18px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-wrap: wrap;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

}



.m_banner,

.m_fixed, .logo1 {

    display: none;

}





.yuyue {

    background: #001729;

    color: #FFFFFF;

    margin: -9.1875rem auto 0 auto;

    position: relative;

    z-index: 999;

    padding: 2.8125rem;

    max-width: 1110px;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    flex-wrap: wrap;

}



.yuyue_left {

    width: 48%;

    border-right: 1px solid #ffffff;

}



.yuyue_right {

    width: 48%;

}



.yuyue_left h2 {

    font-size: 2.375rem;

}



.yuyue_left > span {

    font-size: 1rem;

    margin-top: 1.375rem;

    display: block;

}



.yuyue_left .phone {

    display: block;

    font-size: 1.25rem;

    margin: 3.4375rem 0 1.875rem 0;

    color: #ffffff;

}



    .yuyue_left .phone span {

        font-weight: bold;

        font-size: 1.875rem;

    }



.yuyue_left .zixun {

    display: block;

    border: 1px solid #FFFFFF;

    text-align: center;

    width: 30%;

    height: 3.4375rem;

    line-height: 3.4375rem;

    color: #FFFFFF;

}



    .yuyue_left .zixun .iconfont {

        margin-left: 0.5rem;

    }



.yuyue_right .baozhang_1 {

    display: flex;

    flex-direction: row;

    justify-content: space-between;

}



    .yuyue_right .baozhang_1 li {

        border: 1px solid #FFFFFF;

        border-radius: 3.125rem;

        width: 28%;

        text-align: center;

        height: 2.5rem;

        line-height: 2.5rem;

        margin: 2.8125rem 0;

    }



        .yuyue_right .baozhang_1 li .iconfont {

            margin-right: 0.5rem;

        }



        .yuyue_right .baozhang_1 li.on {

            background: #FFFFFF;

            color: #001729;

        }



.yuyue_right .youshi_1 {

    background: url("../images/yinhao.png"/*tpa=http://jaeger-shanghai.bjrjgj.com/images/yinhao.png*/) no-repeat;

    background-size: 100% 100%;

    padding: 1.25rem 1.25rem 1.25rem 3.75rem;

}



    .yuyue_right .youshi_1 h2 {

        font-size: 1.5rem;

        margin-bottom: 1.875rem;

    }



    .yuyue_right .youshi_1 p {

        font-size: 0.875rem;

        line-height: 1.5rem;

    }







.title {

    margin: 4.0625rem auto;

    text-align: center;

}



    .title h2 {

        font-size: 2.125rem;

        color: #333333;

        margin-bottom: 1.875rem;

        font-weight: bold;

    }



    .title p {

        font-size: 1.375rem;

        color: #666666;

    }





.project ul {

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    flex-wrap: wrap;

}



    .project ul li {

        background: #FFFFFF;

        width: 48%;

        margin: 1rem 0;

    }



        .project ul li .img {

            width: 100%;

            height: 16.875rem;

        }



        .project ul li img {

            width: 100%;

            min-height: 100%;

        }



        .project ul li .jieshao {

            padding: 1.5rem;

            display: flex;

            flex-direction: row;

            justify-content: space-between;

        }



            .project ul li .jieshao h2 {

                font-size: 1.5rem;

                color: #666666;

            }



            .project ul li .jieshao .jieshao_left span {

                display: block;

                margin: 1rem 0;

                color: #999999;

                font-size: 0.875rem;

            }



            .project ul li .jieshao p {

                font-size: 16px;

                color: #666666;

            }



            .project ul li .jieshao .gang {

                width: 10%;

                height: 3px;

                background: #999999;

                margin-bottom: 1.5625rem;

            }



            .project ul li .jieshao a {

                font-size: 0.875rem;

                color: #999999;

            }



                .project ul li .jieshao a .iconfont {

                    margin-left: 0.5rem;

                }







.yizhanshifuwu {

    margin-top: 5.5rem;

}



    .yizhanshifuwu .tizhan_top {

        background: url("../images/fuwu_bg.jpg"/*tpa=http://jaeger-shanghai.bjrjgj.com/images/fuwu_bg.jpg*/) no-repeat;

        background-size: 100% 100%;

        height: 25rem;

        padding: 1rem 0;

    }



        .yizhanshifuwu .tizhan_top h2, .yizhanshifuwu .tizhan_top p {

            color: #FFFFFF;

        }



    .yizhanshifuwu .yizhan_bottom {

        background: #FFFFFF;

        padding: 3rem;

        margin-top: -12rem;

    }



        .yizhanshifuwu .yizhan_bottom ul {

            display: flex;

            flex-direction: row;

            justify-content: space-between;

            flex-wrap: wrap;

        }



            .yizhanshifuwu .yizhan_bottom ul li {

                width: 26%;

                margin: 1rem 0;

            }



                .yizhanshifuwu .yizhan_bottom ul li .img {

                    width: 100%;

                    height: 8.625rem;

                    overflow: hidden;

                }



                    .yizhanshifuwu .yizhan_bottom ul li .img img {

                        width: 100%;

                        min-height: 100%;

                    }



                .yizhanshifuwu .yizhan_bottom ul li h2 {

                    font-size: 1.125rem;

                    color: #001729;

                    margin: 1.0rem 0;

                }



                    .yizhanshifuwu .yizhan_bottom ul li h2 span {

                        margin-right: 0.5rem;

                    }



                .yizhanshifuwu .yizhan_bottom ul li p {

                    font-size: 0.875rem;

                    color: #999999;

                }



    .yizhanshifuwu .zixunfangshi {

        display: flex;

        flex-direction: row;

        justify-content: space-between;

        flex-wrap: wrap;

        margin: 3.125rem auto 0 auto;

        width: 60%;

    }



        .yizhanshifuwu .zixunfangshi a {

            text-align: center;

            border: 1px solid #e2e2e2;

            border-radius: 3.125rem;

            height: 3.75rem;

            line-height: 3.75rem;

            display: block;

        }



            .yizhanshifuwu .zixunfangshi a.dianhua {

                width: 60%;

                color: #666666;

            }



                .yizhanshifuwu .zixunfangshi a.dianhua span {

                    color: #001729;

                }



            .yizhanshifuwu .zixunfangshi a.zaixian {

                background: #001729;

                color: #FFFFFF;

                width: 32%;

            }



                .yizhanshifuwu .zixunfangshi a.zaixian .iconfont {

                    margin-right: 0.5rem;

                }

















.tiaokuan {

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    flex-wrap: wrap;

    margin: 5rem auto;

}



    .tiaokuan .img {

        width: 48%;

    }



        .tiaokuan .img img {

            width: 100%;

        }



    .tiaokuan .wenzi {

        width: 48%;

    }



        .tiaokuan .wenzi h2 {

            font-size: 1.875rem;

            color: #333333;

            margin-top: 2.5rem;

        }



        .tiaokuan .wenzi p {

            font-size: 1rem;

            color: #666666;

            margin: 1.875rem 0 6.25rem 0;

            line-height: 2rem;

        }



        .tiaokuan .wenzi a {

            font-size: 1rem;

            color: #001729;

            border: 1px solid #001729;

            width: 30%;

            height: 3.125rem;

            line-height: 3.125rem;

            display: block;

            text-align: center;

        }





.liucheng {

    background: #F5F5F5;

    padding: 0.5rem 0;

}



    .liucheng ul {

        display: flex;

        flex-direction: row;

        justify-content: space-between;

        flex-wrap: wrap;

    }



        .liucheng ul li {

            width: 23%;

            margin-bottom: 2.1875rem;

        }



            .liucheng ul li img {

                width: 100%;

            }



            .liucheng ul li .wenzi {

                padding: 1.25rem 1rem 0.5rem 1rem;

                height: 7rem;

            }



            .liucheng ul li h2 {

                color: #333333;

                font-size: 1.375rem;

                font-weight: bold;

                display: flex;

            }



                .liucheng ul li h2 span {

                    margin-right: 0.5rem;

                    font-family: "Impact";

                    font-size: 1.8rem;

                    font-weight: 500;

                    margin-top: -0.15rem;

                }



            .liucheng ul li p {

                color: #666666;

                font-size: 1rem;

                line-height: 1.5rem;

                margin-top: 1.25rem;

            }







.index_zixun ul {

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    flex-wrap: wrap;

}



    .index_zixun ul li {

        width: 45%;

        padding: 1.25rem;

        background: #ffffff;

        margin: 1rem 0;

        display: flex;

        flex-direction: row;

        justify-content: space-between;

        flex-wrap: wrap;

    }



        .index_zixun ul li .riqi {

            width: 16%;

            text-align: center;

            border-right: 1px solid #e2e2e2;

            margin-right: 1rem;

            padding-right: 1.25rem;

        }



            .index_zixun ul li .riqi p {

                font-size: 1.625rem;

                color: #333333;

                margin: 0.7rem 0;

            }



            .index_zixun ul li .riqi span {

                font-size: 0.875rem;

                color: #666666;

                display: block;

            }



        .index_zixun ul li .wenzi {

            width: 77%;

        }



            .index_zixun ul li .wenzi h2 {

                font-size: 1.125rem;

                color: #333333;

                margin-bottom: 1rem;

                white-space: nowrap;

                text-overflow: ellipsis;

                overflow: hidden;

                word-break: break-all;

            }



            .index_zixun ul li .wenzi p {

                font-size: 0.875rem;

                color: #666666;

                line-height: 1.5rem;

                text-overflow: -o-ellipsis-lastline;

                overflow: hidden;

                text-overflow: ellipsis;

                display: -webkit-box;

                -webkit-line-clamp: 3;

                line-clamp: 3;

                -webkit-box-orient: vertical;

            }





.footer {

    background: #001526;

    margin-top: 20rem;

    padding: 0.2rem 0;

}



.footer_top {

    background: #FFFFFF;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    margin-top: -12.5rem;

    flex-wrap: wrap;

}



    .footer_top .f_left {

        width: 40%;

        background: #f5f8fa;

        padding: 1.875rem;

    }



        .footer_top .f_left img {

            width: 35%;

            display: block;

            margin: auto;

        }



        .footer_top .f_left > span {

            display: block;

            font-size: 1.125rem;

            color: #001729;

            margin-top: 1rem;

        }



        .footer_top .f_left .phone {

            display: block;

            width: 100%;

            border: none;

            font-weight: bold;

            font-size: 3.125rem;

            font-family: impact;

            color: #001729;

            margin: 1.875rem 0 2.5rem 0;

        }



        .footer_top .f_left .zixun {

            display: block;

            border: 1px solid #001729;

            width: 30%;

            text-align: center;

            height: 3rem;

            line-height: 3rem;

        }



            .footer_top .f_left .zixun .iconfont {

                margin-left: 0.5rem;

            }



    .footer_top .f_rigth {

        width: 50%;

        padding: 1.875rem;

    }



        .footer_top .f_rigth .titles {

            display: flex;

            flex-direction: row;

            justify-content: space-between;

        }



            .footer_top .f_rigth .titles h2 {

                font-size: 1.375rem;

                color: #001729;

            }



                .footer_top .f_rigth .titles h2 span {

                    color: #999999;

                    font-size: 1rem;

                    margin-left: 1rem;

                }



            .footer_top .f_rigth .titles .gang {

                width: 15%;

                height: 3px;

                background: #001729;

                margin: 0.9375rem 0 1.5625rem 0;

            }



        .footer_top .f_rigth ul li {

            margin: 1rem 0;

        }



            .footer_top .f_rigth ul li h2 {

                font-size: 1.125rem;

                color: #001729;

                border-left: 8px solid #001729;

                padding-left: 1rem;

                margin: 1.125rem 0;

            }



            .footer_top .f_rigth ul li p {

                font-size: 0.875rem;

                color: #999999;

                line-height: 1.5rem;

            }



.footer > p {

    color: #ffffff;

    font-size: 0.875rem;

    margin: 3rem auto;

    opacity: 0.5;

}





.footer_a_left {

    background: #f5f8fa;

    padding: 1.875rem;

    display: none;

}



    .footer_a_left img {

        width: 40%;

        margin: 0 auto;

        display: block;

    }



    .footer_a_left p {

        font-size: 1.0rem;

        color: #001526;

        margin-top: 3rem;

    }



    .footer_a_left .footer_tel {

        font-weight: bold;

        font-size: 3.125rem;

        font-family: impact;

        display: block;

        ;

        margin: 1.875rem 0 2.5rem 0;

        text-align: center;

    }



    .footer_a_left .footer_kf {

        width: 8.0rem;

        height: 2.4rem;

        line-height: 2.4rem;

        color: #001526;

        border: 1px solid #001526;

        text-align: center;

        display: block;

        margin: 0 auto

    }

















.footer_a_left {

    display: none;

}



.fixed {

    position: fixed;

    right: 0;

    top: 50%;

    z-index: 999;

}



    .fixed ul li {

        background-image: linear-gradient(to right,#001729,#17436a);

        color: #ffffff;

        width: 70px;

        height: 70px;

        line-height: 70px;

        position: relative;

        text-align: center;

        margin: 0.5rem 0;

        border-radius: 10px;

    }



        .fixed ul li span {

            display: block;

            color: #FFFFFF;

            font-size: 2.2rem;

        }



        .fixed ul li:last-child img {

            padding-top: 40%;

        }



        .fixed ul li .img {

            width: 50%;

            margin: 0 auto;

            padding-top: 10%;

        }



            .fixed ul li .img img {

                width: 100%;

            }



        .fixed ul li p {

            font-size: 0.85rem;

        }



        .fixed ul li .p1 {

            display: flex;

            flex-direction: row;

            justify-content: space-between;

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

            background-size: 100% 100%;

        }



            .fixed ul li .p1 span {

                display: block;

                margin: 1.5625rem 0 0.8rem 0;

                line-height: 20px;

                display: block;

                font-weight: none;

                color: #999999;

                font-size: 0.85rem;

            }



        .fixed ul li .p1 {

            position: absolute;

            top: 0;

            right: -370px;

            width: 370px;

            height: 120px;

            font-size: 1rem;

            transition: all 1s;

            z-index: -999;

        }



            .fixed ul li .p1 .iconfont {

                color: #999999;

                font-size: 1.855rem;

                width: 3.5rem;

                height: 3.5rem;

                line-height: 3.5rem;

                border-radius: 50%;

                border: 1px solid #999999;

                margin: 1.5625rem;

            }



            .fixed ul li .p1 .right {

                width: 75%;

                text-align: left;

            }



                .fixed ul li .p1 .right p {

                    line-height: 1.25rem;

                    color: #333333;

                    font-size: 1.6rem;

                    font-weight: bold;

                }



        .fixed ul li:hover .p1 {

            right: 70px;

        }



        .fixed ul li a {

            color: #666;

        }



.m_fixed, .kong, .m_banner, .kong, .m_header {

    display: none;

}



















.dangqian {

    font-size: 1rem;

    color: #444444;

    margin: 3.125rem 0 1.875rem 0;

}



    .dangqian .iconfont {

        margin-right: 0.5rem;

    }



    .dangqian a {

        color: #666666;

        margin: 0 0.2rem;

    }



.newlist {

    overflow: hidden;

}



    .newlist .index_zixun ul li {

        width: 100%;

        padding: 1.875rem;

    }



        .newlist .index_zixun ul li .riqi {

            width: 10%;

        }



        .newlist .index_zixun ul li .img {

            width: 20%;

            height: 9.25rem;

            overflow: hidden;

        }



            .newlist .index_zixun ul li .img img {

                transition: all 0.5s;

                width: 100%;

                min-height: 100%;

            }



        .newlist .index_zixun ul li .wenzi {

            width: 64%;

        }



            .newlist .index_zixun ul li .wenzi h2 {

                margin-top: 0.9375rem;

            }



            .newlist .index_zixun ul li .wenzi p {

                text-overflow: -o-ellipsis-lastline;

                overflow: hidden;

                text-overflow: ellipsis;

                display: -webkit-box;

                -webkit-line-clamp: 2;

                line-clamp: 2;

                -webkit-box-orient: vertical;

            }



        .newlist .index_zixun ul li .riqi p {

            margin: 1.125rem 0 1.25rem 0;

        }



        .newlist .index_zixun ul li:hover .img img {

            transform: scale(1.1);

        }



.ol {

    overflow: hidden;

    display: flex;

    flex-direction: row;

    float: right;

    margin-top: 3rem;

}



    .ol li {

        padding: 0.3rem 0.7rem;

        margin: 2rem 0.5rem;

    }



        .ol li a {

            color: #666666;

        }



    .ol .on {

        color: #ffffff;

        background: #001729;

        border-radius: 5px;

    }



        .ol .on a {

            color: #FFFFFF;

        }



.newlist .news {

    padding: 1.875rem;

    background: #FFFFFF;

    width: 95%;

}
.newlist .page h3{
     font-size: 1.375rem;
     margin-top: 1rem;
     line-height: 3rem;
}
.newlist .page p{
     
     line-height: 2rem;
}

    .newlist .news > h2 {

        font-size: 1.375rem;

        color: #001729;

        margin:;

    }



    .newlist .news .riqi {

        display: flex;

        flex-direction: row;

        flex-wrap: wrap;

        margin: 1.875rem 0;

    }



        .newlist .news .riqi p {

            font-size: 0.875rem;

            color: #666666;

            margin-right: 1rem;

        }



            .newlist .news .riqi p span {

                margin-right: 0.5rem;

            }



    .newlist .news > p {

        font-size: 1rem;

        color: #666666;

        margin: 1.5rem 0;

        line-height: 2rem;

    }



.newlist .fenye {

    margin-top: 6.25rem;

}



    .newlist .fenye p {

        color: #666666;

        font-size: 1rem;

        margin: 1.875rem 0;

    }



        .newlist .fenye p a {

            color: #001729;

        }





.newlist .wangdianlist li {

    background: #FFFFFF;

    border-left: 7px solid #001729;

    padding: 1.5rem;

    margin: 2rem 0;

    position: relative;

    left: 0;

    transition: all 0.5s;

}



    .newlist .wangdianlist li h2 {

        font-size: 1.125rem;

        color: #001729;

        margin-bottom: 1.25rem;

    }



    .newlist .wangdianlist li p {

        font-size: 0.875rem;

        color: #666666;

        line-height: 2rem;

    }



    .newlist .wangdianlist li a {

        color: #001729;

        text-align: right;

        margin-top: 0.625rem;

        display: block;

        width: 100%;

    }



        .newlist .wangdianlist li a .iconfont {

            margin-left: 0.5rem;

        }



    .newlist .wangdianlist li:hover {

        left: 1rem;

    }



    .newlist .wangdianlist li a:hover {

        color: #215788;

    }







.newlist .wangdian .wangdian_top {

    background: #ffffff;

    padding: 2.5rem;

    margin-bottom: 2.5rem;

}



    .newlist .wangdian .wangdian_top h2 {

        font-size: 1.125rem;

        color: #001729;

        margin-bottom: 1.875rem;

    }



    .newlist .wangdian .wangdian_top p {

        font-size: 0.875rem;

        color: #999999;

        line-height: 2rem;

    }



.newlist .wangdian .wangdian_bottom {

    padding: 1.875rem;

    background: #ffffff;

}



    .newlist .wangdian .wangdian_bottom .titles {

        display: flex;

        flex-direction: row;

        justify-content: space-between;

    }



        .newlist .wangdian .wangdian_bottom .titles h2 {

            font-size: 1.375rem;

            color: #001729;

        }



            .newlist .wangdian .wangdian_bottom .titles h2 span {

                color: #999999;

                font-size: 1rem;

                margin-left: 1rem;

            }



        .newlist .wangdian .wangdian_bottom .titles .gang {

            width: 15%;

            height: 3px;

            background: #001729;

            margin: 0.9375rem 0 1.5625rem 0;

        }



    .newlist .wangdian .wangdian_bottom ul li {

        margin: 1rem 0;

    }



        .newlist .wangdian .wangdian_bottom ul li h2 {

            font-size: 1.125rem;

            color: #001729;

            border-left: 8px solid #001729;

            padding-left: 1rem;

            margin: 1.125rem 0;

        }



        .newlist .wangdian .wangdian_bottom ul li p {

            font-size: 0.875rem;

            color: #999999;

            line-height: 1.5rem;

        }

        .footer_a_left .footer_tel{    font-size: 2.5rem; width:100%;display: block;}

@media screen and (max-width:640px) {

    .fixed, .p_banner {

        display: none;

    }



    .m_banner {

        display: block;

        height: 20rem;

    }



        .m_banner img {

            width: 100%;

        }



    .m_fixed {

        display: block;

        position: fixed;

        left: 0;

        bottom: 0;

        background: #e0c3a3;

        width: 100%;

        z-index: 999999999;

    }



        .m_fixed ul {

            overflow: hidden;

        }



            .m_fixed ul li {

                font-size: 1.15rem;

                text-align: center;

                width: 37.2%;

                border-right: 1px solid white;

                float: left;

                color: white;

                height: 55px;

                line-height: 55px;

                background: #e0c3a3;

            }



                .m_fixed ul li:last-child {

                    width: 24.8%;

                }



                .m_fixed ul li .iconfont {

                    font-size: 1.25rem;

                }



                .m_fixed ul li p {

                    display: inline-block;

                    margin-top: 0.2rem;

                }



                .m_fixed ul li a {

                    color: white;

                }



                .m_fixed ul li:last-child {

                    border: none;

                }



    .yuyue {

        margin-top: 1rem;

        padding: 0.5rem;

    }



    .yuyue_left, .yuyue_right {

        width: 90%;

    }



    .yuyue_left {

        border-right: none;

    }



        .yuyue_left .phone {

            text-align: center;

        }



    .project ul li {

        width: 100%;

    }



        .project ul li .jieshao .jieshao_left {

            width: 59%;

        }



        .project ul li .jieshao a {

            width: 31%;

            text-align: center;

        }



    .yizhanshifuwu .yizhan_bottom ul li {

        width: 49%;

    }



    .yizhanshifuwu .yizhan_bottom {

        padding: 1rem;

        width: 91%;

    }



    .yizhanshifuwu .zixunfangshi, .tiaokuan .img, .tiaokuan .wenzi, .footer_top .f_left, .footer_top .f_rigth, .footer_top {

        width: 98%;

    }



    .liucheng ul li {

        width: 48%;

    }



    .index_zixun ul li {

        width: 90%;

    }



        .index_zixun ul li .riqi {

            width: 27%;

        }



        .index_zixun ul li .wenzi {

            width: 60%;

        }



    .footer {

        margin-top: 2rem;

    }



    .footer_top {

        margin-top: -1rem;

    }



    .yizhanshifuwu .zixunfangshi a.dianhua, .yizhanshifuwu .zixunfangshi a.zaixian {

        width: 100%;

        margin: 1rem 0;

        display: block;

    }



    .fixed, .p_banner {

        display: none;

    }



    .m_fixed {

        display: block;

        position: fixed;

        left: 0;

        bottom: 0;

        background: #e0c3a3;

        width: 100%;

        z-index: 999999999;

    }



        .m_fixed ul {

            overflow: hidden;

        }



            .m_fixed ul li {

                font-size: 1.15rem;

                text-align: center;

                width: 74.8%;

                border-right: 1px solid white;

                float: left;

                color: white;

                height: 55px;

                line-height: 55px;

                background: #e0c3a3;

            }



                .m_fixed ul li:last-child {

                    width: 24.8%;

                }



                .m_fixed ul li .iconfont {

                    font-size: 1.25rem;

                }



                .m_fixed ul li p {

                    display: inline-block;

                    margin-top: 0.2rem;

                }



                .m_fixed ul li a {

                    color: white;

                }



                .m_fixed ul li:last-child {

                    border: none;

                }



    .kong {

        height: 50px;

        display: block;

    }



    .newlist .index_zixun ul li .riqi {

        width: 22%;

    }



    .newlist .index_zixun ul li .img {

        width: 66%;

    }



    .newlist .index_zixun ul li .wenzi {

        width: 100%;

    }



    .newlist .news {

        width: 94%;

        padding: 0.85rem;

    }



        .newlist .news .riqi p {

            margin: 0.25rem;

        }



            .newlist .news .riqi p .iconfont {

                font-size: 0.85rem;

            }



    .newlist .wangdianlist li a {

        bottom: 1.25rem;

    }



    .yuyue_left a {

        margin: auto;

    }



    .yuyue_left p {

        width: 100%;

        text-align: center;

    }



    .yuyue_right .youshi_1 p {

        font-size: 1rem;

    }



    .yizhanshifuwu {

        margin-top: 0.5rem;

    }



    .tiaokuan .wenzi p {

        margin: 1.875rem 0;

    }



    .tiaokuan .wenzi a, .footer_top .footer_a_left .footer_kf {

        margin: auto;

    }



    .footer_top .f_rigth, .f_left {

        display: none;

    }



    .footer_a_left {

        display: block;

    }

}



@media screen and (max-width:320px) {

    .m_banner {

        height: 17rem;

    }



    .newlist .wangdian .wangdian_bottom, .footer_top .f_rigth {

        padding: 1rem;

    }



        .newlist .wangdian .wangdian_bottom .titles .left {

            width: 60%;

        }



    .yuyue_left, .yuyue_right {

        width: 100%;

    }



        .yuyue_right .baozhang_1 li {

            width: 31%;

        }



        .yuyue_right .youshi_1 h2 {

            margin-bottom: 1rem;

        }



    .project ul li .jieshao a {

        width: 48%;

    }



    .newlist .index_zixun ul li .riqi {

        width: 30%;

    }



    .newlist .index_zixun ul li .img {

        width: 57%;

        height: 7.4rem;

    }

}
/*分页样式*/

.pages {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.pagination {
	display: flex;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}

.pagination>li {
	display: inline;
}

.pagination>li>a,
.pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857;
	text-decoration: none;
	color: #031d32;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: -1px;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}

.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
	z-index: 2;
	color: #23527c;
	background-color: #eeeeee;
	border-color: #ddd;
}

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
	z-index: 3;
	color: #fff;
	background-color: #031d32;
	border-color: #006039;
	cursor: default;
}