/* 
html5doctor.com Reset Stylesheet
v1.4.1 
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

@font-face {
    font-family: "HELVETICANEUELTPRO-THEX";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/HELVETICANEUELTPRO-THEX.OTF");
}

@font-face {
    font-family: "helveticaneuethn";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/helveticaneuethn.OTF");
}

@font-face {
    font-family: "GOTHAMRND-LIGHT";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/GOTHAMRND-LIGHT.OTF");
}

@font-face {
    font-family: "GOTHAMRND-BOOK";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/GOTHAMRND-BOOK.OTF");
}

@font-face {
    font-family: "GOTHAM-BLACK";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/GOTHAM-BLACK.OTF");
}

@font-face {
    font-family: "helveticaneueltpro";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/helveticaneueltpro.OTF");
}


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    /*    vertical-align:baseline;*/
    background: transparent;
}

body {
    font-family: 'Arial','Microsoft YaHei';
    line-height: 1;
}

:focus {
    outline: 1;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
    display: block;
}

ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
}

a {
    blr: expression(this.onFocus=this.blur())
}
/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

/***********布局开始**************/
.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

img {
    max-width: 100%;
}

.wrap {
    max-width: 100%;
}

body {
    background: #fff;
}


.head {
    max-width: 1200px;
    line-height: 70px;
    margin: 0 auto;
    /*display: inline-block;*/
}

.logo {
    display: inline-block;
    width: 450px;
    height: 70px;
}

.nav {
    max-width: 800px;
    height: 70px;
    line-height: 70px;
    margin: 0 auto;
}

    .nav li {
        float: left;
        /*margin-left: 39px;
    font-weight: bold;*/
        text-transform: uppercase;
        position: relative;
        width: auto;
        padding: 0 15px;
        line-height: 70px;
        text-align: center;
        z-index: 9999;
    }

        .nav li a {
            color: #666;
            font-size: 14px;
        }

            .nav li a:hover, .nav li .active {
                color: #005eab;
                /*	font-weight: bold;*/
                max-width: 180px;
                height: 70px;
                display: block;
                background: url(../images/nav_hover.png) repeat-x;
            }


#top.fixedNav {
    width: 100%;
    border-top: none;
    border-bottom: 1px #9f9c9c solid;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #fff;
    z-index: 100000;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop));
}

#header .nav > li > a {
    display: block;
    overflow: hidden;
    position: relative;
}

    #header .nav > li > a span::after {
        color: #005eab;
        content: attr(data-title);
        left: 0;
        position: absolute;
        transform: translateY(100%);
        width: 100%;
    }

#header .nav > li a.active span, #header .nav > li:hover a span {
    transform: translateY(-100%);
}

#header .nav > li > a span {
    display: inline-block;
    position: relative;
    transition: all 0.3s ease-out 0s;
}

#header .nav {
    height: 70px;
}

    #header .nav .navitem {
        height: 100%;
    }
        /*#header .nav .navitem>a {height: calc(100% + 0px); position: relative}*/

        #header .nav .navitem > a span:after {
            color: #333;
        }

        #header .nav .navitem > a:before {
            opacity: 0;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
            top: 0px;
            left: 0;
            right: 0;
            margin: 0 auto;
            position: absolute;
            content: "";
            width: 0;
            height: 1px;
            left: 50%;
            background-color: #333;
        }

        #header .nav .navitem > a.active::before, #header .nav .navitem > a:hover::before {
            opacity: 1;
            width: 100%;
            left: 0%
        }

        #header .nav .navitem > a:last-child:after {
            display: none
        }



.nav li ul {
    display: none;
    background: #f6f6f6;
    width: 180px;
    padding: 3px 0 3px 0;
    position: absolute;
    top: 70px;
    left: 0px;
    border-top: #333 solid 2px;
    /*    box-shadow: 0 0 10px rgba(0,0,0,0.2);*/
    z-index: 99;
}

    .nav li ul:before {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        bottom: 100%;
        left: 50px;
        /*border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;
	border-width: 3px 0 0 0;*/
    }

    .nav li ul:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        bottom: 100%;
        left: 40px;
        /*border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: rgba(246, 246, 246, 1) transparent;
	border-width: 3px 0 0 0;*/
    }

    .nav li ul li {
        margin-left: 0px;
        height: 36px;
        width: 100%;
        padding: 0px;
        line-height: 36px;
        color: #333;
        /*    border-bottom: 1px solid #ddd;*/
        font-family: 'Microsoft Yahei';
    }

        .nav li ul li:last-child {
            border-bottom: none;
        }

        .nav li ul li a {
            width: 100%;
            /*    padding-left: 20px;*/
            text-indent: 20px;
            text-align: left;
            display: block;
            font-size: 14px;
            color: #666;
            text-transform: none;
        }

            .nav li ul li a:hover {
                background: url(../images/point.png) no-repeat 8px 15px;
                color: #005eab;
                font-weight: normal;
            }

.top_line {
    width: 100%;
    height: 5px;
    background: url(../images/top_line.png) repeat-x;
}

.head .languages a {
    color: #666;
    font-size: 13px;
    /*    font-weight: bold;*/
}

.head .languages .space {
    /*    font-weight: bold;*/
    padding: 0 2px;
    color: #999;
}

.head .search {
    width: 190px;
    height: 30px;
    border: 1px solid #d80c18;
    margin-top: 24px;
    margin-right: 10px;
    border-radius: 3px;
}

    .head .search input {
        width: 148px;
        height: 28px;
        border: none;
        outline: none;
        padding-left: 10px;
        border-radius: 4px;
    }

    .head .search .ss {
        width: 30px;
        height: 30px;
        border: none;
        outline: none;
        background: url(../images/ss.jpg) no-repeat;
        cursor: pointer;
        border-radius: 4px;
    }

/*
#indexPage {
    position: relative;
}

#indexPage #topSlider {
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}
#indexPage #topSlider ul.content_list {
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.bx-wrapper {
    margin: 0 auto;
    padding: 0;
    position: relative;
}
#indexPage #topSlider .bx-wrapper .bx-pager {
    height: 20px;
}
.bx-wrapper .bx-pager {
    color: #666;
    font-family: Arial;
    font-size: 0.85em;
    font-weight: bold;
    text-align: center;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: 20px;
    position: absolute;
    width: 100%;
    z-index: 3;
}

#sitecontent #indexPage #topSlider .bx-wrapper .bx-controls .bx-controls-direction {
    height: 90px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

#indexPage #topSlider .bx-wrapper .bx-pager a {
    width: 42px;
}
#indexPage #topSlider .bx-wrapper .bx-pager a {
    display: block;
    height: 10px;
    margin: 0 5px;
    outline: 0 none;
    width: 30px;
}
.bx-sliderCount, a, a i { color: #999;}

.container_category a::after, .news .content_list::before, #indexPage #topSlider .bx-wrapper .bx-pager a div.progress, .bx-wrapper .bx-pager.bx-default-pager a, .mlist.team_tabs .tab_content li .item_info::after {
    background-color: #cecece;
}
#indexPage #topSlider .bx-wrapper .bx-pager a div.progress { height: 2px; transition: all 0.4s ease 0s;}
#indexPage #topSlider .bx-wrapper .bx-pager a div.progress { background-color: #e7e7e7; height: 1px; margin-top: 4px; width: 100%;}*/


