* {

    margin: 0;

    padding: 0;

}



body {

    margin: 0 auto;

    width: 100%;

    background: #fff;

    font-style: normal;

    font-variant: normal;

    font-size: 14px;

    color: #555;

    font-family: "Microsoft Yahei","Arial";

}



h1, h2, h3 {

    font-family: "Microsoft Yahei";

    font-weight: 400;

}



dl, ol, ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



:focus {

    outline: 0;

}



a img {

    border: 0;

}



i, em {

    font-style: normal;

}



a {

    color: #0345af;

    text-decoration: none;

}



img {

    vertical-align: middle;

}



table {

    empty-cells: show;

}



input {

    vertical-align: middle;

}



.m-show {

    display: none;

}



.mtopxk {

    margin-top: 20px;

}



.mtop23 {

    margin-top: 18px;

}



.mtop20 {

    margin-top: 21px;

}



.pad15 {

    padding: 15px 13px;

}



.mtop36 {

    margin-top: 36px;

}



.mbot30 {

    margin-bottom: 35px;

}



.mtop10 {

    margin-top: 10px;

}



.ptop20 {

    padding-top: 30px;

}



.mtop15 {

    margin-top: 15px;

}



.h160 {

    height: 95px;

}



.h1000 {

    min-height: 700px;

}



.cor99 {

    color: #999;

}



.wrapper_sub {

    margin: 0 auto;

    width: 1200px;

}



.wrapper {

    margin: 0 auto;

    width: 100%;

}



.clearBox {

    clear: both;

    display: block;

    overflow: hidden;

}



.hearder {

    height: 27px;

    border-bottom: 1px solid #ddd;

    line-height: 27px;

}



.cl_box a, .cl_box span {

    color: #999;

    font-size: 14px;

    display: inline-block;

}



.l {

    float: left;

}



.r {

    float: right;

}



.hearder .r a {

    padding: 0 7px;

    color: #999;

}



    .hearder .r a:hover {

        color: #333;

    }



.hearder .l {

    color: #999;

}



.nav {

    height: 55px;

    background-color: #0345af;

    line-height: 55px;

    margin-top: 5px;

}



    .nav li {

        float: left;

        width: 12.5%;

        text-align: center;

        font-size: 16px;

    }



        .nav li a {

            display: inline-block;

            width: 100%;

            color: #fff;

        }



            .nav li a.li0 {

                background: #ffcc00;

                color: #333;

            }



            .nav li a:hover {

                background: #ffcc00;

                color: #333;

            }



.clear {

    clear: both;

    height: 0px;

}



.center {

    text-align: center;

}

/*index*/

.top {

    height: 80px;

}



.banner {

    height: 420px;

}



    .banner a {

        position: absolute;

        top: 130px;

        left: 0;

        width: 100%;

        height: 420px;

        background-position: 50% 0;

        background-repeat: no-repeat;

        opacity: 0;

        filter: alpha(opacity=0);

    }



/*new banner*/

.banner_wrap {

    max-width: 1920px;

    margin: 0 auto;

    position: relative;

    overflow: hidden;

}



#banner0 {

    position: relative;

    z-index: 1;

    overflow: hidden;

}



#loading {

    position: relative;

    width: 100%;

    z-index: 99999;

    background: #000;

}



    #loading img {

        display: block;

        width: 31px;

        height: 31px;

        position: absolute;

    }



#bannerin {

    position: relative;

    font-size: 0px;

    width: 100%;

    overflow: hidden;

}



    #bannerin ul {

        position: absolute;

    }



    #bannerin li {

        float: left;

    }



    #bannerin img {

        width: 100%;

        cursor: pointer;

        height: auto;

    }



#scrollin {

    position: absolute;

    bottom: 5%;

    height: 16px;

}



    #scrollin span {

        float: left;

        background: url(../Images/dot.png) no-repeat 0 -16px;

        width: 16px;

        height: 16px;

        cursor: pointer;

        margin: 0 5px;

        display: inline-block;

    }



    #scrollin .on {

        background: url(../Images/dot.png) no-repeat 0 0;

    }



#arrowin {

    width: 100%;

    overflow: hidden;

}



    #arrowin ul {

        width: 100%;

    }



    #arrowin li {

        position: absolute;

        width: 16%;

        height: 100%;

        top: 0;

        z-index: 22;

    }



.arrow_left {

    left: 0;

}



.arrow_right {

    right: 0;

}



#arrowin a {

    position: absolute;

    z-index: 10;

    display: block;

    width: 60px;

    height: 90px;

    opacity: 1;

    transition: margin 300ms cubic-bezier(0.23, 1, 0.32, 1);

    -webkit-transition: margin 300ms cubic-bezier(0.23, 1, 0.32, 1);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



#banner0 .fadein .fn-left {

    margin-left: 0;

    background: url(../Images/ad_ctr.png) no-repeat 0 0;

}



#banner0 .fadein .fn-right {

    margin-right: 0;

    background: url(../Images/ad_ctr.png) no-repeat 0 -90px;

}



#arrowin .fn-left {

    background: url(../Images/ad_ctr.png) no-repeat 0 0;

    left: 0;

}



#arrowin .fn-right {

    background: url(../Images/ad_ctr.png) no-repeat 0 -90px;

    right: 0;

}



.index_rtext {

    width: 700px;

}



    .index_rtext h1 {

        margin: 10px 0;

        font-weight: bolder;

        font-size: 1pc;

    }



    .index_rtext font {

        float: left;

        display: inline-block;

        padding: 5px;

        background: #ccc;

        color: #333;

        font-size: 14px;

        line-height: 26px;

    }



    .index_rtext span {

        float: left;

        display: inline-block;

        margin-left: 10px;

        width: 60px;

        text-align: center;

        line-height: 21px;

    }



    .index_rtext p {

        margin-bottom: 10px;

        color: #565656;

        line-height: 21px;

    }



    .index_rtext .wliao {

        padding: 10px 0 0;

        border-top: 1px dotted #ddd;

    }



        .index_rtext .wliao a {

            color: #666;

        }



    .index_rtext a.guhua, .index_rtext a.xunjia {

        display: inline-block;

        margin-right: 15px;

        padding: 7px 21px;

        background: #d71e2f;

        color: #fff;

        font-size: 14px;

    }



    .index_rtext a.xunjia {

        background: #a5a5a5;

    }



.banner-box {

    position: relative;

    overflow: hidden;

    width: 100%;

}



    .banner-box .bd {

        margin: 0 auto;

    }



        .banner-box .bd li .m-width {

            overflow: hidden;

            margin: 0 auto;

        }



.m-width a img {

    width: 100%;

}



.banner-box .bd li a {

    display: block;

    background-size: auto;

}



.banner-box a.prev, .banner-box a.next {

    position: absolute;

    top: 50%;

    margin: -52px 0 0;

    display: block;

    width: 49px;

    height: 104px;

    opacity: 0.4;

    filter: alpha(opacity=40);

    -moz-opacity: 0.4;

    -khtml-opacity: 0.4;

}



.banner-box a.prev {

    left: 0;

    background: url(../Images/foot.png) no-repeat 0 0;

}



.banner-box a.next {

    right: 0;

    background: url(../Images/foot.png) no-repeat -49px 0;

}



.banner-box .hd {

    width: 100%;

    position: absolute;

    bottom: 10px;

    text-align: center;

    font-size: 0;

}



    .banner-box .hd li {

        margin-right: 20px;

        width: 9pt;

        height: 9pt;

        border-radius: 50%;

        -moz-border-radius: 50%;

        -webkit-border-radius: 50%;

        background: #ccc;

        text-indent: -9999px;

        cursor: pointer;

        display: inline-block;

        zoom: 1;

    }



        .banner-box .hd li.on {

            background: #0345af;

        }



.product_pro {

    width: 100%;

    text-align: center;

}



.ilan-t {

    background: url(../Images/il_xian.gif) repeat-x center;

    text-align: center;

    color: #222;

    font-weight: bold;

    margin: 50px 0 20px;

}



    .ilan-t a {

        display: inline-block;

        background: #fff;

        padding: 0 20px;

        font-size: 36px;

    }



