@charset "utf-8";
/* 中网维优2019 CSS  */

* {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑", "Microsoft Yahei";
}



li {
    list-style: none;
}

img {
    border: 0;
}

.clear {
    clear: both;
    height: 0px;
    line-height: 0;
}

body, html {
    font-family: "微软雅黑", "Microsoft Yahei";
    font-size: 14px;
    color: #fff;
}

.all {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

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

.fl {
    float: left;
}

.fr {
    float: right;
}

.red {
    color: #db0000;
}

.yellow {
    color: #ffff00;
}

.Crimson {
    color: #b20000;
}

.blove {
    color: #007fff;
}

.Grey {
    color: #535353;
}

.black {
    color: #000;
}

.touch li:hover, .web li:hover, .show li:hover p, .classify li:hover, .nav_bt ul li a:hover, .project li:hover, .QQ a:hover, .anli_dh ul li:hover, .soft_tu li div:hover, .prox li:hover, .show li img:hover {
    transition: background 0.5s;
    -moz-transition: background 0.5s;
    /* Firefox 4 */
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
}



/*-------------------------------头部----------------------------*/



.lm {
    float: right;
}

.pc-nav li {
    float: left;
    line-height: 80px;
    padding: 0 10px;
}

    .pc-nav li.menuCurrent {
    }

    .pc-nav li:hover, .pc-nav li.d {
        background: #007fff;
        transition: background 0.3s;
        -moz-transition: background 0.3s;
        /* Firefox 4 */
        -webkit-transition: background 0.3s;
        /* Safari �� Chrome */
        -o-transition: background 0.3s;
    }

    .pc-nav li a {
        float: left;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    }

.w-btn, .w-btn-cur {
    cursor: pointer;
    text-align: center;
    border-radius: 3px;
    padding: 6px 11px;
    background-color: #FFFFFF;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
    display: block;
    position: absolute;
}

    .w-btn .line, .w-btn-cur .line {
        display: block;
        width: 18px;
        height: 2px;
        background: #007fff;
        border-radius: 1px;
    }

        .w-btn .line + .line, .w-btn-cur .line + .line {
            margin-top: 3px;
        }

.w-btn-cur {
    background-color: #007fff;
}

    .w-btn-cur .line {
        background: #FFF;
    }

#mobi-btn {
    display: none;
}
/*-------------------------------大图-外部调用更换图片 jt.png---------------------------*/

.index-ban640 {
    display: none;
}

.w-banner {
    width: 100%;
    height: 550px;
    overflow: hidden;
    position: relative;
}

    .w-banner .bd {
        margin: 0 auto;
        position: relative;
        z-index: 0;
        overflow: hidden;
    }

        .w-banner .bd ul {
            width: 100% !important;
        }

        .w-banner .bd li {
            width: 100% !important;
            height: 550px;
            overflow: hidden;
            text-align: center;
        }

            .w-banner .bd li a {
                display: block;
                height: 400px;
            }

    .w-banner .hd {
        width: 100%;
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        height: 30px;
        line-height: 30px;
    }

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

            .w-banner .hd ul li {
                cursor: pointer;
                display: inline-block;
                width: 10px;
                height: 10px;
                margin: 1px 3px 1px 1px;
                overflow: hidden;
                background: #3F3B3B;
                opacity: 0.5;
                line-height: 999px;
                border-radius: 50%;
            }

            .w-banner .hd ul .on {
                background: #fff;
            }

    .w-banner .prev, .w-banner .next {
        display: block;
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 15%;
        z-index: 1;
        width: 34px;
        height: 60px;
        background: url(about/pro.png) -104px -120px no-repeat;
        cursor: pointer;
        opacity: 0.5;
        display: none;
    }

    .w-banner .next {
        left: auto;
        right: 15%;
        background-position: -70px -120px;
    }

/*-------------------------------动态加载----------------------------*/




/*-------------------------------服务----------------------------*/

.service {
    width: 100%;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 24px;
    border-bottom: 1px solid #efefef;
    position: relative;
}

    .service h3 {
        font-size: 30px;
        color: #212121;
        padding-bottom: 4px;
        font-weight: normal;
        letter-spacing: 2px;
    }

    .service span {
        font-size: 12px;
        color: #999;
        font-family: Verdana, Geneva, sans-serif;
    }

.ab-service {
    width: 100%;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 24px;
    border-bottom: 1px solid #bbb;
}

    .ab-service h3 {
        font-size: 40px;
        color: #212121;
        padding-bottom: 4px;
    }

    .ab-service span {
        font-size: 12px;
        color: #999;
        font-family: Verdana, Geneva, sans-serif;
    }

.ab-service-txt {
    font-size: 12px;
    color: #444;
    line-height: 24px;
    padding: 30px 50px 30px 50px;
}

    .ab-service-txt b {
        color: #F00;
    }

    .ab-service-txt p {
        margin-top: 8px;
    }

.ab-service-txt-b {
    width: 100%;
    background: url(img/about-txt.png) no-repeat right center;
}

.s_line {
    border-top: 0;
    border-bottom: 0;
}
/*-------------------------------联系我们---------------------------*/

.icon {
    margin-top: 26px;
    margin-bottom: 20px;
    float: left;
}

    .icon li {
        float: left;
        width: 200px;
        margin: 0 50px;
        padding-bottom: 20px;
    }

        .icon li span {
            width: 150px;
            height: 150px;
            background: url(img/tb.png) no-repeat;
            float: left;
            margin-left: 25px;
        }

            .icon li span.one {
                background-position: 0 0;
            }

            .icon li span.two {
                background-position: -320px 0;
            }

            .icon li span.three {
                background-position: -613px 0;
            }

            .icon li span.four {
                background-position: -914px 0;
            }

        .icon li:hover span {
            transition: background 0.5s;
            -moz-transition: background 0.5s;
            /* Firefox 4 */
            -webkit-transition: background 0.5s;
            /* Safari Chrome */
            -o-transition: background 0.5s;
        }

            .icon li:hover span.one {
                background-position: 0 -167px;
            }

            .icon li:hover span.two {
                background-position: -320px -167px;
            }

            .icon li:hover span.three {
                background-position: -613px -167px;
            }

            .icon li:hover span.four {
                background-position: -914px -167px;
            }

        .icon li div {
            width: 100%;
        }

            .icon li div h3 {
                font-size: 24px;
                color: #4c4c4c;
                /* font-weight: normal; */
                text-align: center;
                padding: 10px 0;
                float: left;
                width: 100%;
            }

        .icon li:hover div h3 {
            color: #007fff;
        }

        .icon li div font {
            font-size: 14px;
            color: #868686;
            line-height: 20px;
            float: left;
        }
/*-------------------------------模板网站----------------------------*/

.moban_dh {
}

    .moban_dh ul {
        float: left;
    }

        .moban_dh ul li {
            float: left;
        }

.moban_cls {
    float: left;
    color: #333;
    padding-left: 32px;
    line-height: 25px;
}

.moban_dh ul li span {
    width: 60px;
    height: 25px;
    line-height: 25px;
    display: block;
    text-align: center;
    cursor: pointer;
}

.mb_all {
    background-color: #000;
}

.mb_hong {
    background-color: #F00;
}

.mb_lu {
    background-color: #0F0;
}

.mb_huang {
    background-color: #FF0;
}

.mb_lan {
    background-color: #007fff;
}

.mb_hui {
    background-color: #ccc;
}

.mb_hei {
    background-color: #000;
}

.mb_on {
    display: block !important;
}

.mb_off {
    display: none;
}

.m_t_js {
    margin-top: 30px;
    padding: 20px 0 0 32px;
    line-height: 25px;
    color: #212121;
    font-size: 12px;
    border-top: 1px #CCCCCC dashed;
}

    .m_t_js span {
        color: #F00;
        font-weight: bold;
        font-size: 14px;
        padding-bottom: 5px;
    }
/*-------------------------------案例展示----------------------------*/

.Cooperation {
    width: 100%;
    background: url(about/anli_bg.jpg) repeat-y #000;
    float: left;
}

.choose, .tell {
    width: 100%;
    text-align: center;
    padding-top: 26px;
    padding-bottom: 26px;
}

    .choose h3 {
        font-size: 30px;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
        font-weight: normal;
        letter-spacing: 2px;
    }

    .choose span {
        font-size: 12px;
        padding-top: 6px;
        float: left;
        width: 100%;
    }

.tell {
    padding-bottom: 36px;
}

    .tell h3 {
        font-size: 16px;
        font-weight: normal;
    }

    .tell div {
        font-size: 12px;
        font-family: Verdana, Geneva, sans-serif;
        width: 100%;
        padding: 6px 0;
        float: left;
    }

.Brand ul {
    width: 1224px;
}

.Brand li {
    float: left;
    padding-top: 24px;
    padding-right: 34px;
}

.Brand_lr {
    width: 100%;
    background: url(about/anli_bg.jpg) repeat-y;
    float: left;
    margin-bottom: 1px;
}

    .Brand_lr h3 {
        color: #fff;
    }

    .Brand_lr .service {
        border-bottom: 0;
    }

        .Brand_lr .service span {
            color: #fff;
        }
/*-------------------------------排名----------------------------*/
.seosoft {
    width: 100%;
    background: url(about/welcome.jpg) repeat-x #000;
    float: left;
}

.paiming {
    width: 100%;
    padding-top: 10px;
}

.paiming1 {
    width: 100%;
    text-align: center;
}

    .paiming1 img {
    }
/*-------------------------------网站优化下方列表----------------------------*/

.seoart {
}

