@charset "utf-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
}

body {
    position: relative;
    font-family: 'Microsoft YaHei','微软雅黑',Tahoma,Verdana,Arial,sans-serif;
    min-width: 1100px;
    line-height: 1em;
}

a,
a:hover,
a:focus {
    line-height: 1em;
    color: inherit;
    text-decoration: none;
}

span {
    line-height: 1em;
}

li {
    list-style: none;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li {
    line-height: 1em;
    margin: 0;
    padding: 0;
}

.clear {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/***************************************************************************/

/*************************************************
********************** 首页 **********************
*************************************************/
.wrapper {
    position: relative;
    margin: 0 auto;
    width: 1100px;
}

header {
    position: relative;
    width: 100%;
    height: 98px;
    background: #f9f9f9;
}

    header .wrapper {
        height: 100%;
    }

    header img.logo {
        float: left;
        position: relative;
        top: 16px;
        left: 0;
    }

    header .line {
        position: absolute;
        bottom: 0;
        width: 50%;
        height: 2px;
        z-index: 0;
    }

        header .line.left {
            left: 0;
            background-color: #108ccf;
        }

        header .line.right {
            right: 0;
            background-color: #108ccf;
        }

    header .code-container {
        position: absolute;
        top: 0;
        right: 123px;
        width: 100px;
        text-align: center;
        z-index: 300;
    }

        header .code-container h5 {
            position: relative;
            top: 16px;
            padding: 2px 0;
            color: #707070;
            font-size: 12px;
            font-family: '宋体';
            cursor: default;
            z-index: 399;
        }

            header .code-container h5 .caret {
                display: inline-block;
                position: relative;
                top: 1px;
                margin-left: 6px;
                width: 0;
                height: 0;
                border-top: 5px solid #b3b3b3;
                border-right: 5px solid transparent;
                border-bottom: 5px solid transparent;
                border-left: 5px solid transparent;
            }

        header .code-container .code {
            position: absolute;
            top: 0;
            left: 0;
            padding-bottom: 9px;
            width: 100%;
            visibility: hidden;
            display: inline-block;
            background-color: #f1f1f1;
            -webkit-opacity: 0;
            -khtml-opacity: 0;
            -moz-opacity: 0;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            -webkit-transition: visibility 0s linear 0.3s, opacity 0.2s linear;
            -moz-transition: visibility 0s linear 0.3s, opacity 0.2s linear;
            -ms-transition: visibility 0s linear 0.3s, opacity 0.2s linear;
            -o-transition: visibility 0s linear 0.3s, opacity 0.2s linear;
            transition: visibility 0s linear 0.3s, opacity 0.2s linear;
        }

            header .code-container .code .line {
                position: relative;
                margin-bottom: 50px;
                width: 100%;
                height: 2px;
                background-color: #108ccf;
            }

            header .code-container .code img {
                position: relative;
                margin: 0 auto;
            }

        header .code-container:hover .code {
            visibility: visible;
            -webkit-opacity: 1;
            -khtml-opacity: 1;
            -moz-opacity: 1;
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            -webkit-transition-delay: 0.2s;
            -moz-transition-delay: 0.2s;
            -ms-transition-delay: 0.2s;
            -o-transition-delay: 0.2s;
            transition-delay: 0.2s;
        }

    header .lang {
        position: absolute;
        top: 18px;
        right: 18px;
        color: #707070;
        font-size: 12px;
        font-family: '宋体';
    }

        header .lang span {
            padding: 0 12px;
        }

.navbar {
    float: right;
    display: block;
    margin-top: 52px;
    margin-bottom: 0;
    height: 46px;
    min-height: 30px;
    border: none;
    border-radius: 0;
    z-index: 100;
}

    .navbar .line {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background-color: #108ccf;
        z-index: -1;
    }

    .navbar .navbar-collapse {
        padding: 0;
    }

.navbar-nav {
    position: relative;
    display: inline-block !important;
    clear: both;
    margin: 0;
}

.dropdown {
    float: left;
    margin-left: 10px;
    min-width: 88px;
}

    .dropdown:first-child {
        margin-left: 0;
    }

    .dropdown.active,
    .dropdown:hover {
        background-color: #108ccf;
    }

    .dropdown > a {
        padding: 14px 25px 16px !important;
        line-height: 1em !important;
        color: #707070 !important;
        font-size: 16px;
        text-align: center;
    }

        .dropdown > a:hover,
        .dropdown > a:focus,
        .dropdown:hover > a,
        .dropdown.active > a,
        .dropdown.active > a:hover,
        .dropdown.active > a:focus,
        .dropdown > a:hover span,
        .dropdown > a:focus span,
        .dropdown:hover > a span,
        .dropdown.active > a span,
        .dropdown.active > a:hover span,
        .dropdown.active > a:focus span {
            color: #fff !important;
            background-color: transparent !important;
        }

    .dropdown .sub-menu {
        display: none;
        padding-top: 5px;
        padding-bottom: 1px;
        width: 100%;
        background-color: #fff;
        border-left: 1px solid #108ccf;
        border-right: 1px solid #108ccf;
        border-bottom: 1px solid #108ccf;
    }

        .dropdown .sub-menu li {
            width: 100%;
            text-align: center;
            border-top: 1px solid #f5f5f5;
        }

            .dropdown .sub-menu li:first-child {
                border: none;
            }

            .dropdown .sub-menu li a {
                display: block;
                line-height: 32px;
                color: #707070;
                font-size: 12px;
                font-family: '宋体';
            }

.cover {
    position: absolute;
    top: 98px;
    left: 0;
    width: 100%;
    height: 12px;
    background: url('../img/cover.png');
    z-index: 1;
}

#banner {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 1100px;
    max-width: 1600px;
    overflow: hidden;
}

.bx-wrapper {
    margin: 0 auto;
}

    .bx-wrapper .bx-viewport {
        left: 0;
        border: none;
    }

    .bx-wrapper .bx-pager {
        position: absolute;
        padding: 0;
        width: 100% !important;
        bottom: 15px;
        text-align: center !important;
    }

        .bx-wrapper .bx-pager.bx-default-pager a {
            display: block;
            width: 15px;
            height: 15px;
            margin: 0 5px;
            background: transparent url('../img/slide.png') no-repeat -15px 0;
        }

.bx-controls-auto {
    display: none;
    position: absolute;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: transparent url('../img/slide.png') no-repeat 0 0;
}

#introduction {
    margin-top: 24px;
}

    #introduction .title-container,
    #news .title-container {
        position: relative;
        margin-bottom: 20px;
    }

        #introduction .title-container .line,
        #news .title-container .line {
            position: absolute;
            top: 50%;
            left: 0;
            margin-top: -1px;
            width: 100%;
            height: 1px;
            background-color: #e7e7e7;
            z-index: -1;
        }

        #introduction .title-container .title,
        #news .title-container .title {
            display: inline-block;
            padding-left: 40px;
            padding-right: 24px;
            background-color: #fff;
        }

            #introduction .title-container .title span,
            #news .title-container .title span {
                position: absolute;
                top: 0;
                left: 0;
                line-height: 38px;
                font-size: 50px;
                color: #108ccf;
                font-family: 'Arial';
                font-weight: bold;
            }

            #introduction .title-container .title h3.cn,
            #news .title-container .title h3.cn {
                margin-bottom: 4px;
                color: #108ccf;
                font-size: 20px;
                font-weight: bold;
            }

            #introduction .title-container .title h3.en,
            #news .title-container .title h3.en {
                color: #a1a1a1;
                font-size: 14px;
                font-family: 'Arial';
                font-weight: bold;
            }

    #introduction .video {
        float: right;
        width: 410px;
        height: 230px;
    }

    #introduction .content {
        position: relative;
        float: left;
        width: 676px;
        height: 230px;
        background: #89bb5c url('../img/introduction.jpg') no-repeat top right;
    }

        #introduction .content .text {
            padding: 25px 18px 15px 27px;
        }

            #introduction .content .text h2 {
                margin-bottom: 11px;
                color: #fff;
                font-size: 28px;
                font-weight: bold;
            }

            #introduction .content .text h5 {
                color: #cbf1a9;
                font-size: 18px;
                font-family: 'Arial';
            }

            #introduction .content .text p {
                padding-top: 28px;
                line-height: 22px;
                color: #fff;
                font-size: 12px;
                font-family: '宋体';
            }

                #introduction .content .text p span {
                    color: #2285eb;
                }

        #introduction .content > a {
            display: inline-block;
            position: absolute;
            left: 27px;
            bottom: 15px;
            padding-left: 44px;
            color: #fff;
            font-size: 12px;
            font-family: '宋体';
            background: url('../img/arrow.jpg') no-repeat 5px center;
        }