.inew-t a {

    background: #f1f1f1;

}



.ilan-t a i {

    color: #0345af;

}



.ilan-sum {

    font-size: 18px;

    color: #999;

    text-align: center;

    margin-bottom: 30px;

}



.full-row {

    width: 100%;

    transition: .2s width ease;

}



ul {

    padding-left: 0;

    list-style-type: none;

}



.pr {

    position: relative;

}



a {

    color: inherit;

}



.cen-pro {

    width: 1200px;

    margin: 0 auto;

}



    .cen-pro .list .tit {

        background: url(../Images/black.4.png) repeat 0 0;

        position: absolute;

        bottom: 0;

        left: 0;

        right: 0;

        font-size: 16px;

        font-weight: normal;

        color: #fff;

        padding: 10px 5%;

        opacity: 1;

        filter: alpha(opacity=100);

    }



        .cen-pro .list .tit a {

            color: #fff;

        }



.pr {

    position: relative;

}



.cen-pro li.last {

    background-color: #0345af;

    padding-bottom: 9999px;

    margin-bottom: -9999px;

}



.full-row .list {

    width: 31%;

    margin: 1%;

}



    .full-row .list:hover .tit, .inews-img:hover ._title, .ianli-1 li:hover .tittle, .ianli-2 li:hover .tittle {

        background: rgba(0,0,0,0.8);

    }



.full-row .last i {

    width: 70%;

    padding: 20px 15%;

    display: block;

}



.cen-pro .last .box {

    margin: 10%;

    color: #fff;

    border: 1px solid #fff;

}



    .cen-pro .last .box a {

        color: #fff;

        font-size: 24px;

        margin-bottom: 30px;

        display: block;

    }



.pr {

    position: relative;

}



.oh {

    overflow: hidden;

}



.pa {

    position: absolute;

}



/*i-news*/

.inews {

    background: #f1f1f1;

    margin-top: 50px;

    margin-bottom: 50px;

    padding: 1px 0 50px;

}



.inews-img {

    width: 48%;

    float: left;

}



    .inews-img ._date {

        width: 110px;

        height: 95px;

        background: #0345af;

        color: #fff;

        position: absolute;

        text-align: center;

    }



        .inews-img ._date ._d1 {

            font-size: 48px;

            line-height: 50px;

            margin-top: 8px;

        }



        .inews-img ._date span {

            display: block;

            font-size: 18px;

        }



    .inews-img ._title {

        position: absolute;

        bottom: 0;

        text-align: center;

        font-size: 16px;

        color: #fff;

        left: 0;

        right: 0;

        line-height: 38px;

        display: block;

        background: url(../Images/black.4.png) repeat 0 0;

    }



.inews-new {

    width: 48%;

    float: right;

}



    .inews-new li {

        border-bottom: 1px dashed #bbb;

        padding: 16px 0;

        width: 100%;

        overflow: hidden;

    }



        .inews-new li._first ._name {

            font-size: 24px;

            font-weight: normal;

            line-height: 30px;

            margin-bottom: 10px;

        }



        .inews-new li ._title {

            float: left;

            width: 70%;

            overflow: hidden;

            white-space: nowrap;

            text-overflow: ellipsis;

        }



            .inews-new li ._title a {

                color: #555;

            }



        .inews-new li ._date {

            float: right;

        }



        .inews-new li :hover h3 {

            color: #0345af;

        }



/*i-produtc*/

.ianli-1 {

    margin-bottom: 24px;

}



    .ianli-1 li {

        float: left;

        width: 31%;

        margin: 0 1%;

        position: relative;

    }



        .ianli-1 li .tittle, .ianli-2 li .tittle {

            font-size: 16px;

            position: absolute;

            bottom: 0;

            left: 0;

            right: 0;

            line-height: 38px;

            color: #fff;

            text-align: center;

            background: url(../Images/black.4.png) repeat 0 0;

        }



.ianli-2 li {

    float: left;

    width: 14.5%;

    margin: 0 1%;

    position: relative;

}



    .ianli-2 li.first {

        background: #0345af;

        text-align: center;

        padding-bottom: 28px;

        margin-bottom: -28px;

    }



        .ianli-2 li.first i {

            display: block;

            width: 50%;

            padding: 25px 25% 10px;

        }



        .ianli-2 li.first a {

            font-size: 22px;

            color: #fff;

        }



/*i-about*/

.ablist li {

    width: 23.2%;

    margin: 0 0.9%;

    float: left;

}



._border {

    display: block;

    height: 230px;

    border: 1px solid #ddd;

    background: #fff;

    text-align: center;

}



    ._border:hover {

        background: #0345af;

        border: none;

    }



        ._border:hover .abtitle, ._border:hover .absum {

            color: #fff;

        }



.ablist li .abtitle {

    font-size: 18px;

    position: relative;

    padding-bottom: 10px;

    margin-bottom: 10px;

    color: #555;

}



    .ablist li .abtitle:after {

        content: '';

        display: block;

        width: 36px;

        height: 2px;

        background: #ffcc00;

        position: absolute;

        bottom: 0px;

        left: 50%;

        margin-left: -18px;

    }



.ablist li .absum {

    font-size: 14px;

    color: #888;

    line-height: 20px;

}



.ablist li .about-i {

    display: inline-block;

    width: 90px;

    height: 80px;

    background-repeat: no-repeat;

    overflow: hidden;

    margin-top: 30px;

    margin-bottom: 10px;

}



.ablist li .about-1 {

    background-image: url(/images/about-1.png);

}



.ablist li .about-2 {

    background-image: url(/images/about-2.png);

}



.ablist li .about-3 {

    background-image: url(/images/about-3.png);

}



.ablist li .about-4 {

    background-image: url(/images/about-4.png);

}



._border:hover .about-1 {

    background-image: url(/images/about-11.png);

}



._border:hover .about-2 {

    background-image: url(/images/about-22.png);

}



._border:hover .about-3 {

    background-image: url(/images/about-33.png);

}



._border:hover .about-4 {

    background-image: url(/images/about-44.png);

}



/*footer*/

.footer {

    margin-top: 50px;

    padding-top: 50px;

    background: #0345af;

    color: #ccc;

    line-height: 26px;

}



    .footer .dl {

        float: left;

        width: 15.9%;

        margin-bottom: 30px;

    }



        .footer .dl .dt {

            font-size: 20px;

            font-weight: bold;

            margin-bottom: 20px;

        }



            .footer .dl .dt a {

                color: #fff;

            }



        .footer .dl .dd a {

            color: #ccc;

        }



        .footer .dl.last {

            width: 20.3%;

        }



            .footer .dl.last .dd {

                margin-bottom: 18px;

            }



            .footer .dl.last strong {

                font-size: 20px;

                color: #ffcc00;

            }



.footer2 p.r a {

    color: #ccc;

}



.footer2 {

    border-top: 1px solid #555;

}



    .footer2 p {

        line-height: 60px;

    }



.footer a:hover {

    color: #fff;

}



/*index over*/

.weizhi {

    margin: 15px 0;

    padding-bottom: 4px;

    border-bottom: 1px solid #ddd;

    font-size: 9pt;

}



    .weizhi a, .weizhi span {

        padding: 0 3px;

        color: #777;

    }



.pagel {

    width: 77%;

}



.news_pagel {

    width: 75%;

}



.pagel_m {

    width: 75%;

}



    .pagel_m .title {

        font-size: 28px;

        color: #333;

        font-weight: bold;

        margin-bottom: 30px;

    }



.pager2 .title.hui {

    height: 2pc;

    background: #ddd;

    line-height: 2pc;

}



.pagel_m .listpor {

    overflow: hidden;

}



    .pagel_m .listpor li {

        float: left;

        margin: 10px 0.9%;

        text-align: center;

        width: 30%;

    }



.pagel .title {

    margin: 15px 0 20px 0;

    color: #0345af;

    font-size: 18px;

}



.pagel .listpor {

    overflow: hidden;

    padding-right: 3%;

}