.seoart_list {
    width: 100%;
    overflow: hidden;
    padding: 40px 0;
}

    .seoart_list ul {
        width: 1232px;
    }

        .seoart_list ul li {
            width: 276px;
            float: left;
            margin-right: 32px;
            position: relative;
        }

            .seoart_list ul li .seo_l {
                position: relative;
            }

                .seoart_list ul li .seo_l img {
                    width: 100%;
                    z-index: 1;
                }

            .seoart_list ul li .seo_r {
                position: absolute;
                width: 100%;
                text-align: center;
                z-index: 5;
                bottom: 0px;
                height: 30px;
                line-height: 30px;
                background-color: rgba(0, 0, 0, 0.4);
                overflow: hidden;
            }

                .seoart_list ul li .seo_r a {
                    color: #fff;
                    font-style: normal;
                }

                .seoart_list ul li .seo_r h3 {
                    font-weight: 100;
                }

            .seoart_list ul li:hover .seo_r {
                height: 100%;
                transition: height 0.5s;
                -moz-transition: height 0.5s;
                /* Firefox 4 */
                -webkit-transition: height 0.5s;
                -o-transition: height 0.5s;
            }

                .seoart_list ul li:hover .seo_r a {
                    color: #fff;
                    font-style: normal;
                    display: block;
                    height: 100%;
                    padding-top: 5rem;
                }

.seoart_more {
    padding: 30px 0;
    text-align: center;
}

    .seoart_more a {
        margin: 0 auto;
        display: block;
        border: #007fff 1px solid;
        color: #007fff;
        width: 130px;
        height: 35px;
        line-height: 35px;
        border-radius: 5%;
    }

        .seoart_more a:hover {
            background: #007fff;
            color: #fff;
        }

/*------------------------------400电话----------------------------*/

.tbdy ul {
    width: 100%;
}

    .tbdy ul li {
        float: left;
        width: 25%;
        text-align: center;
        height: 30px;
        color: #000;
        border: 1px solid #999;
        margin: 5px;
    }

#wuhan400 {
    width: 100%
}

    #wuhan400 li {
        float: left;
        width: 30%;
        border-bottom: #999 1px dotted;
    }

#tb400 {
    margin: 20px;
}

#tb401 {
    background-color: #dadada;
}

#tb4011 tr td {
    background-color: #f5f5f5;
    text-align: center;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
}

#tb4012 tr td {
    background-color: #fff;
    text-align: center;
    line-height: 30px;
    height: 30px;
}

#wh-400 {
    font-size: 18px;
    margin-top: 15px;
    padding-bottom: 6px;
}

#wh-400-2 {
    font-size: 18px;
    color: #c00;
    font-weight: 800;
}

/*------------------------------网站维护新增20190424----------------------------*/

.tb_txt {
    width: 100%;
    background: #ddd;
}

    .tb_txt tr th {
        background-color: #F5F6FA;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-weight: normal;
    }

    .tb_txt tr td {
        text-align: center;
        background: #fff;
        height: 35px;
        line-height: inherit;
        color: #666;
        padding: 0 8px;
    }

/*------------------------------响应式设计---------------------------*/

.in-t1 {
    float: left;
    width: 25%;
}

    .in-t1 img {
        width: 100px;
        height: 80px;
        border: 1px solid #cccccc;
        padding: 2px;
    }

.in-t2 {
    float: right;
    width: 75%;
}

.respond {
    width: 1220px;
}

    .respond a {
        color: #666;
    }

    .respond li {
        width: 44%;
        float: left;
        background: #fff;
        /*border-bottom: 1px solid #bbb;*/
        margin: 5px 2% 5px 0;
        padding: 20px;
        color: #666;
    }

        .respond li:hover {
            border-color: #b20000;
            background: #fff;
        }

        .respond li h3 {
            text-align: left;
            font-size: 16px;
            color: #333;
            font-weight: normal;
        }

        .respond li:hover h3 {
            color: #b20000;
        }

        .respond li div {
            line-height: 20px;
            font-size: 12px;
            padding-top: 4px;
            color: #666;
        }

.in-t1 {
}

.in-t2 div {
    padding-top: 10px !important;
}
/*------------------------------footer---------------------------*/

/*.footer {
	background: #191919;
	padding: 32px 0 42px 28px;
}

.footer .dbxx {
	margin-right: 208px;
}

.footer .dbxx img {
	float: left;
	margin-top: 24px;
	width: 104px;
	height: 91px;
}

.footer .dbxx span {
	float: left;
	line-height: 26px;
	padding-left: 18px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.footer .ycxx h3 {
	font-size: 24px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 1);
}

.footer .ycxx h3 font {
	font-size: 18px;
}

.footer .ycxx h4 {
	font-size: 12px;
	padding-top: 6px;
	font-weight: normal;
}

.QQ {
	padding-top: 6px;
}

.QQ a {
	background: url(img/qq.png) no-repeat;
	width: 75px;
	margin-right: 20px;
	font-size: 12px;
	height: 30px;
	float: left;
	padding-left: 45px;
	padding-top: 7px;
	line-height: 30px;
}

.footer .ycxx .QQ a {
	background: url(img/dbqq.png) no-repeat;
	background-position: -144px 0;
}

.footer .ycxx .QQ a:hover {
	background-position: 0px 0;
}

.copr {
	background: #000;
	height: 50px;
 /*border-top: 1px solid #656973;*/
line-height: 25px;
text-align: center;
font-size: 12px;
}

.footer .wx {
    width: 117px;
    margin-right: 36px;
    float: right;
}

    .footer .wx img {
        width: 100%;
    }

    .footer .wx div {
        font-size: 12px;
        color: #000;
        text-align: center;
        margin-top: 4px;
    }

*/
/*--------------------------------------------------------------网站建设-------------------------------------------------------------------------------------------*/
.pic, .optimize {
    background: #222;
    height: 550px;
    width: 100%;
}

.webjs {
    background: url(img/js.png) no-repeat;
    width: 100%;
    height: 435px;
    margin: 100px 0 10px 0;
}

.pic .webjs .wzjs {
    float: right;
    margin-top: 84px;
    margin-right: 10%;
}

.optimize .wzjs .QQ a {
    background-position: -144px -48px;
}

    .optimize .wzjs .QQ a:hover {
        background: url(img/qq.png) no-repeat 0 -48px;
    }

.pic .wzjs .QQ a {
    background: url(img/qq.png) no-repeat 0 -137px;
}

    .pic .wzjs .QQ a:hover {
        background-position: -144px -137px;
    }

.pic .wzjs h3 {
    font-size: 40px;
    padding-bottom: 6px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
}

.pic .wzjs span, .optimize .wzjs font {
    font-size: 15px;
    font-family: Verdana, Geneva, sans-serif;
}

.pic .wzjs h4 {
    font-size: 20px;
    padding-top: 6px;
}

.pic .wzjs img {
    padding: 16px 0;
}
/*------------------------------网站建设项目----------------------------*/

.service-web-all {
    background-image: linear-gradient(to bottom, #fff 2%, #d6d6d6 300%);
}

.service-web {
    width: 100%;
}

    .service-web h3 {
        color: #000;
    }

    .service-web span {
        color: #555;
    }

.web-class {
    width: 100%;
    padding: 1px 0 40px 0;
}

.classify {
    width: 1215px;
}

    .classify li {
        float: left;
        width: 388px;
        min-height: 100px;
        /*margin-bottom: 8px; margin-right: 8px;*/
        padding: 10px 0;
        margin-right: 15px;
        margin-bottom: 15px;
        background-color: #fff;
        border: 1px solid #efefef;
        border-radius: 0px;
        text-align: center;
    }

        .classify li h3 {
            padding-bottom: 10px;
            font-size: 20px;
            font-weight: normal;
            color: #333;
            display: block;
        }

        .classify li i {
            float: left;
            font-size: 13px;
            color: #dd0000;
            padding-top: 4px;
            color: #dd0000;
            margin-left: 20px;
        }

        .classify li div {
            line-height: 20px;
            font-size: 12px;
            color: #777;
            clear: both;
            text-align: left;
            padding: 5px 25px;
        }

        .classify li:hover {
            border: 1px solid #09f;
            background-color: #09f;
        }

            .classify li:hover div {
                color: #fff;
            }

            .classify li:hover h3 {
                color: #fff;
            }

            .classify li:hover i {
                color: #CF0;
            }

.customers {
    padding-top: 34px;
    padding-bottom: 10px;
}

.join {
    background: none;
    padding-top: 0px;
    padding-bottom: 92px;
}

    .join .Brand li img {
        border: 1px solid #ccc;
    }

.classify li span {
    background: url(about/pro.png) no-repeat;
    width: 60px;
    height: 60px;
    display: block;
    overflow: hidden;
    margin: 15px auto 8px auto;
}

    .classify li span.cl1 {
        background-position: -600px -120px;
    }

    .classify li span.cl2 {
        background-position: -600px -180px;
    }

    .classify li span.cl3 {
        background-position: -600px -240px;
    }

    .classify li span.cl4 {
        background-position: -600px -300px;
    }

    .classify li span.cl5 {
        background-position: -600px -360px;
    }

    .classify li span.cl6 {
        background-position: -600px -420px;
    }

.classify li:hover span.cl1 {
    background-position: -660px -120px;
}

.classify li:hover span.cl2 {
    background-position: -660px -180px;
}

.classify li:hover span.cl3 {
    background-position: -660px -240px;
}

.classify li:hover span.cl4 {
    background-position: -660px -300px;
}

.classify li:hover span.cl5 {
    background-position: -660px -360px;
}

.classify li:hover span.cl6 {
    background-position: -660px -420px;
}

/*---------------------------常见问题----------*/


/*--------------------------------------------------------------网站优化------------------------------------------------------------------------------------------*/

.seo-top {
    background: #99CC00;
}

.optimize {
    background: #007fff;
}

    .optimize .bj {
        padding: 40px 10px 0 10px;
        background: url(img/yh.png) no-repeat right 80px;
        height: 480px;
    }

.seo-top .wzjs {
    float: left;
    margin-top: 166px;
    padding-left: 33px;
}

.optimize .wzjs span {
    font-size: 20px;
}

.optimize .wzjs h3 {
    font-size: 30px;
    padding: 6px 0;
}

.optimize .wzjs h4 {
    font-size: 30px;
    padding-top: 10px;
    padding-bottom: 20px;
    font-weight: normal;
}

.add {
    padding-top: 30px;
    padding-bottom: 10px;
}

    .add h4 {
        font-size: 16px;
        color: #1f1f1f;
        font-weight: normal;
        padding-bottom: 8px;
    }

    .add h3 {
        font-size: 40px;
        font-weight: normal;
    }
/*---------------------------软件开发----------*/
.major {
    width: 1216px;
}

    .major li {
        float: left;
        height: 150px;
        width: 228px;
        padding: 30px;
        text-align: center;
        margin: 20px 16px 20px 0;
        background: #fff;
    }
        /*
.major li span i { opacity: 0.5; background: #fff; position: absolute; top: 0; left: 0; display: none; width: 100px; height: 100px; }

.major li span:hover i { display: block; }*/

        .major li img {
            width: 60px;
        }

        .major li span {
            background: url(about/pro.png) no-repeat;
            width: 60px;
            height: 60px;
            display: inline-block;
            overflow: hidden;
        }

            .major li span.sm1 {
                background-position: -200px -300px;
            }

            .major li span.sm2 {
                background-position: -200px -240px;
            }

            .major li span.sm3 {
                background-position: -200px -420px;
            }

            .major li span.sm4 {
                background-position: -200px -360px;
            }

        .major li div {
            font-size: 18px;
            color: #333;
            text-align: center;
            padding-top: 12px;
            font-weight: bold;
        }

        .major li p {
            font-size: 12px;
            color: #999;
            line-height: 18px;
            padding-top: 10px;
            text-align: left;
        }


/*------------------------------------------------------------软件开发--------------------------------------------------------------------------------*/
.service_bd {
    background-color: #F0F2F1;
}

.soft-youshi {
    background: url(img/soft-youshi.jpg) repeat center;
    padding-bottom: 40px;
}

.rj .bj {
    background: url(img/al.png) no-repeat right 30px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.8);
}