#news {
    margin-top: 30px;
}

    #news .newsm {
        float: left;
        width: 676px;
    }

    #news .honorm {
        float: right;
        width: 410px;
        height: 228px;
    }

    #news .newsm ul {
        width: 100%;
        height: 228px;
    }

        #news .newsm ul li {
            position: relative;
            padding-left: 117px;
            line-height: 44px;
            border-bottom: 1px dashed #e5e5e5;
        }

            #news .newsm ul li .date {
                position: absolute;
                top: 0;
                left: 40px;
                line-height: 46px;
                color: #a5a5a5;
                font-size: 12px;
            }

                #news .newsm ul li .date span {
                    font-size: 14px;
                }

            #news .newsm ul li > a {
                color: #7f7f7f;
                font-size: 12px;
                font-family: '宋体';
            }

            #news .newsm ul li:first-child {
                height: 93px;
                line-height: 1em;
                background-color: #f6f6f6;
            }

                #news .newsm ul li:first-child .date {
                    display: inline-block;
                    margin-top: 24px;
                }

                    #news .newsm ul li:first-child .date span {
                        display: block;
                        color: #a5a5a5;
                        font-size: 12px;
                    }

                    #news .newsm ul li:first-child .date .day {
                        margin-bottom: 4px;
                        color: #108ccf;
                        font-size: 35px;
                        font-weight: bold;
                    }

            #news .newsm ul li h3 {
                padding-top: 18px;
                font-size: 16px;
            }

                #news .newsm ul li h3 a {
                    display: inline-block;
                    color: #77b44b;
                    font-weight: bold;
                }

            #news .newsm ul li p {
                padding-top: 10px;
                max-width: 432px;
                line-height: 18px;
                color: #7f7f7f;
                font-size: 12px;
                font-family: '宋体';
            }

    #news .pic {
        position: relative;
        width: 100%;
    }

        #news .pic a {
            position: absolute;
            left: 0;
            bottom: 0;
            display: block;
            width: 100%;
            line-height: 46px;
            color: #fff;
            font-size: 15px;
            background-color: #a1c984;
            text-align: center;
        }
.media {
    width: 410px;
    height: 230px; background:#eee;
}
#honor .honor {
    position: relative;
    padding: 0 30px;
    width: 100%;
    overflow: hidden;
    clear: both;
}
    #honor .honor ul {
        width: 1005px;
    }

        #honor .honor ul li {
            float: left;
            width: 350px;
        }
            #honor .honor ul li div {
                position: relative;
                display: table;
                width: 100%;
                height: 200px;
                text-align: center;
            }
            #honor .honor ul li .pic {
                display: table-cell;
                width: 100%;
                vertical-align: middle;
            }
            #honor .honor ul li img {
                width: 350px;
                height: 200px;
                border: 1px solid #000;
            }
            #honor .honor ul li h5 {
                width: 100%;
                height: 30px;
                line-height: 30px;
                text-align: center;
                overflow: hidden;
            }