.page-pl {

    width: 100%;

}



    .page-pl .title {

        font-size: 28px;

        color: #333;

        font-weight: bold;

        margin-bottom: 30px;

    }



    .page-pl .listpor p {

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

    }



    .page-pl .listpor li {

        float: left;

        margin: 0 0.8% 20px;

        width: 30%;

    }



        .page-pl .listpor li:hover a {

            color: #0345af;

        }



.pager {

    width: 23%;

    margin-top: 20px;

}



    .pager .title {

        background:;

        height: 50px;

        color: #fff;

        padding-left: 60px;

        font-weight: bold;

        font-size: 20px;

        line-height: 50px;

    }



        .pager .title a {

            color: #fff;

        }



    .pager .hui1 {

        background: url(../Images/icon-pr1.png) #0345af no-repeat 15px center;

    }



    .pager .hui {

        background: url(../Images/icon-pr2.png) #0345af no-repeat 15px center;

    }



    .pager .prorlist {

        background: #f5f5f5;

        padding: 5px 0;

    }



        .pager .prorlist li {

            border-bottom: 1px solid #fff;

            width: 100%;

            line-height: 38px;

        }



            .pager .prorlist li a {

                padding-left: 50px;

                color: #333;

                font-size: 15px;

            }



                .pager .prorlist li a:hover {

                    color: #0345af;

                }



    .pager .lintitle {

        margin: 15px 0 9px;

        font-weight: bolder;

        font-size: 1pc;

    }



        .pager .lintitle a {

            color: #d71d2e;

        }



    .pager .anli p {

        color: #999;

        line-height: 23px;

    }



        .pager .anli p.first {

            padding-top: 7px;

            border-top: 1px dotted #ddd;

        }



    .pager .anli a {

        color: #333;

        font-size: 14px;

    }



        .pager .anli a strong {

            color: #333;

        }



        .pager .anli a:hover {

            text-decoration: underline;

        }



    .pager .anli img {

        margin-bottom: 9px;

    }



    .pager .anli strong {

        color: #666;

        font-weight: 400;

    }

/*product*/

.product, .product h1 {

    text-align: center;

}



    .product h1 {

        margin: 20px 0 11px;

        font-size: 26px;

    }



    .product div, .product p, .product span, .product strong {

        text-align: left;

    }



    .product table {

        margin-bottom: 25px;

    }



.mtopxk .pager {

    margin-top: 20px;

}



    .mtopxk .pager a {

        color: #fff;

    }

/*product over*/

/*news begin*/

.pageneic {

    margin: 15px 0;

    padding: 0 9px;

    border-right: 0;

    border-left: 0;

    color: #777;

    line-height: 36px;

    background: #f1f1f1;

}



    .pageneic, .pageneic a {

        font-size: 14px;

    }



        .pageneic a {

            color: #444;

        }



.new .cone-tel {

    float: left;

    width: 50%;

    line-height: 40px;

    padding-left: 2%;

}



    .new .cone-tel a {

        font-size: 22px;

        color: #0345af;

    }



.cone-emai {

    float: right;

    width: 46%;

}



    .cone-emai .quote, .cone-emai .online {

        cursor: hand;

        cursor: pointer;

        display: block;

        padding: 0 8%;

        text-align: center;

        margin-bottom: 0;

    }



    .cone-emai span, .cone-emai span {

        display: block;

        padding-left: 30px;

        line-height: 40px;

        color: #fff;

    }



    .cone-emai .quote {

        background: #0345af;

        margin-right: 20px;

    }



        .cone-emai .quote:hover {

            background: #0054db;

        }



    .cone-emai .online {

        background: #333;

    }



        .cone-emai .online:hover {

            background: #666;

        }



    .cone-emai .quote span {

        background: url(../Images/icon-sq.png) no-repeat 0 center;

    }



    .cone-emai .online span {

        background: url(../Images/icon-jd.png) no-repeat 0 center;

    }

/*news over*/

/*newlist begin*/

.newlist {

    padding: 0 15px 0 35px;

}



    .newlist li {

        clear: both;

        display: block;

        overflow: hidden;

        padding: 20px 0 10px;

        border-bottom: 1px dashed #dbdbdb;

        line-height: 31px;

    }



        .newlist li a {

            display: block;

            color: #444;

            font-size: 18px;

        }



        .newlist li span {

            color: #999;

        }



        .newlist li a:hover {

            color: #0345af;

            text-decoration: underline;

        }



.digg.none {

    border: none;

}



.digg {

    clear: both;

    display: block;

    overflow: hidden;

    font-family: Arial,Helvetica,sans-serif;

    PADDING-RIGHT: 3px;

    PADDING-LEFT: 3px;

    PADDING-BOTTOM: 10px;

    MARGIN: 3px;

    PADDING-TOP: 20px;

    TEXT-ALIGN: center;

}



    .digg A {

        BORDER-RIGHT: #ccc 1px solid;

        PADDING-RIGHT: 10px;

        BORDER-TOP: #ccc 1px solid;

        PADDING-LEFT: 10px;

        PADDING-BOTTOM: 5px;

        MARGIN: 2px;

        BORDER-LEFT: #ccc 1px solid;

        COLOR: #0345af;

        PADDING-TOP: 5px;

        BORDER-BOTTOM: #ccc 1px solid;

        TEXT-DECORATION: none;

    }



        .digg A:active, .digg A:hover {

            BORDER: #0345af 1px solid;

        }



    .digg span.current {

        BORDER-RIGHT: #0345af 1px solid;

        BORDER-TOP: #0345af 1px solid;

        FONT-WEIGHT: bold;

        BORDER-LEFT: #0345af 1px solid;

        COLOR: #fff;

        BORDER-BOTTOM: #0345af 1px solid;

        BACKGROUND-COLOR: #0345af;

    }



    .digg SPAN.disabled, .digg span.current {

        PADDING-RIGHT: 10px;

        PADDING-LEFT: 10px;

        PADDING-BOTTOM: 5px;

        MARGIN: 2px;

        PADDING-TOP: 5px;

    }



    .digg SPAN.disabled {

        BORDER-RIGHT: #eee 1px solid;

        BORDER-TOP: #eee 1px solid;

        BORDER-LEFT: #eee 1px solid;

        COLOR: #ddd;

        BORDER-BOTTOM: #eee 1px solid;

    }



.new {

    color: #666;

    font-size: 14px;

    line-height: 30px;

}



    .new h1, .new h2, .new h3 {

        text-align: left;

    }



    .new h2, .new h3 {

        margin-bottom: 15px;

        color: #444;

        font-weight: 400;

        font-size: 18px;

        line-height: 30px;

    }



    .new h1 {

        color: #333;

        text-align: center;

        font-size: 26px;

    }



    .new .time {

        margin-top: 15px;

        margin-bottom: 15px;

        text-align: right;

    }



        .new .time span {

            display: inline-block;

            padding: 0 17px;

            height: 23px;

            color: #666;

            line-height: 23px;

        }



    .new p {

        color: #666;

        text-indent: 2em;

        font-size: 14px;

    }



    .new a, .new p {

        margin-bottom: 10px;

        line-height: 30px;

    }



    .new a {

        color: #0345af;

    }

/*contact*/

.tjcp {

    overflow: hidden;

    margin-top: 20px;

    padding-bottom: 5px;

    border: #dfdfdf 1px solid;

}



    .tjcp h3 {

        padding: 4px 0;

        padding-left: 10px;

        background: #ebebeb;

        font-size: 18px;

        line-height: 25px;

    }



    .tjcp ul {

        overflow: hidden;

        margin-top: 10px;

        margin-left: 5px;

    }



        .tjcp ul li {

            float: left;

            padding-right: 5px;

            padding-left: 6px;

            width: 125px;

            list-style: none;

        }



    .tjcp p {

        margin: 0 auto;

        text-align: center;

    }



    .tjcp img {

        padding: 1px;

        width: 125px;

        border: #dfdfdf 1px solid;

    }



    .tjcp a {

        color: #333;

    }



.w840 {

    float: left;

    width: 840px;

}