.rj .wzjs {
    margin-top: 150px;
    padding: 0;
}

    .rj .wzjs div.Trouble {
        font-size: 15px;
        font-family: Verdana, Geneva, sans-serif;
    }

    .rj .wzjs div, .rj .wzjs h4 {
        padding-left: 124px;
    }

    .rj .wzjs h3 {
        padding: 0 0 14px 124px;
    }

    .rj .wzjs h4 {
        font-size: 20px;
        padding-bottom: 10px;
        padding-top: 14px;
        font-weight: bold;
    }

.case .bj {
    background: url(img/al.png) no-repeat right center;
    margin-right: 10px;
}

.case .wzjs {
    margin-top: 100px;
    padding-left: 80px;
}

    .case .wzjs h4 {
        font-size: 16px;
        padding: 8px 0;
    }

    .case .wzjs .QQ a {
        background-position: -144px -93px;
    }

        .case .wzjs .QQ a:hover {
            background-position: 0 -93px;
        }

.case_to {
    width: 500px;
    border: 1px #bbb dashed;
    margin: 0 auto;
    color: #555;
    font-size: 12px;
    padding: 10px;
    margin-top: 15px;
}

.case_to_l {
    width: 50%;
    float: left;
    line-height: 28px;
}

.case_to_r {
    width: 50%;
    float: left;
    line-height: 28px;
}

    .case_to_r a {
        color: #555;
    }

.case_to_txt {
    width: 100%;
    float: left;
    line-height: 26px;
}

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

    .case_img img {
        width: 270px;
        border: 1px #ccc solid;
        padding: 2px;
        margin: 2px;
    }

.al {
    padding-top: 36px;
    padding-bottom: 14px;
}

    .al h4 {
        font-size: 20px;
        color: #1f1f1f;
        padding-bottom: 4px;
        font-weight: normal;
    }
/*------------------------------案例及链接----------------------------*/

.case-index {
    width: 100%;
    background: url(img/overall-version-bg.png) repeat-x;
}

#icasebox {
    width: 4000px;
    overflow: hidden;
}

    #icasebox .bb {
        float: left;
        display: inline;
    }

    #icasebox .box {
        float: left;
        display: block;
    }

.case-index .show li {
}

.anli-index {
    width: 100%;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 24px;
}

    .anli-index h3 {
        color: #111;
        font-size: 30px;
        padding-bottom: 4px;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
        font-weight: normal;
        letter-spacing: 2px;
    }

    .anli-index span {
        font-size: 12px;
        padding-top: 6px;
        color: #111;
        float: left;
        width: 100%;
    }

.link-in {
    background-color: #191919;
}

.Links {
    float: left;
    padding: 20px 0;
    font-size: 12px;
    border-bottom: 1px solid #2b2c2f;
}

    .Links a {
        color: #666;
        font-size: 12px;
    }

    .Links li:hover a {
        color: #b20000;
    }

    .Links li {
        float: left;
        padding-left: 10px;
    }

.show {
    width: 1280px;
}

    .show li {
        float: left;
        width: 265px;
        margin-right: 44px;
        margin-top: 44px;
        padding: 37px 0;
        border: 1px solid #eee;
        position: relative;
        opacity: 0.8;
        background: #FFF;
        text-align: center;
    }

        .show li img {
            background-color: #fff;
            border-bottom: 0;
            border-radius: 0px;
        }

        .show li p {
            opacity: 0;
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 30px;
            line-height: 30px;
            background: #eee;
            color: #888;
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 12px;
        }

        .show li:hover img {
            border-color: #d00000;
        }

        .show li:hover p {
            opacity: 0.5;
            background: #d00000;
            color: #fff;
        }

        .show li:hover {
            -webkit-transition: box-shadow .2s ease;
            transition: box-shadow .2s ease;
            box-shadow: 0px -5px 30px rgba(0,0,0,.1);
            opacity: 1;
        }

.box .show li {
    margin-top: 5px;
    margin-bottom: 25px;
}

.show_app {
    width: 1293px;
}

    .show_app li {
        margin-top: 20px;
        margin-bottom: 20px;
    }
/*------------------------------翻页----------------------------*/
.pages {
    float: left;
    width: 100%;
    padding: 70px 0;
}

    .pages UL {
        float: right;
        padding-right: 46px;
    }

        .pages UL LI {
            float: LEFT;
            border: 1px solid #ccc;
            padding: 6px 10px;
            margin-right: 10px;
            margin-bottom: 10px;
            color: #888;
        }

            .pages UL LI a {
                display: block;
                color: #888;
            }

.thisclass {
    display: block;
}

.pages UL LI select {
    border: 0;
    background: none;
    color: #fff;
}

.pages UL LI:hover {
    border: 1px solid #007fff;
    color: #007fff;
}

    .pages UL LI:hover a {
        color: #007fff;
    }

.thisclass {
    background: #007fff;
    border: 1px solid #007fff !important;
    color: #fff !important;
}

    .thisclass a {
        color: #fff !important;
    }
/*------------------------------案例及链接----------------------------*/


.case_cont {
    width: 100%;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
    color: #212121;
}

    .case_cont img {
        max-width: 100% !important;
        height: auto !important;
    }

    .case_cont a {
        color: #b20000;
    }

.al_bottom {
    width: 398px;
    height: 92px;
    background: #fff;
    margin: 0 auto 28px auto;
}

    .al_bottom a {
        width: 120px;
        color: #333;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        float: left;
        text-align: center;
        margin-top: 30px;
        margin-left: 56px;
        border: 1px #333 solid;
    }

        .al_bottom a:hover {
            border: 1px #007fff solid;
            color: #fff;
            background-color: #007fff;
        }

.al .zt {
}

    .al .zt a {
        color: #999;
    }

.anli_dh {
    margin-top: 20px;
}

    .anli_dh ul {
        width: 636px;
        margin: 0 auto;
    }

        .anli_dh ul li {
            width: 200px;
            height: 40px;
            line-height: 40px;
            /* background-color: #ddd; border-radius: 3px; */
            text-align: center;
            float: left;
            border: #bbb 1px solid;
            margin-right: 10px;
            font-weight: 100;
            position: relative;
            margin-bottom: 10px;
        }

.anli_dh_on:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    z-index: 999;
    bottom: 0;
    left: 50%;
    margin: -20px -10px;
    border: 10px solid transparent;
    border-top-color: #007fff;
}

.anli_dh ul li a {
    display: block;
    color: #666;
}

.anli_dh ul li:hover {
    border: #007fff 1px solid;
}

    .anli_dh ul li:hover a {
        color: #007fff;
    }

.anli_dh_on {
    border: #007fff 1px solid !important;
}

    .anli_dh_on a {
        color: #fff !important;
        background: #007fff;
    }

.soft_tu {
    width: 100%;
    margin-top: 20px;
}

    .soft_tu ul {
        width: 100%;
    }

    .soft_tu li {
        width: 25%;
        height: 120px;
        line-height: 30px;
        text-align: center;
        float: left;
        margin-bottom: 5px;
    }

        .soft_tu li span {
            display: block;
            height: 60px;
            width: 60px;
            background: url(img/soft-youshi.jpg) repeat center;
        }

        .soft_tu li div {
            width: 98%;
            height: 105px;
            padding-top: 15px;
            background-color: #fff;
            border: 1px #eee solid;
            color: #555;
            border-radius: 5px;
            font-size: 12px;
        }

            .soft_tu li div:hover {
                border: 1px #ccc solid;
                color: #777;
            }

.soft_line {
    border-top: 1px #eee solid;
    margin-top: 20px;
    padding-top: 20px;
}