#product {
    padding-top: 40px;
}

    #product .title {
        position: relative;
        margin-bottom: 40px;
        width: 100%;
        height: 60px;
    }

        #product .title .bg-line {
            position: absolute;
            top: 36px;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #e7e7e7;
        }

        #product .title h2 {
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -180px;
            width: 360px;
            height: 100%;
            color: #d2d2d2;
            font-size: 33px;
            font-family: 'Arial';
            font-weight: bold;
            background-color: #fff;
            text-align: center;
        }

            #product .title h2 span {
                display: block;
                margin-top: 1px;
                color: #108ccf;
                font-size: 25px;
                font-family: 'Microsoft YaHei','微软雅黑';
                font-weight: normal;
            }

    #product .product {
        position: relative;
        padding: 0 60.5px;
        width: 100%;
        overflow: hidden;
        clear: both;
    }

        #product .product ul {
            width: 1005px;
        }

            #product .product ul li {
                float: left;
                margin-right: 26px;
                width: 175px !important;
                height: 260px;
            }

                #product .product ul li div {
                    position: relative;
                    display: table;
                    width: 100%;
                    height: 150px;
                    text-align: center;
                }

                #product .product ul li .pic {
                    display: table-cell;
                    width: 100%;
                    vertical-align: middle;
                }

                #product .product ul li img {
                    max-width: 175px;
                    max-height: 150px;
                }

                #product .product ul li h5 {
                    margin-top: 18px;
                    margin-bottom: 16px;
                    padding-top: 12px;
                    color: #707070;
                    font-size: 14px;
                    text-align: center;
                    border-top: 1px solid #e8eceb;
                }

                #product .product ul li p {
                    padding: 0 27px;
                    color: #676767;
                    line-height: 16px;
                    font-size: 12px;
                    font-family: '宋体';
                    text-align: center;
                }

.pnBtn {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -45px;
    width: 30px;
    height: 89px;
    cursor: pointer;
}

    .pnBtn.prev {
        left: 0;
        background: url('../img/direction_prev.jpg') no-repeat center;
    }

    .pnBtn.next {
        right: 0;
        background: url('../img/direction_next.jpg') no-repeat center;
    }


#corporate .title {
    position: relative;
    margin-bottom: 40px;
    width: 100%;
    height: 60px;
}
    #corporate .title .bg-line {
        position: absolute;
        top: 36px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #e7e7e7;
    }
    #corporate .title h2 {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -180px;
        width: 360px;
        height: 100%;
        color: #d2d2d2;
        font-size: 33px;
        font-family: 'Arial';
        font-weight: bold;
        background-color: #fff;
        text-align: center;
    }
        #corporate .title h2 span {
            display: block;
            margin-top: 1px;
            color: #108ccf;
            font-size: 25px;
            font-family: 'Microsoft YaHei','微软雅黑';
            font-weight: normal;
        }
#corporate .corporate {
    position: relative;
    margin-top: 40px;
    width: 100%;
    overflow: hidden;
    clear: both;
}
    #corporate .corporate ul {
        width: 1005px;
    }
    #corporate .corporate ul li {
        float: left;
        width: 220px !important;
    }
        #corporate .corporate ul li a {
            display: block;
        }
            #corporate .corporate ul li a img {
                max-width: 220px;
            }

footer {
    position: relative;
    margin-top: 45px;
    padding-top: 16px;
    background-color: #f9f9f9;
    border-top: 3px solid #108ccf;
}

    footer .contact {
        float: left;
    }

        footer .contact p {
            padding-top: 22px;
            line-height: 20px;
            color: #707070;
            font-size: 12px;
            font-family: '宋体';
        }

    footer ul {
        float: right;
        margin-top: 34px;
    }

        footer ul > li {
            float: left;
            margin-left: 45px;
            color: #707070;
            font-size: 14px;
            font-family: '宋体';
            text-align: center;
        }

            footer ul > li:first-child {
                margin-left: 0;
            }

            footer ul > li ol li {
                margin-top: 12px;
                color: #aeaeae;
                font-size: 12px;
            }

    footer .footer {
        margin-top: 30px;
        background-color: #e2e2e2;
    }

        footer .footer p {
            line-height: 40px;
            color: #979797;
            font-size: 12px;
            font-family: '宋体';
        }

            footer .footer p .copyright {
                font-family: 'Microsoft YaHei','微软雅黑';
            }

#service {
    position: absolute;
    top: 60px;
    right: 0px;
    min-width: 40px;
    height: 180px;
    z-index: 9999;
}

    #service .control {
        position: relative;
        float: left;
        width: 40px;
        height: 100%;
    }

        #service .control a {
            display: block;
            position: absolute;
            top: 40px;
            left: 0;
            width: 40px;
            height: 125px;
            background: url('../img/menu.png') no-repeat 0 0;
        }

        #service .control #servHide {
            display: none;
            background-position: 0 -125px;
        }

    #service .service {
        display: none;
        float: left;
        height: 100%;
        background: url('../img/menu.png') no-repeat -40px 0;
    }

        #service .service ol {
            padding: 0 9px;
            width: 105px;
        }

        #service .service li {
            position: relative;
            margin-top: 18px;
        }

            #service .service li .ico {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 39px;
                height: 39px;
                background: url('../img/qq.png') no-repeat center;
            }

            #service .service li .call {
                margin-left: 47px;
                line-height: 39px;
                color: #959595;
                font-size: 12px;
                font-family: '宋体';
            }

        #service .service .tel {
            padding: 0 9px;
            width: 105px;
            margin-top: 20px;
            color: #000;
            font-size: 14px;
            text-align: center;
        }

            #service .service .tel span {
                display: block;
            }

            #service .service .tel .number {
                color: #108ccf;
                font-size: 12px;
                font-weight: bold;
            }

/*************************************************
******************* 关于我们 *******************
*************************************************/
.in-banner {
    width: 100%;
    height: 260px;
    background-repeat: no-repeat;
    background-position: center;
}

    .in-banner.about {
        background-image: url('../img/about/banner.jpg');
    }