.less {

    overflow: hidden;

    margin-top: 20px;

    margin-bottom: 15px;

}



.less_message {

    border-left: 3px solid #0345af;

    padding-left: 15px;

    margin: 10px 0 20px;

    color: #333;

    font-size: 22px;

    line-height: 22px;

}



.relevant .less p {

    margin-bottom: 10px;

    color: #555;

    text-indent: 2em;

    font-size: 14px;

    line-height: 27px;

}



.less p {

    color: #777;

}



.less .l {

    float: left;

    width: 48%;

}



.less input, .less label, .less textarea {

    width: 90%;

    height: 50px;

    color: #999;

    font-size: 14px;

    line-height: 50px;

}



.less input {

    padding-left: 40px;

    background-color: #eee;

    color: #999;

    border: 1px solid #999;

}



.less label {

    line-height: 36px;

}



.less a {

    display: inline-block;

    margin-top: 15px;

    margin-right: 2px;

    width: 75pt;

    height: 27px;

    border-radius: 16px;

    -moz-border-radius: 16px;

    -webkit-border-radius: 16px;

    background: #0345af;

    color: #fff;

    text-align: center;

    line-height: 27px;

}



    .less a.last {

        background: #999;

    }



.less .r {

    float: right;

    width: 48%;

}



.less textarea {

    background: url(../Images/icon-l3.png) #f1f1f1 no-repeat 10px 10px;

    padding-left: 40px;

    height: 138px;

    color: #999;

    background-color: #eee;

    resize: none;

    border: 1px solid #999;

}



.prrost, .tjcp-sub {

    margin-top: 20px;

}



.tjcp-sub {

    overflow: hidden;

    padding-bottom: 5px;

}



    .tjcp-sub h3 {

        margin-bottom: 5px;

        border-bottom: 1px solid #e0e0e0;

        color: #777;

        font-size: 17px;

        line-height: 25px;

    }



    .tjcp-sub h4 a {

        color: #c60000;

        font-size: 1pc;

    }



    .tjcp-sub p {

        font-size: 9pt;

    }



    .tjcp-sub dl {

        float: left;

        margin-top: 15px;

        margin-right: 20px;

        width: 340px;

    }



    .tjcp-sub dt {

        float: left;

        width: 190px;

    }



    .tjcp-sub dd {

        float: right;

        width: 150px;

    }



        .tjcp-sub dd img {

            width: 150px;

        }



.pro_bot {

    margin: 10px 0 20px;

}



.m_l {

    float: left;

    margin-bottom: 20px;

    padding-bottom: 20px;

    width: 49%;

}



    .m_l .r {

        float: right;

        margin-right: 30px;

    }



    .m_l .l, .m_l .r {

        padding: 0 15px;

        width: 45%;

    }



    .m_l .l {

        float: left;

    }



.divtitle3 {

    margin: 50px 0 25px 0;

    color: #333;

    text-align: left;

    font-size: 26px;

}



.contact-n {

    padding: 30px;

    background: #f5f5f5;

}



    .contact-n div {

        width: 46%;

    }



        .contact-n div span {

            display: block;

            line-height: 30px;

            margin: 18px 0;

        }



.contact-gs {

    font-size: 28px;

    color: #333;

    font-weight: bold;

}



.contact-p a {

    font-size: 30px;

    color: #0345af;

}



.contact-p {

    padding-left: 38px;

    background: url(../Images/icon-p.png) no-repeat 6px center;

}



.contact-a {

    padding-left: 38px;

    background: url(../Images/icon-a.png) no-repeat 10px center;

}



.contact-z {

    display: block;

    width: 220px;

    height: 50px;

    text-align: center;

    line-height: 50px;

    background: #0345af;

}



.contact-n div .contact-z span {

    margin: 0;

    font-size: 16px;

    color: #fff;

    display: inline-block;

    line-height: 50px;

    padding-left: 36px;

    background: url(../Images/icon-z.gif) no-repeat 0px center;

}



.text_n {

    margin-bottom: 10px;

    height: 50px;

    font-size: 13px;

    line-height: 38px;

}



.lxwmr .ly, .lxwmr .se_t, .text_n {

    margin-top: 10px;

    z-index: 1;

    width: 90%;

    border: 1px solid #999;

    padding-left: 46px;

}



.lxwmr strong {

    font-size: 14px;

    background: none;

    color: #d54515;

    margin-left: 5px;

    font-weight: normal;

}



.lxwmr .ly, .lxwmr .se_t {

    height: 23px;

    line-height: 23px;

}



.lxwmr .ly {

    height: 92px;

    font-size: 13px;

}



.submit {

    margin-top: 22px;

    width: 220px;

    height: 50px;

    border: none;

    background: #0345af;

    color: #fff;

    font-size: 16px;

    cursor: pointer;

}



.less input.submit_pro {

    margin-top: 20px;

    font-size: 1pc;

    padding: 0;

    width: 210px;

    height: 50px;

    background: #0345af;

    color: #fff;

    text-align: center;

    cursor: pointer;

    border: none;

}



.less input.reset_pro {

    background: #999;

    margin-top: 15px;

    margin-right: 2px;

    width: 75pt;

    height: 27px;

    border-radius: 16px;

    -moz-border-radius: 16px;

    -webkit-border-radius: 16px;

    color: #fff;

    text-align: center;

    cursor: pointer;

}



.line_all .co_r {

    height: 550px;

}



.co_r {

    margin-bottom: 15px;

    padding: 0 7px;

    border-color: #eee;

}



.m_l p {

    font-size: 14px;

    line-height: 27px;

}



.contact-w {

    width: 49%;

}



    .contact-w span {

        margin-bottom: 30px;

        display: block;

    }



.text_n1 {

    background: url(../Images/icon-l1.png) #f1f1f1 no-repeat 13px center;

}



.text_n2 {

    background: url(../Images/icon-l2.png) #f1f1f1 no-repeat 13px center;

}



.ly {

    background: url(../Images/icon-l3.png) #f1f1f1 no-repeat 13px 10px;

    padding-top: 10px;

}

/*contact over*/

/*about*/

.Menubox1 {

    overflow: hidden;

    width: 100%;

    margin-bottom: 50px;

}



    .Menubox1 li {

        float: left;

        color: #fff;

        text-align: center;

        cursor: pointer;

        background: #999;

    }



        .Menubox1 li, .Menubox1 li.hover {

            width: 18.8%;

            margin: 0 0.5%;

            height: 45px;

            font-size: 1pc;

            line-height: 45px;

        }



            .Menubox1 li.hover {

                background: #0345af;

            }



            .Menubox1 li:hover {

                background: #0345af;

            }



            .Menubox1 li a {

                display: block;

                color: #fff;

            }



.about-box {

    margin-bottom: 30px;

}



    .about-box div {

        width: 49.9%;

    }



    .about-box .r {

        background: #f1f1f1;

    }



        .about-box .r div {

            padding: 0 4% 28px;

            width: 92%;

        }



        .about-box .r h2 {

            font-size: 30px;

            line-height: 71px;

            font-weight: bold;

        }



        .about-box .r span {

            display: block;

            line-height: 38px;

            font-size: 16px;

            padding-left: 38px;

            background: url(../Images/icon-d.png) no-repeat 0px 5px;

        }



.f4 li {

    width: 23%;

    margin: 20px 0.9%;

    float: left;

}



.f3 li {

    width: 31%;

    margin: 20px 0.9%;

    float: left;

}



    .f3 li span, .f4 li span {

        width: 100%;

        line-height: 38px;

        background: #f1f1f1;

        text-align: center;

        display: block;

    }



li img {

    width: 100%;

}



.aboutus p {

    margin-top: 15px;

    margin-bottom: 10px;

    color: #666;

    text-indent: 2em;

    font-size: 14px;

    line-height: 27px;

}



.aboutus h3 {

    font-size: 28px;

    color: #333;

    margin: 30px 0 30px;

    text-align: center;

    font-weight: bold;

}



    .aboutus h3 a {

        color: #333;

    }



.aboutus .lc span {

    font-size: 16px;

    top: 0;

    width: 50%;

    left: 0;

    background: url(../Images/black.8.png) repeat 0px 0px;

    color: #fff;

}