.notice {
    width: 100%;
    position: absolute;
    height: 45px;
    line-height: 45px;
    z-index: 999;
    bottom: 0px;
}

    .notice .tit {
        width: 19.5%;
        padding-right: 0.5%;
        background: #0f5d9d;
        text-align: right;
        height: 45px;
        line-height: 45px;
        opacity: 0.9;
        color: #fff;
    }

    .notice .list {
        width: 80%;
        background-color: rgba(255,255,255,0.9);
        opacity: 0.8;
        text-align: left;
        height: 45px;
        line-height: 45px;
    }

        .notice .list li {
            width: 32%;
            text-align: left;
            float: left;
            margin-left: 1.3%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .notice .list li a {
                color: #333;
            }

                .notice .list li a:hover {
                    color: #0f5d9d;
                }



/*--banner下方数字组--*/

.mcounter {
    background-color: #fafafa;
}

.module.mcounter .module_container {
    padding: 40px 0;
}

.module.mcounter ul.content_list {
    height: auto;
    width: 100%;
}

    .module.mcounter ul.content_list li {
        float: left;
        height: 108px;
        text-align: center;
        width: 25%;
    }

        .module.mcounter ul.content_list li div {
            border-right: 1px solid rgba(0, 0, 0, 0.08);
        }

        .module.mcounter ul.content_list li:last-child div {
            border-right: medium none;
        }

        .module.mcounter ul.content_list li p {
            color: #939393;
            font-size: 14px;
            text-align: center;
        }

            .module.mcounter ul.content_list li p.number {
                margin-top: 15px;
            }

                .module.mcounter ul.content_list li p.number .counterDX {
                    color: #3c3c3c;
                    font-family: HELVETICANEUELTPRO-THEX;
                    font-size: 54px;
                    margin-top: 15px;
                    text-align: center;
                }

                .module.mcounter ul.content_list li p.number .unit {
                    color: #959595;
                    font-size: 14px;
                    vertical-align: top;
                }

            .module.mcounter ul.content_list li p.title {
                margin-top: 5px;
                color: #555;
            }

/*--banner下方数字组--*/

/*--banner下方数字组--*/
/*
.module_container .container_content {position: relative; left: 0; width: 56%; height: 731px; background: #292929}
.module_container .container_content {height: 86%}
.module_container .container_content {position: relative; left: 0; width: 56%; background: #292929}
.module_container .container_content .wrapper {position: absolute; width: 100%; left: 0}
.module_container .container_content .wrapper .header {float: left; padding-left: 50px; padding-bottom: 15px; border-bottom: 1px solid rgba(58,58,58,.68)}
.module_container .container_content .wrapper .header p {text-align: left}
.module_container .container_content .wrapper .header p.title {font-size: 20px; line-height: 22px}
.module_container .container_content .wrapper .header p.subtitle {font-size: 12px;line-height: 14px; color: #7a7b7b}
*/
/*--banner下方数字组--*/


/*--关于我们开始--*/

.aboutus {
    width: 100%;
    background: url(../images/aboutBg.jpg) no-repeat;
    background-position: center bottom;
    height: auto;
    padding: 60px 0 80px;
}

    .aboutus .wow {
        animation-name: fadeInUp;
    }

    .aboutus .header {
        float: left;
        color: #555;
        width: 12%;
        font-size: 24px;
        margin: 0 auto;
        text-align: right;
        border-bottom: #f0f0f0 solid 1px;
    }

        .aboutus .header .title {
            color: #666;
            font-size: 20px;
            margin: 5px 0;
            font-weight: 500;
        }

        .aboutus .header .subtitle {
            color: #999;
            font-size: 14px;
            margin: 10px 0;
        }

    .aboutus .aboutcon {
        max-width: 1200px;
        height: 340px;
        background: rgba(15,93,157,1);
        margin: 80px auto 0 auto;
        position: relative;
    }

        .aboutus .aboutcon .aboutimg {
            float: left;
            margin: -50px 0 0 2%;
            width: 53%;
            height: auto;
        }

        .aboutus .aboutcon .textcon {
            float: left;
            width: 42%;
        }

        .aboutus .aboutcon .textcon {
            color: #fff;
            visibility: visible;
            animation-name: fadeInUp;
        }

            .aboutus .aboutcon .textcon .tit {
                color: #fff;
                font-size: 24px;
                font-weight: bold;
                line-height: 40px;
            }

                .aboutus .aboutcon .textcon .tit a {
                    color: #fff;
                    font-size: 24px;
                    font-weight: bold;
                    line-height: 40px;
                }

            .aboutus .aboutcon .textcon .txt {
                color: #fff;
                font-size: 14px;
                line-height: 24px;
                margin-bottom: 20px;
            }

        .aboutus .aboutcon .textcon {
            z-index: -1;
            -webkit-transition: all .6s ease 0s;
            transition: all .6s ease 0s
        }

            .aboutus .aboutcon .textcon .bdr {
                position: relative;
                width: 100%;
            }

            .aboutus .aboutcon .textcon .item_info {
                width: 97%;
                float: left;
                margin-left: 3%;
                margin-top: 30px;
                position: relative;
            }

            .aboutus .aboutcon .textcon:hover .item_info {
                padding: 0 0 0 40px;
                -webkit-transition: all .6s ease 0s;
                transition: all .6s ease 0s;
            }
            /*.aboutus .aboutcon .textcon .item_info .line {background-color: #fff; height: 1px; width: 70px; margin-left: -120px;}*/

            .aboutus .aboutcon .textcon .bdr:before {
                opacity: 0;
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
                top: 50px;
                position: absolute;
                content: "";
                width: 0;
                height: 1px;
                left: 0;
                background-color: #fff;
            }

            .aboutus .aboutcon .textcon .bdr:hover::before {
                opacity: 1;
                width: 10%;
                left: 0;
            }

            .aboutus .aboutcon .textcon .btn {
                width: 90px;
                height: 30px;
                text-indent: -9999px;
                display: block;
                background: url(../images/next.png) no-repeat;
                position: absolute;
                bottom: -60px;
                opacity: 0;
                left: 40px;
            }

            .aboutus .aboutcon .textcon:hover .btn {
                display: block;
                position: absolute;
                bottom: -40px;
                opacity: 1;
                -webkit-transition: all .6s ease;
                transition: all .6s ease;
            }

    .aboutus .aboutLogo {
        position: absolute;
        right: -25px;
        bottom: 10px;
    }

/*--关于我们结束--*/


/*--新闻动态开始--*/

.container_category {
    float: right;
    padding-right: 50px;
    height: 26px;
    line-height: 26px
}

    .container_category a {
        padding: 6px 20px;
        margin-left: 11px;
        text-align: center;
        color: #717171;
        background: 0 0;
        font-weight: 200;
        font-size: 12px;
    }

        .container_category a.active, .container_category a:hover {
            color: #fff;
            background: #0f5d9d
        }

        .container_category a:after {
            display: none
        }

        .container_category a::before {
            content: "|";
            position: relative;
            top: 0;
            left: -27px;
            color: #ccc
        }

        .container_category a:nth-of-type(1)::before {
            display: none
        }

    .container_category .more {
        position: absolute;
        top: 0;
        left: 100%;
        width: 98px;
        height: 24px;
        border: 1px solid #414143;
        line-height: 500px;
        overflow: hidden
    }


.newsus {
    width: 100%;
    background: #fcfcfc;
    height: auto;
    padding: 60px 0 30px;
}

    .newsus .wow {
        animation-name: fadeInUp;
    }

    .newsus .header {
        float: left;
        color: #555;
        width: 12%;
        font-size: 24px;
        margin: 0 auto;
        text-align: right;
        border-bottom: #f0f0f0 solid 1px;
    }

.show {
    display: none;
}

    .show.active {
        display: block;
    }

.newsus .header .title {
    color: #666;
    font-size: 20px;
    margin: 5px 0;
    font-weight: 500;
}

.newsus .header .subtitle {
    color: #999;
    font-size: 14px;
    margin: 10px 0;
}

.newsus .newscon {
    max-width: 1200px;
    height: 500px;
    margin: 40px auto 0 auto;
    position: relative;
}
    /*.newsus .newscon .textcon { animation-name: fadeInUp; width: 390px; height: 500px; position: relative;}
.newsus .newscon li { float: left; margin-right: 15px;}
.newsus .newscon li:last-child {margin-right: 0;}*/
    .newsus .newscon .textcon {
        animation-name: fadeInUp;
        width: 30.33%;
        height: auto;
        position: relative;
    }

    .newsus .newscon li {
        float: left;
        margin: 0 1.5%;
    }

    .newsus .newscon .textcon .img {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        .newsus .newscon .textcon .img img {
            width: 100%;
            transition: all 0.6s;
        }

    .newsus .newscon .textcon .tit {
        color: #333;
        font-size: 16px;
        line-height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .newsus .newscon .textcon .time {
        color: #999;
        font-size: 14px;
        line-height: 20px;
    }

    .newsus .newscon .textcon .tit a {
        color: #333;
        text-decoration: none;
    }

    .newsus .newscon .textcon .txt {
        color: #666;
        font-size: 14px;
        line-height: 24px;
        margin: 10px 0;
        padding-top: 25px;
        border-top: #ccc solid 1px;
        height: 48px;
        overflow: hidden;
    }

    .newsus .newscon .textcon .line {
        background-color: #ccc;
        height: 1px;
        font-size: 0;
    }

    .newsus .newscon .btn {
        width: 90px;
        height: 30px;
        text-indent: -9999px;
        display: block;
        background: url(../images/news_next.png) no-repeat;
        position: absolute;
        opacity: 0;
        bottom: -60px;
    }

    .newsus .newscon .textcon:hover .btn {
        display: block;
        position: absolute;
        bottom: -30px;
        opacity: 1;
        -webkit-transition: all .6s ease;
        transition: all .6s ease;
    }

    .newsus .newscon .textcon:hover .img img {
        transform: scale(1.2);
    }

    .newsus .newscon .textcon:hover .tit {
        font-weight: bold;
    }
    /*.newsus .newscon .textcon:before {opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; top: 320px; position: absolute; content:""; width: 0; height: 1px; left: 0%; background-color: #333;}
.newsus .newscon .textcon:hover::before {opacity: 1; width: 390px; left: 0%}*/

    .newsus .newscon .textcon .txt:after {
        content: '';
        position: absolute;
        left: 0px;
        bottom: 83px;
        width: 1px;
        height: 1px;
        background: #dddddd;
    }

    .newsus .newscon .textcon:hover .txt:after {
        width: 100%;
        left: 0px;
        background: #333;
        -webkit-transition: all .6s ease;
        transition: all 0.6s;
    }




.xwcon {
    animation-name: fadeInUp;
    width: 100%;
    height: auto;
    position: relative;
    float: left;
}

    .xwcon .img {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        .xwcon .img img {
            width: 100%;
            transition: all 0.6s;
        }

    .xwcon .tit {
        color: #333;
        font-size: 16px;
        line-height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .xwcon .time {
        color: #999;
        font-size: 14px;
        line-height: 20px;
    }

    .xwcon .tit a {
        color: #333;
        text-decoration: none;
    }

    .xwcon .txt {
        color: #666;
        font-size: 14px;
        line-height: 24px;
        margin: 10px 0;
        padding-top: 25px;
        border-top: #ccc solid 1px;
        height: 48px;
        overflow: hidden;
    }

    .xwcon .btn {
        width: 90px;
        height: 30px;
        text-indent: -9999px;
        display: block;
        background: url(../images/news_next.png) no-repeat;
        position: absolute;
        opacity: 0;
        bottom: -60px;
    }

    .xwcon:hover .btn {
        display: block;
        position: absolute;
        bottom: -30px;
        opacity: 1;
        -webkit-transition: all .6s ease;
        transition: all .6s ease;
    }

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

    .xwcon:hover .tit {
        font-weight: bold;
    }

    .xwcon:hover .txt {
        color: #333;
    }

    .xwcon .txt:after {
        content: '';
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 83px;
        width: 1px;
        height: 1px;
        background: #dddddd;
    }

    .xwcon:hover .txt:after {
        width: 100%;
        left: 0px;
        background: #333;
        -webkit-transition: all .6s ease;
        transition: all 0.6s;
    }



/*--新闻动态结束--*/


/*--四大优势开始--*/

.ysus {
    width: 100%;
    background: #fff;
    height: auto;
    padding: 60px 0 0px;
}

    .ysus .wow {
        animation-name: fadeInUp;
    }

    .ysus .header {
        float: left;
        color: #555;
        width: 12%;
        font-size: 24px;
        margin: 0 auto;
        text-align: right;
        border-bottom: #f0f0f0 solid 1px;
    }

        .ysus .header .title {
            color: #666;
            font-size: 20px;
            margin: 5px 0;
            font-weight: 500;
        }

        .ysus .header .subtitle {
            color: #999;
            font-size: 14px;
            margin: 10px 0;
        }

    .ysus .yscon {
        width: 100%;
        background: #0f5d9d;
        height: 200px;
        margin: 40px 0 0;
        position: relative;
    }

        .ysus .yscon .ysbdr {
            max-width: 1200px;
            margin: 0 auto;
        }

        .ysus .yscon .textcon {
            animation-name: fadeInUp;
            width: 25%;
            height: 200px;
            position: relative;
            background: url(../images/line1.png) no-repeat right center;
        }

        .ysus .yscon li {
            float: left;
        }

            .ysus .yscon li:last-child {
                background: none;
            }

        .ysus .yscon .textcon .img {
            width: 90px;
            height: 72px;
            margin: 40px auto 0px;
            position: relative;
            z-index: 999;
        }

            .ysus .yscon .textcon .img img {
                width: 100%;
                transition: all 0.6s;
            }

        .ysus .yscon .textcon .tit {
            color: #fff;
            font-size: 16px;
            line-height: 20px;
            text-align: center;
            z-index: 999;
            position: relative;
        }

        .ysus .yscon .textcon .time {
            margin: 0 auto;
            width: 30%;
            text-indent: -9999px;
            line-height: 2px;
            text-align: center;
            border-bottom: #ccc solid 1px;
            opacity: 0;
            z-index: 999;
            position: relative;
        }

        .ysus .yscon .textcon .txt {
            color: #eee;
            font-size: 14px;
            line-height: 24px;
            text-align: center;
            margin: 0;
            height: 24px;
            position: relative;
            z-index: 999;
        }

        .ysus .yscon .textcon .num {
            color: #15578f;
            font-size: 128px;
            font-family: Arial, Helvetica, sans-serif;
            position: absolute;
            bottom: -15px;
            right: 0;
            z-index: 0;
            opacity: 0;
        }

        .ysus .yscon .textcon:hover {
            background: #0d548d;
        }

            .ysus .yscon .textcon:hover .time {
                opacity: 1;
            }

            .ysus .yscon .textcon:hover .img {
                margin: 20px auto 0px;
                -webkit-transition: all .6s ease;
                transition: all .6s ease;
            }

            .ysus .yscon .textcon:hover .tit {
                margin: 5px auto 5px;
                -webkit-transition: all .6s ease;
                transition: all .6s ease;
            }

            .ysus .yscon .textcon:hover .txt {
                margin: 5px auto 0;
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
            }

            .ysus .yscon .textcon:hover .num {
                opacity: 1;
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
            }

        .ysus .yscon .textcon:before {
            opacity: 0;
            -webkit-transition: all .6s ease;
            transition: all .6s ease;
            top: 160px;
            position: absolute;
            content: "";
            width: 0;
            height: 1px;
            right: 0%;
            background-color: #378cd1;
        }

        .ysus .yscon .textcon:hover::before {
            opacity: 1;
            width: 30%;
            left: 35%
        }

/*--四大优势结束--*/


/*--精品工程开始--*/
.caseus {
    width: 100%;
    background: #fff;
    height: auto;
    padding: 60px 0 20px;
}

    .caseus .wow {
        animation-name: fadeInUp;
    }

    .caseus .header {
        float: left;
        color: #555;
        width: 12%;
        font-size: 24px;
        margin: 0 auto;
        text-align: right;
        border-bottom: #f0f0f0 solid 1px;
    }

        .caseus .header .title {
            color: #666;
            font-size: 20px;
            margin: 5px 0;
            font-weight: 500;
        }

        .caseus .header .subtitle {
            color: #999;
            font-size: 14px;
            margin: 10px 0;
        }

.case_category {
    float: right;
    padding-right: 50px;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
}

    .case_category a {
        padding: 6px 10px;
        height: 26px;
        line-height: 26px;
        margin-left: 11px;
        text-align: center;
        color: #717171;
        background: 0 0;
        font-weight: 200;
        font-size: 12px;
    }

        .case_category a.active, .case_category a:hover {
            color: #fff;
            background: #0f5d9d
        }

        .case_category a:after {
            display: none
        }

        .case_category a::before {
            content: "|";
            position: relative;
            top: 0;
            left: -20px;
            color: #ccc
        }

        .case_category a:nth-of-type(1)::before {
            display: none
        }

.caseus .casecon {
    max-width: 1200px;
    height: 215px;
    margin: 40px auto 20px auto;
    position: relative;
    overflow: hidden;
}

    .caseus .casecon .textcon {
        animation-name: fadeInUp;
        width: 23%;
        min-height: 215px;
        position: relative;
    }

    .caseus .casecon li {
        float: left;
        margin: 0 1%;
    }
    /*.caseus .casecon li:nth-of-type(4) { margin-right: 0;}*/
    .caseus .casecon .textcon .img {
        width: 100%;
        min-height: 215px;
        overflow: hidden;
    }

        .caseus .casecon .textcon .img img {
            width: 100%;
            transition: all 0.6s;
        }

    .caseus .casecon .textcon .item_info {
        background: rgba(255,255,255,0.8);
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 80px;
    }

        .caseus .casecon .textcon .item_info .tit {
            color: #333;
            font-size: 16px;
            padding: 12px 10px 0 10px;
            opacity: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .caseus .casecon .textcon .item_info .time {
            color: #999;
            font-size: 14px;
            line-height: 20px;
        }

        .caseus .casecon .textcon .item_info .tit a {
            color: #333;
        }

        .caseus .casecon .textcon .item_info .txt {
            color: #666;
            font-size: 14px;
            padding: 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .caseus .casecon .textcon .line {
        background-color: #ccc;
        height: 1px;
        font-size: 0;
    }

    .caseus .casecon .btn {
        width: 30px;
        height: 30px;
        text-indent: -9999px;
        display: block;
        background: url(../images/caseBtn.png) no-repeat;
        position: absolute;
        opacity: 0;
        right: 0;
        top: 25px;
    }

    .caseus .casecon .textcon:hover .btn {
        display: block;
        position: absolute;
        opacity: 1;
        right: 20px;
        -webkit-transition: all .6s ease;
        transition: all .6s ease;
    }

    .caseus .casecon .textcon:hover .img img {
        transform: scale(1.1);
    }

    .caseus .casecon .textcon:hover .tit {
        padding: 12px 40px 0 20px;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
        opacity: 1;
    }

    .caseus .casecon .textcon:hover .txt {
        padding: 10px 40px 10px 20px;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
        opacity: 1;
    }

    .caseus .casecon .textcon .item_info {
        opacity: 0;
        box-sizing: border-box;
    }

    .caseus .casecon .textcon:hover .item_info {
        opacity: 1;
    }

    .caseus .casecon .textcon .item_info .text_wrap {
        opacity: 0;
        margin: 0;
        border: #999 solid 1px;
    }

    .caseus .casecon .textcon:hover .item_info .text_wrap {
        opacity: 1;
        -webkit-transition: all .4s ease 0s;
        transition: all .4s ease 0s;
        border: #999 solid 1px;
        margin: 8px;
        width: auto;
    }

    .caseus .casecon .bx-controls-direction a {
        background: #141517 no-repeat center center
    }

        .caseus .casecon .bx-controls-direction a i:before {
            display: none
        }

    .caseus .casecon .bx-controls-direction .bx-prev {
        width: 60px;
        height: 60px;
        background: url(../images/case_prev1.png) no-repeat;
        position: absolute;
        left: 0;
        top: 75px;
        -webkit-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
        opacity: 0.8;
        text-indent: -9999px;
    }

        .caseus .casecon .bx-controls-direction .bx-prev:hover {
            width: 60px;
            height: 60px;
            background: url(../images/case_prev2.png) no-repeat;
            -webkit-transition: all .3s ease 0s;
            transition: all .3s ease 0s;
            opacity: 1;
        }

    .caseus .casecon .bx-controls-direction .bx-next {
        width: 60px;
        height: 60px;
        background: url(../images/case_next1.png) no-repeat;
        position: absolute;
        right: 1px;
        top: 75px;
        -webkit-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
        opacity: 0.8;
        text-indent: -9999px;
    }

        .caseus .casecon .bx-controls-direction .bx-next:hover {
            width: 60px;
            height: 60px;
            background: url(../images/case_next2.png) no-repeat;
            -webkit-transition: all .3s ease 0s;
            transition: all .3s ease 0s;
            opacity: 1;
        }

.bx {
    width: 46px;
    margin: 0 auto;
}

.bx-pager-item a {
    float: left;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    border-radius: 6px;
    -webkit-transition: all .36s ease;
    transition: all .36s ease;
    border: 1px solid #ccc;
    text-indent: -9999px;
    display: block;
    background: #fff;
}

    .bx-pager-item a:hover {
        float: left;
        margin: 0 5px;
        width: 10px;
        height: 10px;
        border-radius: 6px;
        border: 1px solid #999;
        text-indent: -9999px;
        display: block;
        background: #999;
    }

    .bx-pager-item a.active {
        float: left;
        margin: 0 5px;
        width: 10px;
        height: 10px;
        border-radius: 6px;
        border: 1px solid #666;
        text-indent: -9999px;
        display: block;
        background: #666;
    }



.alcon {
    animation-name: fadeInUp;
    width: 100%;
    height: auto;
    position: relative;
}

    .alcon .img {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        .alcon .img img {
            width: 100%;
            transition: all 0.6s;
        }

    .alcon .item_info {
        background: rgba(255,255,255,0.8);
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 80px;
    }

        .alcon .item_info .tit {
            color: #333;
            font-size: 16px;
            padding: 12px 10px 0 10px;
            opacity: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .alcon .item_info .time {
            color: #999;
            font-size: 14px;
            line-height: 20px;
        }

        .alcon .item_info .tit a {
            color: #333;
        }

        .alcon .item_info .txt {
            color: #666;
            font-size: 14px;
            padding: 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .alcon .btn {
        width: 30px;
        height: 30px;
        text-indent: -9999px;
        display: block;
        background: url(../images/caseBtn.png) no-repeat;
        position: absolute;
        opacity: 0;
        right: 0;
        top: 25px;
    }

    .alcon:hover .btn {
        display: block;
        position: absolute;
        opacity: 1;
        right: 20px;
        -webkit-transition: all .6s ease;
        transition: all .6s ease;
    }

    .alcon:hover .img img {
        transform: scale(1.1);
    }

    .alcon:hover .tit {
        padding: 12px 40px 0 20px;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
        opacity: 1;
    }

    .alcon:hover .txt {
        padding: 10px 40px 10px 20px;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
        opacity: 1;
    }

    .alcon .item_info {
        opacity: 0;
        box-sizing: border-box;
    }

    .alcon:hover .item_info {
        opacity: 1;
    }

    .alcon .item_info .text_wrap {
        opacity: 0;
        margin: 0;
        border: #999 solid 1px;
    }

    .alcon:hover .item_info .text_wrap {
        opacity: 1;
        -webkit-transition: all .4s ease 0s;
        transition: all .4s ease 0s;
        border: #999 solid 1px;
        margin: 8px;
        width: auto;
    }


/*--精品工程结束--*/


/*--业务范围开始--*/

.business {
    width: 100%;
    background: #fcfcfc;
    height: auto;
    padding: 60px 0 30px;
    position: relative;
}

    .business .wow {
        animation-name: fadeInUp;
    }

    .business .header {
        float: left;
        color: #555;
        width: 12%;
        font-size: 24px;
        margin: 0 auto;
        text-align: right;
        border-bottom: #f0f0f0 solid 1px;
    }

        .business .header .title {
            color: #666;
            font-size: 20px;
            margin: 5px 0;
            font-weight: 500;
        }

        .business .header .subtitle {
            color: #999;
            font-size: 14px;
            margin: 10px 0;
        }

    .business .casecon {
        max-width: 1100px;
        height: 480px;
        margin: 40px auto 20px;
        position: relative;
    }

        .business .casecon .textcon {
            animation-name: fadeInUp;
            width: 220px;
            height: 480px;
            position: relative;
        }

        .business .casecon li {
            float: left;
        }

            .business .casecon li:nth-of-type(4) {
                margin-right: 0;
            }

        .business .casecon .textcon .img {
            width: 220px;
            height: 380px;
            overflow: hidden;
        }

            .business .casecon .textcon .img.bottom {
                width: 220px;
                height: 380px;
                overflow: hidden;
                position: absolute;
                bottom: 0;
            }

            .business .casecon .textcon .img img {
                width: 100%;
                transition: all 0.6s;
            }

        .business .casecon .textcon .item_info {
            background: rgba(248,248,248,1);
            position: absolute;
            bottom: 0px;
            width: 100%;
            height: 80px;
            padding: 10px 0;
        }

            .business .casecon .textcon .item_info .tit {
                color: #333;
                font-size: 18px;
                width: 100%;
                text-align: center;
                position: absolute;
                left: 0;
                top: 35px;
                -webkit-transition: all .6s ease;
                transition: all .6s ease;
            }

            .business .casecon .textcon .item_info .txt {
                color: #cecece;
                font-size: 14px;
                width: 100%;
                text-align: center;
                position: absolute;
                left: 0;
                top: 60px;
                font-family: HELVETICANEUELTPRO-THEX;
                -webkit-transition: all .6s ease;
                transition: all .6s ease;
            }

            .business .casecon .textcon .item_info.top {
                background: rgba(248,248,248,1);
                position: absolute;
                top: 0px;
                width: 100%;
                height: 80px;
                padding: 10px 0;
            }

                .business .casecon .textcon .item_info.top .tit {
                    color: #333;
                    font-size: 18px;
                    width: 100%;
                    text-align: center;
                    position: absolute;
                    left: 0;
                    top: 45px;
                    -webkit-transition: all .6s ease;
                    transition: all .6s ease;
                }

                .business .casecon .textcon .item_info.top .txt {
                    color: #cecece;
                    font-size: 14px;
                    width: 100%;
                    text-align: center;
                    position: absolute;
                    left: 0;
                    top: 25px;
                    font-family: HELVETICANEUELTPRO-THEX;
                    -webkit-transition: all .6s ease;
                    transition: all .6s ease;
                }

        .business .casecon .btn {
            width: 20px;
            height: 2px;
            text-indent: -9999px;
            background: url(../images/line.png) no-repeat;
            position: absolute;
            opacity: 1;
            left: 50%;
            margin-left: -10px;
            top: 25px;
            -webkit-transition: all .6s ease;
            transition: all .6s ease;
        }

        .business .casecon .textcon:hover .btn {
            opacity: 1;
            -webkit-transition: all .6s ease;
            transition: all .6s ease;
        }

        .business .casecon .textcon .item_info.top .btn {
            opacity: 1;
            top: 70px;
            -webkit-transition: all .6s ease;
            transition: all .6s ease;
        }

        .business .casecon .textcon:hover .item_info.top .btn {
            opacity: 1;
            top: 55px;
            -webkit-transition: all .6s ease;
            transition: all .6s ease;
        }

        .business .casecon .textcon:hover .img img {
            transform: scale(1.02);
        }

        .business .casecon .textcon .item_info {
            opacity: 1;
            -webkit-transition: all .6s ease;
            transition: all .6s ease;
        }

        .business .casecon .textcon:hover .item_info {
            opacity: 1;
            -webkit-transition: all .6s ease;
            transition: all .6s ease;
        }

        .business .casecon .textcon .item_info1 {
            width: 220px;
            height: 460px;
            margin: 0px;
            background: none;
            border: 0;
            position: absolute;
            top: 0;
            z-index: 999;
        }

        .business .casecon .textcon:hover .item_info1 {
            width: 200px;
            height: 460px;
            margin: 9px;
            background: none;
            border: #999 solid 1px;
            position: absolute;
            top: 0;
            z-index: 999;
            -webkit-transition: all .6s ease;
            transition: all .6s ease;
        }

        .business .casecon .textcon:hover .item_info {
            opacity: 1;
            padding: 20px 0 10px 0;
            -webkit-transition: all .6s ease;
            transition: all .6s ease;
        }

            .business .casecon .textcon:hover .item_info .txt {
                color: #cecece;
                font-size: 36px;
                width: 100%;
                text-align: center;
                position: absolute;
                left: 0;
                top: 55px;
                transition: all .6s ease;
            }

            .business .casecon .textcon:hover .item_info.top .tit {
                color: #333;
                font-size: 18px;
                width: 100%;
                text-align: center;
                position: absolute;
                left: 0;
                top: 65px;
            }

            .business .casecon .textcon:hover .item_info.top .txt {
                color: #cecece;
                font-size: 36px;
                width: 100%;
                text-align: center;
                position: absolute;
                left: 0;
                top: 15px;
            }



.bx-controls-direction .bx-prev {
    width: 45px;
    height: 45px;
    background: url(../images/next_left1.png) no-repeat;
    position: absolute;
    right: 30px;
    top: 240px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    opacity: 0.8;
    text-indent: -9999px;
    z-index: 9999
}

    .bx-controls-direction .bx-prev:hover {
        width: 45px;
        height: 45px;
        background: url(../images/next_left2.png) no-repeat;
        -webkit-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
        opacity: 1;
    }

.bx-controls-direction .bx-next {
    width: 45px;
    height: 45px;
    background: url(../images/next_right1.png) no-repeat;
    position: absolute;
    right: 30px;
    top: 290px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    opacity: 0.8;
    text-indent: -9999px;
    z-index: 9999;
}

.business .bx-controls-direction .bx-next:hover {
    width: 45px;
    height: 45px;
    background: url(../images/next_right2.png) no-repeat;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    opacity: 1;
}



.ywcon {
    animation-name: fadeInUp;
    width: 100%;
    height: 480px;
    position: relative;
}

    .ywcon .img {
        width: 100%;
        height: 380px;
        overflow: hidden;
    }

        .ywcon .img.bottom {
            width: 100%;
            height: 380px;
            overflow: hidden;
            position: absolute;
            bottom: 0;
        }

        .ywcon .img img {
            width: 100%;
            transition: all 0.6s;
        }

    .ywcon .item_info {
        background: rgba(248,248,248,1);
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 80px;
        padding: 10px 0;
    }

        .ywcon .item_info .tit {
            color: #333;
            font-size: 18px;
            width: 100%;
            text-align: center;
            position: absolute;
            left: 0;
            top: 35px;
            -webkit-transition: all .6s ease;
            transition: all .6s ease;
        }

        .ywcon .item_info .txt {
            color: #cecece;
            font-size: 14px;
            width: 100%;
            text-align: center;
            position: absolute;
            left: 0;
            top: 60px;
            font-family: HELVETICANEUELTPRO-THEX;
            -webkit-transition: all .6s ease;
            transition: all .6s ease;
        }

        .ywcon .item_info.top {
            background: rgba(248,248,248,1);
            position: absolute;
            top: 0px;
            width: 100%;
            height: 80px;
            padding: 10px 0;
        }

            .ywcon .item_info.top .tit {
                color: #333;
                font-size: 18px;
                width: 100%;
                text-align: center;
                position: absolute;
                left: 0;
                top: 45px;
                -webkit-transition: all .6s ease;
                transition: all .6s ease;
            }

            .ywcon .item_info.top .txt {
                color: #cecece;
                font-size: 14px;
                width: 100%;
                text-align: center;
                position: absolute;
                left: 0;
                top: 25px;
                font-family: HELVETICANEUELTPRO-THEX;
                -webkit-transition: all .6s ease;
                transition: all .6s ease;
            }

    .ywcon .btn {
        width: 20px;
        height: 2px;
        text-indent: -9999px;
        background: url(../images/line.png) no-repeat;
        position: absolute;
        opacity: 1;
        left: 50%;
        margin-left: -10px;
        top: 25px;
        -webkit-transition: all .6s ease;
        transition: all .6s ease;
    }

    .ywcon:hover .btn {
        opacity: 1;
        -webkit-transition: all .6s ease;
        transition: all .6s ease;
    }

    .ywcon .item_info.top .btn {
        opacity: 1;
        top: 70px;
        -webkit-transition: all .6s ease;
        transition: all .6s ease;
    }

    .ywcon:hover .item_info.top .btn {
        opacity: 1;
        top: 55px;
        -webkit-transition: all .6s ease;
        transition: all .6s ease;
    }

    .ywcon:hover .img img {
        transform: scale(1.02);
    }

    .ywcon .item_info {
        opacity: 1;
        -webkit-transition: all .6s ease;
        transition: all .6s ease;
    }

    .ywcon:hover .item_info {
        opacity: 1;
        -webkit-transition: all .6s ease;
        transition: all .6s ease;
    }

    .ywcon .item_info1 {
        width: 100%;
        height: 460px;
        margin: 0px;
        background: none;
        border: 0;
        position: absolute;
        top: 0;
        z-index: 999;
    }

    .ywcon:hover .item_info1 {
        width: 90%;
        height: 460px;
        margin: 4.8%;
        background: none;
        border: #999 solid 1px;
        position: absolute;
        top: 0;
        z-index: 999;
        -webkit-transition: all .6s ease;
        transition: all .6s ease;
    }

    .ywcon:hover .item_info {
        opacity: 1;
        padding: 20px 0 10px 0;
        -webkit-transition: all .6s ease;
        transition: all .6s ease;
    }

        .ywcon:hover .item_info .txt {
            color: #cecece;
            font-size: 36px;
            width: 100%;
            text-align: center;
            position: absolute;
            left: 0;
            top: 55px;
            transition: all .6s ease;
        }

        .ywcon:hover .item_info.top .tit {
            color: #333;
            font-size: 18px;
            width: 100%;
            text-align: center;
            position: absolute;
            left: 0;
            top: 65px;
        }

        .ywcon:hover .item_info.top .txt {
            color: #cecece;
            font-size: 36px;
            width: 100%;
            text-align: center;
            position: absolute;
            left: 0;
            top: 15px;
        }




/*--业务范围结束--*/


/*--党群园地开始--*/

.dqus {
    width: 100%;
    background: #fff;
    height: auto;
    padding: 60px 0 30px;
}

    .dqus .wow {
        animation-name: fadeInUp;
    }

    .dqus .header {
        float: left;
        color: #555;
        width: 12%;
        font-size: 24px;
        margin: 0 auto;
        text-align: right;
        border-bottom: #f0f0f0 solid 1px;
    }

        .dqus .header .title {
            color: #666;
            font-size: 20px;
            margin: 5px 0;
            font-weight: 500;
        }

        .dqus .header .subtitle {
            color: #999;
            font-size: 14px;
            margin: 10px 0;
        }

    .dqus .dqcon {
        max-width: 1200px;
        height: auto;
        margin: 40px auto 30px auto;
    }

        .dqus .dqcon .dqbdr {
            width: 46%;
            position: relative;
            float: left;
            margin-bottom: 30px;
        }

            .dqus .dqcon .dqbdr .img {
                width: 100%;
                height: auto;
                overflow: hidden;
            }

                .dqus .dqcon .dqbdr .img img {
                    width: 100%;
                    transition: all 0.6s;
                }

            .dqus .dqcon .dqbdr .tit {
                color: #333;
                font-size: 18px;
                line-height: 60px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 70%;
            }

            .dqus .dqcon .dqbdr .time {
                color: #999;
                font-size: 22px;
                line-height: 20px;
                font-family: HELVETICANEUELTPRO-THEX;
                text-align: right;
                margin-top: -40px;
            }

            .dqus .dqcon .dqbdr .txt {
                color: #666;
                font-size: 14px;
                line-height: 24px;
                width: 90%;
                margin: 20px 0 0;
                height: 50px;
                overflow: hidden;
            }

        .dqus .dqcon .dqul {
            width: 50%;
            float: right;
            margin-bottom: 30px;
        }

        .dqus .dqcon .textcon {
            animation-name: fadeInUp;
            width: 100%;
            height: 150px;
            border-bottom: #ccc solid 1px;
            position: relative;
        }

        .dqus .dqcon li {
            float: left;
            margin-right: 15px;
        }

            .dqus .dqcon li:last-child {
                margin-right: 0;
            }

        .dqus .dqcon .textcon .tit {
            color: #333;
            font-size: 18px;
            line-height: 60px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 70%;
        }

        .dqus .dqcon .textcon .time {
            color: #999;
            font-size: 22px;
            line-height: 20px;
            font-family: HELVETICANEUELTPRO-THEX;
            text-align: right;
            margin-top: -40px;
        }

        .dqus .dqcon .textcon .txt {
            color: #666;
            font-size: 14px;
            line-height: 24px;
            width: 90%;
            margin: 25px 0;
            height: 50px;
            overflow: hidden;
        }


        .dqus .dqcon .dqbdr:hover .img img {
            transform: scale(1.1);
        }
        /*.dqus .dqcon .textcon:hover .tit {font-weight: bold;}*/

        .dqus .dqcon .textcon:before {
            opacity: 0;
            -webkit-transition: all .6s ease;
            transition: all .6s ease;
            top: 150px;
            position: absolute;
            content: "";
            width: 100%;
            height: 1px;
            left: 0%;
            background-color: #666;
        }

        .dqus .dqcon .textcon:hover::before {
            opacity: 1;
            width: 100%;
            left: 0%
        }

        .dqus .dqcon .textcon:hover .txt {
            color: #333;
            padding-left: 36px;
            -webkit-transition: all .6s ease;
            transition: all .6s ease;
            border-left: #666 solid 1px;
        }

        .dqus .dqcon .dqbdr:hover .txt {
            color: #333;
            padding-left: 36px;
            width: 90%;
            -webkit-transition: all .6s ease;
            transition: all .6s ease;
            border-left: #666 solid 1px;
        }

        .dqus .dqcon .textcon .btn {
            width: 30px;
            height: 30px;
            text-indent: -9999px;
            display: block;
            background: url(../images/caseBtn.png) no-repeat;
            position: absolute;
            opacity: 0;
            right: 0;
            bottom: 5px;
        }

        .dqus .dqcon .textcon:hover .btn {
            display: block;
            position: absolute;
            opacity: 1;
            right: 20px;
            -webkit-transition: all .6s ease;
            transition: all .6s ease;
        }

        .dqus .dqcon .dqbdr .btn {
            width: 30px;
            height: 30px;
            text-indent: -9999px;
            display: block;
            background: url(../images/caseBtn.png) no-repeat;
            position: absolute;
            opacity: 0;
            right: 0;
            bottom: 0;
        }

        .dqus .dqcon .dqbdr:hover .btn {
            display: block;
            position: absolute;
            opacity: 1;
            right: 20px;
            -webkit-transition: all .6s ease;
            transition: all .6s ease;
        }

/*--党群园地结束--*/


/*--友情链接开始--*/

.linkus {
    width: 100%;
    background: #fcfcfc;
    height: auto;
    padding: 60px 0 50px;
    float: left;
}

    .linkus .wow {
        animation-name: fadeInUp;
    }

    .linkus .header {
        float: left;
        color: #555;
        width: 12%;
        font-size: 24px;
        margin: 0 auto;
        text-align: right;
        border-bottom: #f0f0f0 solid 1px;
    }

        .linkus .header .title {
            color: #666;
            font-size: 20px;
            margin: 5px 0;
            font-weight: 500;
        }

        .linkus .header .subtitle {
            color: #999;
            font-size: 14px;
            margin: 10px 0;
        }

    .linkus .rhead {
        float: right;
        color: #555;
        width: 48%;
        font-size: 24px;
        margin-right: 30px;
        text-align: right;
        border-bottom: #f0f0f0 solid 1px;
    }

        .linkus .rhead .title {
            color: #666;
            font-size: 20px;
            margin: 5px 0;
            font-weight: 500;
        }

        .linkus .rhead .subtitle {
            color: #999;
            font-size: 14px;
            margin: 10px 0;
        }

    .linkus .linkcon {
        max-width: 1200px;
        height: auto;
        margin: 30px auto 0 auto;
        position: relative;
    }

        .linkus .linkcon .linkbdr {
            width: 50%;
            position: relative;
            float: left;
        }

        .linkus .linkcon .linkul {
            width: 50%;
            float: right;
        }

/*.linkus .linkcon .linkul .table {width: 100%; border-collapse: collapse; border-spacing: 0; }
.linkus .linkcon .linkul .fixedThead {width: 100%;}
.linkus .linkcon .linkul .scrollTbody {overflow: hidden; width: 100%; height: 91px; display: block;}
.linkus .linkcon .linkul .table th {background: #f0f0f0; border: #ccc solid 1px; line-height: 30px; font-size: 14px; color: #555;}
.linkus .linkcon .linkul .table td {background: #fff; border: #ddd solid 1px; line-height: 30px; text-indent: 20px; font-size: 14px; color: #666;}
.linkul .linkcon .linkul .table .th1 {width: 50%;}
.linkul .linkcon .linkul .table .th2 {width: 20%;}
.linkul .linkcon .linkul .table .th3 {width: 30%;}

.linkul .linkcon .linkul .table .td1 {width: 50%;}
.linkul .linkcon .linkul .table .td2 {width: 20%;}
.linkul .linkcon .linkul .table .td3 {width: 30%;}
.linkus .linkcon .linkul thead.fixedThead tr th:last-child {color: #FF0000;}*/

/*--友情链接结束--*/

/*--联系我们开始--*/

.contactus {
    width: 100%;
    background: url(../images/footerBg.jpg) no-repeat center top;
    height: auto;
    padding: 60px 0 0;
}

    .contactus .wow {
        animation-name: fadeInUp;
    }

    .contactus .header {
        float: left;
        color: #555;
        width: 10%;
        font-size: 24px;
        margin: 0 auto;
        text-align: right;
        border-bottom: #f0f0f0 solid 1px;
    }

        .contactus .header .title {
            color: #fff;
            font-size: 20px;
            margin: 5px 0;
            font-weight: 500;
        }

        .contactus .header .subtitle {
            color: #999;
            font-size: 14px;
            margin: 10px 0;
        }

    .contactus #contactinfo {
        box-sizing: border-box;
        visibility: visible !important;
        width: 100%;
        -webkit-box-flex: 405;
        -webkit-flex: 405 0 auto;
        -ms-flex: 405 0 auto;
        flex: 405 0 auto;
        padding-top: 34px
    }

        .contactus #contactinfo h3 {
            margin-bottom: 32px;
            color: #ccc;
        }

        .contactus #contactinfo p {
            float: none;
            font-size: 14px;
            margin-top: 9px;
            color: #ccc;
        }

    /*.contactus #contactinfo div {position: initial; color: #ccc;}
.contactus #contactinfo div:after {display: none}
.contactus #contactform {visibility: visible !important; width: 1px; -webkit-box-flex: 800;-webkit-flex: 800 0 auto; -ms-flex: 800 0 auto; flex: 800 0 auto; position:initial; margin: 0; max-width: none}*/

    .contactus .contactcon {
        max-width: 100%;
        height: 440px;
        margin: 0px auto 0 auto;
        position: relative;
    }

        .contactus .contactcon .infobdr {
            width: 46%;
            margin-left: 4%;
            float: left;
            margin-top: 40px;
        }

        .contactus .contactcon .infoul {
            width: 50%;
            background: rgba(255,255,255,1);
            padding: 0 0 30px;
            float: right;
        }

            .contactus .contactcon .infoul .inputtxt {
                color: #666;
                line-height: 40px;
                width: 450px;
                margin: 20px 0 0 80px;
                border: none;
                background: none;
                border-bottom: #ccc solid 1px;
            }

            .contactus .contactcon .infoul .textarea {
                line-height: 30px;
                width: 450px;
                margin: 10px 0 0 80px;
                border: none;
                background: none;
                border-bottom: #ccc solid 1px;
                height: 60px;
                margin-bottom: 30px;
                font-size: 14px;
                color: #666;
                font-family: 'Microsoft Yahei';
            }

            .contactus .contactcon .infoul .submit {
                color: #666;
                line-height: 46px;
                width: 450px;
                background: #fff;
                border: 1px solid #666;
                margin: 0 0 0 80px;
                cursor: pointer;
            }

                .contactus .contactcon .infoul .submit:hover {
                    color: #fff;
                    background: #333;
                    border: 1px solid #333;
                    -webkit-transition: all .6s ease;
                    transition: all .6s ease;
                }


/*--联系我们结束--*/


#shares {
    bottom: 63px;
    height: 124px;
    position: fixed;
    right: 7px;
    z-index: 99;
}

    #shares a {
        background-color: #fff;
        border: 1px solid #f2f2f2;
        color: #999;
        display: block;
        font-size: 16px;
        height: 40px;
        position: relative;
        text-align: center;
        transition: all 0.3s ease-out 0s;
        width: 40px;
    }

        #shares a i {
            color: #999;
            margin-top: 12px;
            transition: all 0.3s ease-out 0s;
        }

            #shares a i.fa.fa-mobile {
                font-size: 24px;
                margin-top: 8px;
            }

#online_open:hover i {
    color: #fff;
}

#shares a:hover i {
    color: #666;
}

#shares a:hover {
    background-color: #f6f6f6;
    border-color: #f6f6f6;
    z-index: 1;
}

#shares a#sweixin {
    top: -1px;
}

#shares a#gotop {
    font-size: 22px;
    margin-top: -2px;
}

    #shares a#gotop i {
        margin-top: 9px;
    }


#top.fixedNav {
    width: 100%;
    border-top: none;
    border-bottom: 1px #ccc solid;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.9);
    z-index: 100000;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop));
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.hidden {
    display: none;
}

/*********动画效果**********/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}


.a1 {
    display: none;
}

.a2 {
    display: block;
}

#menu {
    display: none; /*解决加载时导航栏闪现问题*/
}

.apply-pup {
    background: url(../images/navbg.png) right center no-repeat;
    width: 24px;
    display: block;
    text-indent: -9999px;
}

.banner {
    width: 100%;
    overflow: hidden;
}

    .banner .flexslider {
        width: 100%;
        border: 0px;
        box-shadow: none;
        margin: 0px;
    }

    .banner .flex-control-nav {
        bottom: 15px;
    }

    .banner .flex-control-paging li a {
        width: 38px;
        height: 8px;
        border-radius: 0;
        background: rgba(255,255,255,.5);
        box-shadow: none;
    }

        .banner .flex-control-paging li a.flex-active {
            background: #d6000f;
        }