.soft_tu li span {
    display: block;
    height: 60px;
    width: 60px;
    background: url(about/pro.png) no-repeat;
    margin: 0 auto;
}

    .soft_tu li span.span1 {
        background-position: -200px 0;
    }

    .soft_tu li span.span2 {
        background-position: 0px 6px;
    }

    .soft_tu li span.span3 {
        background-position: -200px -120px;
    }

    .soft_tu li span.span4 {
        background-position: -200px -60px;
    }

    .soft_tu li span.span5 {
        background-position: -200px -180px;
    }
/*--------------------------------------------------------------------------------------------------------------------------------------------*/

.dowebok font, .dowebok span {
    width: 100%;
    float: left;
}

.dowebok li font {
    font-size: 16px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.dowebok li span {
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;
}
/*--------------------------------------------------------关于我们-------------------------------------------------------------------------------*/

.project {
    width: 1206px;
    margin-top: 24px;
}

    .project li {
        float: left;
        width: 356px;
        height: 40px;
        background: #007fff;
        background: linear-gradient(90deg,#03bfff,#0046ff);
        padding: 20px;
        line-height: 22px;
        text-align: center;
        margin-right: 6px;
        margin-bottom: 6px;
    }

        .project li:hover, .touch li:hover {
            background: #b20000;
            background: linear-gradient(90deg,#d25f5f,#b90000);
        }

        .project li font, .project li span {
            width: 100%;
            float: left;
        }

        .project li font {
            font-size: 16px;
            text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
        }

        .project li span {
            font-size: 12px;
            font-family: Verdana, Geneva, sans-serif;
        }

.about .bj {
    background: url(img/js.png) no-repeat right bottom;
}

.about .wzjs {
    margin-top: 150px;
    padding-left: 76px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
}

    .about .wzjs span {
        font-size: 15px;
        font-family: Verdana, Geneva, sans-serif;
    }

    .about .wzjs div.pro {
        width: 600px;
        line-height: 22px;
        padding: 12px 0;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    }

.Principle li {
    float: left;
    width: 160px;
    text-align: center;
}

    .Principle li font {
        font-size: 31px;
        float: left;
        width: 100%;
        font-weight: 100;
    }

    .Principle li span {
        font-family: Verdana, Geneva, sans-serif;
        color: #fff;
        float: left;
        width: 100%;
    }

.Principle {
    width: 640px;
    margin: 50px auto 30px auto;
}

.culture {
    width: 100%;
    background: url(about/culture.jpg) repeat 0 center;
    background-size: 1920px;
}

.culture_txt {
    font-size: 16px;
    line-height: 30px;
    width: 700px;
    margin: 0 auto;
    text-shadow: 0 1px 0 rgba(14, 8, 8, 0.4);
    color: #fff;
}

.culture_f {
    text-shadow: 0 1px 0 rgba(14, 8, 8, 0.4);
    color: #fff;
}

#demo {
    overflow: hidden;
    height: 300px;
    line-height: 40px;
    width: 1200px;
    margin: 25px 0;
    white-space: nowrap;
}

#demo1 {
    line-height: 40px;
    font-size: 14px;
}

    #demo1 img {
        width: 200px;
        height: 278px;
        margin-right: 10px;
    }

.rongruimg {
    width: 640px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 30px;
}

    .rongruimg img {
        width: 280px;
        margin-right: 20px;
        margin-top: 20px;
        float: left;
        border: 5px solid #111;
    }

/*-------关于我们 yejun-----------*/


.prox {
    width: 1200px;
    margin-top: 10px;
    margin-bottom: 55px;
}

    .prox li {
        float: left;
        width: 293px;
        height: 228px;
        background: #fff;
        padding: 20px;
        line-height: 30px;
        text-align: center;
        margin-right: 8px;
        margin-bottom: 6px;
        border: 1px solid #efefef;
        opacity: 1;
    }

        .prox li:nth-child(4) {
            float: left;
            width: 293px;
            background: #fff;
            padding: 20px;
            line-height: 30px;
            text-align: center;
            margin-right: 0px;
            margin-bottom: 6px;
            border: 1px solid #efefef;
            opacity: 1;
        }

        .prox li:hover {
            /*border: 1px solid #b50d03;
	background-color: #b50d03;*/
            border: 1px solid #1629deb3;
            background-color: #1629deb3;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -o-transform: scale(1);
            box-shadow: 10px 10px 30px #CCC;
            -webkit-box-shadow: 0px 0px 30px #CCC;
            -moz-box-shadow: 0px 0px 15px #CCC;
            opacity: 0.7;
        }

            .prox li:hover font, .prox li:hover span, .prox li:hover i {
                color: #fff;
            }

        .prox li font {
            width: 100%;
            float: left;
        }

        .prox li font {
            font-size: 18px;
            font-weight: bold;
            color: #333;
        }

            .prox li font a {
                color: #333;
            }

        .prox li span {
            font-size: 12px;
            color: #757575;
            width: 100%;
            float: left;
        }

        .prox li i {
            font-size: 12px;
            color: #555;
            font-style: normal;
            width: 100%;
            float: left;
            line-height: 22px;
            text-align: left;
        }

    .prox .pr0 {
        display: block;
        width: 60px;
        height: 60px;
        margin: 0 auto;
        background: url(../images/pro.png) no-repeat;
        margin-top: 30px;
    }

    .prox .pr1 {
        background-position: 0 0;
    }

    .prox .pr2 {
        background-position: 0 -60px;
    }

    .prox .pr3 {
        background-position: 0 -120px;
    }

    .prox .pr4 {
        background-position: 0 -180px;
    }

    .prox .pr5 {
        background-position: 0 -240px;
    }

    .prox .pr6 {
        background-position: 0 -300px;
    }

    .prox .pr7 {
        background-position: 0 -360px;
    }

    .prox .pr8 {
        background-position: 0 -650px;
    }

    .prox .pr9 {
        background-position: 0 -420px;
    }

    .prox .pr10 {
        background-position: 0 -480px;
    }

    .prox .pr11 {
        background-position: 0 -540px;
    }

    .prox .pr12 {
        background-position: -600px 0px;
    }

    .prox .pr13 {
        background-position: -600px -60px;
    }

    .prox li:hover .pr1 {
        background-position: -140px 0;
    }

    .prox li:hover .pr2 {
        background-position: -140px -60px;
    }

    .prox li:hover .pr3 {
        background-position: -140px -120px;
    }

    .prox li:hover .pr4 {
        background-position: -140px -180px;
    }

    .prox li:hover .pr5 {
        background-position: -140px -240px;
    }

    .prox li:hover .pr6 {
        background-position: -140px -300px;
    }

    .prox li:hover .pr7 {
        background-position: -140px -362px;
    }

    .prox li:hover .pr8 {
        background-position: -140px -650px;
    }

    .prox li:hover .pr9 {
        background-position: -140px -420px;
    }

    .prox li:hover .pr10 {
        background-position: -140px -480px;
    }

    .prox li:hover .pr11 {
        background-position: -140px -540px;
    }

    .prox li:hover .pr12 {
        background-position: -660px 0px;
    }

    .prox li:hover .pr13 {
        background-position: -660px -60px;
    }

/*-----------------------------------------------------------服务项目--------------------------------------------------------------------------------*/

.item {
    height: 550px;
}

    .item .bj {
        background: url(img/item.png) no-repeat right 100px;
        height: 400px;
        padding: 0;
    }

    .item .wzjs {
        padding-left: 80px;
        margin-top: 190px;
    }

        .item .wzjs h3 {
            font-size: 30px;
        }

        .item .wzjs span {
            font-size: 12px;
            font-family: Verdana, Geneva, sans-serif;
        }

        .item .wzjs h4 {
            font-size: 20px;
            padding-bottom: 10px;
        }

        .item .wzjs .QQ a, .about .wzjs .QQ a {
            background-position: -144px 0px;
        }

            .item .wzjs .QQ a:hover, .about .wzjs .QQ a:hover {
                background-position: 0 0px;
            }

/*-----------------------------------------------------------联系我们表单--------------------------------------------------------------------------------*/



.touch {
    float: left;
    padding: 40px 0;
    width: 1218px;
}

.contact {
    background: url(img/lx.jpg) no-repeat center center;
}

