* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: "微软雅黑"
}

a {
    text-decoration: none;
    color: #333;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -mos-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

    a:hover {
        text-decoration: none
    }

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 0;
}

hr {
    border: none;
}

.clear {
    clear: both;
}

.container {
    padding: 0;
}

p, ul {
    margin: 0;
}

img {
    border: 0;
    vertical-align: middle;
}

input, textarea {
    outline: none;
}

.row {
    margin: 0px
}

.container {
    width: 1200px;
    margin: 0px auto;
}

.main_container {
    width: 1200px;
    margin: 0 auto;
}


body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 22px;
    font-family: "微软雅黑",Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    overflow-x: hidden;
    min-width: 1200px;
    background: #fff;
}

* {
    box-sizing: border-box;
}

img {
    border: 0;
    padding: 0;
    margin: 0;
}

a {
    color: #000;
    text-decoration: none;
}


ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

div {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, p {
    margin: 0;
    padding: 0;
}

.img_l {
    float: left;
}

.img_r {
    float: right;
}

.cl, .clear {
    clear: both;
}

/*top*/
/*.header-top > .container > p{ color:#333; font-size: 16px; float:left; height: 100%;}
.header-top{ height: 62px; line-height: 62px; }
.h_sj{ top: 42px;right: 0; display: none; }
.h_wx{top: 42px; right: -38px; display: none; }
.weixin{float:right; position: relative; margin-top:14px;}
.shouji{float:right; position: relative;margin: 14px 8px 0 24px}
.weixin{border-left: 2px solid #fff;padding-left: 15px;}
.zhengshu a{ color:#333333; font-size: 14px; border-left:1px solid #999999;border-right:1px solid #999999; padding: 0 8px 0 15px; }
.zhengshu{ float:left; font-size: 14px;  }
.headt-r > a:hover{ color:#3172c2;}
.headt-r{ float: right; height: 100%}
#menu{float:left; font-size:14px;}
#menu a{border-right:1px solid #999999; padding:0px 10px 0}
.headt-phone{  float: left; width:365px; height: 100%; }
.headt-phone img{width:28px; height: 28px; float: left; margin-top: 16px; margin-right: 8px;}
.headt-phone p{font-size: 16px; color: #333; height: 100%;}
.headt-phone p span{ font-size: 20px; color: #333;}

.weixin img,.shouji img,.weibo img{width:100px; height: 100px; display: none; position: absolute; top: 40px; left:-30px; z-index: 999}
.weixin:hover img,.shouji:hover img{display: block;}
.weixin i{width:33px; height:33px; background: url(../images/j_05.png) no-repeat; display: block;}
.shouji i{width:33px; height: 33px; background: url(../images/j_03.png) no-repeat; display: block;}*/


/* 
.header {
    width: 100%;
    height: 80px;
} */

.wap_max {
    width: 1200px;
    margin: 0 auto;
}

.wap_max0 {
    width: 1200px;
    margin: 0 auto;
}

.wap_max1 {
    width: 1200px;
    margin: 0 auto;
}

.menu {
    width: 100%;
    background-color: rgba(120,192,73,0.8);
    height: 60px;
    position: relative;
    z-index: 10;
}

#nav {
    width: 100%;
}

    #nav .mainlevel {
        width: 170px; /*IE6 only*/
        height: 40px;
        text-align: center;
        position: relative;
        z-index: 10;
        float: left;
    }

        #nav .mainlevel a {
            width: 100%;
            height: 60px;
            display: block;
            font-size: 14px;
            color: #fff;
            margin-left: 0px;
        }

            #nav .mainlevel a p {
                line-height: 56px;
                font-size: 15px;
            }

            #nav .mainlevel a span {
                font-size: 10px;
                line-height: 25px;
            }

            #nav .mainlevel a:hover {
                background: #78c049;
            }

            #nav .mainlevel a.active {
                background: #ffae0d;
            }

            #nav .mainlevel a:hover p {
                color: #fff
            }

            #nav .mainlevel a.active p {
                color: #fff
            }

        #nav .mainlevel ul {
            width: 100%;
            display: none;
            position: absolute;
            left: 0px;
            background: #5a9633;
            z-index: 9;
        }

        #nav .mainlevel li {
            width: 100%; /*IE6 only*/
            height: 40px;
            line-height: 40px;
            float: left;
            border-bottom: #78c049 1px solid;
        }

            #nav .mainlevel li a {
                width: 100%; /*IE6 only*/
                display: block;
                height: 40px;
                line-height: 40px;
                background: none;
                color: #fff;
                font-size: 14px;
                font-weight: normal;
            }

                #nav .mainlevel li a:hover {
                    background: #ffae0d;
                    color: #fff;
                }

.logo {
    /* width: 550px; */
    /* height: 60px; */
    float: left;
    /* margin-top: 8px; */
}

