@charset "utf-8";
/**
深圳市国人伟业信息技术有限公司
*/

/*头部*/
 .index_top{
     float:left;
     width:100%;
     background-color:#1e50ae;
    }
 .index_top_span1{
         float: left;
    margin-top: 35px;
    margin-left: 15px;
    color: #fff;
 }
 .index_top_img1{
     float:left;margin-top:10px;
 }
.header {
    height: 90px;
}

    .header .headerLogo {
        height: 90px;
    }

.headerTel {
    font-size: 13px;
    color: #fff;
    background: url('../image/dianhua.png')no-repeat left center;
    /*background: url(../images/hTel-ico.png) no-repeat left center;*/
    padding-left: 60px;
    margin-top: 20px;
    height: 60px;
}

    .headerTel span {
        font-size: 27px;
        color: #fff;
        display: block;
        margin-top: 5px;
        font-weight: 600;
    }

/*导航*/
.headNav {
    height: 44px;
    line-height: 44px;
    background-color: #1e50ae;
    position: relative;
}

    .headNav .menu1 > li {
          float: left;
    text-align: center;
    font-size: 16px;
    /* width: 100px; */
    width: 162px;
    margin-top:5px;
    height: 12px;
    border-right: 1px solid #adadad;
    color: #fff;
    transition: all .5s;
    background-image: url(../images/hNav-ico.png);
    background-repeat: no-repeat;
    background-position: right 25px;
    }

        .headNav .menu1 > li > a {
           display: block;
    color: #fff;
    height: 33px;
    font-size:15px;
    margin-left: 27px;
    margin-top: -9px;
    line-height: 33px;
    width: 92px;
    border-radius:4px;
    transition: all .4s;
        }

            .headNav .menu1 > li > a:hover, .headNav .menu1 > li > .current {
                background-color: #fff;
                color:#1e50ae;
            }

    .headNav .menu1 .searIco {
        width: 19px;
        height: 19px;
        background-image: url('../image/hSear-ico.png');
        /*background-image: url(../images/hSear-ico.png);*/
        background-repeat: no-repeat;
        background-position: center center;
        float: right;
        border:none!important;
        margin-top: 2px;
        cursor: pointer;
    }


.headerSearch {
    padding-top: 20px;
    padding-left: 300px;
    float: left;
    position: absolute;
    top: 133px;
    background: #fff;
    background: rgba(255,255,255,.5);
    height: 80px;
    overflow: hidden;
    width: 100%;
    z-index: 2;
    display: none;
}

    .headerSearch form {
        width: 671px;
        margin: 0 auto;
        margin-top: 20px;
        background: #fff;
        height: 40px;
        overflow: hidden;
    }

    .headerSearch .sear_text {
        border: 1px solid #ccc;
        width: 600px;
        float: left;
        height: 40px;
        line-height: 40px;
        color: #666;
        padding-left: 10px;
        background: url('../image/searBtn.png')no-repeat 10px center;
        /*background: url('../images/searBtn.png') no-repeat 10px center;*/
        padding-left: 50px;
    }

    .headerSearch .sear_btn {
        float: left;
        width: 70px;
        height: 40px;
        cursor: pointer;

        text-align: center;
        background: #1e50ae;
        color: #fff;
        font-size: 16px;
        transition: all 0.3s;
    }

.headNav .menu2 {
    left: 0;
    right: 0;
    background: #fff;
    position: absolute;
    background: rgba(255,255,255,0.9);
    padding: 20px 40px;
    box-shadow: 0 0 6px #ccc;
    z-index: 10;
    display: none;
    top: 43px;
}

    .headNav .menu2 .menuWrap {
        width: 1100px;
        margin: 0 auto;
    }

    .headNav .menu2 img {
        float: left;
        width: 470px;
        margin-right: 30px;
    }

    .headNav .menu2 .menulist {
        float: right;
        width: 600px;
    }

        .headNav .menu2 .menulist > li {
            width: 170px;
            margin-right: 20px;
            float: left;
        }

            .headNav .menu2 .menulist > li > a {
                color: #333;
                display: block;
                border-bottom: solid 1px #e6e8ea;
                text-align: left;
                line-height: 40px;
                font-size: 14px;
            
                background: url('../image/ly_li.png')left no-repeat;
                padding-left: 10px;
                position: relative;
            }

            .headNav .menu2 .menulist > li:hover > a {
                color: #1e50ae;
            }

            .headNav .menu2 .menulist > li a:after {
                content: "";
                position: absolute;
                left: 0;
                width: 0;
                transition: all .5s;
                bottom: -1px;
                height: 1px;
                background: #1e50ae;
            }

            .headNav .menu2 .menulist > li a:hover:after {
                width: 100%;
            }