.touch li {
    float: left;
    width: 358px;
    height: 70px;
    background: #007fff;
    background: linear-gradient(90deg,#03bfff,#0046ff);
    padding: 15px;
    margin-right: 18px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    border-radius: 1px;
}

    .touch li span {
        background: url(img/lxtb.png) no-repeat;
        float: left;
        width: 60px;
        height: 60px;
        margin: 10px;
    }

    .touch li div {
        font-size: 13px;
        line-height: 24px;
        float: left;
    }

.touch .touch_one div {
    /*, margin-top: 11px;  .touch .touch_three div*/
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.touch li div a {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

    .touch li div a:hover {
        color: #ff0;
    }

.touch .touch_two span {
    background-position: -110px 0;
}

.touch .touch_three span {
    background-position: -220px 0;
}

.need {
    padding-top: 30px;
    padding-bottom: 16px;
    border: 0;
}

.Form {
    width: 400px;
    margin: 0 auto 40px auto;
}

    .Form .zb {
        background: #007fff;
        width: 22px;
        height: 38px;
    }

    .Form input[type="text"] {
        height: 36px;
    }

    .Form input[type="text"], .Form .ts textarea {
        border: 1px solid #007fff;
        width: 334px;
        outline: none;
        padding-left: 16px;
        font-family: "Microsoft Yahei";
    }

    .Form .ts .zb, .Form .ts textarea {
        height: 96px;
        padding-top: 4px;
    }

    .Form tr:hover input[type="text"], .Form tr:hover textarea {
        border-color: #b20000;
    }

    .Form tr:hover .zb {
        background: #b20000;
    }

.tj {
    text-align: right;
}

/*.tj input[type="button"], #btnSubmit {
	width: 132px;
	height: 32px;
	background: #007fff;
	border: 0;
	outline: none;
	margin-right: 3px;
	color: #fff;
	cursor: pointer;
	font-family: "Microsoft Yahei";
}

.tj input[type="button"]:hover {
	background: #b20000;
}*/
/*-------------------------------------------------------------新闻中心--------------------------------------------------------------------------------*/

.news {
    width: 100%;
    margin: 40px auto;
    border-bottom: 1px solid #fff;
}

    .news .nav_l {
    }

    .news .content_r {
        background: #fff;
        border: 1px solid #efefef;
    }

.nav_bt h3 {
    padding-top: 100px;
}

.nav_bt ul {
    padding: 12px 0;
    width: 1212px;
}

    .nav_bt ul li {
        width: 190px;
        height: 40px;
        line-height: 40px;
        /* background-color: #ddd; */
        text-align: center;
        float: left;
        margin-right: 12px;
        margin-bottom: 12px;
        font-weight: 100;
        position: relative;
        margin-bottom: 20px;
    }

        .nav_bt ul li a {
            display: block;
            color: #111;
            border: #bbb 1px solid;
        }

            .nav_bt ul li a:after {
                position: absolute;
                content: '';
                width: 0;
                height: 0;
                z-index: 999;
                bottom: 0;
                left: 50%;
                margin: -20px -10px;
                border: 10px solid transparent;
            }

            .nav_bt ul li a:hover, .nav_bt ul li a.nowclass {
                border: #007fff 1px solid;
                background-color: #007fff;
                color: #fff;
            }

                .nav_bt ul li a:hover:after, .nav_bt ul li a.nowclass:after {
                    border-top-color: #007fff;
                }
/*--当前位置--*/

.position {
    margin: 12px 36px 0px 36px;
    border-bottom: 1px solid #efefef;
    position: relative;
    height: 55px;
}

    .position h1 {
        font-size: 20px;
        color: #1f1f1f;
        padding-bottom: 6px;
    }

    .position span {
        font-size: 12px;
        font-family: Verdana, Geneva, sans-serif;
        color: #999;
    }

    .position div {
        font-size: 12px;
        color: #666;
        position: absolute;
        right: 0;
        top: 15px;
    }

        .position div a {
            color: #666;
        }

.entry ul {
    padding: 0 50px;
}

.entry li {
    float: left;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #efefef;
}

    .entry li h3 {
        font-size: 18px;
        padding-bottom: 10px;
    }

        .entry li h3 a {
            color: #212121;
        }

            .entry li h3 a:hover {
                color: #b20000;
            }

    .entry li span {
        color: #aaa;
    }

    .entry li div.list_i {
        color: #222;
        line-height: 22px;
        padding-top: 10px;
    }

    .entry li .list_il {
        float: left;
    }

    .entry li .list_ir {
        float: left;
    }

    .entry li.d_tu .list_il {
        width: 20%;
    }

        .entry li.d_tu .list_il img {
            width: 80%;
        }

    .entry li.d_tu .list_ir {
        width: 80%;
    }

.wenda li div {
    display: none;
    color: #666;
}

.wenda li h3 {
    cursor: pointer;
    color: #1f1f1f;
    margin-bottom: 15px;
}

.con .wzjs {
    margin-top: 100px;
}

    .con .wzjs h3 {
        padding-top: 0;
        font-size: 30px;
    }

    .con .wzjs .QQ {
        padding-top: 10px;
    }

.content {
    padding: 20px 38px;
    color: #212121;
    line-height: 30px;
    font-weight: 100;
}

    .content p {
        padding: 10px 0;
    }

    .content a {
        color: #212121;
    }

        .content a:hover {
            color: #bb0000;
        }

    .content h2 {
        font-weight: 100;
        margin: 10px 0;
    }

    .content b, .content strong {
        font-weight: 100;
        font-size: 20px;
    }

.content_tag {
    margin: 15px auto 0 auto;
    line-height: 26px;
}

    .content_tag a {
        display: inline-block;
        padding: 1px 10px;
        background-color: #fff;
        color: #20aef0;
        margin-right: 20px;
        border: #20aef0 1px solid;
    }

        .content_tag a:hover {
            background-color: #20aef0;
            color: #fff;
            border: #20aef0 1px solid;
        }


/*----------上一篇下一篇---------*/
.c_next {
    border-top: 1px solid #efefef;
    margin-top: 20px;
}

    .c_next ul li {
        width: 50%;
        float: left;
        height: 45px;
        line-height: 60px;
    }
/*----------上一篇下一篇end---------*/

.serv {
    height: 400px;
    background: url(about/wh.png) no-repeat center center;
}

    .serv .bj {
        height: 340px;
    }

.fitt .wzjs {
    margin-top: 150px;
}

    .fitt .wzjs h3 {
        padding-top: 0px;
    }

    .fitt .wzjs h2 {
        font-size: 20px;
        font-weight: normal;
        padding: 6px 0;
    }

.adaptation {
    padding: 20px 30px;
}

.adaptation_l {
    width: 586px;
    margin-right: 18px;
    float: left;
}

.adaptation_r {
    width: 536px;
    float: left;
    color: #333;
    font-size: 12px;
    line-height: 20px;
    font-weight: 100;
}

    .adaptation_r h3 {
        font-size: 20px;
        padding-bottom: 8px;
    }

    .adaptation_r h4 {
        font-size: 14px;
        padding-bottom: 8px;
        font-weight: 100;
    }

    .adaptation_r b {
        font-weight: 100;
        font-size: 14px;
    }

    .adaptation_r p {
        padding-top: 18px;
    }

.web {
    width: 1214px;
}

    .web li {
        text-align: left;
        float: left;
        width: 390px;
        margin-right: 14px;
        height: 80px;
        margin-top: 20px;
        background: #007fff;
        background: linear-gradient(90deg,#03bfff,#0046ff);
    }

        .web li:hover {
            background: #b20000;
            background: linear-gradient(90deg,#d25f5f,#b90000);
        }

        .web li span {
            background: url(img/sz.png) no-repeat;
            margin-left: 26px;
            margin-top: 22px;
            width: 40px;
            height: 64px;
            float: left;
        }

        .web li div {
            float: left;
            width: 324px;
            margin-top: 22px;
        }

            .web li div font {
                font-weight: bold;
                font-size: 16px;
                color: #fff;
                width: 100%;
                float: left;
            }

            .web li div i {
                font-size: 14px;
                color: #fff;
                width: 100%;
                font-style: normal;
            }

        .web li span.web_two {
            background-position: -80px 0;
        }

        .web li span.web_three {
            background-position: -160px 0;
        }

        .web li span.web_four {
            background-position: 0 -96px;
        }

        .web li span.web_five {
            background-position: -80px -96px;
        }

        .web li span.web_six {
            background-position: -160px -94px;
        }

.why_sp {
    padding-bottom: 40px;
    background-color: #eee;
}

.wz-art {
    margin-top: 15px;
    padding-bottom: 6px;
}

    .wz-art h5 {
        font-size: 20px;
    }

    .wz-art span {
        font-size: 11px;
        color: #666;
    }

    .wz-art .wz-art-l li {
        width: 33%;
        float: left;
        border-bottom: #999 1px dotted;
    }
/*-------------------地区介绍----------------------*/
.lmarea {
    width: 100%;
    background: url(img/overall-version-bg.png) repeat-x;
}

.lmarea_txt {
    color: #555;
    padding: 40px;
    line-height: 25px;
}

.lmarea_city {
    padding: 10px;
}

    .lmarea_city h3 {
        font-size: 14px;
    }

    .lmarea_city ul {
    }

        .lmarea_city ul li {
            float: left;
            margin-right: 10px;
            margin-top: 10px;
        }

            .lmarea_city ul li a {
                text-align: center;
                display: block;
                border: #007fff 1px solid;
                color: #007fff;
                width: 80px;
                height: 30px;
                line-height: 30px;
                border-radius: 5%;
            }

                .lmarea_city ul li a:hover {
                    background: #007fff;
                    color: #fff;
                }



/*-------------------内容页代码----------------------*/

.txt-html {
    font-family: Consolas, serif;
    font-size: 12px;
    background-color: rgb(231, 229, 220);
    width: 100%;
    overflow: auto;
    padding-top: 1px;
    line-height: 26px;
    white-space: normal;
    margin: 18px 0px !important;
}

.bar {
    padding-left: 45px;
}

.tools {
    padding: 3px 8px 10px 10px;
    font-size: 9px;
    line-height: normal;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: silver;
    background-color: rgb(248, 248, 248);
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: rgb(108, 226, 108);
}

.dp-xml {
    padding: 0px;
    border: none;
    list-style-position: initial;
    list-style-image: initial;
    background-color: rgb(255, 255, 255);
    color: rgb(92, 92, 92);
    margin-bottom: 1px !important;
    margin-left: 45px !important;
}

    .dp-xml li {
        list-style: inherit;
    }
/*--------------app-------------------*/

.app_one {
    background: #f6f6f6;
}

    .app_one img {
        width: 100%;
    }

.app-index .service {
    border: 0px;
}

.kflb {
    padding-top: 14px;
    padding-bottom: 16px;
}

    .kflb ul {
        width: 1212px;
    }

    .kflb li {
        border: 1px solid #ddd;
        width: 288px;
        height: 248px;
        text-align: center;
        margin-right: 13px;
        float: left;
    }

        .kflb li img {
            padding-top: 38px;
        }

        .kflb li h3 {
            font-size: 20px;
            color: #777777;
            font-weight: normal;
            padding-top: 14px;
        }

        .kflb li div {
            font-size: 12px;
            color: #999;
            padding-top: 16px;
        }

        .kflb li:hover {
            border-color: #A5CA39;
        }

.wedo {
    padding-top: 10px;
    padding-bottom: 50px;
}

    .wedo ul {
        width: 1216px;
    }

    .wedo li {
        float: left;
        width: 230px;
        margin-right: 13px;
        height: 408px;
        background: url(img/app6.png) no-repeat right;
        background-size: 100%;
    }

        .wedo li img {
            width: 98%;
            height: 98%;
        }

.app {
    background: url(about/app.png) no-repeat center;
}

    .app .webjs .wzjs {
        float: left;
        margin-left: 10%;
        padding-left: 0px;
        margin-top: 54px;
    }

        .app .webjs .wzjs span {
            font-size: 30px;
        }

    .app .wzjs h4 {
        font-size: 20px;
        font-weight: bold;
    }

    .app .webjs {
        background-position: right;
    }
/*--------------人才招聘-------------------*/

.zp_tb {
    padding: 20px 0 0 0px;
    line-height: 25px;
    color: #212121;
    font-size: 12px;
}

    .zp_tb b {
        font-size: 14px;
    }

.zp_tb_l {
    float: left;
    width: 46%;
    min-height: 100px;
    padding: 20px;
    margin-bottom: 5px;
    border: 1px solid #efefef;
    border-radius: 0px;
}

.zp_tb_r {
    float: right;
    width: 46%;
    min-height: 100px;
    padding: 20px;
    margin-bottom: 5px;
    border: 1px solid #efefef;
    border-radius: 0px;
}

    .zp_tb_r:hover, .zp_tb_l:hover {
        border: 1px solid #09f;
        background-color: #09f;
        color: #fff;
    }

.zp_tb_d {
    border-top: 1px solid #efefef;
    font-size: 12px;
    margin-top: 10px;
    padding: 20px;
}

    .zp_tb_d font {
        font-weight: 800;
        color: #F00;
    }
/*--------------网页特效-------------------*/

.list_tx {
    height: 81px;
}

.list_tx_li {
    padding: 10px 24px;
}

    .list_tx_li ul {
        height: auto;
    }

        .list_tx_li ul li {
            padding: 0 10px;
            margin-left: 1%;
            text-align: center;
            float: left;
            border: 1px solid #efefef;
            margin-bottom: 10px;
        }

            .list_tx_li ul li a {
                display: block;
                width: 100%;
                color: #333;
                height: 30px;
                line-height: 30px;
            }

                .list_tx_li ul li a:hover {
                    color: #fff;
                }

            .list_tx_li ul li:hover {
                background: #007fff;
                border: 1px solid #007fff;
            }


/*-------------网站建设常见问题 -------------------*/
.cj_qusetion {
    margin: 0 auto;
    width: 1200px;
    padding-bottom: 40px;
}

    .cj_qusetion h3 {
        font-size: 30px;
        color: #212121;
        padding-bottom: 4px;
        font-weight: normal;
        text-align: center;
        padding-top: 24px;
    }

    .cj_qusetion span {
        font-size: 12px;
        color: #555;
        font-family: Verdana, Geneva, sans-serif;
        text-align: center;
        display: block;
        padding-bottom: 24px;
    }

    .cj_qusetion .box {
        width: 100%;
        border: 1px solid #efefef;
        box-sizing: border-box;
        padding: 20px;
    }

        .cj_qusetion .box ul {
            width: 46%;
            float: left;
            padding: 0 2%;
            overflow: hidden;
        }

            .cj_qusetion .box ul li {
                height: 70px;
                border-bottom: 1px solid #ccc;
                transition: height 0.5s cubic-bezier(1, 1, 1, 1);
                position: relative;
                background: #fff;
            }

                .cj_qusetion .box ul li .hide {
                    display: block;
                }

                .cj_qusetion .box ul li .show {
                    display: none;
                    width: 100%;
                }

                .cj_qusetion .box ul li.on {
                    height: 200px;
                }

                .cj_qusetion .box ul li:after {
                    content: '';
                    width: 0px;
                    height: 1px;
                    background: #007fff;
                    display: block;
                    position: absolute;
                    bottom: -1px;
                }

                .cj_qusetion .box ul li.on:after {
                    transition: width 2.5s cubic-bezier(1, 1, 1, 1) 1s;
                    width: 100%;
                }

                .cj_qusetion .box ul li.on .hide {
                    display: none;
                }

                .cj_qusetion .box ul li.on .show {
                    display: block;
                }

        .cj_qusetion .box .hide {
            color: #666;
            font-size: 16px;
            line-height: 70px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .cj_qusetion .box .show .tit {
            color: #333;
            font-size: 22px;
            line-height: 70px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .cj_qusetion .box .show .desc {
            font-size: 14px;
            color: #999;
        }

        .cj_qusetion .box .show a {
            display: block;
            width: 100px;
            height: 30px;
            font-size: 12px;
            line-height: 30px;
            color: #007fff;
            border: 1px solid;
            margin-top: 20px;
            text-indent: 10px;
            position: relative;
            overflow: hidden;
        }

            .cj_qusetion .box .show a:after {
                content: '';
                width: 100%;
                height: 1px;
                background: #007fff;
                transform: rotate(115deg);
                display: block;
                position: absolute;
                top: 0;
                right: -30px;
            }

            .cj_qusetion .box .show a:before {
                content: '>';
                position: absolute;
                right: 5px;
                top: 0;
                font-size: 18px;
            }




/*----------------响应式设计---------------------*/

@media (min-width: 1270px) {
    .Brand li {
        float: left;
        margin-top: 16px;
        margin-right: 16px;
        overflow: hidden;
        width: 286px;
        height: 100px;
        padding: 0 !important;
        border: 1px solid #efefef;
        position: relative;
        background-color: #fff;
        text-align: center;
    }

    .bimg_on {
        position: absolute;
        width: 300px !important;
        float: left;
    }

    .Brand li img {
        border: 0 !important;
        -webkit-transition: all 0.4s ease-in-out 0.2s;
        -moz-transition: all 0.4s ease-in-out 0.2s;
        -o-transition: all 0.4s ease-in-out 0.2s;
        -ms-transition: all 0.4s ease-in-out 0.2s;
        transition: all 0.4s ease-in-out 0.2s;
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }

    .Brand li:hover img {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        -ms-transition-delay: 0s;
        transition-delay: 0s;
    }

    .Brand li div {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 0;
        height: 0;
        line-height: 100px;
        text-align: center;
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        color: #111 !important;
        overflow: hidden;
    }

    .Brand li:hover div {
        background: url(img/xzbj.png) no-repeat;
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        -webkit-transition: all 0.2s ease-in-out 0.2s;
        -moz-transition: all 0.2s ease-in-out 0.2s;
        -o-transition: all 0.2s ease-in-out 0.2s;
        -ms-transition: all 0.2s ease-in-out 0.2s;
        transition: all 0.2s ease-in-out 0.2s;
    }

    .Cooperation .Brand li {
    }
}

@media (max-width: 1024px) {

    /*-------------常见问题 -------------------*/
    .cj_qusetion {
        max-width: 100%;
    }

        .cj_qusetion .box {
            border: none;
            padding: 0;
        }

            .cj_qusetion .box ul {
                padding: 0 4%;
                width: 92%;
            }
    /*-------------常见问题end -------------------*/
    .service_bd {
        background-color: #fff;
    }

    .zp_tb_l, .zp_tb_r {
        padding: 20px 2%;
        width: 43.5%;
    }

    .zp_tb_l {
        margin: 0 0 20px 1.5%;
    }

    .zp_tb_r {
        margin: 0 1.5% 20px 0;
    }

    .prox {
        width: 100%;
    }

        .prox li {
            float: left;
            width: 19.8%;
            padding: 1em 2%;
            height: 214px;
            margin: 0 .5% .8em .5%;
        }

    .wz-art .wz-art-l li {
        width: 50%;
    }

    .wtlb {
        background: none !important;
    }

    /*-------------------------------网站优化下方列表----------------------------*/


    .seoart_list ul {
        width: 100%;
    }

        .seoart_list ul li {
            width: 50%;
            margin-right: 0;
            position: relative;
        }

            .seoart_list ul li .seo_l {
                width: 90%;
                margin-left: 5%;
            }

                .seoart_list ul li .seo_l img {
                    width: 100%;
                    z-index: 1;
                }

            .seoart_list ul li .seo_r {
                width: 90%;
                margin-left: 5%;
            }



    /*-----------------400-----------------------*/

    .tbdy ul li {
        width: 30%;
    }

    #wuhan400 li {
        width: 50%;
    }

    #tb401 {
        width: 100% !important;
    }
    /*--------------------------------------*/

    .case-index {
        display: none;
    }

    .lm {
        float: left;
        margin-top: 0px;
        width: 100%;
    }

    .pc-nav {
        display: none;
        border-top: 2px solid #007fff;
        padding: 10px 0;
        background: #111;
        position: absolute;
        z-index: 9999;
        width: 100%;
        opacity: 0.8;
    }

        .pc-nav li {
            border-radius: 5px;
            width: 33%;
            margin: 0;
            padding: 0;
            line-height: 40px;
            margin-bottom: 0;
            text-align: center;
        }

            .pc-nav li a {
                color: #fff;
                float: left;
                width: 100%;
            }

            .pc-nav li:hover a {
                color: #fff;
            }

    #mobi-btn {
        display: block;
        right: 15px;
        top: 30px;
    }

    .service h3 {
        font-size: 25px;
    }

    .w-banner .bd {
        display: block;
    }
    /*--------------------------------------*/

    .icon, .Brand ul, .respond, .classify, .major, .show, .project, .about .wzjs div.pro, .Principle, .Form, .al_bottom /* ,.touch,.news .content_r*/, .all {
        width: 100%;
    }

    .touch {
        width: 60%;
        float: none;
        margin: 0 auto;
    }

    .icon li {
        width: 50%;
        margin: 0;
    }

        .icon li span {
            margin: 0 auto;
            background: url(img/tb.png) no-repeat;
            float: none;
            display: block;
        }

        .icon li div {
            width: 90%;
            margin: 0 auto;
        }
    /*-------------------------------------*/

    .Brand ul li {
        width: 50%;
        padding-right: 0px;
        text-align: center;
    }
    /*---------------------------------------*/

    .respond li {
        width: 46%;
        float: left;
        padding: 1%;
        margin: 22px 1% 6px 1%;
    }
    /*---------------------------------------------------------*/

    .classify li {
        width: 48%;
        margin-right: 0px;
        margin-left: 1%;
    }

        .classify li h3 {
            padding-bottom: 14px;
        }
    /*-------------------------------------------------------*/

    .major li {
        width: 46%;
        padding: 50px 0;
        margin: 0 2%;
    }

        .major li span {
            float: none;
            margin: 0 auto;
            display: block;
        }

    .case_cont img {
        width: 100%;
        height: auto !important;
    }

    .case_img {
        width: 100%;
        margin: 0 auto;
    }

        .case_img img {
            width: 270px;
        }

    .optimize .wzjs {
        padding-left: 2%;
    }

    .project li {
        width: 48%;
        margin: 0 1% 1% 1%;
        padding: 20px 0;
    }

    .Principle li {
        width: 50%;
    }

    .touch li {
        margin-bottom: 10px;
        width: 100%;
        padding: 15px 0;
        margin-right: 0;
    }

        .touch li div {
            float: none;
            font-size: 14px;
        }

    .Form table {
        width: 100%;
        margin: 0 auto;
    }

    .Form .zb {
        width: 6%;
    }

    .Form input[type="text"], .Form .ts textarea {
        width: 94%;
    }

    .al_bottom a {
        margin-left: 11%;
    }

    .show li {
        padding: 40px 0;
        float: left;
        width: 48%;
        margin: 20px 0 0 1%;
        text-align: center;
    }

    .show_app li {
        padding: 20px 0 20px 0;
        float: left;
        width: 50%;
        text-align: center;
    }

    .show li p {
        margin: 0px auto 0 auto;
    }

    .al_bottom li {
        width: 50%;
        float: left;
    }

    .al_bottom a {
        float: none;
        display: block;
        margin: 30px auto 0 auto;
    }
    /*-----------------------------------------------------*/

    .news .nav_l {
        display: block;
    }

    .position {
        padding-left: 10px;
    }

    .rj .wzjs div, .rj .wzjs h4 {
        padding-left: 40px;
    }

    .rj .wzjs h3 {
        padding-left: 0px;
    }

    .pages UL {
        padding-right: 20PX;
    }

    .tj input[type="button"] {
        margin-right: 4%;
    }

    .float0831 {
        display: none;
    }

    .adaptation_l {
        width: 100%;
        text-align: center;
        margin-right: 0;
    }

    .adaptation_r {
        margin: 0 auto;
        float: none;
    }

    .web {
        width: 100%;
    }

        .web li {
            width: 48%;
            margin: 1% 1% 0 1%;
        }

            .web li div {
                width: 80%;
            }

    .footer .dbxx {
        margin-right: 80px;
    }
    /*------------------*/

    .kflb ul, .wedo ul {
        width: 100%;
    }

    .kflb li {
        width: 23%;
        margin-left: 1.5%;
        margin-right: 0;
        height: 200px;
    }

        .kflb li img {
            padding-top: 1em;
        }

        .kflb li div {
            padding: 14px 2% 0 2%;
            line-height: 1.4rem;
        }

    .wedo li {
        width: 18.8%;
        margin-left: 1%;
        margin-right: 0px;
        height: auto;
    }
}

@media (max-width: 980px) {
    .in-t1 {
        display: none;
    }

    .in-t2 {
        float: none;
        width: 100%;
    }

    .prox li {
        width: 21.6%;
        padding: 1em 1%;
        height: 17em;
        margin: 0 .5% .6em .5%;
    }
}

@media (max-width: 950px) {
    .footer .dbxx {
        margin-right: 20px;
    }

    .footer .wx {
        margin-right: 10px;
        display: none;
    }
}

@media (max-width: 890px) {
    .footer .dbxx {
        margin-right: 20px;
    }

    #wuhan400 li {
        width: 100%;
    }

    .h400 {
        display: none;
    }
}

@media (max-width: 790px) {
    .footer .dbxx {
        margin-right: 6%;
    }

    .zp_tb_l, .zp_tb_r {
        padding: 10px 1.5%;
        width: 44%;
        min-height: 220px;
    }

    .zp_tb_l {
        margin: 0 0 10px 2%;
    }

    .zp_tb_r {
        margin: 0 2% 10px 0;
    }
}

@media (max-width: 680px) {
    .zp_tb_l, .zp_tb_r {
        min-height: 250px;
    }
}

@media (max-width: 640px) {
    .zp_tb_l, .zp_tb_r {
        padding: 10px 3%;
        width: 88%;
        margin: 0 3% 10px 3%;
        float: left;
    }

    .paiming1 img {
        width: 100%;
    }

    .wz-art .wz-art-l li {
        width: 100%;
    }

    .bdpm li {
        width: 90.8% !important;
    }
    /*-----------------400-----------------------*/

    .pic .webjs .wzjs {
        float: left;
        margin-top: 1.5rem;
        margin-left: 1.5rem;
    }

    .tbdy ul li {
        width: 42%;
    }

    #wuhan400 li {
        width: 100%;
    }

    .h400 {
        display: none;
    }

    #tb401 {
        width: 100% !important;
    }

    .case_to {
        width: 90%;
    }

    .case_to_l {
        width: 100%;
    }
    /*----------------首页通用-----------------------*/

    /*--服务列表--*/
    .prox li i {
        display: none;
    }

    .prox {
        width: 100%;
    }

        .prox li {
            width: 45%;
            float: left;
            margin: 0 1% 7px 1% !important;
            height: 13em;
        }
    /*--友情链接--*/
    .link-in {
        display: none;
    }
    /*--banner--*/

    .index-ban640 {
        display: block;
        background: #007fff;
        height: 400px !important;
        width: 100%;
    }

        .index-ban640 .wzjs h3 {
            font-size: 40px;
            padding: 6px 0;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
        }

        .index-ban640 .wzjs {
            margin-top: 20px !important;
        }

            .index-ban640 .wzjs div.pro {
                line-height: 22px;
                padding: 12px 0;
                text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
            }

    #mobi-btn {
        top: 20px;
    }

    .header {
        height: 65px;
        background: #121a2c;
    }

    .logo img {
        height: 65px;
        width: 220px;
    }

    .pc-nav li {
        width: 100%;
    }

    .pic, .optimize {
        margin-top: 66px;
    }

    .w-banner {
        display: none;
    }

    .index_bg {
        background-image: url(img/bg-640.jpg) !important;
    }

    .index_bg2 {
        background-image: url(img/bg2-640.jpg) !important;
    }

    .index_bg3 {
        background-image: url(img/bg3-640.jpg) !important;
    }

    .index_bg4 {
        background-image: url(img/bg4-640.jpg) !important;
    }

    .webjs {
        background: none;
        margin: 0;
    }

    .pic .wzjs h3 {
        font-size: 30px;
    }

    .pic, .optimize {
        height: 260px;
    }

    .case {
        height: 260px;
    }

    .about {
        height: 420px;
    }

    .item {
        height: 260px;
    }

        .item span {
            font-size: 11px !important;
        }

    .rj .wzjs div, .rj .wzjs h4 {
        padding-left: 0px;
        font-size: 18px;
    }

    .optimize .wzjs span {
        font-size: 14px;
    }

    .optimize .bj {
        background: none;
    }

    .optimize .wzjs h3 {
        font-size: 28px;
        font-weight: 600;
    }

    .pic .wzjs img {
        width: 300px;
        height: auto;
    }

    .con font {
        font-size: 11px !important;
    }

    .fitt {
        height: 280px;
        margin-top: 40px;
    }

    .c_next {
        display: none;
    }
    /*-----------关于我们--------*/
    .rongruimg {
        width: 96%;
        margin: 0 auto;
        text-align: center;
    }

        .rongruimg img {
            width: 90%;
            margin: 10px auto;
            float: none;
        }

    /*-----------当前位置--------*/
    .position {
        padding: 0;
        margin: 12px 0;
        text-align: center;
    }

        .position div {
            display: none;
        }

    .touch, .news .content_r {
        width: 100%;
        border: 0;
    }

    .icon li {
        width: 100%;
    }
    /*-----------------案例+模板-----------------------*/

    .moban_cls {
        padding-left: 0px;
    }

    .m_t_js {
        padding-left: 5px;
    }

    .moban_dh {
        width: 95%;
    }

    .Brand ul li {
        width: 50%;
        padding-top: 24px;
        float: left;
        padding-right: 0px;
        text-align: center;
    }

        .Brand ul li img {
            width: 90%;
            height: auto;
        }

        .Brand ul li div {
            margin-top: 1em;
        }
    /*-----------------响应-----------------------*/


    .respond li {
        width: 95%;
        margin-right: 0;
        float: none;
        margin: 0 auto;
        padding: 10px;
    }
    /*-----------------footer----------------------*/

    .footer {
        padding: 0px;
    }

        .footer .dbxx {
            margin-bottom: 10px;
            margin-right: 0;
        }

            .footer .dbxx img {
                display: none;
            }

            .footer .dbxx span {
                margin-top: 18px;
            }

        .footer .ycxx {
            padding-left: 18px;
            margin-bottom: 10px;
        }

    .copr {
        height: auto;
        line-height: 20px;
        padding: 4px 0;
        display: none;
    }

    .footer .wx {
        clear: left;
        margin: 0 auto;
        float: none;
    }
    /*------------------------------------------------------------大图------------------------------------------------------------------------------*/


    .pic .fl {
        display: none;
    }

    .pic .wzjs {
        background: #222;
        padding-left: 12px;
    }

        .pic .wzjs h4 {
            font-size: 14px;
        }

    .web-class {
        padding: 1px 0 0px 0;
    }
    /*------------------------文章列表--------------------------------*/




    .classify li {
        width: 98%;
    }
    /*------------------------------------------------------*/

    .major li {
        width: 42%;
        margin: 0 4%;
        float: left;
    }

        .major li img {
            width: 50px;
        }

    .optimize .wzjs {
        padding-left: 2%;
        margin-top: 0.5rem;
    }

    .app .webjs .wzjs {
        padding-left: 2%;
        margin-top: 0.5rem;
    }

        .app .webjs .wzjs h3 {
            font-size: 2rem;
        }

        .app .webjs .wzjs font {
            font-size: 1rem;
        }

        .app .webjs .wzjs h4 {
            font-size: 1.2rem;
        }

    .project li {
        width: 100%;
        margin: 0 0 1% 0;
        padding: 20px 0;
    }

    .show li {
        padding: 0;
        float: left;
        text-align: center;
        width: 48%;
        margin: 10px 0 10px 1%;
    }

        .show li img {
            width: 100%;
        }
    /*----------------------文章内容等---------------------------------*/


    .entry li.d_tu .list_il {
        display: none;
    }

    .entry li.d_tu .list_ir {
        width: 100%;
    }

    .seo-top .wzjs {
        margin-top: 20px;
    }

    .ab-service-txt {
        padding: 30px 10px 30px 10px;
    }

    .content {
        padding: 20px 12px 0 12px;
    }

        .content img {
            max-width: 100%;
            height: auto !important;
        }

    .news .nav_l {
        display: none;
    }

    .about .wzjs {
        margin-top: 20px;
    }

    .item .wzjs {
        padding-left: 3.5%;
        margin-top: 3.1rem;
    }

    .adaptation {
        padding: 20px 4px;
    }

    .adaptation_l img {
        width: 100%;
        height: auto;
    }

    .adaptation_r {
        width: 100%;
    }

    .web li {
        width: 100%;
        margin: 1% 0 0 0;
        padding-bottom: 6px;
    }

        .web li div {
            width: 76%;
            float: left;
        }
    /*-----------------------------------------------------*/

    .anli_dh ul {
        width: 100%;
    }

        .anli_dh ul li {
            width: 48%;
            margin: 0 2px 12px 2px;
        }

    .soft_tu li {
        width: 48%;
        line-height: 20px;
        margin: 6px 1%;
    }
    /*--------------------------*/

    .culture_txt {
        width: 90%;
        text-align: justify;
    }

    .Principle {
        margin: 2.5em auto 2.5em auto;
    }

    .Brand_lr {
    }
    /*-------------------*/

    .kflb li {
        width: 46.5%;
        margin-left: 2%;
        margin-bottom: .8em;
    }

    .wedo li {
        width: 46.5%;
        margin-left: 2%;
        margin-bottom: .8em;
    }

        .wedo li:last-child {
            display: none;
        }

    .app .webjs .wzjs span {
        font-size: 28px;
    }

    .pages UL LI {
        padding: 6px 8px;
    }
}