.aboutus .lc p {

    padding: 10px;

    background: #f1f1f1;

    margin: 0;

}

/*about over*/

/*line*/

.porsts-img {

    float: left;

    width: 48%;

}



    .porsts-img img {

        width: 100%;

    }



.porsts-tits {

    float: right;

    width: 48%;

}



    .porsts-tits h1 {

        margin-bottom: 16px;

        color: #333;

        font-weight: 400;

        font-size: 32px;

        line-height: 50px;

    }



    .porsts-tits div {

        width: 50px;

        height: 3px;

        background: #0345af;

        margin-bottom: 18px;

    }



.proline h1 {

    margin-bottom: 20px;

}



.porsts-tits p {

    margin-bottom: 10px;

    color: #555;

    font-size: 14px;

    line-height: 30px;

}



    .porsts-tits p.emai {

        margin-top: 22px;

    }



.proline p {

    margin-bottom: 19px;

}



.porsts-tits span {

    color: #0345af;

}



.porsts-tits span, .porsts-tits strong {

    font-weight: 400;

    font-size: 14px;

}



.porsts-tits strong {

    color: #0345af;

}



.porsts-tits ul {

    display: block;

    height: 90px;

    margin: 0 0 22px;

    margin-left: -12px;

    padding-top: 22px;

    border-top: 1px dashed #ddd;

}



.porsts-tits li {

    float: left;

    overflow: hidden;

    margin-left: 12px;

    width: 75pt;

    text-align: center;

    line-height: 27px;

}



    .porsts-tits li:hover p {

        background: #0345af;

    }



    .porsts-tits li:hover a {

        color: #fff;

    }



    .porsts-tits li p {

        background: #f1f1f1;

    }



    .porsts-tits li a {

        display: inline-block;

        color: #777;

        font-size: 14px;

        line-height: 30px;

    }



    .porsts-tits li img {

        width: 75pt;

        height: 60px;

    }

    /*.porsts-tits li.last{background: #f5f5f5;}*/

    .porsts-tits li.last a {

        line-height: 90px;

    }



    .porsts-tits li.last p:hover {

        background: #0345af;

    }



    .porsts-tits li.last:hover a {

        color: #fff;

    }



.porsts-tits .tel img {

    width: 350px;

}



.preview-tites .emai {

    padding: 10px;

    font-size: 13px;

}



.focus {

    position: relative;

    margin: 1px auto 0;

    background-color: #fff;

}



    .focus, .focus img {

        width: 100%;

        height: 420px;

    }



        .focus .shadow .title {

            padding-top: 20px;

            padding-left: 30px;

            width: 260px;

            height: 65px;

        }



            .focus .shadow .title a {

                overflow: hidden;

                color: #fff;

                text-decoration: none;

                font-weight: bolder;

                font-size: 14px;

            }



        .focus .btn {

            position: absolute;

            bottom: 34px;

            left: 510px;

            overflow: hidden;

            zoom: 1;

        }



            .focus .btn a {

                position: relative;

                float: left;

                display: inline;

                margin: 0 5px;

                width: 13px;

                height: 13px;

                outline: 0;

                border-radius: 7px;

                -moz-border-radius: 7px;

                -webkit-border-radius: 7px;

                background: #d9d9d9;

                color: #b0b0b0;

                text-align: center;

                text-decoration: none;

                font: 9pt/15px "\5B8B\4F53";

            }



                .focus .btn a.current, .focus .btn a:hover {

                    background: #fc114a;

                    cursor: pointer;

                }



        .focus .fPic {

            position: absolute;

            top: 0;

            left: 0;

        }



        .focus .D1fBt {

            z-index: 10;

            overflow: hidden;

            height: 1pc;

            zoom: 1;

        }



        .focus .shadow {

            position: absolute;

            bottom: 0;

            left: 0;

            z-index: 10;

            display: block;

            width: 100%;

            height: 5pc;

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

            text-align: left;

            line-height: 5pc;

            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000'); \9

        }



            .focus .shadow a {

                overflow: hidden;

                margin-left: 10px;

                color: #fff;

                text-decoration: none;

                font-size: 20px;

                font-family: \\5FAE\8F6F\96C5\9ED1;

            }



        .focus .fcon {

            position: relative;

            float: left;

            display: none;

            width: 100%;

            background: #000;

        }



            .focus .fcon img {

                display: block;

            }



        .focus .fbg {

            position: absolute;

            right: 756px;

            bottom: 25px;

            z-index: 200;

            height: 21px;

            text-align: center;

        }



            .focus .fbg div {

                overflow: hidden;

                margin: 4px auto 0;

                height: 14px;

                zoom: 1;

            }



        .focus .D1fBt a {

            position: relative;

            float: left;

            display: inline;

            margin: 0 5px;

            width: 9pt;

            height: 9pt;

            outline: 0;

            border-radius: 7px;

            -moz-border-radius: 7px;

            -webkit-border-radius: 7px;

            background: #d9d9d9;

            color: #b0b0b0;

            text-align: center;

            text-decoration: none;

            font: 9pt/15px "\5B8B\4F53";

        }



            .focus .D1fBt .current, .focus .D1fBt a:hover {

                background: #0345af;

            }



        .focus .D1fBt img {

            display: none;

        }



        .focus .D1fBt i {

            display: none;

            font-style: normal;

        }



        .focus .next, .focus .prev {

            position: absolute;

            width: 40px;

            height: 74px;

        }



        .focus .prev {

            left: 0;

            background-position: 0 -74px;

        }



        .focus .next, .focus .prev {

            top: 50%;

            margin-top: -37px;

            cursor: pointer;

        }



        .focus .next {

            right: 0;

            background-position: -40px -74px;

        }



        .focus .prev:hover {

            background-position: 0 0;

        }



        .focus .next:hover {

            background-position: -40px 0;

        }



.porsts-tits .quote {

    margin-right: 30px;

    background: #0345af;

}



    .porsts-tits .quote span {

        padding-left: 38px;

        background: url(../Images/icon-jg.gif) no-repeat 0px center;

    }



    .porsts-tits .online span, .porsts-tits .quote span {

        font-size: 1pc;

        color: #fff;

        line-height: 50px;

        display: block;

    }



.porsts-tits .online span {

    padding-left: 38px;

    background: url(../Images/icon-yn.png) no-repeat 0px center;

}



.porsts-tits .online, .porsts-tits .quote {

    float: left;

    padding: 0 10%;

    height: 50px;

}



.porsts-tits .online {

    display: block;

    background: #242d3c;

}



.product-sy {

    overflow: hidden;

    margin: 0 auto;

    width: 100%;

}



.porsts-tits .tel {

    margin-top: 15px;

    margin-bottom: 15px;

    margin-left: 10px;

}



.mao {

    overflow: hidden;

    margin-top: 1pc;

    width: 100%;

}



    .mao ul {

        overflow: hidden;

        margin-left: -0.3%;

    }



    .mao li {

        float: left;

        margin-left: 0.3%;

        width: 19.6%;

        height: 50px;

        border-bottom: none;

        background: #f3f3f3;

        text-align: center;

        line-height: 46px;

    }



        .mao li a {

            color: #444;

            font-weight: 400;

            font-size: 1pc;

            display: block;

        }



        .mao li:hover, .mao li:hover a {

            background: #0345af;

            color: #fff;

        }



        .mao li a:hover {

            color: #fff;

        }



    .mao .Div0 {

        background: #0345af;

    }



        .mao .Div0 a {

            color: #fff;

        }



.w1000 {

    margin: 0 auto;

    width: 980px;

}



.w1100 {

    max-width: 1200px;

}



.sub-tits, .w1100 {

    margin: 0 auto;

    width: 100%;

}



    .sub-tits .cl_box {

        padding: 15px 0;

        border-bottom: 1px solid #ddd;

    }



.sub-tits {

    margin-bottom: 50px;

}



.sub-tits2 {

    margin: 0 auto;

    width: 100%;

    margin-top: 50px;

}