/*广告*/
.banner {
    width: 100%;
    /*height: 650px;*/
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

    .banner .bd {
        /*height: 650px;*/
        overflow: hidden;
        position: relative;
        left: 50%;
        margin-left: -960px;
        width: 1920px;
    }

    .banner .hd {
        width: 100%;
        position: absolute;
        z-index: 999;
        left: 0;
        height: 16px;
        bottom: 40px;
    }

        .banner .hd ul {
            text-align: center;
        }

            .banner .hd ul li {
                display: inline-block;
                width: 12px;
                height: 12px;
                margin: 0 5px;
                cursor: pointer;
                overflow: hidden;
                border: 1px solid #1e50ae;
                transition: all .5s;
            }

                .banner .hd ul li.on, .banner .hd ul li:hover {
                    background: #1e50ae;
                    border-color: #1e50ae;
                }

    .banner .prev, .banner .next {
        display: block;
        width: 40px;
        height: 60px;
        position: absolute;
        z-index: 2;
        top: 45%;
        margin-top: -20px;
    }

    .banner .prev {
        background: url('../image/banner-pn.png') no-repeat left bottom;
        /*background: url(../images/banner-pn.png) no-repeat left bottom;*/
        left: 5%;
    }

    .banner .next {
        background: url('../image/banner-pn.png')no-repeat right bottom;
        /*background: url(../images/banner-pn.png) no-repeat right bottom;*/
        right: 5%;
    }

/*公共主题样式*/
.homeTopic {
    font-size: 24px;
    color: #111111;
    text-align: center;
    font-weight: normal;
    padding-bottom: 30px;
}

    .homeTopic span {
      display: block;
    font-size: 13px;
    margin-top: 2px;
    color: #999;
    }

/*产品*/
.homeProd {
    padding: 30px 0;
    background-color:#f6f6f6;
}

    .homeProd ul {
        margin-right: -30px;
    }
    .homeProd ul li{
        height:330px;
        width: 382px;
        float:left;
          margin-right: 28px;
        margin-bottom: 30px;
          /*background-color:#fff;*/
    }
      
    .ass {
        /*width: 380px;
        height: 300px;*/
        border: 1px solid #fff;
        float: left;
        margin-right: 28px;
        margin-bottom: 30px;
        overflow: hidden;
        background-color:#fff;
        position: relative;
        transition: all .4s;
    }

        .homeProd li img {
            display: block;
            width:359px;
            height:250px;
            /*width: 100%;
            height: 100%;*/
            transition: all .4s;
        }

        .aa {
            /*position: absolute;*/
            float:left;
            width:100%;
            color:#333;
           
            margin-top:-14px;
            /*background: rgba(0,0,0,0.6);*/
            text-align: left;
            font-size: 16px;
          margin-left:0px;
            /*overflow: hidden;
            text-overflow: ellipsis;
            padding: 0 10px;
            bottom: 0;
         
            right: -1px;
            transition: all .4s;
            opacity: 1;*/
        }
        .pp{
            float:left;
            width:93%;
            color:#999;
            line-height:20px;
            font-size:13px;
            margin-top:6px;
        }
        .aa:hover{
            color:#1e50ae;
        }

        .ass:hover img {
            transform: scale(0.965,0.96);
        }

        .ass:hover {
            border-color: #1e50ae;
        }

            /*.homeProd li:hover span {
                height: 0;
                opacity: 0;
            }*/


/*案例*/
.homeCase {
    padding: 30px 0;
    /*background-color: #eaeaea;*/
}

    .homeCase .main {
        width: 1200px;
        margin: 0 auto;
        /*height: 486px;*/
        overflow: hidden;
        position: relative;
    }

        .homeCase .main .bd {
            width: 1110px;
            margin: 0 auto;
            overflow: hidden;
            height: 486px;
        }

            .homeCase .main .bd ul {
                width: 1230px;
            }

            .homeCase .main .bd li {
                width: 266px!important;
                height: 460px;
                float: left;
                margin-right: 20px;
                overflow: hidden;
                position: relative;
            }

                .homeCase .main .bd li img {
                    display: block;
                    width: 100%;
                    height: 100%;
                    transition: all .4s;
                }

                .homeCase .main .bd li .tit {
                    position: absolute;
                    height: 43px;
                    padding-top: 12px;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    background: rgba(0,0,0,0.6);
                    text-align: center;
                    font-size: 18px;
                    color: #fff;
                    opacity: 1;
                }

                    .homeCase .main .bd li .tit:after, .homeCase .main .bd li .cover h5:after {
                        content: "";
                        position: absolute;
                        width: 32px;
                        height: 2px;
                        background-color: #fff;
                        left: 50%;
                        margin-left: -16px;
                        bottom: 12px;
                    }

                .homeCase .main .bd li .cover {
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    background:rgba(10, 140, 241, 0.75);
                    /*opacity:0.7;*/
                    padding-top: 130px;
                    padding-left: 20px;
                    padding-right: 20px;
                    opacity: 0;
                    transition: all .4s;
                }

                    .homeCase .main .bd li .cover p {
                        color: #fff;
                        font-size: 14px;
                        text-align: center;
                        margin-bottom: 30px;
                        position: relative;
                        left: 20px;
                        opacity: 0;
                        transition: all .4s;
                    }

                    .homeCase .main .bd li .cover h5 {
                        font-size: 20px;
                        color: #fff;
                        font-weight: normal;
                        text-align: center;
                        margin-bottom: 40px;
                        position: relative;
                        top: 20px;
                        transition: all .4s;
                        opacity: 0;
                    }

                        .homeCase .main .bd li .cover h5:after {
                            bottom: -20px;
                        }

                    .homeCase .main .bd li .cover i {
                        display: block;
                        width: 100px;
                        height: 28px;
                        line-height:28px;
                        font-style:normal;
                        text-align:center;
                        color:#fff;
                        border: 1px solid #fff;
                        /*background-image: url(../images/hJt-ico3.png);*/
                        /*background-repeat: no-repeat;
                        background-position: center center;*/
                        margin: 0 auto;
                        position: relative;
                        right: 20px;
                        transition: all .4s;
                        opacity: 0;
                    }

                .homeCase .main .bd li:hover .cover {
                    opacity: 1;
                }

                    .homeCase .main .bd li:hover .cover h5 {
                        top: 0;
                        opacity: 1;
                        transition-delay: .2s;
                    }

                .homeCase .main .bd li:hover img {
                    transform: scale(1.1);
                }

                .homeCase .main .bd li:hover .tit {
                    bottom: -60px;
                    opacity: 0;
                    transition: all .4s;
                }

                .homeCase .main .bd li:hover .cover p {
                    left: 0;
                    opacity: 1;
                    transition-delay: .4s;
                }

                .homeCase .main .bd li:hover .cover i {
                    right: 0;
                    opacity: 1;
                    transition-delay: .4s;
                }

        .homeCase .main .prev, .homeCase .main .next, .homeSetting .main .prev, .homeSetting .main .next {
          position: absolute;
    width: 34px;
    height: 75px;
    /* border-radius: 50%; */
    background-color: #999;
    top: 45%;
    margin-top: -23px;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all .4s;
        }

        .homeCase .main .prev, .homeSetting .main .prev {
            left: 0;
            background-image: url('../image/left.png');
            ;
        }

        .homeCase .main .next, .homeSetting .main .next {
            right: 0;
            /*background-image: url(../images/hJt-ico2.png);*/
            background-image: url('../image/right.png');
          
        }

            .homeCase .main .prev:hover, .homeCase .main .next:hover, .homeSetting .main .prev:hover, .homeSetting .main .next:hover {
                background-color: #666;
            }

/*关于我们*/
.homeAbout {
    height: 796px;
}

    .homeAbout .wrap {
        height: 796px;
        position: relative;
    }

        .homeAbout .wrap .pic {
            position: absolute;
            width: 1000px;
            height: 796px;
            overflow: hidden;
            left: -360px;
            top: 0;
        }

            .homeAbout .wrap .pic img {
                display: block;
                width: 100%;
                height: 100%;
            }

    .homeAbout .font {
        width: 490px;
        float: right;
        margin-top: 100px;
    }

        .homeAbout .font h2 {
            font-size: 24px;
            color: #049b47;
            font-weight: normal;
            margin-bottom: 30px;
        }

        .homeAbout .font .txt {
            font-size: 14px;
            color: #666666;
            margin-bottom: 40px;
        }

            .homeAbout .font .txt p {
                margin-bottom: 20px;
            }

        .homeAbout .font .more {
            display: block;
            width: 103px;
            height: 28px;
            border: 1px solid #0f8d3e;
            background-image: url(../images/hJt-ico4.png);
            background-repeat: no-repeat;
            background-position: center center;
            transition: all .4s;
        }

            .homeAbout .font .more:hover {
                background-color: #0f8d3e;
                background-image: url(../images/hJt-ico3.png);
            }

    .homeAbout .data {
        position: absolute;
        width: 1100px;
        height: 136px;
        background-color: #049b47;
        bottom: 80px;
        right: -360px;
    }

        .homeAbout .data ul {
            overflow: hidden;
        }

        .homeAbout .data li {
            padding: 0 40px;
            float: left;
            text-align: center;
            color: #fff;
            margin-top: 30px;
            border-right: 1px solid #34ae6b;
        }

            .homeAbout .data li strong {
                display: block;
                font-size: 20px;
                font-weight: normal;
                padding-top: 15px;
                margin-bottom: 5px;
            }

            .homeAbout .data li b {
                font-size: 60px;
            }

/*领导视察*/
.homeSetting {
    padding: 80px 0;
}

    .homeSetting .main {
        width: 1360px;
        margin: 0 auto;
        height: 256px;
        overflow: hidden;
        position: relative;
    }

        .homeSetting .main .bd {
            width: 1200px;
            margin: 0 auto;
            height: 256px;
            overflow: hidden;
        }

            .homeSetting .main .bd ul {
                width: 1230px;
            }

            .homeSetting .main .bd li {
                width: 285px;
                float: left;
                margin-right: 18px;
                position: relative;
            }

                .homeSetting .main .bd li:after {
                    content: "";
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    height: 3px;
                    background-color: #049b47;
                    transition: all .4s;
                    width: 0;
                }

                .homeSetting .main .bd li .pic {
                    display: block;
                    height: 205px;
                    overflow: hidden;
                    position: relative;
                    transition: all .4s;
                }

                    .homeSetting .main .bd li .pic:after {
                        content: "";
                        position: absolute;
                        width: 41px;
                        height: 41px;
                        background-image: url(../images/view-case.png);
                        background-repeat: no-repeat;
                        background-position: center center;
                        left: 50%;
                        margin-left: -20px;
                        top: 45%;
                        margin-top: -20px;
                        opacity: 0;
                        transition: all .4s;
                    }

                    .homeSetting .main .bd li .pic img {
                        display: block;
                        width: 100%;
                        height: 100%;
                        transition: all .4s;
                    }

                .homeSetting .main .bd li .tit {
                    height: 48px;
                    line-height: 48px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    text-align: center;
                    display: block;
                }

                .homeSetting .main .bd li:hover .pic img {
                    transform: scale(1.1);
                    opacity: 0.5;
                }

                .homeSetting .main .bd li:hover .pic {
                    background-color: #049b47;
                }

                    .homeSetting .main .bd li:hover .pic:after {
                        opacity: 1;
                        top: 50%;
                    }

                .homeSetting .main .bd li:hover:after {
                    width: 100%;
                }

/*新闻*/
.homeNews {
    padding: 100px 0;
    background-color: #eaeaea;
}

    .homeNews .tab {
        text-align: center;
        font-size: 0;
        margin-bottom: 30px;
    }

        .homeNews .tab a {
            display: inline-block;
            width: 134px;
            height: 34px;
            line-height: 34px;
            color: #333333;
            font-size: 14px;
            border: 2px solid #333333;
            text-align: center;
            margin: 0 5px;
            transition: all .4s;
        }

            .homeNews .tab a:hover {
                background-color: #049b47;
                border-color: #049b47;
                color: #fff;
            }

    .homeNews .box {
        overflow: hidden;
    }

    .homeNews .hot {
        width: 590px;
        float: left;
    }

        .homeNews .hot .pic {
            display: block;
            height: 206px;
            overflow: hidden;
            position: relative;
        }

            .homeNews .hot .pic img {
                display: block;
                width: 100%;
                height: 100%;
                transition: all .4s;
            }

            .homeNews .hot .pic em {
                cursor: pointer;
                height: 206px;
                width: 580px;
                left: -580px;
                position: absolute;
                top: 0;
                transform: skewX(-25deg);
                transition: all 0s;
                background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
                background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
                background-image: -o-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
                background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
                z-index: 2;
            }

        .homeNews .hot .font {
            background-color: #fff;
            padding: 39px 40px;
        }

            .homeNews .hot .font .time {
                display: block;
                font-size: 14px;
                color: #888888;
            }

                .homeNews .hot .font .time b {
                    float: right;
                    color: #049b47;
                }

            .homeNews .hot .font h5 {
                font-size: 16px;
                color: #333333;
                margin: 5px 0 15px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

        .homeNews .hot:hover img {
            transform: scale(1.05);
        }

        .homeNews .hot:hover .pic em {
            left: 580px;
            transition: all 0.7s;
        }

        .homeNews .hot:hover h5 {
            color: #049b47;
        }

    .homeNews .list {
        width: 490px;
        padding: 15px 50px;
        background-color: #fff;
        height: 395px;
        float: right;
    }

        .homeNews .list li {
            padding-left: 100px;
            padding-top: 15px;
            padding-bottom: 15px;
            border-bottom: 1px solid #e3e3e3;
        }

            .homeNews .list li span {
                display: block;
                width: 84px;
                height: 24px;
                line-height: 24px;
                text-align: center;
                font-size: 12px;
                background-color: #333333;
                border-radius: 20px;
                color: #fff;
                float: left;
                margin-left: -100px;
                transition: all .4s;
            }

            .homeNews .list li b {
                font-size: 14px;
                color: #888888;
                font-weight: normal;
            }

            .homeNews .list li h5 {
                font-size: 14px;
                color: #666666;
                font-weight: normal;
                height: 48px;
            }

            .homeNews .list li:last-child {
                border-bottom: 0;
            }

            .homeNews .list li:hover span {
                background-color: #049b47;
                color: #fff;
            }


/*底部*/
.footer {
    background-color: #333333;
    float:left;
    width:100%;
    padding: 50px 0;
}
.footer_div1{
    margin:0 auto;
    width:1200px;
}
.footer_div1_h1{
    float:left;
    margin-left:76px;
    margin-top:-25px;
}
.index_top_span2{
    float: left;
    margin-top: 20px;
    margin-left: 15px;
    color: #eaeaea;
}
    .footer_div2{
        float:left;
        height:30px;
        margin-left:50px;
        margin-top:-4px;
    }
    .footer_div2 a{
        font-size:14px;
        color:#999;
        float:left;
        margin-left:35px;
        font-family:"微软雅黑";
    }
    .footer_div2 a:hover{
        color:#fff;
    }
    .footer_div2_s1{
          float: left;
    color: #999;
    font-size: 12px;
    margin-top: 54px;
    margin-left: 126px;
    margin-top: 15px;
    }
    .img1{
        float:left;
        margin-top:3px;
    }
    .font1{
        float:left;
        margin-left:6px;
    }
     .font2{
        float:left;
        color:#3ddbf7;
        margin-left:6px;
    }
      .footer_div2_s2{
          float: left;
    color: #999;
    font-size: 12px;
   
    margin-left: 126px;
    margin-top: 5px;
    }
      .font3{
          margin-top:-2px;
          float:left;
          margin-left:6px;
      }

/* 内页公用 */
.listBanner {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    height: 400px;
}

    .listBanner img {
        display: block;
    }

.listWrapper {
    padding: 40px 0 50px 0;
    overflow: hidden;
}

.pageWrapper {
    padding: 40px 0 50px 0;
}

.location {
    background: url(../images/location_icon.png) no-repeat left center;
    padding-left: 20px;
    color: #333;
}

.breadCrumb {
    height: 60px;
    line-height: 60px;
    background: #efefef;
}

    .breadCrumb p {
        background: url('../images/location_icon.png') no-repeat left center;
        padding-left: 20px;
        width: 1180px;
        color: #333;
    }

        .breadCrumb p a {
            color: #333;
        }

    .breadCrumb .back {
        float: right;
        width: 80px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        border-radius: 5px;
        background: #999;
        color: #fff;
        margin-top: 15px;
    }

        .breadCrumb .back:hover {
            background: #049b47;
            transition: all 0.3s;
        }

.page-bgColor {
    background-color: #fff;
    padding: 30px 20px;
}
/* 内页公用菜单 */
.listMenu {
    height: 60px;
    line-height: 60px;
    margin: 40px 0 20px;
}

    .listMenu .topic {
        font-size: 28px;
        color: #049b47;
        float: left;
        font-weight: normal;
        border-bottom: 1px solid #dadada;
    }

        .listMenu .topic span {
            font-size: 16px;
            text-transform: uppercase;
            color: #333;
            margin-left: 10px;
            position: relative;
        }

            .listMenu .topic span:after {
                position: absolute;
                content: "";
                width: 30px;
                height: 26px;
                background-image: url(../images/yz-ico.png);
                background-repeat: no-repeat;
                background-position: center center;
                top: -20px;
            }

    .listMenu .menuWrap {
        margin-top: 10px;
    }

        .listMenu .menuWrap a {
            display: block;
            float: left;
            font-size: 16px;
            position: relative;
            color: #231b16;
            width: 140px;
            text-align: center;
            z-index: 0;
            height: 40px;
            line-height: 40px;
            border: 1px solid #dadada;
            margin-left: 5px;
            background-color: #fff;
        }

            .listMenu .menuWrap a:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: #049b47;
                z-index: -1;
                opacity: 0;
                -webkit-transform: scale3d(0.7, 1, 1);
                transform: scale3d(0.7, 1, 1);
                -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
                transition: transform 0.4s, opacity 0.4s;
                transition-timing-function: ease, ease;
                -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
                transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
            }

            .listMenu .menuWrap a:hover:before, .listMenu .menuWrap a.current:before {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }

            .listMenu .menuWrap a.current, .listMenu .menuWrap a:hover {
                color: #fff;
                border-color: #049b47;
            }

.menuSub {
    text-align: left;
    margin-top: 40px;
    background: #f4f4f4;
    padding: 15px 0;
}

    .menuSub a {
        padding: 0 15px;
        background: url(../images/nav-bg.png) no-repeat right center;
    }

        .menuSub a.current, .menuSub a:hover {
            color: #049b47;
        }
/*产品侧边导航*/
.listLeft {
    width: 240px;
    float: left;
    overflow: hidden;
}

.listRight {
    width: 930px;
    float: right;
    overflow: hidden;
    text-align: justify;
    text-justify: inter-ideograph;
}

.prodCrumb {
    height: 20px;
    margin-bottom: 25px;
}

    .prodCrumb strong {
        color: #049b47;
        font-size: 18px;
        font-family: "微软雅黑";
        display: inline-block;
        font-weight: 600;
        border-left: 4px solid #111;
        padding-left: 10px;
        height: 20px;
        line-height: 20px;
    }

    .prodCrumb p {
        background: url('../images/location_icon.png') no-repeat left center;
        padding-left: 20px;
    }

        .prodCrumb p span {
            margin: 0 8px;
        }

.sidebar {
    margin-bottom: 10px;
}

.side_title {
    font-size: 28px;
    font-weight: normal;
    color: #fff;
    margin-bottom: 5px;
    text-transform: uppercase;
    height: 70px;
    background-color: #049b47;
    border-radius: 15px 0 15px 0;
    padding-top: 20px;
    text-align: center;
}

    .side_title span {
        display: block;
        font-size: 16px;
        font-family: Arial;
        color: #fff;
        margin-top: 10px;
        opacity: 0.5;
    }

.sidebarMenu {
    background: #f5f5f5;
    border-top: none;
}

    .sidebarMenu li {
        font-size: 15px;
    }

        .sidebarMenu li a {
            height: 50px;
            line-height: 50px;
            padding-left: 30px;
            display: block;
            color: #333333;
            border-bottom: 1px solid #ededed;
            transition: all .5s;
            background-image: url(../images/hProd-ico7.png);
            background-repeat: no-repeat;
            background-position: 205px center;
        }

            .sidebarMenu li .current, .sidebarMenu li a:hover {
                color: #fff;
                background-color: #049b47;
                background-image: url(../images/hProd-ico2.png);
            }

        .sidebarMenu li ul {
            font-size: 12px;
            padding: 5px 0;
            background: #f8f8f8;
        }

    .sidebarMenu ul li {
        background: none;
        padding-top: 0;
    }

    .sidebarMenu li ul a {
        background: url('../images/ly_li.png') no-repeat 35px center;
        padding-left: 45px;
        color: #666;
        height: 35px;
        line-height: 35px;
        font-size: 13px;
    }

    .sidebarMenu li:last-child a {
        border-bottom: none;
    }

    .sidebarMenu li ul .current, .sidebarMenu li ul a:hover {
        background: url('../images/ly_li.png') no-repeat 35px center;
        color: #049b47;
    }

.proSide {
    background: #f5f5f5;
    height: auto;
}

    .proSide li {
        background: url('../images/side_line.jpg') repeat-x left top;
        border-top: none;
    }

        .proSide li:hover {
            background: #fff url('../images/side_line.jpg') repeat-x left top;
        }

.recommend_pro1, .recommend_pro2 {
    height: 120px;
}

.recommend_pro1 {
    margin-bottom: 10px;
}

.recommend_pro {
    margin-bottom: 15px;
}

.listLeft .left_title {
    background: #049b47;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.recommend_slide {
    height: 440px;
    overflow: hidden;
    padding: 9px;
    border: 1px solid #bcbcbc;
    background: #fff;
    border-top: none;
}

.recommend_pro li {
    width: 230px;
    overflow: hidden;
    margin-bottom: 10px;
}

    .recommend_pro li img {
        width: 213px;
        height: 168px;
        border: 1px solid #ddd;
        padding: 2px;
    }

    .recommend_pro li span {
        height: 30px;
        line-height: 30px;
        position: relative;
        text-align: center;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .recommend_pro li:hover img {
        border: 1px solid #049b47;
    }

.twoCont {
    padding: 15px 10px;
    overflow: hidden;
    background: #f4f4f4;
}

.sidebarThree h3 {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: normal;
}

    .sidebarThree h3 span {
        display: block;
        font-size: 24px;
        color: #049b47;
        font-family: arial;
    }

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

/*解决方案列表*/
.solveList {
    width: 1360px;
    margin: 0 auto;
    height: 486px;
    overflow: hidden;
    position: relative;
}

    .solveList .bd {
        width: 1200px;
        margin: 0 auto;
        overflow: hidden;
        height: 486px;
    }

        .solveList .bd ul {
            width: 1230px;
        }

        .solveList .bd li {
            width: 286px;
            height: 486px;
            float: left;
            margin-right: 20px;
            overflow: hidden;
            position: relative;
        }

            .solveList .bd li img {
                display: block;
                width: 100%;
                height: 100%;
                transition: all .4s;
            }

            .solveList .bd li .tit {
                position: absolute;
                height: 60px;
                padding-top: 20px;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(0,0,0,0.6);
                text-align: center;
                font-size: 20px;
                color: #fff;
                opacity: 1;
            }

                .solveList .bd li .tit:after, .solveList .bd li .cover h5:after {
                    content: "";
                    position: absolute;
                    width: 32px;
                    height: 2px;
                    background-color: #fff;
                    left: 50%;
                    margin-left: -16px;
                    bottom: 20px;
                }

            .solveList .bd li .cover {
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                background: rgba(4,155,71,0.9);
                padding-top: 130px;
                padding-left: 20px;
                padding-right: 20px;
                opacity: 0;
                transition: all .4s;
            }

                .solveList .bd li .cover p {
                    color: #fff;
                    font-size: 14px;
                    text-align: center;
                    margin-bottom: 30px;
                    position: relative;
                    left: 20px;
                    opacity: 0;
                    transition: all .4s;
                }

                .solveList .bd li .cover h5 {
                    font-size: 20px;
                    color: #fff;
                    font-weight: normal;
                    text-align: center;
                    margin-bottom: 40px;
                    position: relative;
                    top: 20px;
                    transition: all .4s;
                    opacity: 0;
                }

                    .solveList .bd li .cover h5:after {
                        bottom: -20px;
                    }

                .solveList .bd li .cover i {
                    display: block;
                    width: 100px;
                    height: 28px;
                    border: 1px solid #fff;
                    background-image: url(../images/hJt-ico3.png);
                    background-repeat: no-repeat;
                    background-position: center center;
                    margin: 0 auto;
                    position: relative;
                    right: 20px;
                    transition: all .4s;
                    opacity: 0;
                }

            .solveList .bd li:hover .cover {
                opacity: 1;
            }

                .solveList .bd li:hover .cover h5 {
                    top: 0;
                    opacity: 1;
                    transition-delay: .2s;
                }

            .solveList .bd li:hover img {
                transform: scale(1.1);
            }

            .solveList .bd li:hover .tit {
                bottom: -60px;
                opacity: 0;
                transition: all .4s;
            }

            .solveList .bd li:hover .cover p {
                left: 0;
                opacity: 1;
                transition-delay: .4s;
            }

            .solveList .bd li:hover .cover i {
                right: 0;
                opacity: 1;
                transition-delay: .4s;
            }

    .solveList .prev, .solveList .next, .homeSetting .main .prev, .homeSetting .main .next {
        position: absolute;
        width: 46px;
        height: 46px;
        border-radius: 50%;
        background-color: #cecece;
        top: 50%;
        margin-top: -23px;
        background-repeat: no-repeat;
        background-position: center center;
        transition: all .4s;
    }

    .solveList .prev, .homeSetting .main .prev {
        left: 0;
        background-image: url(../images/hJt-ico1.png);
    }

    .solveList .next, .homeSetting .main .next {
        right: 0;
        background-image: url(../images/hJt-ico2.png);
    }

        .solveList .prev:hover, .solveList .next:hover, .homeSetting .main .prev:hover, .homeSetting .main .next:hover {
            background-color: #049b47;
        }


/*  案例详情 */
.solveRelation {
    background-color: #eee;
    padding: 40px 0;
}

    .solveRelation .topic {
        font-size: 26px;
        font-weight: normal;
        color: #333;
        font-weight: normal;
        text-align: left;
        padding-bottom: 10px;
        height: 30px;
        line-height: 30px;
    }

.solveStart {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dedede;
    overflow: hidden;
    text-align: center;
    position: relative;
}

    .solveStart .bshare-custom {
        position: absolute;
        right: 0;
        top: 40px;
    }

    .solveStart .title {
        font-size: 20px;
        line-height: 30px;
        color: #303030;
        font-weight: normal;
        margin-bottom: 10px;
    }

    .solveStart .time {
        display: block;
        font-size: 14px;
        color: #999999;
    }

    .solveStart .content {
        margin-bottom: 60px;
    }
/* 相关方案样式 */
.relatedSolve li {
    float: left;
}

.relatedSolve ul {
    width: 1240px;
    margin-top: 20px;
}

.relatedSolve li {
    float: left;
    width: 280px;
    margin-bottom: 20px;
    margin-right: 24px;
    border: 1px solid #ddd;
    background: #eee;
    text-align: center;
    transition: all .5s;
}

    .relatedSolve li a {
        display: block;
        width: 280px;
        transition: all .5s;
    }

    .relatedSolve li img {
        width: 270px;
        height: 185px;
        padding: 5px;
        background: #fff;
    }

    .relatedSolve li h4 {
        height: 35px;
        line-height: 35px;
        padding: 0 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        font-weight: normal;
    }

    .relatedSolve li:hover {
        border: 1px solid #049b47;
    }

    .relatedSolve li a:hover {
        background: #049b47;
        color: #fff;
    }


/* 风采展示 */
.partnerList, .honorList, .settingList, .newsList, .appList, .newsList, .downList {
    width: 1200px;
    overflow: hidden;
}

    .partnerList ul, .honorList ul, .settingList ul, .downList ul, .clientList ul, .newsList2 ul {
        width: 1240px;
    }

        .settingList ul li {
            width: 280px;
            float: left;
            margin-right: 26px;
            margin-bottom: 25px;
            text-align: center;
        }

            .settingList ul li img {
                display: block;
                width: 270px;
                height: 190px;
                padding: 4px;
                border: 1px solid #e3e3e3;
                background: #fff;
                transition: all .5s;
            }

                .settingList ul li img:hover {
                    border: 1px solid #049b47;
                    background: #049b47;
                }

            .settingList ul li span {
                height: 30px;
                line-height: 30px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                display: block;
            }

    /* 荣誉证书 */
    .honorList li {
        width: 280px;
        float: left;
        margin-right: 26px;
        margin-bottom: 25px;
        text-align: center;
    }

        .honorList li img {
            display: block;
            width: 270px;
            height: 203px;
            padding: 4px;
            border: 1px solid #e3e3e3;
            background: #fff;
        }

            .honorList li img:hover {
                border: 1px solid #049b47;
                background:;
            }

        .honorList li span {
            height: 30px;
            line-height: 30px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block;
        }

    /* 合作伙伴 */
    .partnerList li {
        float: left;
        width: 220px;
        margin-right: 25px;
        margin-bottom: 25px;
    }

        .partnerList li img {
            width: 210px;
            height: 90px;
            background: #e5e5e5;
            padding: 4px;
            border: 1px solid #d4d4d4;
            box-shadow: 1px 1px 0 #fff inset,-1px -1px 0 #fff inset;
        }

        .partnerList li span {
            height: 35px;
            line-height: 35px;
            display: block;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

/*实力列表*/
.strenList ul {
    width: 1250px;
}

.strenList li {
    width: 380px;
    margin-right: 28px;
    position: relative;
    margin-bottom: 30px;
    float: left;
    transition: all .5s;
}

    .strenList li .pic {
        display: block;
        overflow: hidden;
        position: relative;
        position: relative;
        transition: all .4s;
        position: relative;
        height: 285px;
    }

        .strenList li .pic:after {
            width: 47px;
            height: 49px;
            content: "";
            position: absolute;
            background-image: url(../images/view-case.png);
            background-repeat: no-repeat;
            background-position: center center;
            left: 50%;
            margin-left: -23px;
            top: 47%;
            margin-top: -25px;
            opacity: 0;
            transition: all .4s;
        }

    .strenList li:hover .pic {
        background: rgba(4,155,71,0.8);
    }

        .strenList li:hover .pic img {
            opacity: 0.4;
        }

        .strenList li:hover .pic:after {
            opacity: 1;
            top: 50%;
        }

    .strenList li img {
        width: 100%;
        height: 100%;
        transition: all .5s;
        display: block;
    }

    .strenList li:hover img {
        transform: scale(1.2);
    }

    .strenList li p {
        padding: 15px 5px 15px 5px;
        transition: all .5s;
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: center;
    }

    .strenList li:after {
        content: "";
        position: absolute;
        width: 0;
        left: 50%;
        height: 2px;
        background-color: #049b47;
        transition: all .5s;
        bottom: 0px;
    }

    .strenList li:hover:after {
        width: 100%;
        left: 0;
    }

    .strenList li:hover {
        box-shadow: 0 8px 20px rgba(0,0,0,.1);
    }

/*视频列表*/
.videoList ul {
    width: 1250px;
}

.videoList li {
    width: 279px;
    margin-right: 28px;
    position: relative;
    margin-bottom: 30px;
    float: left;
    transition: all .5s;
}

    .videoList li .pic {
        display: block;
        overflow: hidden;
        position: relative;
        position: relative;
        transition: all .4s;
        position: relative;
        height: 210px;
        background: #000;
    }

        .videoList li .pic:after {
            width: 48px;
            height: 48px;
            content: "";
            position: absolute;
            background-image: url(../images/pVideo.png);
            background-repeat: no-repeat;
            background-position: center center;
            left: 50%;
            margin-left: -24px;
            top: 50%;
            margin-top: -24px;
            transition: all .4s;
        }

        .videoList li .pic img {
            opacity: 0.5;
        }

    .videoList li img {
        width: 100%;
        height: 100%;
        transition: all .5s;
        display: block;
    }

    .videoList li:hover img {
        transform: scale(1.2);
    }

    .videoList li p {
        padding: 15px 5px 15px 5px;
        transition: all .5s;
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: center;
    }

    .videoList li:after {
        content: "";
        position: absolute;
        width: 0;
        left: 50%;
        height: 2px;
        background-color: #049b47;
        transition: all .5s;
        bottom: 0px;
    }

    .videoList li:hover:after {
        width: 100%;
        left: 0;
    }

    .videoList li:hover {
        box-shadow: 0 8px 20px rgba(0,0,0,.1);
    }

/* 新闻列表 */
.newsList .hot {
    overflow: hidden;
    margin-bottom: 30px;
}

    .newsList .hot ul {
        width: 1230px;
    }

    .newsList .hot li {
        width: 380px;
        float: left;
        margin-right: 29px;
        position: relative;
        height: 360px;
    }

        .newsList .hot li .pic {
            display: block;
            height: 220px;
            overflow: hidden;
        }

            .newsList .hot li .pic img {
                display: block;
                width: 100%;
                height: 100%;
                transition: all .5s;
            }

        .newsList .hot li .txt {
            padding: 40px 20px 30px 20px;
            background-color: #f3f3f3;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            transition: all .5s;
        }

            .newsList .hot li .txt h5 {
                font-size: 14px;
                font-weight: normal;
                color: #464646;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-bottom: 5px;
                transition: all .5s;
                position: relative;
                top: 0;
            }

            .newsList .hot li .txt p {
                font-size: 12px;
                color: #999;
                line-height: 22px;
                position: relative;
                top: 0;
                transition: all .5s;
            }

            .newsList .hot li .txt .time {
                position: absolute;
                background-color: #049b47;
                width: 90px;
                height: 90px;
                color: #fff;
                text-align: center;
                top: -60px;
                left: 20px;
                transition: all .5s;
            }

                .newsList .hot li .txt .time b {
                    display: block;
                    font-size: 40px;
                    font-weight: normal;
                    margin-bottom: 10px;
                    margin-top: 20px;
                }

        .newsList .hot li:hover img {
            transform: scale(1.2);
        }

        .newsList .hot li:hover .txt {
            background-color: #049b47;
        }

            .newsList .hot li:hover .txt h5 {
                color: #fff;
                top: 10px;
            }

            .newsList .hot li:hover .txt p {
                color: #fff;
                top: 10px;
            }

        .newsList .hot li:hover .time {
            background-color: #201c1d;
            padding-top: 10px;
        }

.newsList .list li {
    padding-left: 120px;
    padding-bottom: 40px;
    padding-top: 40px;
    transition: all .5s;
    background: #fff;
    overflow: hidden;
    background-color: #f5f5f5;
}

    .newsList .list li:nth-child(2n) {
        background-color: #fff;
    }

    .newsList .list li a {
        display: block;
        position: relative;
        left: 20px;
        transition: all .5s;
    }

    .newsList .list li .time {
        display: block;
        float: left;
        font-size: 12px;
        color: #666666;
        margin-left: -120px;
        width: 90px;
        height: 90px;
        border: 1px solid #adadad;
        text-align: center;
        transition: all .5s;
    }

    .newsList .list li strong {
        font-size: 40px;
        color: #666666;
        display: block;
        font-weight: normal;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 20px;
        transition: all .5s;
    }

    .newsList .list li .txt {
        width: 970px;
        float: left;
        margin-top: 15px;
    }

    .newsList .list li h5 {
        font-size: 18px;
        color: #191919;
        font-weight: normal;
        margin-bottom: 20px;
    }

    .newsList .list li p {
        font-size: 12px;
        color: #666666;
    }

    .newsList .list li .more {
        display: block;
        display: block;
        font-size: 10px;
        text-align: center;
        height: 24px;
        line-height: 24px;
        width: 60px;
        text-align: center;
        background-color: #049b47;
        color: #fff;
        margin-top: 35px;
        transition: all .5s;
        float: left;
    }

    .newsList .list li:hover h5 {
        color: #049b47;
    }

    .newsList .list li:hover .time {
        background-color: #049b47;
        border-color: #049b47;
        color: #fff;
    }

    .newsList .list li:hover strong {
        color: #fff;
    }


/* 常见问题 */
.faqList li {
    position: relative;
    margin-bottom: 30px;
    border-left: 3px solid #049b47;
}

    .faqList li:after {
        content: '';
        position: absolute;
        top: 12px;
        right: 16px;
        display: block;
        width: 30px;
        height: 30px;
        background: #049b47;
        pointer-events: none;
    }

    .faqList li h3:before, .faqList li h3:after {
        content: '';
        position: absolute;
        top: 26px;
        right: 23px;
        z-index: 2;
        width: 16px;
        height: 2px;
        background: #fff;
    }

    .faqList li h3:before {
        width: 2px;
        height: 16px;
        top: 19px;
        right: 30px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .faqList li.act h3:before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        background: transparent\0;
    }

    .faqList li h3 {
        position: relative;
        padding: 0 60px;
        background-color: #f3f3f3;
        line-height: 54px;
        font-size: 16px;
        cursor: pointer;
        font-weight: normal;
        color: #333;
        background-image: url(../images/faq.png);
        background-repeat: no-repeat;
        background-position: 20px 0;
    }

    .faqList li div {
        display: none;
        padding: 25px 60px;
        line-height: 25px;
        color: #7c7c7c;
        -webkit-animation: fadeIn 0.5s ease-out 0.2s both;
        animation: fadeIn 0.5s ease-out 0.2s both;
    }

    .faqList li div {
        background: url(../images/faq.png) no-repeat 20px -155px;
        font-size: 14px;
    }

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


/* 新闻详细样式 */
.articleShow {
    overflow: hidden;
}

.pictureShow {
    width: 890px;
}

.articleBox1 .title {
    text-align: center;
    font-size: 20px;
    color: #000;
    margin-bottom: 10px;
    font-weight: normal;
}

.articleBox1 .p1 {
    margin-bottom: 15px;
    padding-bottom: 10px;
    text-align: center;
    color: #333;
}

.detailLeft .p1, .picShow .p1 {
    border-bottom: 1px dotted #adadad;
    ;
}

.articleBox1 .p1 span {
    margin-right: 15px;
}

.review {
    background: #f7f7f7 url(../images/nShow_icon.png) no-repeat left top;
    padding: 15px 15px 10px 15px;
    border-right: none;
    border-left: none;
    text-indent: 2em;
    font-size: 14px;
    color: #333;
}

.fontResizer a {
    padding: 0 5px;
}

.article_key {
    background: #f7f7f7 url(../images/nShow_icon2.png) no-repeat 15px 7px;
    color: #adadad;
    margin-bottom: 20px;
    padding-left: 35px;
    line-height: 28px;
}

.fontsizebox {
    padding-bottom: 40px;
    border-bottom: 1px dotted #adadad;
    font-size: 13px;
    color: #424242;
}

.curFont {
    color: #0180d4;
}

.detailShare {
    overflow: hidden;
    padding: 25px 0;
    border-bottom: 1px dotted #adadad;
}

    .detailShare span {
        border-left: 1px dotted #adadad;
        padding: 0 15px;
    }

        .detailShare span.date {
            margin-left: 15px;
        }

.detail_fenx {
    font-size: 14px;
    padding-top: 10px;
    overflow: hidden;
    margin-bottom: 20px;
    border-bottom: 1px dotted #adadad;
    padding-bottom: 10px;
}

    .detail_fenx div {
        width: 48%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .detail_fenx div a:hover {
            color: #049b47;
        }

.relatedNews_font {
    overflow: hidden;
    font-size: 13px;
    margin-top: 15px;
}

    .relatedNews_font ul {
        width: 1220px;
    }

        .relatedNews_font ul li {
            float: left;
            padding-right: 50px;
            width: 558px;
            height: 40px;
            line-height: 40px;
            border-bottom: 1px dotted #ddd;
        }

            .relatedNews_font ul li a {
                display: block;
                width: 400px;
                line-height: 40px;
                background: url(../images/ly_li.png) no-repeat left center;
                padding-left: 10px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                float: left;
            }

                .relatedNews_font ul li a:hover {
                    color: #049b47;
                }

            .relatedNews_font ul li span {
                float: right;
                color: #999;
            }

.detailRight {
    width: 280px;
    overflow: hidden;
}

.rightDesign, .rightRelated, .rightCase, .rightLabel {
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

.rTitle {
    height: 39px;
    line-height: 39px;
    background: url(../images/r_title.jpg) repeat-x;
    font-size: 16px;
    color: #000;
    font-weight: normal;
    padding-left: 10px;
}

.rightDesign .main {
    background: #fff;
    padding: 10px;
}

    .rightDesign .main .p1 {
        font-size: 14px;
        margin-bottom: 10px;
        font-size: 14px;
        color: #000;
    }

    .rightDesign .main input {
        display: block;
        height: 38px;
        border: 1px solid #e1e1e1;
        background: #fff;
        padding: 0 10px;
        width: 238px;
        margin-bottom: 10px;
        font-size: 14px;
    }

    .rightDesign .main .sub {
        height: 40px;
        line-height: 40px;
        border: none;
        background: #02a2ee;
        color: #fff;
        text-align: center;
        transform: all 0.3s;
        cursor: pointer;
        width: 258px;
        padding: 0;
        margin-bottom: 5px;
        font-family: "微软雅黑";
    }

    .rightDesign .main input:focus {
        border: 1px solid #02a2ee;
    }

    .rightDesign .main .sub:focus, .rightDesign .main .sub:hover {
        background: #333;
        border: none;
    }

.rightRelated .main {
    padding: 10px;
}

    .rightRelated .main img {
        width: 254px;
        padding: 2px;
        border: 1px solid #ececec;
        margin-bottom: 10px;
    }

    .rightRelated .main li {
        height: 34px;
        line-height: 34px;
        border-bottom: 1px dotted #a7a7a7;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .rightRelated .main li a {
            background: url(../images/ly_li.png) no-repeat 5px center;
            padding-left: 15px;
        }

        .rightRelated .main li:last-child {
            border-bottom: none;
        }

.rightRelated .mainCp {
    padding: 10px;
}

    .rightRelated .mainCp .bd {
        width: 258px;
        height: 579px;
        overflow: hidden;
    }

        .rightRelated .mainCp .bd li, .rightDesign .mainCp .bd li a {
            display: block;
            width: 258px;
            height: 183px;
            overflow: hidden;
            position: relative;
        }

        .rightRelated .mainCp .bd li {
            margin-bottom: 10px;
        }

            .rightRelated .mainCp .bd li h3 {
                width: 228px;
                height: 30px;
                line-height: 30px;
                color: #fff;
                background: url(../images/tmb.png);
                position: absolute;
                left: 0;
                bottom: 0;
                text-align: center;
                padding: 0 15px;
            }

.relatedTitle {
    height: 30px;
    border-bottom: 1px dotted #adadad;
    font-size: 18px;
    color: #000;
    margin-bottom: 20px;
    font-weight: normal;
}


/* 人才招聘  */
.jobTop {
    overflow: hidden;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    height: 295px;
}

    .jobTop .main {
        float: right;
        width: 560px;
    }

        .jobTop .main .font {
            height: 190px;
            overflow: hidden;
            line-height: 28px;
        }

        .jobTop .main .p1 {
            padding-top: 15px;
            font-size: 16px;
            color: #333;
        }

            .jobTop .main .p1 a {
                color: #049b47;
            }

                .jobTop .main .p1 a:hover {
                    text-decoration: underline;
                }

    .jobTop .more {
        width: 100px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        border-radius: 3px;
        display: inline-block;
        background: #049b47;
        margin-top: 15px;
    }

        .jobTop .more:hover {
            background: #e82513;
        }

.jobList li {
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #ddd;
    padding: 30px 0 28px;
}

.jobList .posit {
    float: left;
    width: 220px;
    margin-right: 30px;
}

    .jobList .posit .icon {
        display: block;
        width: 35px;
        height: 35px;
        background: #434343 url('../images/gicon19.png') no-repeat center center;
        position: absolute;
        right: 28px;
        top: 36px;
        cursor: pointer;
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        border-radius: 50%;
    }

    .jobList .posit h3 {
        width: 180px;
        color: #333;
        font-size: 20px;
        font-weight: normal;
        margin-bottom: 20px;
    }

    .jobList .posit span {
        display: block;
        font-size: 14px;
        color: #333;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #dadada;
    }

    .jobList .posit b {
        font-size: 14px;
        font-weight: normal;
    }

.jobList li .inner {
    font-size: 14px;
    color: #888;
    line-height: 27px;
    width: 800px;
    float: left;
}

.jobList li .txt {
    padding-top: 30px;
    display: none;
}

.jobList li h4 {
    color: #333;
    font-size: 14px;
    font-weight: normal;
}

.jobList li h5 {
    color: #049b47;
    font-size: 14px;
    margin-top: 30px;
    font-weight: normal;
}

.jobList .more {
    display: block;
    padding-left: 20px;
}

.jobList li.on .txt {
    display: block;
}

.jobList li.on .more {
    display: none;
}

.jobList li.on .icon {
    background: #049b47 url('../images/gicon18.png') no-repeat center center;
    border-radius: 50%;
}



/*  产品列表 */
.productList {
    overflow: hidden;
}

    .productList ul {
        width: 950px;
    }

    .productList li {
        float: left;
        width: 294px;
        margin-right: 20px;
        margin-bottom: 20px;
        position: relative;
        border: 1px solid #dadada;
    }

        .productList li .pImg {
            display: block;
            height: 230px;
            overflow: hidden;
            position: relative;
        }

            .productList li .pImg img {
                width: 100%;
                height: 100%;
                transition: all .5s;
            }

            .productList li .pImg:before {
                position: absolute;
                content: "";
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                background: rgba(0,0,0,0.7);
                opacity: 0;
                transition: all .5s;
                z-index: 1;
            }

        .productList li:hover .pImg:before {
            opacity: 1;
        }

        .productList li .pImg:after {
            content: "";
            position: absolute;
            width: 47px;
            height: 49px;
            background: url(../images/view-case.png) no-repeat center center;
            z-index: 2;
            left: 50%;
            top: 45%;
            transition: all .5s;
            opacity: 0;
            margin-left: -24px;
            margin-top: -25px;
        }

        .productList li:hover .pImg:after {
            top: 50%;
            opacity: 1;
        }

        .productList li:hover .pImg img {
            transform: scale(1.2);
            -ms-transform: scale(1.2);
            -webkit-transform: scale(1.2);
            -o-transform: scale(1.2);
            -moz-transform: scale(1.2);
        }

        .productList li h5 {
            height: 50px;
            line-height: 50px;
            text-align: center;
            font-size: 14px;
            color: #333;
            font-weight: normal;
            transition: all .5s;
            background-color: #efefef;
        }

        .productList li:hover h5 {
            background: #049b47;
            color: #fff;
        }




/*  产品详情*/
.pageProbg {
    background: #fff;
    padding: 70px;
    width: 1060px;
    margin: 0 auto;
    box-shadow: 0 0 2px 1px #dadada;
}

.prodPic {
    width: 680px;
}

    .prodPic .big {
        width: 550px;
        height: 435px;
        position: relative;
        z-index: 1;
        float: left;
        border: 1px solid #e3e3e3;
    }

        .prodPic .big a {
            width: 550px;
            height: 435px;
        }

            .prodPic .big a img {
                display: block;
                width: 100%;
                height: 100%;
            }

div.zoomDiv {
    z-index: 999;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 300px;
    height: 280px;
    background: #fff;
    border: 1px solid #ccc;
    display: none;
    text-align: center;
    overflow: hidden;
}
/*div.zoomMask{position:absolute;background:url(../images/mask.png);cursor:move;z-index:1;}*/
.prodPic .list {
    width: 112px;
    height: 436px;
    overflow: hidden;
    position: relative;
    float: right;
}

    .prodPic .list a.prev, .prodPic .list a.next {
        display: block;
        width: 107px;
        height: 25px;
        position: absolute;
        top: 0;
        left: 0;
        background: url(../images/anus.jpg) no-repeat;
        overflow: hidden;
        cursor: pointer;
    }

    .prodPic .list a.next {
        top: auto;
        bottom: 0;
        background-position: 0 -50px;
    }

    .prodPic .list a.prev:hover {
        background-position: 0 -25px;
    }

    .prodPic .list a.next:hover {
        background-position: 0 -75px;
    }

    .prodPic .list .thumb {
        position: relative;
        width: 112px;
        height: 370px;
        overflow: hidden;
        top: 33px;
    }

        .prodPic .list .thumb ul {
            position: absolute;
            height: 99999px;
        }

            .prodPic .list .thumb ul li {
                background: none;
                float: left;
                width: 107px;
                height: 95px;
                position: relative;
            }

                .prodPic .list .thumb ul li a {
                    display: block;
                    width: 103px;
                    height: 75px;
                    border: 2px solid #e3e3e3;
                    text-align: center;
                    background: #fff;
                }

                .prodPic .list .thumb ul li img {
                    max-width: 100%;
                    max-height: 100%;
                    cursor: pointer;
                }

                .prodPic .list .thumb ul li a em {
                    display: block;
                    width: 5px;
                    height: 9px;
                    position: absolute;
                    right: -5px;
                    top: 35px;
                }

                .prodPic .list .thumb ul li a.selected {
                    border-color: #049b47;
                }

                    .prodPic .list .thumb ul li a.selected em {
                        background: url(../images/jt.png) no-repeat;
                    }


/* 产品右侧简介样式 */
.proshow_synopsis {
    background: #f2f2f2;
    border: 1px solid #d5d5d5;
    padding: 19px;
    width: 470px;
    color: #666;
    font-size: 13px;
    line-height: 30px;
    height: 396px;
    border-radius: 3px;
}

    .proshow_synopsis .title {
        font-size: 24px;
        color: #049b47;
        border-bottom: 1px solid #dbdbdb;
        margin-bottom: 15px;
        padding-bottom: 0px;
        font-weight: normal;
        padding-bottom: 10px;
    }

    .proshow_synopsis strong {
        color: #333;
        font-weight: normal;
    }

    .proshow_synopsis .font {
        line-height: 24px;
        overflow: hidden;
        height: 150px;
        margin-bottom: 15px;
    }

.prodcut-tel {
    padding-left: 50px;
    margin-bottom: 20px;
    line-height: 26px;
    background: url('../images/p_icon.png') no-repeat left center;
}

    .prodcut-tel span {
        font-family: arial;
        font-size: 24px;
        color: #049b47;
        display: block;
    }

.proshow_synopsis .btn a {
    display: inline-block;
    width: 170px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #4b4b4b url(../images/proshow_icon1.png) no-repeat 20px 14px;
    color: #fff;
    transition: all 0.3s;
    font-size: 16px;
}

.proshow_synopsis .btn .a02 {
    background: #049b47 url(../images/proshow_icon2.png) no-repeat 20px 13px;
    margin-left: 25px;
}

.proshow_synopsis .btn a:hover {
    opacity: 0.8;
    filter: alpha(opacity=50);
    transition: all 0.3s;
}

/* 产品说明标签切换样式 */
.gr-tab-list {
    overflow: hidden;
    margin-top: 40px;
}

    .gr-tab-list .hd {
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid #ddd;
        font-size: 16px;
    }

        .gr-tab-list .hd li {
            width: 150px;
            float: left;
            text-align: center;
            background: #eee;
            margin-right: 5px;
            cursor: pointer;
            position: relative;
        }

            .gr-tab-list .hd li.on {
                background: #049b47;
                color: #fff;
            }

    .gr-tab-list .bd {
        overflow: hidden;
        padding-top: 15px;
    }

    .gr-tab-list .hd li.on::before {
        position: absolute;
        content: "";
        bottom: -12px;
        left: 70px;
        border: 6px solid transparent;
        border-top-color: #049b47;
    }

/* 相关产品样式 */
.relatedPro {
    margin-bottom: 30px;
    overflow: hidden;
}

    .relatedPro .tie {
        height: 40px;
        line-height: 40px;
        background: #eee;
        color: #049b47;
        font-size: 16px;
        font-weight: normal;
        margin: 20px 0;
    }

        .relatedPro .tie span {
            padding: 0 30px;
            background: #049b47;
            display: inline-block;
            color: #fff;
        }

    .relatedPro li {
        float: left;
    }

    .relatedPro ul {
        width: 1240px;
        margin-top: 20px;
    }

    .relatedPro li {
        float: left;
        width: 280px;
        margin-bottom: 20px;
        margin-right: 24px;
        border: 1px solid #ddd;
        background: #eee;
        text-align: center;
    }

        .relatedPro li a {
            display: block;
            width: 280px;
        }

        .relatedPro li img {
            width: 270px;
            height: 213px;
            padding: 5px;
            background: #fff;
        }

        .relatedPro li span {
            height: 35px;
            line-height: 35px;
            padding: 0 5px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block;
        }

        .relatedPro li:hover {
            border: 1px solid #049b47;
        }

        .relatedPro li a:hover {
            background: #049b47;
            color: #fff;
        }

/* 采购表单样式 */
.orderBox {
    padding: 25px;
    width: 1140px;
    background: #f1f1f1;
    overflow: hidden;
    margin: 0 auto;
}

    .orderBox h3 {
        font-size: 15px;
        line-height: 18px;
        font-weight: normal;
        font-family: "微软雅黑";
    }

    .orderBox .table {
        padding-top: 20px;
        overflow: hidden;
    }

        .orderBox .table li {
            width: 520px;
            height: 215px;
            float: left;
            height: 35px;
            margin-bottom: 10px;
        }

            .orderBox .table li span {
                float: left;
                border: 1px solid #ddd;
                line-height: 33px;
                height: 33px;
                width: 98px;
                display: inline-block;
                text-align: center;
                background: #fff;
            }

            .orderBox .table li .iptTxt {
                float: right;
                width: 408px;
                border: 1px solid #ddd;
                border-left-width: 0;
                height: 33px;
                line-height: 33px;
                background: #fff;
                color: #666;
                padding-left: 10px;
            }

            .orderBox .table li .iptCode {
                float: left;
                width: 199px;
                border: 1px solid #ddd;
                border-left-width: 0;
                height: 33px;
                line-height: 33px;
                background: #fff;
                color: #666;
                padding-left: 10px;
            }

            .orderBox .table li .checkcode {
                float: left;
                border: 1px solid #ddd;
                border-left-width: 0;
                background: #eee;
                margin-left: 2px;
                padding: 6px;
            }

            .orderBox .table li .btn {
                width: 385px;
                height: 35px;
                line-height: 35px;
                background: #333;
                cursor: pointer;
                font-size: 14px;
                color: #fff;
                text-align: center;
                border: none;
            }

                .orderBox .table li .btn:hover {
                    background: #049b47;
                    color: #fff;
                }

            .orderBox .table li.areLi {
                width: 570px;
                float: right;
                height: 215px;
                overflow: hidden;
            }

                .orderBox .table li.areLi .txtContent {
                    width: 528px;
                    height: 183px;
                    border: 1px solid #ddd;
                    outline: none;
                    resize: none;
                    padding: 15px;
                    color: #666;
                    line-height: 18px;
                    background: #fff;
                }

/* 内页留言样式 */
.page-ditu {
    background: #f5f5f5;
    height: 400px;
}

#dituContent {
    width: 600px;
    height: 400px;
    float: left;
}

.contactFont {
    overflow: hidden;
    margin-bottom: 30px;
    float: right;
    width: 540px;
    height: 360px;
    padding: 20px 30px;
}

.feedback {
    margin-top: 50px;
    overflow: hidden;
}

    .feedback .title {
        text-align: center;
        font-size: 24px;
        font-weight: normal;
        margin-bottom: 25px;
        color: #333;
    }

        .feedback .title span {
            background: #fff;
            padding: 0 30px;
            position: relative;
            top: -10px;
        }

        .feedback .title::before {
            content: "";
            border-bottom: 1px solid #e1e1e1;
            height: 12px;
            vertical-align: top;
            width: 100%;
            display: block;
        }

#feedback_form {
    position: relative;
}

    #feedback_form label {
        display: block;
        float: left;
        height: 32px;
        line-height: 32px;
        margin-bottom: 30px;
        padding-left: 40px;
        background: url(../images/contact.png) no-repeat;
        font-size: 14px;
    }

        #feedback_form label.name {
            background-position: 0 -32px;
        }

        #feedback_form label.email {
            background-position: 0 -64px;
        }

        #feedback_form label.city {
            background-position: 0 -96px;
        }

        #feedback_form label.msg_title {
            background-position: 0 -128px;
        }

        #feedback_form label.address {
            background-position: 0 -160px;
        }

        #feedback_form label.message {
            background-position: 0 -192px;
            margin-bottom: 10px;
        }

    #feedback_form input {
        width: 240px;
        height: 30px;
        line-height: 30px;
        float: left;
        margin: 0 37px 30px 0;
        padding: 0 10px;
        border: 1px solid #dbdbdb;
    }

        #feedback_form input.last {
            margin-right: 0;
        }

    #feedback_form .msg {
        border-top: 1px dotted #ccc;
        padding: 30px 0;
    }

    #feedback_form textarea {
        height: 125px;
        width: 1178px;
        padding: 10px;
        border: 1px solid #dbdbdb;
        display: block;
    }

    #feedback_form i {
        font-style: normal;
        color: #ff1f19;
        position: absolute;
        font-size: 14px;
        left: 380px;
        top: 6px;
    }

    #feedback_form .f2 {
        left: 790px;
    }

    #feedback_form .f3 {
        left: auto;
        right: 0;
    }

    #feedback_form .f4 {
        left: 380px;
        top: 66px;
    }

    #feedback_form .btns {
        width: 120px;
        height: 40px;
        margin-right: 10px;
        background: #049b47;
        color: #fff;
        border: none;
        font-size: 15px;
        margin-bottom: 0;
        cursor: pointer;
    }

        #feedback_form .btns:hover {
            background: #333;
            transition: all 0.3s;
        }

    #feedback_form .reset {
        background: #ccc;
        cursor: pointer;
        margin-bottom: 0;
    }

    #feedback_form .tableRow {
        width: 100%;
        height: 32px;
    }

        #feedback_form .tableRow input {
            width: 150px;
            margin-right: 10px;
            color: #999;
            float: left;
        }

        #feedback_form .tableRow .checkcode {
            width: 50px;
            height: 22px;
            margin-left: 5px;
            border: 1px solid #ccc;
            padding: 4px 5px;
            display: block;
            float: left;
            background: #fff;
        }

    #feedback_form input:focus, #feedback_form textarea:focus {
        border-color: #049b47;
    }