@media (max-width: 320px) {
    .ab-service-txt {
        padding: 30px 10px 30px 10px;
    }

    .touch .touch_one div {
        margin-top: 0;
    }
}
/*---------------------------------------------------------------QQcss----------------------------------------------------------------------------*/

.float0831 {
    z-index: 999;
    position: fixed;
    top: 180px;
    right: 1px;
    color: #333;
    font-size: 12px;
}

    .float0831 li A {
        height: 30px;
        line-height: 30px;
        display: block;
        padding: 5px 0 0 8px;
        color: #00a0e9
    }

    .float0831 A:hover {
        color: #ff8100;
        text-decoration: none;
    }

    .float0831 .floatL {
        position: relative;
        width: 28px;
        float: left
    }

        .float0831 .floatL A {
            text-indent: -9999px;
            display: block;
            font-size: 0px
        }

    .float0831 .floatR {
        background: url(/templets/sanwei/images/float_bg.gif)
    }

    .float0831 .tp {
        background: url(/templets/sanwei/images/float_bg.gif)
    }

    .float0831 .cn {
        background: url(/templets/sanwei/images/float_bg.gif)
    }

    .float0831 .floatR {
        PADDING-BOTTOM: 15px;
        width: 130px;
        background-repeat: no-repeat;
        background-position: -131px bottom;
        float: left;
        OVERFLOW: hidden
    }

    .float0831 .tp {
        background-repeat: no-repeat;
        background-position: 0% 0%;
        HEIGHT: 10px
    }

    .float0831 .cn {
        background-repeat: repeat-y;
        background-position: -262px 0px
    }

        .float0831 .cn H3 {
            text-indent: -9999px;
            HEIGHT: 36px;
            font-size: 0px
        }

        .float0831 .cn UL {
            PADDING-BOTTOM: 0px;
            PADDING-LEFT: 14px;
            PADDING-RIGHT: 12px;
            PADDING-TOP: 0px
        }

            .float0831 .cn UL LI {
                BORDER-BOTTOM: #e6e5e4 1px solid;
                LINE-HEIGHT: 36px;
                WORD-WRAP: break-word;
                HEIGHT: 36px;
                OVERFLOW: hidden;
                WORD-BREAK: normal
            }

    .float0831 .titZx {
        background: url(/templets/sanwei/images/float_s.gif) no-repeat
    }

    .float0831 .titDh {
        background: url(/templets/sanwei/images/float_s.gif) no-repeat
    }

    .float0831 .titDc {
        background: url(/templets/sanwei/images/float_s.gif) no-repeat
    }

    .float0831 .icoZx {
        background: url(/templets/sanwei/images/float_s.gif) no-repeat
    }

    .float0831 .icoTc {
        background: url(/templets/sanwei/images/float_s.gif) no-repeat
    }

    .float0831 .icoFf {
        background: url(/templets/sanwei/images/float_s.gif) no-repeat
    }

    .float0831 .icoTl {
        background: url(/templets/sanwei/images/float_s.gif) no-repeat
    }

    .float0831 .btnOpen {
        background: url(/templets/sanwei/images/float_s.gif) no-repeat
    }

    .float0831 .btnOpen_n {
        background: url(/templets/sanwei/images/float_s.gif) no-repeat
    }

    .float0831 .btnCtn {
        background: url(/templets/sanwei/images/float_s.gif) no-repeat
    }

    .float0831 .titZx {
        background-position: 5px -10px
    }

    .float0831 .titDh {
        background-position: 5px -66px
    }

    .float0831 .titDc {
        background-position: 5px -124px
    }

    .float0831 .icoZx {
        background-position: 2px -154px
    }

    .float0831 .icoTc {
        background-position: 0px -323px
    }

    .float0831 .icoFf {
        background-position: 2px -213px
    }

    .float0831 .icoTl {
        PADDING-LEFT: 20px;
        display: block;
        background-position: 2px -266px;
        float: left
    }

    .float0831 .btnOpen {
        background-position: -30px -396px
    }

    .float0831 .btnOpen_n {
        background-position: 0px -530px
    }

    .float0831 .btnCtn {
        background-position: 0px -396px
    }

    .float0831 .icoZx {
        PADDING-LEFT: 28px;
        display: block;
        float: left
    }

    .float0831 .icoTc {
        PADDING-LEFT: 28px;
        display: block;
        float: left
    }

    .float0831 .icoFf {
        PADDING-LEFT: 28px;
        display: block;
        float: left
    }

    .float0831 .btnOpen {
        position: relative;
        width: 28px;
        HEIGHT: 118px;
        TOP: 80px;
        LEFT: 2px
    }

    .float0831 .btnOpen_n {
        position: relative;
        width: 28px;
        HEIGHT: 118px;
        TOP: 80px;
        LEFT: 2px
    }

    .float0831 .btnCtn {
        position: relative;
        width: 28px;
        HEIGHT: 118px;
        TOP: 80px;
        LEFT: 2px
    }

    .float0831 .btnOpen {
        TOP: 118px;
        LEFT: 1px
    }

    .float0831 .btnOpen_n {
        TOP: 118px;
        LEFT: 1px
    }

    .float0831 .btnCtn {
        TOP: 118px;
        LEFT: 2px
    }

    .float0831 UL LI H3.titDc A {
        width: 80px;
        display: block;
        HEIGHT: 36px
    }

    .float0831 UL LI.top {
        BORDER-BOTTOM: #ace5f9 1px solid
    }

    .float0831 UL LI.bot {
        BORDER-BOTTOM-STYLE: none
    }

    .float0831 UL LI.webZx-in {
        BORDER-BOTTOM-STYLE: none;
        PADDING-LEFT: 5px;
        HEIGHT: 50px;
        PADDING-TOP: 8px
    }
/*--------------2015-5-12------------------*/

.bdpm {
    padding: 38px 0;
}

    .bdpm li {
        width: 40.8%;
        margin-left: 4.59%;
        margin-right: 4.59%;
        float: left;
    }

        .bdpm li img {
            width: 100%;
        }

.wtlb {
    background: url(img/wttp.png) no-repeat right top;
    margin-top: 10px;
    background-size: 18.5%;
    padding-top: 14px;
    min-height: 192px;
}

    .wtlb ul {
        padding: 0 1%;
    }

    .wtlb li {
        width: 100%;
        float: left;
        line-height: 24px;
        color: #444;
        padding-bottom: 12px;
        font-weight: 100;
    }

        .wtlb li i {
            font-style: normal;
        }

        .wtlb li b {
            font-weight: 100;
            font-size: 18px;
        }
/*-------新修服务项目------------*/