.porsts-sy {

    overflow: hidden;

    margin-top: 20px;

    margin-bottom: 20px;

    border-top: 1px dotted #ddd;

}



.porsts-left {

    float: left;

    width: 74%;

}



    .porsts-left h2 {

        border-left: 3px solid #0345af;

        margin: 50px 0 30px;

        padding-left: 15px;

        ;

        color: #333;

        text-align: left;

        font-size: 26px;

        line-height: 26px;

    }



.aboutnew {

    border-left: 3px solid #0345af;

    margin: 30px 0 20px;

    padding-left: 5px;

    color: #333;

    text-align: left;

    font-size: 22px;

    line-height: 22px;

    padding-left: 15px;

}



.porsts-left p {

    margin-bottom: 10px;

    color: #555;

    text-indent: 2em;

    font-size: 14px;

    line-height: 27px;

}



.r-1 {

    float: right;

    margin-top: 15px;

}



.news li {

    float: left;

    padding-left: 15px;

    width: 46%;

    background: url(../Images/ico2.png) left center no-repeat;

    text-align: left;

    line-height: 27px;

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



    .news li a {

        margin-bottom: 15px;

        color: #666;

        font-size: 14px;

        line-height: 32px;

    }



        .news li a:hover {

            color: #0345af;

            text-decoration: underline;

        }



.line-sub {

    width: 45pc;

}



.abouts-rg {

    overflow: hidden;

    padding: 10px;

    background: #e7e7e7;

}



    .abouts-rg h3 {

        color: #333;

        font-size: 1pc;

        line-height: 30px;

    }



.baselayout {

    overflow: hidden;

    margin: 0 auto;

    margin-top: 10px;

}



    .baselayout h3 {

        color: #333;

        color: #777;

        font-weight: 400;

        font-size: 25px;

        line-height: 30px;

    }



.imagedesc_370 {

    padding: 12px;

    border: 1px solid #ddd;

}



.tab_4_image {

    margin-left: -3%;

}



    .tab_4_image .imagedesc_370 {

        width: 22%;

        margin-left: 3%;

    }



.prolist0 .image {

    height: 190px;

}



.tab_4_image .core_desc {

    text-align: center;

}



.imagedesc_370 .core_text {

    font-size: 14px;

    line-height: 30px;

}



.imagedesc_370 a {

    font-size: 20px;

    color: #333;

}



.imagedesc_37 img {

    padding-bottom: 5%;

    border-bottom: 1px solid #ddd;

    margin-bottom: 3%;

}



.image .imagedesc_370 a {

    font-size: 16px;

    color: #333;

}



.core_desc:hover .core_bg, .imagedesc_370:hover .core_bg {

    background: #000;

    filter: alpha(opacity=100);

    -moz-opacity: 1;

    -khtml-opacity: 1;

    opacity: 1;

}



.baselayout ul {

    overflow: hidden;

    margin-top: 20px;

}



.baselayout li {

    float: left;

    overflow: hidden;

    margin: 0 8px;

    width: 146px;

    text-align: center;

    line-height: 27px;

}



    .baselayout li a {

        color: #333;

    }



    .baselayout li img {

        width: 146px;

    }

/*line over*/

/*material*/

#daodu {

    margin-bottom: 20px;

    padding: 10px 0 5px 30px;

    border: 1px #e5e5e5 solid;

    background-color: #f8f8f8;

    color: #333;

    font-size: 14px;

}



    #daodu span {

        color: #ef4706;

        font-weight: 700;

    }



    #daodu p {

        margin-top: 5px;

        margin-left: 5px;

    }



.line-case {

    overflow: hidden;

    margin-top: 20px;

}



    .line-case h2 {

        margin-top: 30px;

        font-size: 18px;

    }



    .line-case h1, .line-case h2 {

        margin-bottom: 10px;

        color: #333;

        line-height: 30px;

    }



    .line-case h1 {

        text-align: center;

        font-size: 23px;

    }



    .line-case img {

        margin: 30px 0 10px;

    }



    .line-case p {

        margin-bottom: 5px;

        color: #333;

        text-indent: 2em;

        font-size: 14px;

        line-height: 30px;

    }



.interest {

    overflow: hidden;

}



    .interest dl {

        float: left;

        margin-right: 40px;

        width: 480px;

    }



        .interest dl:last-child {

            margin-right: 0;

        }



    .interest dt img {

        width: 5in;

    }



    .interest dd strong {

        display: inline-block;

        margin-top: 10px;

        color: #333;

        font-size: 16px;

        font-weight: normal;

    }



    .interest dd strong, .interest dd p {

        line-height: 30px;

    }



    .interest dd p {

        margin-bottom: 5px;

        color: #666;

        font-size: 13px;

    }



    .co_r h3, .interest h3 {

        margin: 0 auto 20px;

        color: #2f2725;

        font-size: 24px;

    }



        .interest h3 b {

            color: #0345af;

            font-weight: 600;

        }



        .interest h3 span {

            color: #020000;

            font-size: 14px;

        }



.field {

    overflow: hidden;

    padding: 15px 0;

    height: auto;

}



    .field h3 {

        padding-bottom: 20px;

        color: #2f2725;

        font-size: 24px;

    }



        .field h3 b {

            color: #0345af;

            font-weight: 600;

        }



        .field h3 span {

            color: #020000;

            font-size: 14px;

        }



    .field ul li {

        float: left;

        padding-right: 9pt;

        width: 150px;

    }



        .field ul li img {

            width: 150px;

            height: 85px;

        }



        .field ul li p {

            text-align: center;

            line-height: 35px;

        }



.poro-sb {

    overflow: hidden;

    padding: 15px 0;

}



    .poro-sb p {

        float: left;

        padding: 10px;

        width: 60px;

        background: #ccc;

        color: #666;

        font-size: 23px;

        line-height: 37px;

    }



    .poro-sb ul {

        margin-left: -2%;

    }



    .poro-sb li {

        float: left;

        overflow: hidden;

        margin-left: 2%;

        width: 18%;

        text-align: center;

        line-height: 27px;

    }



    .poro-sb span a {

        display: block;

        line-height: 38px;

        background: #f1f1f1;

        text-align: center;

    }



.poro_tits {

    padding-bottom: 20px;

    color: #333;

    font-size: 18px;

    margin-top: 30px;

}



.line_all .master {

    width: 1200px;

}



    .line_all .master .less_message {

        color: #333;

        font-size: 18px;

        margin-top: 10px;

    }



    .line_all .master p {

        text-indent: 2em;

        font-size: 14px;

        margin-bottom: 10px;

    }



.sabrosus {

    overflow: hidden;

    margin-top: 10px;

    margin-bottom: 10px;

    text-align: center;

}



    .sabrosus span {

        margin-right: 5px;

        background: #666;

    }



    .sabrosus a, .sabrosus span {

        margin-left: 5px;

        padding: 10px 15px;

        color: #fff;

        font-size: 9pt;

        line-height: 30px;

    }



    .sabrosus a {

        background: #333;

    }

/*material over*/

/*404*/

.wrong {

    overflow: hidden;

    margin: 0 auto;

    width: 100%;

}



.wrong_1 {

    margin: 0 auto;

    width: 1500px;

    height: 580px;

    text-align: center;

}



    .wrong_1 img {

        margin-top: 10px;

        width: 100%;

        vertical-align: middle;

    }

/*404 over*/

.new-contact {

    background: #f6f6f6;

    margin: 25px 0px 25px 0px;

    width: 95%;

    padding: 10px;

    overflow: hidden;

}



    .new-contact .contact-tel {

        width: 52%;

        float: left;

        font-size: 22px;

        margin-top: 10px;

        line-height: 30px;

    }



    .new-contact .organizer {

        float: right;

        width: 41%;

        margin-top: 5px;

    }



        .new-contact .organizer a {

            font-size: 15px;

            color: #fff;

            display: block;

            float: left;

            text-align: center;

            padding: 5px 30px;

        }



            .new-contact .organizer a.answer {

                background: #ff0000;

            }



            .new-contact .organizer a.expert {

                background: #222;

                margin-right: 20px;

            }