.col-left {
    float: left;
    position: relative;
    width: 168px;
}

    .col-left .menu {
        position: relative;
        top: -80px;
        left: 0;
        width: 100%;
    }

        .col-left .menu .title {
            position: relative;
            margin-bottom: 12px;
            width: 100%;
            height: 82px;
            background-color: #89bb5c;
        }

            .col-left .menu .title h2 {
                padding-top: 30px;
                margin-left: 12px;
                color: #fff;
                font-size: 18px;
                font-family: Arial;
                font-weight: bold;
                text-shadow: 1px 1px 2px rgba(0,0,0,.5);
            }

            .col-left .menu .title .line {
                position: absolute;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 2px;
                background-color: #66a130;
            }

            .col-left .menu .title h2 span {
                display: block;
                margin-top: 6px;
                font-family: "Microsoft YaHei", "微软雅黑";
            }

        .col-left .menu > ul {
            border-top: 1px solid #d6d6d6;
            border-bottom: 1px solid #d6d6d6;
        }

            .col-left .menu > ul > li > a {
                display: block;
                padding-left: 36px;
                line-height: 44px;
                color: #808080;
                border-top: 1px dashed #d6d6d6;
                border-right: 1px solid #d6d6d6;
                border-left: 1px solid #d6d6d6;
            }

            .col-left .menu > ul > li:first-child > a {
                border-top: none;
            }

            .col-left .menu > ul > li.active > a,
            .col-left .menu > ul > li:hover > a {
                color: #fff;
                background-color: #108ccf;
                border-right: 1px solid #108ccf;
                border-left: 1px solid #108ccf;
            }

            .col-left .menu > ul > li > ul {
                display: none;
            }

            .col-left .menu > ul > li.active > ul {
                display: block;
            }

            .col-left .menu > ul > li > ul > li > a {
                display: block;
                position: relative;
                padding-left: 55px;
                line-height: 44px;
                border-top: 1px dashed #d6d6d6;
                border-right: 1px solid #d6d6d6;
                border-left: 1px solid #d6d6d6;
            }

                .col-left .menu > ul > li > ul > li > a > i {
                    position: absolute;
                    top: 50%;
                    left: 40px;
                    margin-top: -3px;
                    width: 6px;
                    height: 6px;
                    background-color: #999;
                }

            .col-left .menu > ul > li > ul > li.active > a > i,
            .col-left .menu > ul > li > ul > li:hover > a > i {
                background-color: #108ccf;
            }

            .col-left .menu > ul > li > ul > li.active > a,
            .col-left .menu > ul > li > ul > li:hover > a {
                color: #108ccf;
            }

.col-right {
    float: right;
    position: relative;
    padding-top: 24px;
    width: 880px;
}
    .col-right .limit {
        position: absolute;
        top: 24px;
        left: -30px;
        height: 100%;
        z-index: -1;
        overflow: hidden;
    }

        .col-right .limit span {
            display: block;
            position: relative;
            top: 0;
            left: 0;
            width: 7px;
            height: 7px;
            border: 1px solid #c0c0c0;
        }

        .col-right .limit i {
            display: block;
            position: relative;
            top: 0;
            left: 3px;
            width: 1px;
            height: 100%;
            background: url('../img/limit.jpg') repeat-y left top;
        }

    .col-right .link {
        padding-bottom: 10px;
        line-height: 10px;
        border-bottom: 1px solid #e5e5e5;
    }

        .col-right .link > span {
            color: #a3a2a2;
            font-size: 12px;
            font-family: '宋体';
        }

            .col-right .link > span a {
                margin: 0 6px;
            }

                .col-right .link > span a:first-child {
                    margin-left: 0;
                }

                .col-right .link > span a:last-child {
                    margin-right: 0;
                }

    .col-right .content {
        padding-top: 18px;
    }

        .col-right .content.about h3 {
            color: #108ccf;
            font-size: 22px;
            font-weight: bold;
        }

            .col-right .content.about h3.sub {
                color: #c1c1c1;
                font-size: 18px;
                font-family: 'Arial';
                font-weight: bold;
            }

        .col-right .content.about p.half {
            width: 386px;
        }

        .col-right .content.about h3 {
            padding-top: 15px; padding-bottom:15px;
            text-align: center;
        }

            .col-right .content.about h3.sub {
                padding-top: 11px;
                padding-bottom: 25px;
            }

        .col-right .content.about .img {
            margin-top: 18px;
            margin-bottom: 30px;
        }

            .col-right .content.about .img.l {
                float: left;
            }

            .col-right .content.about .img.r {
                float: right;
            }

        .col-right .content.about.quality h3 {
            font-size: 20px;
            font-weight: bold;
        }


        .col-right .content.about.honor {
            margin-top: 20px;
            padding: 0 13px;
        }

            .col-right .content.about.honor ul {
                margin-left: -20px;
            }

                .col-right .content.about.honor ul li {
                    float: left;
                    margin-left: 20px;
                }

                    .col-right .content.about.honor ul li a {
                        display: block;
                        width: 100%;
                        height: 276px;
                        box-shadow: 3px 3px 5px rgba(0,0,0,.3);
                    }

                    .col-right .content.about.honor ul li h5 {
                        margin-top: 20px;
                        margin-bottom: 36px;
                        color: #7d7d7d;
                        font-size: 18px;
                        text-align: center;
                    }

/*************************************************
******************** 新闻中心 ********************
*************************************************/
.in-banner.news {
    background-image: url('../img/news/banner.jpg');
}

.col-right .content.news.lists ul li {
    margin-top: 30px;
    padding-bottom: 28px;
    border-bottom: 1px dashed #999;
}

    .col-right .content.news.lists ul li:first-child {
        margin-top: 20px;
    }

    .col-right .content.news.lists ul li .pic {
        float: left;
        width: 204px;
        height: 130px;
        background: url('../img/news_lists_cover.png') no-repeat center;
    }

        .col-right .content.news.lists ul li .pic img {
            width: 100%;
            height: 100%;
        }

    .col-right .content.news.lists ul li .desc {
        position: relative;
        float: right;
        width: 655px;
        height: 130px;
    }

        .col-right .content.news.lists ul li .desc h5 {
            margin-bottom: 20px;
            color: #606060;
            font-size: 16px;
        }

        .col-right .content.news.lists ul li .desc p {
            line-height: 20px;
            color: #797979;
        }

        .col-right .content.news.lists ul li .desc > a {
            position: absolute;
            left: 0;
            bottom: 0;
            color: #108ccf;
            font-size: 12px;
            font-family: '宋体';
        }

        .col-right .content.news.lists ul li .desc > span {
            position: absolute;
            right: 0;
            bottom: 0;
            color: #9b9b9b;
            font-size: 12px;
            font-family: '宋体';
        }