.phone {
    background: url(../images/main_06.jpg) no-repeat left 3px;
    width: 240px;
    height: 40px;
    float: right;
    margin-top: 22px;
    padding-left: 40px;
    color: #999;
    font-weight: bold;
    line-height: 18px;
}

    .phone span {
        font-size: 17px;
        font-weight: 600;
    }

.f_1 {
    font-size: 14px;
    color: #000;
}

.f_2 {
    color: #fd4f03;
    font-size: 24px;
}


/*导航*/
/*.mian_header{width:100%; height: 128px;}
.mian_header .container{ height: 100%}
.top-middle{ height:100%}
.nav_top{ width:814px; float: right; height: 100%;}
.nav{height:100%; }
.nav a{ color:#333;}
.nav .nLi{ float:left;  position:relative; display:inline; height:100%; width:101px; padding: 0px 8px; text-align: center}
.nav .nLi h3{ height: 100%; width:100%; text-align: center;}
.nav .nLi h3 p{width:100%; height: 100%;}
.nav .nLi h3 span{display:none}
.nav .nLi h3 a{ display:block;  font-size:14px; font-weight:normal; color:#fff; height: 100%; line-height: 67px}
.nav .sub{ display:none;left:0; top:67px;  position:absolute;  line-height:26px; padding:0; width:100px;     z-index: 999; background: #ddd }
.nav .sub li{ zoom:1; border-bottom: 1px solid #eeeeee;  height:40px; line-height: 40px;  background:#eeeeee;text-align: center }
.nav .sub li p{ width:100%; float: left; margin: 0px; color:#333}
.nav .sub li span{ float: right;}
.nav .sub a{ display:block; padding:0 10px; color: #333333; font-size: 12px; height: 100%; }
.sub li:hover span{display:block;}

.nav li.active h3 span{display:block;}
.nav li.active h3 p{display:none;}


.sub li:hover p{color:#3172c2;}
.sub li:hover a{color:#3172c2;}

.header_dao{ width:100%;height:67px;  background: #3172c2; }
.logo{float:left; height:67px; width:413px; margin-left: -27px; }
.logo a img{height: 100%; }
.header_dao .container{ height: 100%}
.fang_an{ width:140px!important;}*/





/**mproduct*/
.mproduct {
    background: url(../images/bg_mpro.jpg)no-repeat center;
    padding-top: 56px;
    padding: 30px;
}

    .mproduct .mat_xx {
        width: 210px;
    }

.mpro_con {
    margin-top: 64px;
}

.mproduct .mabu_tit .xian {
    z-index: 1;
    bottom: 0.5px;
}

.mpro_hang {
    width: 600px;
    height: 230px;
    background: #FFFFFF;
    overflow: hidden;
    margin-bottom: 30px;
}

.mpro_pic {
    width: 282px;
    height: 230px;
    float: left;
    overflow: hidden;
    position: relative;
}

    .mpro_pic img {
        width: 282px;
        height: 230px;
        transition: all 0.8s ease-in-out;
    }

    .mpro_pic:hover img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }

    .mpro_pic:hover .mpro_hd {
        display: block;
    }

.mpro_hd {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    text-align: center;
    color: #FFFFFF;
    padding-top: 80px;
    display: none;
    transition: all 0.8s ease-in-out;
}

    .mpro_hd h6 {
        font-size: 18px;
        font-weight: bold;
        line-height: 30px;
    }

a.pic_btn {
    display: inline-block;
    width: 102px;
    height: 26px;
    font-size: 12px;
    background: #f64500;
    line-height: 26px;
    border-radius: 5px;
    margin-top: 24px;
}