/*新添加*/

.drawer-main {

    position: fixed;

    top: 0;

    width: 200px;

    height: 100%;

    overflow: hidden;

    z-index: 99999;

}



.drawer-right .drawer-main {

    right: -200px;

    -webkit-transition: right .4s cubic-bezier(0.19,1,.22,1);

    -o-transition: right .4s cubic-bezier(0.19,1,.22,1);

    transition: right .4s cubic-bezier(0.19,1,.22,1);

}



.drawer-right.drawer-open .drawer-main {

    right: 0;

}



.drawer-overlay {

    position: relative;

}



.drawer-right .drawer-overlay, .drawer-right .drawer-hamberger {

    right: 0;

    -webkit-transition: right .4s cubic-bezier(0.19,1,.22,1);

    -o-transition: right .4s cubic-bezier(0.19,1,.22,1);

    transition: right .4s cubic-bezier(0.19,1,.22,1);

}



.drawer-right.drawer-open .drawer-overlay, .drawer-right.drawer-open .drawer-hamberger {

    right: 200px;

}



.drawer-overlay-upper {

    position: fixed;

    top: 0;

    z-index: 1100;

    display: none;

    height: 100%;

    background-color: #000;

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

}



.drawer-right.drawer-open .drawer-overlay-upper {

    left: 0;

}



.drawer-default {

    background-color: #222;

    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.5);

    box-shadow: inset 0 0 0 rgba(0,0,0,.5);

}



    .drawer-default + .drawer-overlay {

        background-color: #fff;

    }



    .drawer-default .drawer-brand a {

        display: block;

        width: 100%;

        padding: 14px 15px;

        font-size: 22px;

        color: #fdd702;

    }



        .drawer-default .drawer-brand a:hover, .drawer-default .li a:hover {

            color: #eb0000;

            text-decoration: none;

        }



    .drawer-default .li {

        display: block;

        font-size: 18px;

        margin: 0;

        border-bottom: 1px solid #2d2d2d;

        border-top: 1px solid #141414;

    }



        .drawer-default .li a {

            color: #fff;

            padding: 12px 15px;

            display: block;

        }



            .drawer-default .li a:hover {

                background: #2e2e2e;

            }



    .drawer-default .drawer-nav-list {

        padding: 0;

        margin: 0 0 20px 0;

        list-style: none;

    }



        .drawer-default .drawer-nav-list li {

            display: block;

        }



            .drawer-default .drawer-nav-list li a {

                display: block;

                padding: 15px;

                color: #888;

            }



            .drawer-default .drawer-nav-list li ul a {

                padding: 8px 20px;

            }



.drawer-hamberger {

    float: right;

    z-index: 1200;

    display: block;

    width: 30px;

    height: 30px;

    padding: 28px 0px 0px 0px;

    background-color: transparent;

    border: 0;

    margin-right: 2%;

}



    .drawer-hamberger span {

        margin-top: 10px;

    }



        .drawer-hamberger span, .drawer-hamberger span:before, .drawer-hamberger span:after {

            position: absolute;

            display: block;

            width: 30px;

            height: 5px;

            cursor: pointer;

            content: '';

            background-color: #0345af;

            border-radius: 1px;

            -webkit-transition: all .4s cubic-bezier(0.19,1,.22,1);

            -o-transition: all .4s cubic-bezier(0.19,1,.22,1);

            transition: all .4s cubic-bezier(0.19,1,.22,1);

        }



            .drawer-hamberger span:before {

                top: -10px;

            }



            .drawer-hamberger span:after {

                bottom: -10px;

            }



.drawer-open .drawer-hamberger span {

    background-color: transparent;

}



    .drawer-open .drawer-hamberger span:before, .drawer-open .drawer-hamberger span:after {

        top: 0;

    }



    .drawer-open .drawer-hamberger span:before {

        -webkit-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

        -o-transform: rotate(45deg);

        transform: rotate(45deg);

    }



    .drawer-open .drawer-hamberger span:after {

        -webkit-transform: rotate(-45deg);

        -ms-transform: rotate(-45deg);

        -o-transform: rotate(-45deg);

        transform: rotate(-45deg);

    }



.drawer-hamberger:hover {

    cursor: pointer;

}



.drawer-open .drawer-hamberger {

    margin-right: 200px;

}



.top-sub-nav {

    display: none;

}



.footer-telephone {

    z-index: 9999;

    margin: 0px;

    padding: 0px;

    width: 100%;

    height: 55px;

    line-height: 50px;

    position: fixed !important;

    bottom: 0px;

    left: 0;

    user-select: none;

    color: #fff;

    background: #033caf;

    padding-top: 5px;

}



.footer-tel {

    float: left;

    background: url(../Images/dianh1.png) no-repeat center 2px;

    padding-top: 15px;

}



.footer-telephone .footer-wu {

    float: left;

    background: url(../Images/solo1.png) no-repeat center 2px;

    padding-top: 15px;

    font-size: 15px;

}



.footer-telephone a {

    display: block;

    width: 33%;

    color: #FFF;

    vertical-align: middle;

    font-size: 15px;

    text-align: center;

    border-right: 1px solid #2e658c;

}



    .footer-telephone a strong {

        font-weight: normal;

    }



.footer-telephone .footer-pro {

    float: left;

    background: url(../Images/yd_pro.png) no-repeat center 2px;

    padding-top: 15px;

}



.footer-telephone a.footer-tel {

    border: none;

}



#map_canvas {

    width: 100%;

    height: 320px;

    float: left;

}



.top .r {

    width: 260px;

}



/*Responsive */

/*backtop*/

.floating_ck {

    position: fixed;

    right: 0;

    bottom: 20%;

    z-index: 9;

}



    .floating_ck dl dd {

        background-color: #0f59d0;

        margin-top: 3px;

        text-align: center;

        cursor: pointer;

    }



        .floating_ck dl dd a {

            display: block;

        }



        .floating_ck dl dd:hover .floating_left {

            display: block;

        }



.quote, .qrcord {

    padding: 8px 0 4px;

}



.floating_ck dl dd a, .floating_ck dl dd p {

    color: #fff;

}



.floating_left {

    position: absolute;

    left: -190px;

    bottom: 37px;

    width: 300px;

    z-index: 999;

    height: 70px;

    line-height: 70px;

    background: #0f59d0;

    display: none;

}



    .floating_left a {

        color: #fff;

    }



.floating_ewm i {

    display: block;

    width: 145px;

    height: 145px;

    margin: auto;

    margin-top: 7px;

}



.floating_ewm p {

    color: #Fff;

}



.floating_ewm .qrcord_p01 {

    font-size: 12px;

    line-height: 20px;

}



.floating_ewm .qrcord_p02 {

    font-size: 20px;

}



.floating_ck img {

    width: auto !important;

}



/*friend_link*/

.friend_link {

    max-width: 1200px;

    margin: 0 auto;

    width: 96%;

    overflow: hidden;

}



    .friend_link span {

        width: 6%;

        float: left;

        font-size: 12px;

        color: #ccc;

    }



    .friend_link ul {

        float: right;

        width: 93%;

    }



        .friend_link ul li {

            float: left;

            margin: 0 10px;

            font-size: 12px;

            margin-bottom: 20px;

        }



            .friend_link ul li a {

                color: #999;

            }



                .friend_link ul li a:hover {

                    color: #f1f1f1;

                }



#ctl00_friendlilink {

    background: #333;

}