.col-right .content.details h3 {
    margin-top: 22px;
    margin-bottom: 40px;
    color: #5d5d5d;
    font-size: 20px;
    text-align: center;
}

.col-right .content.details p {
    line-height: 1.8;
    color: #5d5d5d;
    font-size: 14px;
    font-family: 'Microsoft YaHei','微软雅黑',Tahoma,Verdana,Arial,sans-serif;
}

.col-right .content.details img,
.col-right .content.details > img {
    display: block;
    margin: 25px auto;
    max-width: 880px;
}

.col-right .content.details.activity-info h3 {
    margin-bottom: 20px;
    color: #5d5d5d;
    font-size: 24px;
    text-align: center;
}

.col-right .content.details.activity-info h5 {
    margin-bottom: 32px;
    color: #808080;
    font-size: 14px;
    text-align: center;
}

.col-right .content.details.activity-info p {
    /*margin-bottom: 25px;*/
}

.col-right .content.lists.industry ul li {
    position: relative;
    margin-top: 0;
    padding-left: 26px;
    padding-bottom: 0;
    color: #808080;
    font-size: 12px;
    font-family: '宋体';
    background: url('../img/border_point.jpg') repeat-x left bottom;
    line-height: 36px;
    border-bottom: none;
}

    .col-right .content.lists.industry ul li i {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -4px;
        width: 6px;
        height: 8px;
        background: url('../img/direction_r.jpg') no-repeat left center;
    }

    .col-right .content.lists.industry ul li > .date {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -0.5em;
    }

.col-right .content.details.industry h3,
.col-right .content.details.norman h3 {
    color: #5d5d5d;
    font-size: 20px;
    text-align: center;
}

.col-right .content.details.industry > img,
.col-right .content.details.norman > img {
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
    max-width: 880px;
}

.col-right .content.details.norman h3 {
    margin-bottom: 20px;
}

.col-right .content.details.norman .date {
    display: block;
    margin-bottom: 30px;
    color: #818181;
    font-size: 14;
    text-align: center;
}

.col-right .content.lists.norman ul {
    margin-top: -20px;
    margin-left: -30px;
}

    .col-right .content.lists.norman ul li {
        margin-top: 20px;
        margin-left: 30px;
        padding-bottom: 0;
        float: left;
        width: 197px;
        border-bottom: none;
    }

        .col-right .content.lists.norman ul li .pic {
            float: none;
            display: block;
            width: 100%;
            height: 266px;
            border: 2px solid #e6e6e6;
        }

            .col-right .content.lists.norman ul li .pic img {
                width: 100%;
                height: 100%;
            }

        .col-right .content.lists.norman ul li h5 {
            margin-top: 15px;
            color: #4c4c4c;
            font-size: 14px;
            text-align: center;
        }

        .col-right .content.lists.norman ul li span {
            margin-top: 10px;
            display: block;
            color: #818181;
            font-size: 12px;
            text-align: center;
        }

/*************************************************
******************** 产品中心 ********************
*************************************************/
.in-banner.product {
    background-image: url('../img/product/banner.jpg');
}

.col-right .content.product.lists ul {
    margin-top: -40px;
    margin-left: -8px;
}

    .col-right .content.product.lists ul li {
        float: left;
        margin-top: 40px;
        margin-left: 8px;
        width: 288px;
        height: 240px;
    }
        .col-right .content.product.lists ul li > div {
            display: table;
            width: 100%;
        }
            .col-right .content.product.lists ul li > div .pic {
                display: table-cell;
                width: 100%;
                height: 180px;
                background-color: #efefef;
                text-align: center;
                vertical-align: middle;
            }
                .col-right .content.product.lists ul li > div .pic img {
                    max-width: 288px;
                    max-height: 180px;
                }
        .col-right .content.product.lists ul li h5 {
            margin-top: 20px;
            color: #108ccf;
            font-size: 18px; text-align:center;
        }
        .col-right .content.product.lists ul li p {
            margin-top: 15px;
            line-height: 20px;
            color: #6c6c6c;
            font-size: 14px;
            font-family: 'Microsoft YaHei','微软雅黑',Tahoma,Verdana,Arial,sans-serif;
        }
.col-right .content.product.details h3 {
    margin-top: 15px;
    color: #108ccf;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
}

.col-right .content.product.details img {
    display: block;
    margin-bottom: 25px;
    margin-left: 0;
    max-width: 880px;
}
/*************************************************
******************** 市场营销 ********************
*************************************************/
.in-banner.marketing {
    background-image: url('../img/marketing/banner.jpg');
}

.col-right .content.marketing.investment h3 {
    margin: 14px 0;
    color: #108ccf;
    font-size: 20px;
    font-weight: bold;
}

.col-right .content.marketing.investment > ul {
}

    .col-right .content.marketing.investment > ul > li {
        margin-top: 8px;
    }

        .col-right .content.marketing.investment > ul > li .title {
            position: relative;
            background-color: #f1f1f1;
        }

            .col-right .content.marketing.investment > ul > li .title h5 {
                padding-left: 42px;
                line-height: 47px;
                color: #464646;
                font-size: 16px;
            }

            .col-right .content.marketing.investment > ul > li .title .point {
                display: block;
                position: absolute;
                top: 14px;
                left: 10px;
                width: 19px;
                height: 19px;
                line-height: 19px;
                color: #fff;
                font-size: 12px;
                font-family: 'Arial';
                text-align: center;
                background: url('../img/point.png') no-repeat center;
            }

        .col-right .content.marketing.investment > ul > li:first-child {
            margin-top: 0;
        }

        .col-right .content.marketing.investment > ul > li ul {
            padding-top: 10px;
            padding-left: 42px;
        }

            .col-right .content.marketing.investment > ul > li ul li {
                padding-top: 7px;
                padding-bottom: 8px;
                color: #808080;
                background: url('../img/border_point.jpg') repeat-x left top;
            }

                .col-right .content.marketing.investment > ul > li ul li:first-child {
                    background: transparent;
                }

                .col-right .content.marketing.investment > ul > li ul li span {
                    display: inline-block;
                    position: relative;
                    padding-left: 27px;
                }

                    .col-right .content.marketing.investment > ul > li ul li span.l {
                        width: 34%;
                    }

                    .col-right .content.marketing.investment > ul > li ul li span.m {
                        width: 38%;
                    }

                    .col-right .content.marketing.investment > ul > li ul li span.r {
                        width: 27%;
                    }

                    .col-right .content.marketing.investment > ul > li ul li span i {
                        position: absolute;
                        top: 50%;
                        left: 3px;
                        margin-top: -3px;
                        width: 6px;
                        height: 6px;
                        background-color: #b7b7b7;
                    }