/*团队列表*/
.teamList li {
    overflow: hidden;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px dotted #ccc;
}

    .teamList li .num {
        display: block;
        width: 60px;
        font-size: 50px;
        color: #049b47;
        float: left;
        line-height: 50px;
        position: relative;
        text-align: center;
    }

        .teamList li .num:after {
            content: "";
            position: absolute;
            width: 1px;
            height: 70px;
            background-color: #049b47;
            left: 50%;
            top: 80px;
        }

    .teamList li .txt {
        width: 720px;
        float: left;
        margin-left: 75px;
    }

        .teamList li .txt h5 {
            font-size: 22px;
            font-weight: normal;
            color: #333;
            margin-bottom: 20px;
            padding-top: 20px;
        }

            .teamList li .txt h5 span {
                font-size: 14px;
                margin-left: 20px;
                color: #888;
            }

        .teamList li .txt p {
            font-size: 14px;
            line-height: 25px;
        }

    .teamList li .pic {
        display: block;
        width: 250px;
        height: 185px;
        overflow: hidden;
        float: right;
    }

        .teamList li .pic img {
            display: block;
            width: 100%;
            height: 100%;
            transition: all .4s;
        }

    .teamList li:hover .pic img {
        transform: scale(1.1);
    }

    .teamList li:nth-child(2n) .num {
        float: right;
    }

    .teamList li:nth-child(2n) .pic {
        float: left;
    }


   #code, #code_hover, #AAA {
    width: 36px;
    height: 48px;
    /*background: url(../images/icon.png) no-repeat;*/
    position: fixed;
    right: 0px;
    cursor: pointer;
    _position: absolute;
    _bottom: 116px;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}