.bqonline{color:#0345af;font-size: 16px;}

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

    .wrapper, .product-sy .porsts-sy, .line_all, .about, .sub-porsts, .sub-tits {

        margin: 0 1.1%;

        box-sizing: border-box;

        -moz-box-sizing: border-box;

        -webkit-box-sizing: border-box;

        -ms-box-sizing: border-box;

        -o-box-sizing: border-box;

    }



    .cen-pro, .wrapper {

        width: 97.8%;

    }



    .wrapper_sub {

        width: 96%;

    }



    .product-sy img {

        width: auto !important;

        height: auto !important;

    }



    .product-sy .porsts-img img, .poro-sb li img, img {

        width: 100% !important;

        height: auto !important;

    }



    .product_pro {

        height: auto;

    }



    .footer a img, embed, .porsts-tits ul {

        display: none;

    }



    .top img.l, .top img.r {

        width: auto !important;

    }



    .line-case p, .porsts-left p, .new p {

        text-indent: 0;

    }



    .pager {

        width: 23%;

    }



    .interest dl {

        float: left;

        margin-right: 3%;

        width: 48.5%;

    }



    .line_all .master {

        width: auto;

    }



    .develop {

        margin-left: 0;

    }



        .develop li {

            width: auto;

        }



    .honor li img {

        float: left;

        margin-right: 4%;

        width: 40% !important;

    }



    .about_bottom {

        width: 48% !important;

        margin-right: 2% !important;

        margin-bottom: 20px;

    }

}



@media screen and (min-width:769px) and (max-width:1920px) {

    .full-row li.mb {

        margin-bottom: 0;

    }

}



@media screen and (min-width:601px) and (max-width:850px) {

    .porsts-tits .online, .porsts-tits .quote {

        padding: 0 8%;

    }

}



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

    .less .l, .less .r {

        width: 46%;

        margin-right: 20px;

    }

}



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

    .friend_link {

        display: none;



    }

    #ctl00_friendlilink{display: none;}

    .new h1 {

        margin: 30px 0 20px;

    }



    .porsts-left h2 {

        margin: 30px 0 15px;

        font-size: 20px;

        line-height: 20px;

    }



    .porsts-sy {

        margin-top: 0;

    }



    .porsts-tits h1 {

        font-size: 26px;

        margin-top: 10px;

    }



    .imagedesc_370 {

        padding: 8px;

    }



        .imagedesc_370 a {

            font-size: 16px;

        }



    .back-box {

        position: relative;

    }



    .back {

        position: absolute;

        top: 10px;

        width: 94%;

        padding: 0 3%;

    }



        .back a {

            display: block;

            width: 44px;

        }



    .porsts-tits, .pagel_m {

        width: 100%;

    }



    .about-box .r h2 {

        font-size: 26px;

    }



    .aboutus .lc span {

        font-size: 14px;

    }



    .about-box {

        margin-bottom: 0;

    }



    .aboutus h3 {

        margin: 0;

        font-size: 22px;

    }



    .listpor li {

        width: 31% !important;

    }



    .ilan-t {

        margin: 30px 0 10px;

    }



        .ilan-t a {

            font-size: 26px;

        }



    .ilan-sum {

        font-size: 14px;

        width: 96%;

        margin: 0 2% 15px;

    }



    .full-row li.mb2 {

        margin-bottom: 0;

    }



    .full-row .list, .f4 li {

        width: 46%;

        margin: 0 2% 20px;

    }



    .inews-img, .inews-new, .about-box div, .contact-n div, .m_l, .contact-w {

        width: 96%;

        margin: 0 2%;

    }



    .contact-n {

        padding: 0;

        background: #fff;

    }



    .divtitle3 {

        margin: 30px 0 10px;

    }



    .m_l {

        padding: 0;

    }



    body {

        margin-bottom: 70px;

    }



    .ablist li {

        width: 46.2%;

        margin: 0 1.9% 20px;

    }



    .con {

        margin-bottom: 80px;

    }



    .m-none {

        display: none !important;

    }



    .m-show {

        display: block !important;

    }



    .cen-pro {

        width: 100%;

    }



    .top img.l {

        width: 50% !important;

    }



    .top-sub-nav {

        display: block;

    }



    .top .r, .nav, .pager, .qrcord, #cone {

        display: none;

    }



    .porsts-left, .pagel, .news_pagel, .honor li p {

        width: 100%;

    }



        .porsts-left p, .line_all .master p, .relevant .less p {

            text-indent: 0;

        }



    .newlist {

        padding: 0;

    }



        .newlist p {

            text-overflow: ellipsis;

            white-space: nowrap;

            overflow: hidden;

        }



    .porsts-tits .quote {

        margin-right: 3%;

    }



    #daodu {

        padding: 10px;

    }



    .less_message {

        margin-left: 0;

    }



    .less {

        border: 0;

    }



        .less .l {

            padding: 0;

        }



    .sub-tits, .Menubox1 {

        margin-bottom: 30px;

    }



    .sub-tits2 {

        margin-top: 30px;

    }



    .honor li img {

        width: 100% !important;

    }



    .honor ul {

        margin-left: -3%;

    }



    .honor li {

        width: 47%;

        margin-left: 3%;

    }



    .tab_4_image {

        margin-left: -2%;

    }



        .tab_4_image .imagedesc_370 {

            width: 31.3%;

            margin-left: 2%;

        }



    #map_canvas, table.lxwmr {

        width: 100% !important;

    }



    .honor li p {

        margin-top: 10px;

    }



    .inews {

        padding: 1px 0 10px;

        margin: 30px 0;

    }



    .return_top {

        width: 100%;

        height: 40px;

        display: inline-block;

        background: url(../Images/re.png) no-repeat center center;

        padding: 0;

    }



    .return {

        height: 40px;

        width: 40px;

    }



    .floating_ck dl dd {

        background: none;

    }



    .floating_ck {

        bottom: 70px;

        right: 2%;

    }



        .floating_ck dl dd a {

            display: none;

        }

}



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

    .product-sy img {

        width: 100% !important;

        height: auto !important;

    }



    .new .cone-tel a {

        font-size: 18px;

    }



    .contact-gs {

        font-size: 24px;

    }



    .contact-p a {

        font-size: 26px;

    }



    .cen-pro .last .box a {

        margin-bottom: 10px;

        font-size: 18px;

    }



    .full-row .last i {

        padding: 10px 15%;

    }



    .listpor li {

        width: 48% !important;

    }



    .less .l, .less .r {

        width: 90%;

        padding: 0;

        margin: 0;

        float: none;

    }



    .porsts-img, .interest dl {

        width: 100%;

    }



    .ianli-2 li {

        width: 29%;

        margin: 10px 2%;

    }



    .ianli-2 {

        background: #0345af;

    }



    .new .cone-tel, .cone-emai {

        width: 100%;

        padding: 0;

    }



        .cone-emai a {

            margin-top: 5px;

        }

}



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

    .ianli-1 li {

        width: 96%;

        margin: 0 2% 10px;

    }

}



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

    .pageneic .r {

        float: left;

        width: 100%;

    }



    .poro-sb li {

        width: 31%;

        margin-bottom: 1%;

    }



    .mao li {

        width: 33%;

    }



    .relevant .less p {

        text-indent: 0;

    }



    .top img.l {

        width: 60% !important;

    }



    .tab_4_image {

        margin-left: -2%;

    }



        .tab_4_image .imagedesc_370 {

            width: 48%;

            margin-left: 2%;

        }



    #scrollin, #arrowin {

        display: none;

    }



    .news li {

        width: 100%;

    }

}



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

    .cen-pro .list .tit {

        padding: 6px 0;

    }



    .cen-pro .last .box a {

        font-size: 14px;

        margin-bottom: 5px;

    }



    .about-box .r h2 {

        font-size: 22px;

    }



    .f3 li {

        width: 96%;

        margin: 0 2% 10px;

    }



    .ianli-2 li {

        width: 46%;

        margin: 10px 2%;

    }



    .porsts-tits .online, .porsts-tits .quote {

        padding: 0 6%;

    }

}



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

    .imagedesc_370 {

        padding: 5px;

    }



    .cone-emai .quote {

        margin-right: 10px;

    }



    .mao li {

        width: 49.7%;

    }



    #sycpr li em {

        display: none;

    }



    .top img.l {

        width: 70% !important;

    }



    .Menubox1 li, .Menubox1 li.hover {

        display: none;

    }



    .Menubox1 {

        margin: 0;

    }



    .top {

        height: 80px;

    }

}



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

    .footer-telephone .footer-wu, .footer-telephone .footer-pro {

        width: 30%;

    }



    .footer-telephone .footer-tel {

        width: 39%;

    }

}