.col-right .content.marketing.commitment h3 {
    margin: 14px 0;
    color: #108ccf;
    font-size: 20px;
    font-weight: bold;
}

.col-right .content.marketing.commitment ul {
    margin-left: -14px;
}

    .col-right .content.marketing.commitment ul li {
        float: left;
        margin-left: 14px;
        margin-bottom: 25px;
        width: 284px;
        height: 185px;
    }

        .col-right .content.marketing.commitment ul li img {
            width: 100%;
            height: 130px;
        }

        .col-right .content.marketing.commitment ul li p {
            padding-top: 20px;
            line-height: 18px;
            color: #808080;
            font-size: 14px;
            font-family: 'Microsoft YaHei','微软雅黑',Tahoma,Verdana,Arial,sans-serif;
        }

.col-right .content.marketing.inquiry h3 {
    margin: 14px 0;
    color: #108ccf;
    font-size: 20px;
    font-weight: bold;
}

.col-right .content.marketing.inquiry table thead th {
    padding: 12px;
    color: #464646;
    font-size: 16px;
    font-weight: bold;
    border-top: 2px solid #a2b9c3;
    border-bottom: 1px solid #e5e5e5;
}

.col-right .content.marketing.inquiry table tbody td {
    padding: 12px;
    color: #808080;
    font-size: 14px;
}

.col-right .content.marketing.inquiry table tbody td {
    border: none;
    background: url('../img/border_point.jpg') repeat-x left top;
}

.col-right .content.marketing.inquiry table tbody tr:first-child td {
    padding-top: 22px;
    background: transparent;
}

.col-right .content.marketing.inquiry table tbody tr:last-child td {
    padding-bottom: 22px;
    border-bottom: 2px solid #a2b9c3;
}

.col-right .content.marketing.inquiry table thead th:first-child,
.col-right .content.marketing.inquiry table tbody td:first-child {
    width: 25%;
    padding-left: 25px;
}

.col-right .content.marketing.inquiry table thead th:nth-child(2),
.col-right .content.marketing.inquiry table tbody td:nth-child(2) {
    width: 22%;
}

.col-right .content.marketing.brand ul {
    margin-left: -6.5px;
}

    .col-right .content.marketing.brand ul li {
        float: left;
        margin-left: 6.5px;
        margin-bottom: 18px;
        width: 215px;
        line-height: 52px;
        color: #575757;
        font-size: 14px;
        text-align: center;
        border: 1px solid #108ccf;
    }

.col-right .content.marketing.mas .panel-group {
    margin-bottom: 0;
}

.col-right .content.marketing.mas .panel {
    border: none;
    box-shadow: none;
}

.col-right .content.marketing.mas .title {
    position: relative;
    padding-top: 16px;
    padding-left: 45px;
    padding-bottom: 15px;
    color: #626262;
    font-size: 16px;
    border-bottom: 1px solid #e5e5e5;
}

.col-right .content.marketing.mas .tip {
    display: block;
    position: absolute;
    top: 16px;
    left: 0;
    width: 27px;
    height: 27px;
    line-height: 27px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-shadow: 1px 1px 1.5px rgba(0,0,0,.4);
}

    .col-right .content.marketing.mas .tip.q {
        background-color: #108ccf;
    }

    .col-right .content.marketing.mas .tip.a {
        top: 20px;
        background-color: #89bb5c;
    }

.col-right .content.marketing.mas .title a {
    display: block;
    width: 100%;
    line-height: 27px;
}

    .col-right .content.marketing.mas .title a.collapsed .direction {
        display: block;
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -5.5px;
        width: 21px;
        height: 11px;
        background: url('../img/direction_t.png') no-repeat center;
    }

.col-right .content.marketing.mas .panel-collapse {
    position: relative;
    padding-left: 45px;
    color: #a3a2a2;
    font-size: 14px;
}

    .col-right .content.marketing.mas .panel-collapse .caption {
        display: block;
        padding-top: 20px;
        margin-bottom: 18px;
        line-height: 20px;
    }

    .col-right .content.marketing.mas .panel-collapse ul {
        padding-bottom: 14px;
    }

    .col-right .content.marketing.mas .panel-collapse li {
        position: relative;
        padding-left: 36px;
        line-height: 20px;
    }

        .col-right .content.marketing.mas .panel-collapse li span {
            position: absolute;
            top: 0;
            left: 0;
            line-height: 20px;
        }

.col-right .content.marketing.trade .summarize {
    min-height: 415px;
    background: url('../img/marketing/trade_bg.jpg') no-repeat center 4px;
}

    .col-right .content.marketing.trade .summarize > img {
        position: relative;
        top: 72px;
        left: 5px;
    }

.col-right .content.marketing.sales-network > p {
    margin-bottom: 45px;
    line-height: 18px;
    color: #808080;
    font-family: 'Microsoft YaHei','微软雅黑',Tahoma,Verdana,Arial,sans-serif;
}

.col-right .content.marketing.sales-network > img {
    display: block;
    margin: 0 auto;
}

/*************************************************
******************** 技术支持 ********************
*************************************************/
.in-banner.support {
    background-image: url('../img/support/banner.jpg');
}

