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;}
.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%}
}

/*公共样式代码*/
.flex{display:flex; -webkit-display:flex;-moz-display:flex;-ms-display:flex;-o-display:flex;}
.wrap{-webkit-flex-wrap: wrap; flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;}
.df{justify-content:space-between; -webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;}
.spjz{justify-content: center;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;}
.evenly{justify-content: space-evenly;-webkit-justify-content: space-evenly;-moz-justify-content: space-evenly;-ms-justify-content: space-evenly;-o-justify-content: space-evenly;}
.czjz{align-items: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;}
.column{flex-direction: column;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;}
.ydq{justify-content: flex-end;-webkit-justify-content: flex-end;-moz-justify-content: flex-end;-ms-justify-content: flex-end;-o-justify-content: flex-end;}
.row-reverse{flex-direction: row-reverse;-webkit-flex-direction: row-reverse;-moz-flex-direction: row-reverse;-ms-flex-direction: row-reverse;-o-flex-direction: row-reverse;}
.column-reverse{flex-direction: column-reverse;-webkit-flex-direction: column-reverse;-moz-flex-direction: column-reverse;-ms-flex-direction: column-reverse;-o-flex-direction: column-reverse;}

.baseline{align-items: flex-start;-webkit-align-items: flex-start;-moz-align-items: flex-start;-ms-align-items: flex-start;-o-align-items: flex-start;}
.onload{position: fixed;position: fixed;z-index: 1888888;left: 50%;top: 50%;}
.onload img{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);width: 45px;}
.lgsize{font-size: 36px;line-height: 38px;font-weight: lighter;}
.mdsize{font-size: 28px;line-height: 30px;font-weight: lighter;}
.smsize{font-size: 15px;line-height: 15px;}
.pcshow{display: flex;}
.sjshow{display: none;}
.w1200{width: 96%;max-width: 1200px;margin: auto;}
.sjpcimg img{display: block;width: 100%;}
.sjpcimg img:nth-child(2){display: none;}
.pd100{padding: 100px 0;}
.pd80{padding: 80px 0;}
.pd50{padding: 50px 0;}
.mb100{margin-bottom: 100px;}
.mb80{margin-bottom: 80px;}
.mb50{margin-bottom: 50px;}
@media (max-width:1200px) {
	.lgsize{font-size: 26px;line-height: 28px;}
	.mdsize{font-size: 18px;line-height: 20px;}
	.smsize{font-size: 12px;line-height: 12px;}
	.mb100 {margin-bottom: 50px;}
	.mb80{margin-bottom: 30px;}
	.mb50{margin-bottom: 30px;}
}
@media (max-width:640px) {
	.lgsize{font-size: 18px;line-height: 18px;}
	.mdsize{font-size: 15px;line-height: 15px;}
	.smsize{font-size: 10px;line-height: 16px;}
	.sjpcimg img:nth-child(1){display: none;}
	.sjpcimg img:nth-child(2){display: block;}
	.pcshow{display: none !important;}
	.sjshow{display: flex !important;}
	.mb100 {margin-bottom: 25px;}
	.mb80{margin-bottom: 20px;}
	.mb50{margin-bottom: 16px;}
}
.corlv{ color:#1f7654;}
.corhei{ color:#030000;}
.corbai{ color:#ffffff;}
.corqianlv{ color:#dfc5a9;}
.corhuang{ color:#1f7654;}
.jb{background-image: -webkit-linear-gradient(left,#c27f09 45%,#e4b03e 60%,#f9cf5f 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.hjb{background-image: -webkit-linear-gradient(left,#010101 45%,#242424 60%,#4d4d4d 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.bjb{background-image: -webkit-linear-gradient(left,#fff 45%,#fff 60%,#fff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 26px;font-weight: normal;line-height: 48px;text-align: right;}

.project ul li .jieshao .jieshao_left { width: 100%; }
.project ul li .jieshao a { width: 26%; text-align: center;}

.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: 200%;
            display: block;
            margin: 1.3rem 0;
            /*height: 2.0rem;*/
        }

    .header .navbar_nav {
        ;
        width: 70%;
        overflow: hidden;
        margin-left: 10rem;
    }

        .header .navbar_nav li {
            float: left;
            position: relative;
            display: block;
            width: 16%;
            margin: 0 1.6rem;
            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("../img/top.png"/*tpa=http://Guangzhou-Jaeger.zbjsfw.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,1);
}

    .header.on .navbar_nav li:hover a {
        color: #e0c3a3;
    }

.header .phones {
    width: 20%;
}

    .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.6rem;
    }

    .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,1);
        }

            .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 .swiper-container .swiper-wrapper,.banner .swiper-container .swiper-wrapper a{ height:100%;}
.banner .swiper-container .swiper-wrapper img{ width:100%; height:100%;}
.banner { overflow: hidden; width: 100%; background-size: 100% 100%;}
.p_banner img { position: absolute; top: 0; left: 0%; margin:0px auto; width:100%; height:100%;}
.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: #0f2b44; color: #FFFFFF; margin: -9.1875rem auto 0 auto; position: relative; z-index: 999; padding: 2.8125rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.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: #0f2b44; }
.yuyue_right .youshi_1 { background: url("../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; overflow:hidden;}

.yizhanshifuwu .tizhan_top { background: url("../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: 32%; 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: #0f2b44; 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: 66%;}
.yizhanshifuwu .zixunfangshi a { text-align: center; border: 1px solid #e2e2e2; border-radius: 3.125rem; height: 3.75rem; line-height: 3.75rem;}
.yizhanshifuwu .zixunfangshi a.dianhua { width: 60%; color: #666666; }
.yizhanshifuwu .zixunfangshi a.dianhua span { color: #0f2b44;}

.yizhanshifuwu .zixunfangshi a.zaixian { background: #0f2b44; 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: #0f2b44;
            border: 1px solid #0f2b44;
            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 li {
        width: 49%;
        padding: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
        background: #ffffff;
        margin: 1rem 0;
    }

        .index_zixun ul li .riqi {
            width: 16%;
            text-align: center;
            border-right: 1px solid #e2e2e2;
            margin-right: 2%;
            padding-right: 2%;
        }

            .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: 46%;*/
    /*    background: #f5f8fa;*/
    /*    padding: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*/
    /*}*/

    /*    .footer_top .f_left img {*/
    /*        width: 40%;*/
    /*        display: block;*/
    /*        margin: auto;*/
    /*    }*/
    .footer_top .f_left {
        width: 40%;
        background: #f5f8fa;
        padding: 1.875rem;
    }
    .footer_top .f_left .f_left_logo {width: 80%;margin: 0 auto;}
    .footer_top .f_left .f_left_logo img:nth-child(1),.footer_top .f_left .f_left_logo img:nth-child(3) {width: 20%;}

        .footer_top .f_left img {
            width: 40%;
            display: block;
            /*margin: auto;*/
        }
    @media (max-width:1280px) {
    .footer_top .f_left,.footer_top .f_rigth{width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
    .footer_top .f_left .f_left_logo {width: 40%;margin: 0 auto;}
    .footer_top .f_left .f_left_logo img:nth-child(2) {max-width: 160px;}
}

        .footer_top .f_left > span {
            display: block;
            font-size: 1.125rem;
            color: #0f2b44;
            margin-top: 3rem;
        }

        .footer_top .f_left .phone {
            display: block;
            width: 100%;
            border: none;
            font-weight: bold;
            font-size: 3.125rem;
            font-family: impact;
            color: #0f2b44;
            margin: 1.875rem 0 2.5rem 0;
        }

        .footer_top .f_left .zixun {
            display: block;
            border: 1px solid #0F2B44;
            width: 42%;
            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: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    }

        .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: #0f2b44;
            }

                .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: #0F2B44;
                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: #0f2b44;
                border-left: 8px solid #0f2b44;
                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,#0f2b44,#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"/*tpa=http://Guangzhou-Jaeger.zbjsfw.com/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: #0f2b44;
        border-radius: 5px;
    }

        .ol .on a {
            color: #FFFFFF;
        }

.newlist .news {
    padding: 1.875rem;
    background: #FFFFFF;
    width: 95%;
}    .newlist .news {
        width: 94%;
        padding: 0.85rem;
    }
.newlist .news img{
        max-width: 100% !important;height: auto !important;
    }
    .newlist .news {
        width: 94%;
        padding: 0.85rem;
    }
.newlist .news img{
        max-width: 100% !important;height: auto !important;
    }

    .newlist .news > h2 {
        font-size: 1.375rem;
        color: #0f2b44;
        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: #0f2b44;
        }


.newlist .wangdianlist li {
    background: #FFFFFF;
    border-left: 7px solid #0F2B44;
    padding: 1.5rem;
    margin: 2rem 0;
    position: relative;
    left: 0;
    transition: all 0.5s;
}

    .newlist .wangdianlist li h2 {
        font-size: 1.125rem;
        color: #0f2b44;
        margin-bottom: 1.25rem;
    }

    .newlist .wangdianlist li p {
        font-size: 0.875rem;
        color: #666666;
        line-height: 2rem;
    }

    .newlist .wangdianlist li a {
        color: #0F2B44;
        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: #0F2B44;
        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: #0f2b44;
        }

            .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: #0F2B44;
            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: #0f2b44;
            border-left: 8px solid #0f2b44;
            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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.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: 98%;}
.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: 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;}
.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 img{
        max-width: 100% !important;height: auto !important;
    }
.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: 5.5rem; overflow:hidden;}
.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: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    }

        .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;}
}
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;
}