#code {
  
    right:0px;
   top: 350px;
}

#code_hover {
  
       right:0px;
     top: 350px;
}

#AAA {
  float: right!important;
 
    /*bottom: 116px;*/
    width: 56px;
    height: 65px;
    border:none;
    /*display:block!important;*/
      margin-top: 28px;
    margin-left: -10px;
    margin-right: 0px;
}

#code_img {
    width: 270px;
    height: 355px;
    background: url(../images/icon.png) -4px -3px no-repeat;
    position: fixed;
    right: 90px;
    bottom: 67px;
    cursor: pointer;
    display: block;
    _position: absolute;
    _bottom: auto;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
    _margin-bottom: 67px;
}
.Div_01_div05_div3_a {
    float: right !important;
    margin-right: 2px !important;
    height: 43px !important;

    margin-top: 178px !important;
}

.main_ul1{
    float:left;
    width:100%;
    margin-top:0px;
    padding-left:0px;
}
.main_ul1 li{
    float:left;
    width:46%;
    margin-top:10px;
    margin-left:4%;
}


.main_s1{
    float:left;
    width:148px;
    height:80px;
}


.main_a1{
    color:#333;
    font-size:14px;
    float:left;
    width:68%;
    margin-top:-2px;
    margin-left:14px;
}
.main_a1:hover{
    color:#1e50ae;
}
.main_s2{
    color:#999;
    font-size:13px;
    float:left;
    width:68%;
    margin-left:14px;
}
.main_p1{
    color:#808080;
    font-size:12px;
    float:left;
    width:68%;
    line-height:20px;
    margin-left:14px;
}
.main_a2{
  color:#333;
    font-size:14px;
    float:left;
    width:100%;
    /*margin-top:-2px;*/
    /*margin-left:14px;*/
}
.main_a2_s1{
    float:left;
}
.main_a2_s2{
    float:right;
    color:#999;
    font-size:13px;
}
.main_a2:hover {
    color:#1e50ae;
}





.div1{
   /*margin-bottom: 26px; 
    padding-bottom: 3px;*/
    float: left;
    /*margin-top:-3px;*/
     margin-top: 2px; 
    /* position: absolute; */
    /* margin-bottom: 20px; */
    background-color: #fff;
    width: 100%;
    transition: all .4s;
    /* display: block; */
}