.col-right .content.support.service .summarize {
    padding-left: 42px;
    min-height: 228px;
    background: url('../img/support/service.jpg') no-repeat center top;
}

    .col-right .content.support.service .summarize h3 {
        padding-top: 45px;
        color: #108ccf;
        font-size: 20px;
        font-weight: bold;
    }

    .col-right .content.support.service .summarize p {
        margin-top: 20px;
        line-height: 26px;
        color: #808080;
        font-size: 14px;
        font-family: 'Microsoft YaHei','微软雅黑',Tahoma,Verdana,Arial,sans-serif;
    }

.col-right .content.support.accessories table thead th {
    color: #fff;
    font-size: 16px;
    text-align: center;
    background-color: #108ccf;
    border: none !important;
}

.col-right .content.support.accessories table tbody td {
    color: #808080;
    text-align: center;
    border-right: 1px solid #e8e8e8 !important;
    border-color: #e8e8e8 !important;
}

    .col-right .content.support.accessories table tbody td:first-child {
        border-left: 1px solid #e8e8e8 !important;
    }

.col-right .content.support.accessories table tbody tr:first-child td {
    border-top: none !important;
}

.col-right .content.support.accessories table tbody tr:last-child td {
    border-bottom: 1px solid #e8e8e8 !important;
}

.col-right .content.support.service-network h3 {
    color: #108ccf;
    font-size: 20px;
    font-weight: bold;
}

/*************************************************
******************** 求贤纳才 ********************
*************************************************/
.in-banner.join {
    background-image: url('../img/join/banner.jpg');
}

.col-right .content.join .talent-concept p {
    line-height: 20px;
    color: #a3a2a2;
    font-size: 14px;
    font-family: 'Microsoft YaHei','微软雅黑';
}

.col-right .content.join .talent-concept > img {
    margin: 0 auto;
    display: block;
    max-width: 880px;
}

.col-right .content.join .talent-concept {
    margin-top: 50px;
}

    .col-right .content.join .talent-concept li {
        position: relative;
        margin-top: 30px;
        padding-left: 96px;
        height: 85px;
    }

        .col-right .content.join .talent-concept li:first-child {
            margin-top: 0;
        }

        .col-right .content.join .talent-concept li .title {
            display: table;
            position: absolute;
            top: 0;
            left: 0;
            width: 85px;
            height: 100%;
            background: url('../img/circle.png') no-repeat center;
        }

            .col-right .content.join .talent-concept li .title span {
                display: table-cell;
                line-height: 1.25em;
                color: #108ccf;
                font-size: 20px;
                font-weight: bold;
                text-align: center;
                vertical-align: middle;
            }

        .col-right .content.join .talent-concept li h5 {
            padding-top: 10px;
            color: #686868;
            font-size: 14px;
        }

        .col-right .content.join .talent-concept li p {
            padding-top: 10px;
            color: #808080;
        }

.col-right .content.join h3 {
    margin-bottom: 30px;
    color: #108ccf;
    font-size: 20px;
    font-weight: bold;
}

.col-right .content.join .object {
    position: relative;
}

    .col-right .content.join .object .line {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background-color: #108ccf;
        z-index: 100;
    }

.col-right .content.join.recruitment .nav {
    background-color: transparent;
}

    .col-right .content.join.recruitment .nav li {
        color: #8c8c8c;
        font-size: 16px;
        text-align: center;
    }

        .col-right .content.join.recruitment .nav li a {
            background-color: #efefef;
            border-left: 1px solid #e2e2e2;
            border-bottom-color: transparent;
            border-radius: 0 !important;
        }

        .col-right .content.join.recruitment .nav li.active a {
            background-color: #fff;
            border-top-color: #108ccf;
            border-right-color: #108ccf;
            border-bottom-color: transparent;
            border-left-color: #108ccf;
            z-index: 300;
        }

.col-right .content.join.recruitment .tab-content {
    margin-top: 45px;
    border-top: 2px solid #9ec3d7;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
}

    .col-right .content.join.recruitment .tab-content .tab-pane .panel-group {
        margin-bottom: 0;
    }

        .col-right .content.join.recruitment .tab-content .tab-pane .panel-group .panel {
            margin-top: 0;
            border-top: 1px solid #eee;
            border-right: none;
            border-bottom: none;
            border-left: none;
            box-shadow: none;
            border-radius: 0;
        }

            .col-right .content.join.recruitment .tab-content .tab-pane .panel-group .panel:first-child {
                border-top: none;
            }

            .col-right .content.join.recruitment .tab-content .tab-pane .panel-group .panel .title a {
                display: block;
                position: relative;
                padding-left: 26px;
                line-height: 54px;
                color: #6d6d6d;
                font-size: 14px;
                background-color: #eee;
            }

                .col-right .content.join.recruitment .tab-content .tab-pane .panel-group .panel .title a.collapsed {
                    background-color: #fff;
                }

                .col-right .content.join.recruitment .tab-content .tab-pane .panel-group .panel .title a .expand {
                    position: absolute;
                    top: 50%;
                    right: 26px;
                    margin-top: -5px;
                    width: 12px;
                    height: 10px;
                    background-image: url('../img/expand.png');
                    background-repeat: no-repeat;
                    background-position: 0 0;
                }

                .col-right .content.join.recruitment .tab-content .tab-pane .panel-group .panel .title a.collapsed .expand {
                    background-position: 0 -10px;
                }

            .col-right .content.join.recruitment .tab-content .tab-pane .panel-group .panel .panel-collapse {
                padding: 0 22px;
                color: #808080;
            }

                .col-right .content.join.recruitment .tab-content .tab-pane .panel-group .panel .panel-collapse p {
                    padding-bottom: 28px;
                    line-height: 26px;
                }

                    .col-right .content.join.recruitment .tab-content .tab-pane .panel-group .panel .panel-collapse p:first-child {
                        padding-top: 16px;
                    }

                    .col-right .content.join.recruitment .tab-content .tab-pane .panel-group .panel .panel-collapse p:last-child {
                        padding-bottom: 16px;
                    }

                .col-right .content.join.recruitment .tab-content .tab-pane .panel-group .panel .panel-collapse p {
                    padding-bottom: 28px;
                    line-height: 26px;
                }

                    .col-right .content.join.recruitment .tab-content .tab-pane .panel-group .panel .panel-collapse p .bold {
                        font-weight: bold;
                    }