.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: 200%;
            display: block;
            margin: 1.3rem 0;
            /*height: 2.0rem;*/
        }

    .header .navbar_nav {
        ;
        width: 70%;
        overflow: hidden;
        margin-left: 10rem;
    }

        .header .navbar_nav li {
            float: left;
            position: relative;
            display: block;
            width: 16%;
            margin: 0 1.6rem;
            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("../img/top.png"/*tpa=http://Guangzhou-Jaeger.zbjsfw.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,1);
}

    .header.on .navbar_nav li:hover a {
        color: #e0c3a3;
    }

.header .phones {
    width: 20%;
}

    .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.6rem;
    }

    .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,1);
        }

            .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 */
.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: #0f2b44;
        }

.yuyue_right .youshi_1 {
    background: url("../images/yinhao.png"/*tpa=http://Guangzhou-Jaeger.zbjsfw.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; overflow:hidden;}
.yizhanshifuwu .tizhan_top { background: url("../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: 32%;
                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: #0f2b44;
                    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;
                }

.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: #0f2b44;
            border: 1px solid #0f2b44;
            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 { width:100%;}
    .index_zixun ul li {
        width: 49%;
        padding: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
        background: #ffffff;
        margin: 1rem 0;
    }

        .index_zixun ul li .riqi {
            width: 16%;
            text-align: center;
            border-right: 1px solid #e2e2e2;
            margin-right: 2%;
            padding-right: 2%;
        }

            .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: 46%;
        background: #f5f8fa;
        padding: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    }

        .footer_top .f_left img {
            width: 40%;
            display: block;
            margin: auto;
        }

        .footer_top .f_left > span {
            display: block;
            font-size: 1.125rem;
            color: #0f2b44;
            margin-top: 3rem;
        }

        .footer_top .f_left .phone {
            display: block;
            width: 100%;
            border: none;
            font-weight: bold;
            font-size: 3.125rem;
            font-family: impact;
            color: #0f2b44;
            margin: 1.875rem 0 2.5rem 0;
        }

        .footer_top .f_left .zixun {
            display: block;
            border: 1px solid #0F2B44;
            width: 42%;
            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: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    }

        .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: #0f2b44;
            }

                .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: #0F2B44;
                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: #0f2b44;
                border-left: 8px solid #0f2b44;
                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,#0f2b44,#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: #0f2b44;
        border-radius: 5px;
    }

        .ol .on a {
            color: #FFFFFF;
        }

.newlist .news {
    padding: 1.875rem;
    background: #FFFFFF;
    width: 95%;
}
    .newlist .news {
        width: 94%;
        padding: 0.85rem;
    }
.newlist .news img{
        max-width: 100% !important;height: auto !important;
    }
    .newlist .news {
        width: 94%;
        padding: 0.85rem;
    }
.newlist .news img{
        max-width: 100% !important;height: auto !important;
    }

    .newlist .news > h2 {
        font-size: 1.375rem;
        color: #0f2b44;
        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 img {
	width:100%;
	height:100%;
}

    .newlist .fenye p {
        color: #666666;
        font-size: 1rem;
        margin: 1.875rem 0;
    }

        .newlist .fenye p a {
            color: #0f2b44;
        }


.newlist .wangdianlist li {
    background: #FFFFFF;
    border-left: 7px solid #0F2B44;
    padding: 1.5rem;
    margin: 2rem 0;
    position: relative;
    left: 0;
    transition: all 0.5s;
}

    .newlist .wangdianlist li h2 {
        font-size: 1.125rem;
        color: #0f2b44;
        margin-bottom: 1.25rem;
    }

    .newlist .wangdianlist li p {
        font-size: 0.875rem;
        color: #666666;
        line-height: 2rem;
    }

    .newlist .wangdianlist li a {
        color: #0F2B44;
        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: #0F2B44;
        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: #0f2b44;
        }

            .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: #0F2B44;
            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: #0f2b44;
            border-left: 8px solid #0f2b44;
            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;}
.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.zaixian {  background: #0f2b44; color: #FFFFFF; width: 32%;}
.yizhanshifuwu .zixunfangshi a.zaixian .iconfont { margin-right: 0.5rem;}

@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;
                }
.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: 98%;}
.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: 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;
                }

    .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 img{
        max-width: 100% !important;height: auto !important;
    }

        .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: 5.5rem; overflow:hidden;}

    .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: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    }

        .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;}
}
/* 中间弹窗开始 */
  .flex210711{display:flex; -webkit-display:flex;-moz-display:flex;-ms-display:flex;-o-display:flex;}
  .df210711{justify-content:space-between; -webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;}
  .spjz210711{justify-content: center;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;}
  .czjz210711{align-items: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;}
  .column210711{flex-direction: column;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;}
 .mdsize210711{font-size: 21px;line-height: 21px;}
  .smsize210711{font-size: 15px;line-height: 15px;}
  /* 中间弹窗主样式 */
  .yjgb{text-align: right;color: #e5e5e5;}
.bdtishi{padding: 10px 0 0px 0;line-height: 18px; text-align:left;}
.textarer210711{color: #666;border: 1px solid #b5b5b5;margin-bottom: 10px;padding: 5px;}
  .zjtc210711{text-align: center;z-index:999!important;width: 320px;border-radius: 8px;padding: 1px;overflow: hidden;box-shadow: 0px 0px 8px #666;position: fixed;left: 50%;margin-left: -160px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);background: #fff;z-index: 100;display: none;}
  .zjtop210711{height: 45px;background: #e9e9e9;width: 100%;margin: auto;padding: 0 2%;margin-bottom: 18px;color: #000;}
  .zjtop210711 h3{font-weight: lighter;font-size: 18px;line-height: 18px;}
  .zjtopfr210711 img{margin-right: 5px;}
  .zjtopfr210711 p{margin-right: 15px;font-size: 12px;line-height: 12px;color: #5e5d5d;}
  .gbzjtc210711{font-size: 12px;line-height: 15px;color: #fff;padding: 6px;margin-right: 20px;background: #a4a4a4;cursor: pointer;border-radius: 50%;width: 30px;}
  .zjspp210711{margin-bottom: 18px;}
  .zjspp210711 img:nth-child(1){width: 45px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
  .zjspp210711 img:nth-child(2){width: 166px;margin: 0 36px;}
  .zjspp210711 img:nth-child(3){width: 60px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
  .ghfm210711{width: 91%;margin: 0 auto 20px;font-size: 14px;}
  .ghfm210711 input,.ghfm210711 select{border: 1px solid #b5b5b5;margin-bottom: 16px;line-height: 20px;height: 28px;color: #666;text-indent: 4px;outline: none;font-size: 14px;}
  .fm5btn210711 button,.fm5btn210711 a{line-height: 30px;height: 32px;border: 1px solid #191919;text-align: center;display: block;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;border-radius: 6px;}
.fm5btn210711 button{ width: 46%;}

.fm5btn210711 a{ width: 52%;}
  .fm5btn210711 button{background: #191919;color: #fff;outline: none;}
  .fm5btn210711 a{background: #fff;color: #000;}
  .fm5btn210711 button:hover{background: #fff;color: #000;}
  .fm5btn210711 a:hover{background: #191919;color: #fff;}
  .bdtishi{padding: 10px 0 5px 0;font-size: 12px;line-height: 18px;text-align: left;}
  @media (max-width:768px) {.zjtc210711{margin-left: -18%;}}
  @media (max-width:640px) {
  .zjtc210711 {width: 250px;margin-left: -32%;}
  .zjtop210711 h3 {font-size: 13px;line-height: 13px;}
  .zjtopfr210711 img {width: 15px;}
  .gbzjtc210711 {padding: 8px;font-size: 12px;line-height: 10px;width: 26px;}
  .zjtop210711 {height: 36px;margin-bottom: 14px;}
  .zjspp210711 img:nth-child(2) {width: 111px;margin: 0px 20px;}
  .zjspp210711 img:nth-child(1) {width: 33px;}
  .zjspp210711 img:nth-child(3) {width: 40px;}
  .zjspp210711 {margin-bottom: 14px;}
  .ghfm210711 input, .ghfm210711 select {margin-bottom: 6px;line-height: 28px;height: 28px;font-size: 12px;}
  .fm5btn210711 button, .fm5btn210711 a {line-height: 28px;height: 28px;}
  .ghfm210711 {margin: 0 auto 14px;}
  .yjgb{text-align: right;color: #e5e5e5;}
.bdtishi{padding: 10px 0 0px 0;line-height: 18px; text-align:left;}
.textarer210711{font-size: 12px;}}
@media (max-width:414px) {.fm5btn210711 a {font-size: 12px;}.zjtc210711 {width: 225px;margin-left: -27%;}.ghfm210711 input, .ghfm210711 select {height: 26px;}}
@media (max-width:375px) {.zjtc210711 {margin-left: -29%;}}
@media (max-width:320px) {.zjtc210711 {width: 215px;}.ghfm210711 input, .ghfm210711 select {height: 22px;}.ghfm210711 input, .ghfm210711 select {font-size: 12px;}.button210711{font-size: 12px;}.gbzjtc210711 {width: 40px;line-height: 8px;}.zjtc210711 {margin-left: -33%;}}
  /* 中间弹窗结束 */
/* 特别建议开始 */
.icons-wrapper {background-color: #fff;padding: 60px 30px 10px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html.tablet .width-breakpoint {position: relative; margin:0px auto;}
.width-breakpoint { margin:0px auto; position: relative;}
.icn-item {width: 49.2%;position: relative;margin-bottom: 10px;}
.section-content li {position: relative;}
.icn-item .icn-wrapper {position: absolute;top: 0;left: 0;}
.icn-item .text-content {padding-left:122px;box-sizing: border-box;width: 100%; min-height:90px;}
.icn-title {font-size: 16px;color: #00304f;line-height: 26px;font-family: Longines Sans Text;font-weight: 500;}
.icn-description {font-size: 14px;font-family: Longines Sans Text;font-weight: 400;line-height: 21px;}
.tebiejianyi{text-align: center;margin-top: 42px; margin-bottom:24px;}
.tebiejianyi h2{font-size: 36px;color: #00304f;}
@media (max-width: 768px){
.icn-item {float: none;}
.icons-wrapper {padding: 0;}
.icn-item {width: 100%;}
.icn-item .text-content {padding-left:100px; min-height:90px;}
.tebiejianyi h2 {font-size: 18px;margin-bottom: 12px;}}
/* 特别建议结束 */
/*TAG*/
.tagg{padding: 0 50px;}
.tagg a{font-size: 16px;}
.tit {
    color:#163f63;
    text-align: center;
    line-height: 32px;
    font-size: 32px;
    background: url(../images/line.png) no-repeat center;
    margin: 118px 0 68px 0;
}
/*TAG结束*/
  .bannerfont{position: absolute;z-index: 3;left: 60%;top: 20%;color: #ffffff;line-height: 80px;}
   @media screen and (max-width:740px) { .wapnone{display: none;}}
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;
}

.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: 200%;
            display: block;
            margin: 1.3rem 0;
            /*height: 2.0rem;*/
        }

    .header .navbar_nav {
        ;
        width: 70%;
        overflow: hidden;
        margin-left: 10rem;
    }

        .header .navbar_nav li {
            float: left;
            position: relative;
            display: block;
            width: 16%;
            margin: 0 1.6rem;
            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("../img/top.png"/*tpa=http://Guangzhou-Jaeger.zbjsfw.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,1);
}

    .header.on .navbar_nav li:hover a {
        color: #e0c3a3;
    }

.header .phones {
    width: 20%;
}

    .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.6rem;
    }

    .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,1);
        }

            .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 */
.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: #0f2b44; }

.yuyue_right .youshi_1 {
    background: url("../images/yinhao.png"/*tpa=http://Guangzhou-Jaeger.zbjsfw.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; overflow:hidden;}

    .yizhanshifuwu .tizhan_top {
        background: url("../images/fuwu_bg.jpg"/*tpa=http://Guangzhou-Jaeger.zbjsfw.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: 32%;
                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: #0f2b44;
                    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: #0f2b44;
                }

            .yizhanshifuwu .zixunfangshi a.zaixian {
                background: #0f2b44;
                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: #0f2b44;
            border: 1px solid #0f2b44;
            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 li .riqi {
            width: 16%;
            text-align: center;
            border-right: 1px solid #e2e2e2;
            margin-right: 2%;
            padding-right: 2%;
        }

            .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: 46%;
        background: #f5f8fa;
        padding: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    }

        .footer_top .f_left img {
            width: 40%;
            display: block;
            margin: auto;
        }

        .footer_top .f_left > span {
            display: block;
            font-size: 1.125rem;
            color: #0f2b44;
            margin-top: 3rem;
        }

        .footer_top .f_left .phone {
            display: block;
            width: 100%;
            border: none;
            font-weight: bold;
            font-size: 3.125rem;
            font-family: impact;
            color: #0f2b44;
            margin: 1.875rem 0 2.5rem 0;
        }

        .footer_top .f_left .zixun {
            display: block;
            border: 1px solid #0F2B44;
            width: 42%;
            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: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    }

        .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: #0f2b44;
            }

                .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: #0F2B44;
                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: #0f2b44;
                border-left: 8px solid #0f2b44;
                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,#0f2b44,#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"/*tpa=http://Guangzhou-Jaeger.zbjsfw.com/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: #0f2b44;
        border-radius: 5px;
    }

        .ol .on a {
            color: #FFFFFF;
        }

.newlist .news {
    padding: 1.875rem;
    background: #FFFFFF;
    width: 95%;
}
    .newlist .news {
        width: 94%;
        padding: 0.85rem;
    }
.newlist .news img{
        max-width: 100% !important;height: auto !important;
    }
    .newlist .news {
        width: 94%;
        padding: 0.85rem;
    }
.newlist .news img{
        max-width: 100% !important;height: auto !important;
    }

    .newlist .news > h2 {
        font-size: 1.375rem;
        color: #0f2b44;
        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: #0f2b44;
        }


.newlist .wangdianlist li {
    background: #FFFFFF;
    border-left: 7px solid #0F2B44;
    padding: 1.5rem;
    margin: 2rem 0;
    position: relative;
    left: 0;
    transition: all 0.5s;
}

    .newlist .wangdianlist li h2 {
        font-size: 1.125rem;
        color: #0f2b44;
        margin-bottom: 1.25rem;
    }

    .newlist .wangdianlist li p {
        font-size: 0.875rem;
        color: #666666;
        line-height: 2rem;
    }

    .newlist .wangdianlist li a {
        color: #0F2B44;
        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: #0F2B44;
        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: #0f2b44;
        }

            .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: #0F2B44;
            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: #0f2b44;
            border-left: 8px solid #0f2b44;
            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;
                }
.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: 98%;}
.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: 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;
                }

    .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 img{
        max-width: 100% !important;height: auto !important;
    }
	 .newlist .news img{
        width: 100% !important;
		height:100% !important;
    }

        .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: 5.5rem; overflow:hidden;}

    .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: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    }

        .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;
    }
}
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;
}


.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%;
    background: rgba(0,0,0,1);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    color: #FFFFFF;
}

    .header a {
        color: #ffffff;
    }

    /*左侧logo*/
    .header .nav > a {
        width: 20%;
    }

    .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: 0;
        }
        .header .nav img:nth-child(1),.header .nav img:nth-child(3) {width: 20%;}
        .header .nav img:nth-child(2) {width: 40%;}

    .header .navbar_nav {
        width: 50%;
        overflow: hidden;
        margin-left: 0;
    }

        .header .navbar_nav li {
            float: left;
            position: relative;
            display: block;
            width: 16%;
            margin: 0 1.6rem;
            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("../img/top.png"/*tpa=http://Guangzhou-Jaeger.zbjsfw.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,1);
}

    .header.on .navbar_nav li:hover a {
        color: #e0c3a3;
    }

.header .phones {
    width: 24%;
}

    .header .phones > p {
        text-align: left;
        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.6rem;
    }

    .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,1);
        }

            .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: 1.5rem;
            }

                .header #navToggle span:before,
                .header #navToggle span:after {
                    content: '';
                    position: relative;
                    width: 100%;
                    height: 1px;
                    left: 0;
                }

        .header .logo {
            width: 30%;
            display: block;
            float: left;
            margin: 0.5rem 0.8rem;
        }

            .header .logo img {
                width: 80%;
            }
        .header .logo img:nth-child(1),.header .logo img:nth-child(3) {width: 20%;}
        .header .logo img:nth-child(2) {width: 40%;}

        .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;}
}
@media screen and (max-width: 640px) {.header #navToggle span {margin-top: 1rem;}}
@media screen and (max-width: 430px) {.header .logo {width: 33%;}}

.container { width: 100%; max-width: 1440px; margin: 0 auto; overflow: hidden;}

/* banner */
.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: #0f2b44; }
.yuyue_right .youshi_1 { background: url("../images/yinhao.png"/*tpa=http://Guangzhou-Jaeger.zbjsfw.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:auto; }
.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; overflow:hidden;}

    .yizhanshifuwu .tizhan_top {
        background: url("../images/fuwu_bg.jpg"/*tpa=http://Guangzhou-Jaeger.zbjsfw.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: 32%;
                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: #0f2b44;
                    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: #0f2b44;
                }

            .yizhanshifuwu .zixunfangshi a.zaixian {
                background: #0f2b44;
                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: #0f2b44;
            border: 1px solid #0f2b44;
            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 li .riqi {
            width: 16%;
            text-align: center;
            border-right: 1px solid #e2e2e2;
            margin-right: 2%;
            padding-right: 2%;
        }

            .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: #0f2b44;
    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: 46%;
        background: #f5f8fa;
        padding: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    }

        .footer_top .f_left img {
            width: 40%;
            display: block;
            margin: auto;
        }

        .footer_top .f_left > span {
            display: block;
            font-size: 1.125rem;
            color: #0f2b44;
            margin-top: 3rem;
        }

        .footer_top .f_left .phone {
            display: block;
            width: 100%;
            border: none;
            font-weight: bold;
            font-size: 3.125rem;
            font-family: impact;
            color: #0f2b44;
            margin: 1.875rem 0 2.5rem 0;
        }

        .footer_top .f_left .zixun {
            display: block;
            border: 1px solid #0F2B44;
            width: 42%;
            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: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    }

        .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: #0f2b44;
            }

                .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: #0F2B44;
                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: #0f2b44;
                border-left: 8px solid #0f2b44;
                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,.footer > div.footeryu01 {color: #ffffff; font-size: 0.875rem; margin: 3rem auto; opacity: 0.5; text-align: center;}
.footeryu01 h3{ font-size:20px;color: #fff;margin-bottom: 10px;text-align: center;}
.footeryu01 span,.footeryu01 a{ color: #fff; text-align: center;}

.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,#0f2b44,#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"/*tpa=http://Guangzhou-Jaeger.zbjsfw.com/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: #0f2b44;
        border-radius: 5px;
    }

        .ol .on a {
            color: #FFFFFF;
        }

.newlist .news {
    padding: 1.875rem;
    background: #FFFFFF;
    width: 95%;
}
    .newlist .news {
        width: 94%;
        padding: 0.85rem;
    }
.newlist .news img{
        max-width: 100% !important;height: auto !important;
    }
    .newlist .news {
        width: 94%;
        padding: 0.85rem;
    }
.newlist .news img{
        max-width: 100% !important;height: auto !important;
    }

    .newlist .news > h2 {
        font-size: 1.375rem;
        color: #0f2b44;
        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: #0f2b44;
        }


.newlist .wangdianlist li {
    background: #FFFFFF;
    border-left: 7px solid #0F2B44;
    padding: 1.5rem;
    margin: 2rem 0;
    position: relative;
    left: 0;
    transition: all 0.5s;
}

    .newlist .wangdianlist li h2 {
        font-size: 1.125rem;
        color: #0f2b44;
        margin-bottom: 1.25rem;
    }

    .newlist .wangdianlist li p {
        font-size: 0.875rem;
        color: #666666;
        line-height: 2rem;
    }

    .newlist .wangdianlist li a {
        color: #0F2B44;
        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: #0F2B44;
        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: #0f2b44;
        }

            .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: #0F2B44;
            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: #0f2b44;
            border-left: 8px solid #0f2b44;
            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;
                }

.project ul li .jieshao .jieshao_left { width: 100%; }
.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: 98%; }

.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: #0f2b44;
        width: 100%;
        z-index: 999999999;
    }

        .m_fixed ul {
            overflow: hidden;
        }

            .m_fixed ul li {
                font-size: 1.15rem;
                text-align: center;
                width: 32.2%;
                border-right: 1px solid white;
                float: left;
                color: white;
                height: 55px;
                line-height: 55px;
                background: #0f2b44;
            }

                .m_fixed ul li:last-child {
                    width: 32.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 img{
        max-width: 100% !important;height: auto !important;
    }
    .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; overflow:hidden;}
    .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: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.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;}
}
/* 中间弹窗开始 */
  .flex210711{display:flex; -webkit-display:flex;-moz-display:flex;-ms-display:flex;-o-display:flex;}
  .df210711{justify-content:space-between; -webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;}
  .spjz210711{justify-content: center;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;}
  .czjz210711{align-items: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;}
  .column210711{flex-direction: column;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;}
  .mdsize210711{font-size: 21px;line-height: 21px;}
  .smsize210711{font-size: 15px;line-height: 15px;}
  /* 中间弹窗主样式 */
  .yjgb{text-align: right;color: #e5e5e5;}
.bdtishi{padding: 10px 0 0px 0;line-height: 18px; text-align:left;}
.textarer210711{color: #666;border: 1px solid #b5b5b5;margin-bottom: 10px;padding: 5px;}
  .zjtc210711{text-align: center;z-index:999!important;width: 320px;border-radius: 8px;padding: 1px;overflow: hidden;box-shadow: 0px 0px 8px #666;position: fixed;left: 50%;margin-left: -160px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);background: #fff;z-index: 100;display: none;}
  .zjtop210711{height: 45px;background: #e9e9e9;width: 100%;margin: auto;padding: 0 2%;margin-bottom: 18px;color: #000;}
  .zjtop210711 h3{font-weight: lighter;font-size: 18px;line-height: 18px;}
  .zjtopfr210711 img{margin-right: 5px;}
  .zjtopfr210711 p{margin-right: 15px;font-size: 12px;line-height: 12px;color: #5e5d5d;}
  .gbzjtc210711{font-size: 12px;line-height: 15px;color: #fff;padding: 6px;margin-right: 20px;background: #a4a4a4;cursor: pointer;border-radius: 50%;width: 30px;}
  .zjspp210711{margin-bottom: 18px;}
  .zjspp210711 img:nth-child(1){width: 45px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
  .zjspp210711 img:nth-child(2){width: 166px;margin: 0 36px;}
  .zjspp210711 img:nth-child(3){width: 60px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
  .ghfm210711{width: 91%;margin: 0 auto 20px;font-size: 14px;}
  .ghfm210711 input,.ghfm210711 select{border: 1px solid #b5b5b5;margin-bottom: 16px;line-height: 20px;height: 28px;color: #666;text-indent: 4px;outline: none;font-size: 14px;}
  .fm5btn210711 button,.fm5btn210711 a{line-height: 30px;height: 32px;border: 1px solid #191919;text-align: center;display: block;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;border-radius: 6px;}
.fm5btn210711 button{ width: 46%;}

.fm5btn210711 a{ width: 52%;}
  .fm5btn210711 button{background: #191919;color: #fff;outline: none;}
  .fm5btn210711 a{background: #fff;color: #000;}
  .fm5btn210711 button:hover{background: #fff;color: #000;}
  .fm5btn210711 a:hover{background: #191919;color: #fff;}
  .bdtishi{padding: 10px 0 5px 0;font-size: 12px;line-height: 18px;text-align: left;}
  @media (max-width:768px) {.zjtc210711{margin-left: -18%;}}
  @media (max-width:640px) {
  .zjtc210711 {width: 250px;margin-left: -32%;}
  .zjtop210711 h3 {font-size: 13px;line-height: 13px;}
  .zjtopfr210711 img {width: 15px;}
  .gbzjtc210711 {padding: 8px;font-size: 12px;line-height: 10px;width: 26px;}
  .zjtop210711 {height: 36px;margin-bottom: 14px;}
  .zjspp210711 img:nth-child(2) {width: 111px;margin: 0px 20px;}
  .zjspp210711 img:nth-child(1) {width: 33px;}
  .zjspp210711 img:nth-child(3) {width: 40px;}
  .zjspp210711 {margin-bottom: 14px;}
  .ghfm210711 input, .ghfm210711 select {margin-bottom: 6px;line-height: 28px;height: 28px;font-size: 12px;}
  .fm5btn210711 button, .fm5btn210711 a {line-height: 28px;height: 28px;}
  .ghfm210711 {margin: 0 auto 14px;}
  .yjgb{text-align: right;color: #e5e5e5;}
.bdtishi{padding: 10px 0 0px 0;line-height: 18px; text-align:left;}
.textarer210711{font-size: 12px;}}
@media (max-width:414px) {.fm5btn210711 a {font-size: 12px;}.zjtc210711 {width: 225px;margin-left: -27%;}.ghfm210711 input, .ghfm210711 select {height: 26px;}}
@media (max-width:375px) {.zjtc210711 {margin-left: -29%;}}
@media (max-width:320px) {.zjtc210711 {width: 215px;}.ghfm210711 input, .ghfm210711 select {height: 22px;}.ghfm210711 input, .ghfm210711 select {font-size: 12px;}.button210711{font-size: 12px;}.gbzjtc210711 {width: 40px;line-height: 8px;}.zjtc210711 {margin-left: -33%;}}
  /* 中间弹窗结束 */
/* 特别建议开始 */
.icons-wrapper {background-color: #fff;padding: 60px 30px 10px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html.tablet .width-breakpoint {position: relative; margin:0px auto;}
.width-breakpoint {position: relative; margin:0px auto;}
.icn-item {width: 49.2%;position: relative;margin-bottom: 10px;}
.section-content li {position: relative;}
.icn-item .icn-wrapper {position: absolute;top: 0;left: 0;}
.icn-item .text-content {padding-left:122px;box-sizing: border-box;width: 100%; min-height:90px;}
.icn-title {font-size: 16px;color: #00304f;line-height: 26px;font-family: Longines Sans Text;font-weight: 500;}
.icn-description {font-size: 14px;font-family: Longines Sans Text;font-weight: 400;line-height: 21px;}
.tebiejianyi{text-align: center;margin-top: 42px; margin-bottom:24px;}
.tebiejianyi h2{font-size: 36px;color: #00304f;}
@media (max-width: 768px){
.icn-item {float: none;}
.width-breakpoint { margin:0px auto;}
.icons-wrapper {padding: 0;}
.icn-item {width: 100%;}
.icn-item .text-content {padding-left:100px; min-height:90px;}
.tebiejianyi h2 {font-size: 18px;margin-bottom: 12px;}}
/* 特别建议结束 */
/*TAG*/
.tagg{padding: 0 50px;}
.tagg a{font-size: 16px;}
.tit { color:#163f63; text-align: center; line-height: 32px; font-size: 32px; background: url(../images/line.png) no-repeat center; margin: 118px 0 68px 0;}
/*TAG结束*/
.bannerfont{position: absolute;z-index: 3;left: 20%;top: 20%;color: #ffffff;line-height: 80px;}
@media screen and (max-width:740px) { .wapnone{display: none;}}
.zdh1{font-size:28px}
.iconfont icon-dianhua1{font-size: 1.25rem;margin-right: 0.5rem}
.font-weight{font-weight: bold;font-size: 1.625rem;margin-left: 0.5rem;}
.li1{background: #0f2b44;}
.li2{background: #1b4972;}
.li3{background: #999999;}
/* 友情链接 */
.yqwrap{padding: 30px 0;background: #f0efeb; margin:36px auto 0px;}
.yqwrap p{margin-bottom: 18px;font-size: 21px;line-height: 23px;}
.yqul li{margin-right: 30px;}
.yqul li a{margin-bottom: 11px;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;}
.yqul li a:hover{color: #c8a21d;}

@media (max-width:1200px) {
	.yqwrap {padding: 21px 0;}
	.yqwrap p {margin-bottom: 13px;font-size: 18px;line-height: 19px;}
	.yqul li a {margin-bottom: 8px;}
}
@media (max-width:640px) {
	.yqul li {margin-right: 21px;}
}
@media (max-width:1200px) {
	.w1200{width: 96%;}
	.lgsize{font-size: 28px;line-height: 28px;}
	.mdsize{font-size: 21px;line-height: 21px;}
	.smsize{font-size: 13px;line-height: 13px;}
	.mb100 {margin-bottom: 50px;}
	.mb80{margin-bottom: 42px;}
	.mb50 {margin-bottom: 30px;}
}
@media (max-width:640px) {
	.lgsize{font-size: 20px;line-height: 20px;}
	.mdsize{font-size: 17px;line-height: 17px;}
	.smsize{font-size: 12px;line-height: 12px;}
	.sjpcimg img:nth-child(1){display: none;}
	.sjpcimg img:nth-child(2){display: block;}
	.mb100 {margin-bottom: 23px;}
	.mb80 {margin-bottom: 26px;}
	.mb50 {margin-bottom: 18px;}
	.sjshow{display: flex;}
	.pcshow{display: none;}
	.sjblock{display: block;}
	.pcblock{display: none;}
}
.zhb1{font-size: 50px;font-weight: bold;}
.zhb2{font-size: 60px;font-weight: bold;}
.zhb3{letter-spacing: 12px;text-transform: uppercase;color: #9c9c9c;}
.zhb4{border-bottom: 4px solid;width: 50px;}
.zhb5{background: #fff;color: #102e49;padding: 6px 20px;}
.zhb6{font-weight:narmal;}
.zhb7{font-size:30px;}
.zhb8 .zhb9 .zhb10{color:#fff;}