.mpro_txt {
    width: 318px;
    float: left;
    padding: 38px 52px 0 36px;
}

    .mpro_txt h6 {
        font-size: 18px;
        color: #f64500;
        font-weight: bold;
        line-height: 30px;
    }

    .mpro_txt p {
        font-size: 12px;
        color: #666666;
        line-height: 22px;
        margin-top: 10px;
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

a.mpro_btn {
    font-size: 12px;
    color: #f64500;
    margin-top: 34px;
    text-transform: uppercase;
    display: inline-block;
}


/**mcase*/
.mcase {
    margin-top: 46px;
    padding-bottom: 25px;
}

.mcase_con {
    margin-top: 40px;
}

.picScroll-left {
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .picScroll-left .hd {
        overflow: hidden;
        height: 22px;
        position: absolute;
        right: 50%;
        bottom: 6px;
        z-index: 1;
        margin-right: -29px;
    }

        .picScroll-left .hd .prev, .picScroll-left .hd .next {
            display: block;
            width: 5px;
            height: 9px;
            float: right;
            margin-right: 5px;
            margin-top: 10px;
            overflow: hidden;
            cursor: pointer;
            background: url("images/arrow.png") no-repeat;
        }

        .picScroll-left .hd .next {
            background-position: 0 -50px;
        }

        .picScroll-left .hd .prevStop {
            background-position: -60px 0;
        }

        .picScroll-left .hd .nextStop {
            background-position: -60px -50px;
        }

        .picScroll-left .hd ul {
            overflow: hidden;
            zoom: 1;
            zoom: 1;
        }

            .picScroll-left .hd ul li {
                float: left;
                width: 14px;
                height: 14px;
                overflow: hidden;
                margin-right: 15px;
                text-indent: -999px;
                cursor: pointer;
                border-radius: 50%;
                border: 1px solid #F64500;
            }

                .picScroll-left .hd ul li.on {
                    background: #F64500;
                }

                .picScroll-left .hd ul li:last-child {
                    margin-right: 0;
                }

    .picScroll-left .bd {
        padding-bottom: 60px;
    }

        .picScroll-left .bd ul {
            overflow: hidden;
            zoom: 1;
        }

            .picScroll-left .bd ul li {
                margin: 0 19px;
                float: left;
                _display: inline;
                overflow: hidden;
                text-align: center;
                width: 370px;
                height: 454px;
                border: 1px solid #CCCCCC;
            }
                /*.picScroll-left .bd ul li:nth-child(3n){margin-right: 0;}*/
                .picScroll-left .bd ul li .pic {
                    text-align: center;
                    overflow: hidden;
                }

                    .picScroll-left .bd ul li .pic img {
                        width: 370px;
                        height: 235px;
                        display: block;
                        transition: all 0.8s ease-in-out;
                    }

                    .picScroll-left .bd ul li .pic:hover img {
                        transform: scale(1.1);
                        -webkit-transform: scale(1.1);
                    }

                    .picScroll-left .bd ul li .pic a:hover img {
                        border-color: #999;
                    }

                .picScroll-left .bd ul li .title {
                    line-height: 24px;
                }

.mcase_txt {
    width: 100%;
    padding: 22px 40px 0 30px;
    text-align: left;
}

    .mcase_txt h6 {
        font-size: 24px;
        color: #444444;
        font-weight: bold;
    }

    .mcase_txt p {
        font-size: 14px;
        color: #666666;
        line-height: 24px;
        margin: 12px 0;
        height: 50px;
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .mcase_txt span {
        font-size: 14px;
        color: #999999;
        line-height: 24px;
    }

.picScroll-left .bd ul li:hover .mcase_txt h6, .picScroll-left .bd ul li:hover .mcase_txt p, .picScroll-left .bd ul li:hover .mcase_txt span {
    color: #F64500;
}


/**mnews*/
.mnews {
    background: url(../images/mnews.jpg)no-repeat center;
    padding-top: 60px;
    padding-bottom: 64px;
    background-size: cover;
}

    .mnews .mat_xx h3 {
        color: #FFFFFF;
        border-bottom-color: #FFFFFF;
    }

    .mnews .mabu_tit .xian {
        background: rgba(255,255,255,.5);
        z-index: 1;
    }

.mnews_con {
    margin-top: 28px;
}

.mnews_list {
    color: #FFFFFF;
}

.mn_date {
    width: auto;
    float: left;
}

    .mn_date h6 {
        font-size: 30px;
    }

    .mn_date span {
        font-size: 18px;
        text-align: right;
        display: inline-block;
        width: 100%;
    }

.li_con {
    overflow: hidden;
    padding-top: 28px;
    padding-bottom: 25px;
}

.mn_txt {
    float: left;
    margin-left: 32px;
    width: 529px;
}

    .mn_txt h6 {
        font-size: 18px;
        font-weight: bold;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        -webkit-text-overflow: ellipsis;
        -moz-text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mn_txt p {
        font-size: 13px;
        line-height: 20px;
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

a.more {
    display: block;
    width: 44px;
    height: 44px;
    float: left;
    background: url(../images/more.png)no-repeat;
    margin-top: 18px;
    margin-left: 55px;
    display: none;
}

.mnews_list ul li:hover a.more {
    display: block;
}

.mnews_list ul li:hover {
    background: url(../images/li_on.png)no-repeat left;
}

.mn_nr {
    position: relative;
}

.mn_pic img {
    position: absolute;
    width: 403px;
    height: 550px;
    top: -434px;
    right: 0;
    display: block;
}

.mn_jpg {
    width: 100%;
    height: 1px;
    position: relative;
}


/**about*/
.ny_banner {
    width: 100%;
    height: 270px;
    clear: both;
    position: relative;
}

    .ny_banner > div {
        position: relative;
    }

    .ny_banner .bl_input {
        top: 20px;
        left: 710px;
    }

.bl_input {
    width: 437px;
    height: 50px;
    position: absolute;
    top: 78px;
    left: 85px;
    z-index: 99
}

    .bl_input i {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(../images/banner_search.png) no-repeat center;
        position: absolute;
        top: 14px;
        left: 20px;
    }

    .bl_input input {
        width: 435px;
        height: 48px;
        background: #fff;
        border-radius: 30px;
        font-size: 12px;
        color: #999;
        border: 0;
        padding-left: 60px;
        outline: none;
    }

.ny_container {

    padding-bottom: 40px;
    overflow: hidden;
}

/*内页*/
.page_nav {
    padding: 30px 0;
    overflow: hidden;
}

    .page_nav p {
        font-size: 14px;
        color: #999;
        margin-bottom: 22px;
    }

        .page_nav p i {
            display: inline-block;
            margin-right: 6px;
        }

        .page_nav p b {
            font-weight: normal;
        }

        .page_nav p a {
            color: #999;
        }

    .page_nav ul li {
        float: left;
        width: 14%;
        text-align: center;
        line-height: 46px;
        font-size: 15px;
        position: relative;
        margin-bottom: 10px;
    }

        .page_nav ul li a {
            display: block;
            border: 1px solid #e8e8e8;
            border-bottom: 5px solid #e8e8e8;
        }

            .page_nav ul li a:after {
                content: "";
                height: 5px;
                width: 0;
                position: absolute;
                bottom: 0px;
                left: 1px;
                background: #2c3e72;
                transition: all .3s ease 0s;
                -moz-transition: all .3s ease 0s;
                -ms-transition: all .3s ease 0s;
                -o-transition: all .3s ease 0s;
            }

            .page_nav ul li a:hover, .page_nav ul li.active a {
                background: #3f62ca;
                color: #333;
                *border-bottom-color: #0068b7;
                color: #fff;
            }

                .page_nav ul li a:hover:after, .page_nav ul li.active a:after {
                    width: calc(100% - 2px);
                }

    .page_nav ul {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
/*about*/
.about_page_con {
    clear: both;
    color: #666;
    font-size: 14px;
}

    .about_page_con > p {
        line-height: 26px;
        color: #666;
        font-size: 14px;
    }

.about_t {
    background: url(../images/about_page_bg.png) no-repeat center;
    height: 145px;
    width: 100%;
    margin-bottom: 30px;
}

.about_ptit {
    padding: 30px 40px;
    background: #EEEEEE;
}

.about_t h4 a {
    color: #333;
    font-size: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.about_t p {
    font-size: 14px;
    color: #666;
    margin: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

.about_page_con .mpro_jpg ul li:nth-child(3n) {
    margin-right: 20px;
}

.about_page_con .mpro_jpg ul li:nth-child(4n) {
    margin-right: 0;
}


.about_allp {
    clear: both;
    overflow: hidden;
}

    .about_allp p {
        line-height: 26px;
        text-indent: 22px;
        color: #666;
        font-size: 14px;
    }

.ab_img {
    height: 212px;
    margin: 28px 0;
}

    .ab_img li {
        float: left;
        margin-left: 20px;
        width: 280px;
        height: 212px;
    }

        .ab_img li:first-child {
            margin-left: 0;
        }

        .ab_img li img {
            width: 100%;
            height: 100%;
        }


/**product*/
.pro_con_ul li:first-child, .case_ul li:first-child {
    margin-left: 0;
}
/*product*/
.page_pro .pro_con_ul li {
    margin: 0 9px 18px;
}

/*case*/
.case_ul {
    clear: both;
    overflow: hidden;
    padding-bottom: 30px;
}

    .case_ul li {
        width: 278px;
        float: left;
        margin: 0 20px 12px 0;
    }

        .case_ul li:nth-child(4n+1) {
            margin-left: 0;
        }

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

            .case_ul li a > span {
                display: block;
                width: 100%;
                height: 209px;
                overflow: hidden;
            }

                .case_ul li a > span img {
                    width: 100%;
                    transition: all 0.8s ease-in-out;
                    height: 100%;
                }

        .case_ul li p {
            height: 58px;
            line-height: 58px;
            font-size: 14px;
            color: #666;
            position: relative;
        }

            .case_ul li p span {
                padding-left: 12px;
            }

            .case_ul li p i {
                display: inline-block;
                width: 20px;
                height: 7px;
                background: url(../images/case_jt.png) no-repeat center;
                position: absolute;
                right: 12px;
                top: 25px;
            }

        .case_ul li:hover img, .pro_con .pro_con_ul li.active img {
            transform: scale(1.1);
        }

        .case_ul li:hover p, .pro_con .pro_con_ul li.active p {
            background: #77B323;
            color: #fff;
        }

            .case_ul li:hover p i, .pro_con .pro_con_ul li.active p i {
                background: url(../images/case_jt_h.png)
            }


/*product_center*/
.pro_center {
    padding-bottom: 50px;
}

.pro_tab {
    width: 810px;
    margin: 0 auto 40px;
    height: 35px;
}

    .pro_tab li {
        float: left;
        width: 115px;
        height: 28px;
        border: 1px solid #999;
        border-radius: 20px;
        text-align: center;
        line-height: 30px;
        margin-right: 16px;
    }

        .pro_tab li a {
            display: block;
            width: 100%;
            height: 100%;
            font-size: 12px;
            color: #666;
        }

        .pro_tab li:hover, .pro_tab li.active {
            border: 1px solid #43ac74;
        }

            .pro_tab li:hover a, .pro_tab li.active a {
                color: #43ac74
            }

.pro_con {
    position: relative;
}

    .pro_con .arr {
    }

        .pro_con .arr span {
            display: block;
            z-index: 99;
            position: absolute;
            top: 120px;
            cursor: pointer;
        }

    .pro_con #arrLeft {
        left: -100px;
    }

    .pro_con #arrRight {
        right: -100px;
    }

.pro_con_ul {
    height: 240px;
    clear: both;
}

    .pro_con_ul li {
        width: 278px;
        height: auto;
        border: 2px solid #f8f8f8;
        float: left;
        margin: 0 11px;
    }

        .pro_con_ul li:first-child, .case_ul li:first-child {
            margin-left: 0;
        }

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

        .pro_con_ul li span {
            display: block;
            width: 100%;
            height: 195px;
            overflow: hidden;
            border-bottom: 1px solid #eee;
            box-sizing: content-box;
        }

            .pro_con_ul li span img {
                width: 100%;
                height: 100%;
                transition: all 0.8s ease-in-out;
            }

        .pro_con_ul li:hover span img, .pro_con .pro_con_ul li.active span img {
            transform: scale(1.1);
        }

        .pro_con_ul li div {
            height: 94px;
            padding: 15px 0;
        }

        .pro_con_ul li p {
            line-height: 40px;
            text-align: center;
            font-size: 14px;
            color: #666;
        }

        .pro_con_ul li div i {
            display: block;
            text-align: center;
            background: url(../images/pro_jt.png) no-repeat center;
            width: 75px;
            height: 20px;
            margin: 0 auto
        }

        .pro_con_ul li:hover div i, .pro_con_ul li:hover div i {
            background: url(../images/pro_jt_h.png)
        }

/*news*/
.news_page {
    overflow: hidden;
    font-size: 14px;
    color: #666
}

.news_page_lf {
    width: 100%;
    margin-bottom: 20px;
}

    .news_page_lf dl {
        height: 64px;
        padding: 40px 20px; /*! margin-bottom: 20px; */
        background: #fff;
        box-sizing: content-box;
    }

        .news_page_lf dl a {
            display: block;
        }

        .news_page_lf dl dt {
            float: left;
            text-align: center;
            margin-right: 25px;
        }

            .news_page_lf dl dt span {
                font-size: 40px;
                display: block;
                line-height: 40px;
            }

            .news_page_lf dl dt p {
                font-size: 14px;
                line-height: 26px;
                color: #999;
            }

        .news_page_lf dl dd {
            overflow: hidden;
            width: 1040px;
            float: left;
        }

            .news_page_lf dl dd b {
                font-size: 22px;
                display: block;
                color: #333;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-bottom: 18px;
                line-height: 24px;
            }

            .news_page_lf dl dd p {
                font-size: 14px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                color: #666;
            }

        .news_page_lf dl:nth-of-type(odd) {
            background: #f8f8f8;
        }

        .news_page_lf dl:nth-of-type(even) {
            background: #fff;
        }

        .news_page_lf dl:hover {
            background: #eee;
        }

.news_page_rt {
    width: 280px;
    float: right;
    padding: 30px 22px;
    background: #f8f8f8;
    color: #666;
    box-sizing: content-box;
}

    .news_page_rt img {
        width: 280px;
        height: 195px;
    }

    .news_page_rt h4 {
        font-size: 16px;
        font-weight: normal;
        margin: 20px 0;
        width: 280px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .news_page_rt p {
        font-size: 12px;
        line-height: 22px;
    }

/*contact*/
.iw_poi_title {
    color: #C52;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    padding-right: 13px;
    white-space: nowrap
}

.iw_poi_content {
    font: 12px arial,sans-serif;
    overflow: visible;
    padding-top: 4px;
    white-space: -moz-pre-wrap;
    word-wrap: break-word
}

.keyword_light {
    margin-bottom: 30px;
    line-height: 30px;
}

.lxwm {
    width: 100%;
    padding: 20px 0;
    line-height: 24px;
    float: left
}

.lxwm_z {
    float: left
}

    .lxwm_z h3 {
        color: #666;
        line-height: 35px;
        font-weight: bold;
    }

.lxwm_r {
    float: right
}

    .lxwm_r li {
        width: 120px;
        float: left;
        padding-left: 10px;
        box-sizing: content-box;
    }

        .lxwm_r li img {
            width: 120px;
            height: 120px;
            float: left;
            border: #ddd 1px solid
        }

        .lxwm_r li p {
            line-height: 30px;
            text-align: center
        }

.lxwm_z p {
    line-height: 26px;
    color: #666;
    font-size: 14px;
}

.pro_jpg ul, .case_jpg ul {
    overflow: hidden;
}

    .pro_jpg ul li {
        float: left;
        margin-right: 24px;
        margin-bottom: 20px;
    }

        .pro_jpg ul li:nth-child(4n) {
            margin-right: 0;
        }

    .case_jpg ul li {
        float: left;
        margin-right: 45px;
        margin-bottom: 20px;
        width: 370px;
        height: 454px;
        border: 1px solid #CCCCCC;
    }

        .case_jpg ul li:nth-child(3n) {
            margin-right: 0;
        }

        .case_jpg ul li .pic {
            text-align: center;
            overflow: hidden;
        }

            .case_jpg ul li .pic img {
                width: 370px;
                height: 235px;
                display: block;
                transition: all 0.8s ease-in-out;
            }

            .case_jpg ul li .pic:hover img {
                transform: scale(1.1);
                -webkit-transform: scale(1.1);
            }

        .case_jpg ul li:hover .mcase_txt h6, .case_jpg ul li:hover .mcase_txt p, .case_jpg ul li:hover .mcase_txt span {
            color: #3172c2;
        }

.honor_pic ul {
    overflow: hidden;
}

    .honor_pic ul li {
        width: 282px;
        padding: 8px 8px 0 8px;
        border: 1px solid #dddddd;
        float: left;
        margin-right: 24px;
        margin-bottom: 30px;
    }

        .honor_pic ul li:nth-child(4n) {
            margin-right: 0;
        }

.hon_jpg {
    width: 100%;
    height: 197px;
    overflow: hidden;
}

    .hon_jpg img {
        width: 100%;
        height: 100%;
        transition: all 0.8s ease-in-out;
    }

    .hon_jpg:hover img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }

.hon_txt {
    overflow: hidden;
    line-height: 54px;
}

    .hon_txt h6 {
        font-size: 14px;
        color: #999999;
        float: left;
    }

.hzdw_pic ul {
    overflow: hidden;
}

    .hzdw_pic ul li {
        width: 180px;
        float: left;
        margin-right: 24px;
        margin-bottom: 30px;
    }

        .honor_pic ul li:nth-child(4n) {
            margin-right: 0;
        }

.hzdw_jpg {
    width: 100%;
    /*! height: 197px; */
    overflow: hidden;
    padding: 8px;
    border: 1px solid #dddddd;
}

    .hzdw_jpg img {
        width: 100%;
        height: 100%;
        transition: all 0.8s ease-in-out;
    }

.hzdw_txt {
    overflow: hidden;
    line-height: 54px;
}

    .hzdw_txt h6 {
        font-size: 14px;
        color: #999999;
        line-height: 34px;
    }

a.hon_mor {
    display: inline-block;
    width: 62px;
    height: 20px;
    background: url(../images/more.png)no-repeat;
    float: right;
    margin-top: 15px;
}

.honor_pic ul li:hover .hon_txt h6 {
    color: #3f62ca;
}

.honor_pic ul li:hover {
    border-color: #3f62ca;
}

    .honor_pic ul li:hover a.hon_mor {
        background: url(../images/more_on.png) no-repeat;
    }
.hzdw_pic ul li:nth-child(6n){margin-right: 0}

/*师资力量*/
.szll_info {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #666
}


/*查询*/
.cha_xun {
    width: 100%;
    height: 50px;
    margin: 25px 0 0
}

    .cha_xun div {
        width: 300px;
        height: 35px;
        line-height: 35px;
        float: left;
        border: 1px solid #ddd
    }

        .cha_xun div input {
            width: 100%;
            height: 100%;
            border: 0px;
            float: left;
            padding-left: 15px;
        }

.cha_submit {
    width: 80px;
    height: 35px;
    background: #3172c2;
    color: #fff;
    border: 0px;
    float: left;
    text-align: center;
    cursor: pointer
}




/*底部导航*/
/*.footer_left_xx{ width:68%; height:100%;padding: 45px 0; float: left;}
.lajt-bottom{height:290px;width:100%;background:#202020; color: #fff; border-top: 5px solid #3172c2; }
.lajt-left{ width:310px;height:100%; float:left; margin-right:15px;padding: 10px 0;}
.lajt-left h4{ font-size:18px; color:#fff; width:100%; height:35px; line-height:35px; }
.lajt-left p{width:100%;  font-size:13px; color:#777; width:100%; height:30px; line-height:30px;}
.foot_dibu{ width: 100%; height:46px; font-size: 12px; color: #999; line-height:46px;}
.lajt-title{ width:452px; height:100%; float:left; border-left:1px solid #707070;  border-right:1px solid #707070; padding: 0px 96px; }
.lajt-title h4{font-size:18px; color:#fff; width:100%; height:35px; line-height:35px;  }
.lajt-title ul{ width:100%;height:auto; margin-top:10px;}
.lajt-title ul li{width:auto; height:35px; line-height:35px; font-size:14px; color:#999; margin-right:30px; float:left;}
.lajt-title ul li a{color:#999}
.lajt-bottom-right{ width:362px; height:185px;  float:right; margin-top: 45px;}



.bottom-blogo{width:194px;height: 115px; float: left; margin-top: 10px;}
.bottom-blogo img{width:100%;height: 100%}
.bottom-sj{ width:119px;height: 160px; float: right; margin-right:25px;}
.bottom-sj img{ width:119px;height: 116px;}
.bottom-sj p{ widtH:100%;height:30px; line-height: 30px; text-align: center; color: #999; font-size: 14px; }
.lajt-top{ height:240px;}
.beianhao{width:50%; float: left;}
.leo_bottom_right{ float: right;}
.leo_bottom_right{width:50%; height:46px; line-height:46px; float: right;}
.leo_bottom_right li{ width:38%; float: right;height: 100%;}
.leo_bottom_right p{ float: left; color: #999; margin: 0px;}
.leo_bottom_right img{width: 121px; height: 18px; float: left; margin:15px 0px 0 5px}
.vh,.wh{display: none;}
.leo_bottom_right li.vv a{width:121px;height: 22px; background: url(../images/vl.png) no-repeat; float: left; margin-top:14px;}
.leo_bottom_right li.ww a{ width:111px;height:22px; background: url(../images/wl.png) no-repeat; float: left; margin-top: 12px;}
.leo_bottom_right li.vv:hover .vl{ background: url(../images/vl_hover.png) no-repeat}
.leo_bottom_right li.ww:hover .ws{ background: url(../images/ws_hover.png) no-repeat}
.leo_bottom_right li.vv{margin-right:8px}*/






.foot {
    width: 100%;
    overflow: hidden;
    background-color: #282828;
    min-height: 300px;
    border-top: 3px #66be0f solid;
    padding-top: 80px;
}

    .foot .link {
        width: 33%;
        float: left;
        color: #78c049;
        padding-left: 26px;
    }

    .foot .address {
        background: url(../images/main_87.jpg) no-repeat left;
    }

    .foot .fphone {
        background: url(../images/main_90.jpg) no-repeat left;
    }

    .foot .email {
        background: url(../images/main_93.jpg) no-repeat left;
    }

    .foot .b_m {
        overflow: hidden;
        border-bottom: #3e3e3e 1px solid;
        padding-bottom: 58px;
    }

    .foot .fp {
        width: 100%;
        text-align: center;
        padding-top: 52px;
        color: #7b7b7b;
    }

.jszc {
    width: 370px;
    margin: 0 auto;
    padding-top: 10px;
}

a.vl {
    width: 196px;
    height: 22px;
    float: left;
    display: block;
    background: url(../images/main_99.jpg) no-repeat left top;
}

    a.vl:hover {
        background: url(../images/js1.jpg) no-repeat left top;
    }

a.hyqf {
    width: 174px;
    height: 22px;
    float: left;
    display: block;
    background: url(../images/main_99.jpg) no-repeat right top;
}

    a.hyqf:hover {
        background: url(../images/js1.jpg) no-repeat right top;
    }

.yqlj {
    width: 1100px;
    margin: 0 auto;
    text-align: left;
    clear: both;
    color: #2a2a2a;
    padding: 6px;
}

    .yqlj a {
        color: #2a2a2a;
    }

        .yqlj a:hover {
            color: #000;
        }



/*轮播图通用代码*/
.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -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;
}


/*超链*/
.link_biaoqian p {
    color: #999999;
    font-size: 14px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    float: left
}

.link_biaoqian ul {
    width: 1100px;
    height: auto;
    overflow: hidden;
    float: right
}

    .link_biaoqian ul li {
        padding: 0px 15px;
        float: left;
        font-size: 14px;
        line-height: 28px;
    }

        .link_biaoqian ul li a {
            color: #999999
        }

        .link_biaoqian ul li:hover a {
            color: #d30d0d;
        }

.link_biaoqian {
    width: 100%;
    height: auto;
    line-height: 20px;
    padding: 0px 0px 10px;
    overflow: hidden;
    background: #202020;
}

    .link_biaoqian .container {
        height: auto;
        line-height: 20px;
    }


/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right: 0px;
    top: 200px;
    width: 77px;
    z-index: 11;
}

    .lxfx li a {
        color: rgb(255, 255, 255);
        display: block;
        height: 47px;
        margin-top: 9px;
        width: 300px;
    }

.leftlx {
    float: left;
    height: 47px;
    width: 77px;
    font-size: 14px;
}

.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}

.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}

.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px;
    background: url(../images/fx.png) no-repeat;
}

    .lxfx li i.icon-tel {
        background-position: 0 -25px;
    }

    .lxfx li i.icon-ly {
        background-position: 4px -53px;
    }

    .lxfx li i.icon-wx {
        background-position: -34px 4px;
    }

    .lxfx li i.icon-wb {
        background-position: -30px -22px;
    }

.lxfx li p {
    line-height: 12px;
    text-align: center;
}

.lxfx li {
    background: #0f7ac8;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    position: relative;
    width: 77px;
    float: left;
}

.leftlx_img {
    position: absolute;
    left: -101px;
    top: 0px;
    width: 100px;
    height: 100px;
    display: none;
}

    .leftlx_img img {
        width: 100%;
        height: 100%;
    }

.left_img:hover .leftlx_img {
    display: block;
}

.zhuce {
    background: url(../images/zc.png) no-repeat !important;
    height: 26px !important;
}

body,ul,li,p,h1,h2,h3,h4,h5,h6,img,br,hr,table,tr,td,dl,dt,dd,form {margin: 0;padding: 0;}
body {font-family: Arial,"微软雅黑";font-size: 14px;color: #434343;}
.inner{width: 1220px;margin: auto;}
ul,li {list-style: none;}
img {border: none;}
i,em{font-style:normal}
a {text-decoration: none;color: #555;}
a:hover{color: #4562ac;}
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }
.fl{float: left;}
.fr{float: right;}
.rel { position: relative; }
.abs { position: absolute; }
.fid { position: fixed; }
.block{display: block;height: 100%;}
.font16{font-size: 16px;}
.font14{font-size: 14px;}
.text_ov{overflow: hidden;white-space:nowrap; text-overflow:ellipsis; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/* header */
.header{padding: 30px 0 28px 0;}
.header .logo{float: left;}
.header .navBar{  position:relative; z-index:1;  height:40px; line-height:40px; color:#333; float: right }
.nav{ position:relative; width:700px; font-size:16px; }
.nav a{ color:#333;  }
.nav h3{ font-size:100%; font-weight:normal;   }
.nav .m{ float:left;  position:relative; z-index:1; }
.nav h3 a{ display:block; width:100px; text-align:center;   font-weight:bold; font-size: 16px; }
.nav .sub{ display:none; position:absolute; left:-3px; top:60px; z-index:1; width:106px; border:1px solid #E6E4E3; border-top:0;  background:#fff; }
.nav .sub li{ text-align:center; padding:0 8px; margin-bottom:-1px;   }
.nav .sub li a{ display:block;  border-bottom:1px solid #E6E4E3; padding:8px 0;  line-height:28px; color:#666; font-size: 14px; }
.nav .sub li a:hover{ color:#f0583d;   }
.nav .block{ height:3px; width:106px; background:#f0583d; position:absolute; left:0; top:40px; overflow:hidden;  }
.search{position: relative;float: right;width: 44px;height:40px;}
.search:after{content: '';position: absolute;left: 0;top: 15px;width: 1px;height: 12px;background: #ddd;}
.search img{position: absolute;right: 0;top: 10px;}
.search .search_input{position: absolute;top: 45px;right: 0;z-index: 5;display:none;}
.search_input input{width:280px;height:44px;float: left;border: 1px solid #ccc;padding-right: 50px;padding-left: 10px;outline:none}
.search_input #btnok{position: absolute;right: 12px;top: 8px;display: block;width: 32px;height: 32px;background: url(../images/mrn_sousuo.png) no-repeat; border:0px;padding: 0;}

.footer{color: #fff;}
.footer_top{padding: 78px 0 71px 0;background: #3f62ca;}
.scan_code{padding-left: 42px;}
.scan_code li{width: 264px;float: left;}
.scan_code li img{display: block;float: left;margin-right: 21px;}
.scan_code li .code_introduce{float: left;}
.code_introduce p{line-height: 38px;font-size: 16px;}
.code_introduce h4{line-height: 24px;font-size: 18px;}
.code_introduce span{display: block;line-height: 54px;font-size: 14px;}
.contact p{line-height: 20px;}
.contact h2{line-height: 54px;}
.footer_bot{background: #2c3e72;padding: 32px 0;line-height: 26px;}
.footer_bot ul li{float: left;}
.footer_bot ul li:first-child{margin-right: 10px;}
.footer_bot li a{display: inline-block;float: left;margin-top: 3px;}
.footer_bot li a:hover{ -webkit-transition-property:background-image;-webkit-transition-duration: 0.4s;-webkit-transition-timing-function: ease;}
.footer_bot li span{display: inline-block;float: left;}
.weiling{width:103px;height:16px;background: url(../images/weiling_1.png) no-repeat center center;}
.weiling:hover{background: url(../images/weiling_2.png) no-repeat;}
.wangshang{width:96px;height:16px;background: url(../images/wangshang_1.png) no-repeat;}
.wangshang:hover{background: url(../images/wangshang_2.png) no-repeat;}