.col-right .content.join .upgrade p {
    line-height: 20px;
    color: #a3a2a2;
    font-size: 14px;
    font-family: 'Microsoft YaHei','微软雅黑';
}

.col-right .content.join .upgrade {
    margin-top: 40px;
    margin-left: -56px;
}

.col-right .content.join .upgrade li {
    float: left;
    margin-left: 56px;
    width: 412px;
    margin-bottom: 20px;
}

    .col-right .content.join .upgrade li h5 {
        padding-bottom: 9px;
        color: #108ccf;
        font-size: 20px;
        font-weight: bold;
        border-bottom: 1px solid #e2e2e2;
    }

    .col-right .content.join .upgrade li .pic {
        display: table;
        width: 100%;
    }

        .col-right .content.join .upgrade li .pic a {
            display: table-cell;
            padding: 45px 0;
            width: 100%;
            text-align: center;
            vertical-align: middle;
        }

    .col-right .content.join .upgrade li:nth-child(3) {
        width: 100%;
    }

        .col-right .content.join .upgrade li:nth-child(3) .pic a {
            padding: 40px 0;
        }

/*************************************************
******************** 联系我们 ********************
*************************************************/
.in-banner.contactus {
    background-image: url('../img/contactus/banner.jpg');
}

.col-right .content.contactus h5 {
    color: #616161;
    font-size: 16px;
}

.col-right .content.contactus p {
    line-height: 24px;
    color: #6d6d6d;
    font-size: 14px;
    font-family: 'Microsoft YaHei','微软雅黑';
}

.col-right .content.contactus .info {
    margin-top: 30px;
}

    .col-right .content.contactus .info h5 {
        margin-bottom: 20px;
    }

.col-right .content.contactus .lines {
    margin-top: 35px;
}

    .col-right .content.contactus .lines h5 {
        margin-bottom: 20px;
    }

.col-right .content.contactus ol li {
    position: relative;
    margin-top: 15px;
    padding-left: 44px;
    min-height: 44px;
}

    .col-right .content.contactus ol li:first-child {
        margin-top: 0;
    }

    .col-right .content.contactus ol li span {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 29px;
        height: 29px;
        color: #a3a2a2;
        line-height: 29px;
        text-align: center;
        background: url('../img/circle_small.png') no-repeat center;
    }

    .col-right .content.contactus ol li p {
        line-height: 22px;
        color: #7a7a7a;
    }

        .col-right .content.contactus ol li p.alone {
            padding-top: 3px;
        }

.col-right .content.contactus .note {
    display: block;
    margin-top: 20px;
    line-height: 22px;
    color: #7a7a7a;
}

/*************************************************
*************************************************/
.col-right .content .entryimg li{
    float:left; width:50%; padding:10px; text-align:center;
}
.col-right .content .entryimg li img {
    width:100%;
}
.col-right .content .entry p {
    /*text-indent: 2em;*/
    line-height: 1.8;
    color: #808080;
    font-size: 16px;
    font-family: '宋体';
}

.col-right .content .entryimg {
    margin: 0px auto;
    text-align: center;
}

    .col-right .content .entryimg img {
        margin: 0px auto;
    }


.iw_poi_title {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    padding-right: 13px;
    white-space: nowrap;
}

.iw_poi_content {
    font: 12px arial,sans-serif;
    overflow: visible;
    padding-top: 4px;
    white-space: -moz-pre-wrap;
    word-wrap: break-word;
}
/*************************************************
******************** 分页样式 ********************
*************************************************/
.pagination {
    float: right;
    margin-top: 50px;
    margin-bottom: 0;
    border-radius: 0;
}

    .pagination li a {
        padding: 11px 14px;
        line-height: 1em;
        color: #108ccf;
        font-size: 12px;
        font-family: '宋体';
        border-color: #e4e4e4;
    }

    .pagination > .active > a,
    .pagination > li > a:hover,
    .pagination > li > a:focus {
        color: #fff;
        background-color: #108ccf;
        border-color: #108ccf
    }

        .pagination > .active > a,
        .pagination > .active > a:hover,
        .pagination > .active > a:focus {
            z-index: 2;
            color: #fff;
            cursor: default;
            background-color: #108ccf;
            border-color: #108ccf
        }

    .pagination .disabled a {
        color: #808080;
        border-color: #e4e4e4;
    }

    .pagination li:first-child a,
    .pagination li:last-child a {
        padding: 11px 20px;
        border-radius: 0;
    }


/*页码容器*/
.page-box{ margin:15px 10px 10px 0px; color:#999; font-size:14px; }
div.digg{ margin:0; padding:0; text-align:left; font-size:14px; }
    div.digg a{ display:block; float:left; padding:5px 12px; margin:0 0 0 8px; border:1px solid #e1e2e3; color:#3b8dd1; background:#fff; text-decoration:none; }
    div.digg a:hover { border:1px solid #3b8dd1; }
    div.digg span{ display:block; float:left; border:1px solid #e1e2e3; padding:5px 12px; margin:0 0 0 8px; }
    div.digg span.current { color:#555; font-weight:bold; }
    div.digg span.disabled { border:1px solid #e1e2e3; color:#ddd; }


div.default{ margin:0; padding:0; font-family:"Microsoft YaHei",Verdana; font-size:12px; }
	div.default a,div.default span{ display:block; float:left; margin:2px 0 0 -1px; padding:4px 12px; line-height:20px; height:20px; border:1px solid #e1e1e1; background:#fff; color:#333; text-decoration:none; }
	div.default span:first-child{ border-left:1px solid #e1e1e1; }
	div.default a:hover{ color:#666; background:#eee; }
	div.default span.current{ color:#fff; background:#488FCD; border-color:#488FCD; }
	div.default span.disabled{ color:#999; background:#fff; }