﻿@charset "utf-8";

html {
    verflow: -Scroll;
    overflow-x: hidden;
    zoom: 1;
    overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;
}

body {
    margin: 0 auto;
    width: 100%;
    color: #666;
    font-size: 14px;
    line-height: 24px;min-width:1200px;
    font-family: Arial,microsoft yahei,宋体,Helvetica,sans-serif;
}

body, ul, p, li, div, td, input, button, select, textarea, img, span, hr, h1, h2, h3, h4, h5, h6, b {
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, b {
    color: #333;
    margin: 0;
    padding: 0;
    font-weight: 400;
}

fieldset, img {
    border: 0;
    font-weight: 400;
}

ol, ul, li {
    list-style-type: none;
    text-align: justify;
    text-justify: inter-ideograph;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

button, input, select, textarea {
    font-size: 13px;
    font-family: inherit;
    margin: 0;
    outline: none;
    resize: none;
    border: none;
}

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cl:after, .clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.clear {
    clear: both;
}

.cl, .clearfix {
    zoom: 1;
}

a {
    color: #666;
    text-decoration: none;
    outline: none;
    blr: expression(this.onFocus=this.blur());
}

    a:hover {
        text-decoration: none;
    }

    a:focus {
        outline: none;
    }

em {
    font-style: normal;
}

.wh {
    width: 100%;
}

.eps {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.fn {
    font-weight: 400;
}

.center {
    text-align: center;
}

.hide {
    overflow: hidden;
}

@font-face {
    font-family: font1;
    src: url(../font/zzgfjy.otf);
}

.font1 {
    font-family: font1,宋体;
}

.container {
    width: 1200px;
    margin: auto;
}

.wor {
    line-height: 24px;
    color: #666;
    font-size: 13px;
}

.bg_white {
    background: #fff;
}

.slow, .slow a, .slow p, .slow li, .slow td, .slow input, .slow button, .slow select.slow textarea, .slow em, .slow img, .slow span, .slow hr, .slow h1, .slow h2, .slow h3, .slow h4, .slow h5, .slow h6, .slow b, .slow before, .slow after {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.effect-one {
    position: relative;text-align:center;padding-top:7px;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
}

    .effect-one .effect-one-img {
        position: relative;
        /*display: block;*/text-align:center;
        /*width: 100%;*/
        padding: 0;
        margin: 0;
        opacity: 1;
        -webkit-transition: all .7s ease-in-out;
        -moz-transition: all .7s ease-in-out;
        -o-transition: all .7s ease-in-out;
        -ms-transition: all .7s ease-in-out;
        transition: all .7s ease-in-out;
        overflow: hidden;
    }

    .effect-oneBox:hover .effect-one-img, .effect-one:hover .effect-one-img {
        opacity: .9;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

.effect-two {
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    overflow: hidden;
}

    .effect-two::before, .effect-two::after {
        position: absolute;
        content: '';
        opacity: 0;
        -webkit-transition: opacity .4s,-webkit-transform .4s;
        -moz-transition: opacity .4s,-moz-transform .4s;
        -o-transition: opacity .4s,-o-transform .4s;
        transition: opacity .4s,transform .4s;
    }

    .effect-two::before {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-top: 1px solid #f72608;
        border-bottom: 1px solid #f72608;
        -webkit-transform: scale(0,1);
        -moz-transform: scale(0,1);
        -o-transform: scale(0,1);
        transform: scale(0,1);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }

    .effect-two::after {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-right: 1px solid #f72608;
        border-left: 1px solid #f72608;
        -webkit-transform: scale(1,0);
        -moz-transform: scale(1,0);
        -o-transform: scale(1,0);
        transform: scale(1,0);
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -o-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }

    .effect-two:hover::before, .effect-two:hover::after {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

.btn-1 {
    overflow: hidden;
    position: relative;
}

    .btn-1:before, .btn-1:after {
        content: "";
        position: absolute;
        z-index: -1;
        background-color: #f72608;
        width: 100%;
        height: 0;
        left: 0;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

    .btn-1:before {
        bottom: 50%;
    }

    .btn-1:after {
        top: 50%;
    }

    .btn-1:hover:before, .btn-1:hover:after {
        height: 50%;
    }

.btn-2 {
    background: -webkit-linear-gradient(left,#f72608,#f72608) no-repeat;
    background: linear-gradient(to right,#f72608,#f72608) no-repeat;
    background-size: 0% 100%;
}

    .btn-2:hover {
        background-size: 100% 100%;
    }

.btn-3 {
    position: relative;
}

    .btn-3:before, .btn-3:after {
        z-index: 2;
        position: absolute;
        top: 50%;
        content: '';
        width: 50px;
        height: 50px;
        background: rgba(20,127,221,.7);
        border-radius: 50%;
    }

    .btn-3:before {
        left: -30px;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

    .btn-3:after {
        right: -30px;
        -webkit-transform: translate(50%,-50%);
        transform: translate(50%,-50%);
    }

    .btn-3:hover:before, .btn-3:hover:after {
        border-radius:;
    }

    .btn-3:hover:before {
        -webkit-animation: criss-cross-left .8s both;
        animation: criss-cross-left .8s both;
    }

    .btn-3:hover:after {
        -webkit-animation: criss-cross-right .8s both;
        animation: criss-cross-right .8s both;
    }

.btn-4 {
    position: relative;
    z-index: 2;
}

    .btn-4:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        z-index: -1;
        width: 0%;
        height: 100%;
        border-radius: 0 20px 20px 0;
        background: #147fdd;
        transition: all .7s ease-in-out;
    }

    .btn-4:hover:before {
        width: 100%;
    }

    .btn-4:hover {
        background: #ddd;
    }

.temporary-1 {
    color: #666;
    font-size: 14px;
    text-align: center;
}

.efA-Box {
}

    .efA-Box .efA-Top {
    }

    .efA-Box .efA-Down {
        display: none;
    }

.ImgPrimary {
    background: url(../Images/imgprimary.gif) no-repeat center center;
}

.ImgDisappear {
    background: url(../Images/imgdisappear.png) no-repeat center center;
}

.browser {
    float: left;
    width: 100%;
    padding: 20px 0;
    background: #f6f6b4;
}

    .browser .center {
        width: 1000px;
        margin: auto;
    }

    .browser p {
        float: left;
        color: #666;
        font-size: 15px;
    }

        .browser p font {
            color: #f60;
        }

    .browser .right {
        float: right;
    }

        .browser .right a {
            display: inline-block;
            margin: 0 20px;
        }

        .browser .right img {
            width: 50px;
            display: block;
            margin: auto;
        }

        .browser .right b {
            display: block;
            color: #666;
            font-size: 14px;
            text-align: center;
            font-weight: 400;
        }

        .browser .right a:hover b {
            color: #005aa0;
        }

.share {
    position: relative;
    z-index: 9;
    color: #666;
    font-size: 13px;
}

    .share a, .ProductShow .sTop .share b {
    }

    .share .jiathis_style {
        float: left;
    }

        .share .jiathis_style a {
            background: 0 0;
            margin: 0 5px;
            color: #999;
            font-size: 17px;
            cursor: pointer;
        }

            .share .jiathis_style a.icon-weixin:hover {
                color: #51c332;
            }

            .share .jiathis_style a.icon-weibo:hover {
                color: #d32024;
            }

            .share .jiathis_style a span {
                display: none!important;
            }

    .share .collection {
        margin: 0 0 0 10px;
        border-left: 1px #ddd solid;
        padding-left: 15px;
        line-height: 10px;
        display: inline-block;
        color: #999;
        font-size: 17px;
        cursor: pointer;
    }

        .share .collection:hover {
            color: #f98d1b;
        }

        .share .collection span {
            font-size: 13px;
            margin-left: 2px;
        }

.banner-within {
    position: relative;
    height: 240px;
    float: left;
    width: 100%;
    overflow: hidden;
}

    .banner-within img {
        display: block;
        /*height: 300px;
        width: 1920px;*/
        position: absolute;
        margin-left: -960px;
        left: 50%;
    }

    .banner-within img {
        transform: matrix(1.05,0,0,1.05,0,0);
        -webkit-transform: matrix(1.05,0,0,1.05,0,0);
        -webkit-animation: minus 5s 0s ease both infinite;
        -moz-animation: minus 5s 0s ease both infinite;
        animation: minus 5s 0s ease both infinite;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
    }

@-webkit-keyframes minus {
    from {
        -webkit-transform: matrix(1.05,0,0,1.05,0,0);
        transform: matrix(1.05,0,0,1.05,0,0);
    }

    to {
        -webkit-transform: matrix(1,0,0,1,0,0);
        transform: matrix(1,0,0,1,0,0);
    }
}

@keyframes minus {
    from {
        -webkit-transform: matrix(1.05,0,0,1.05,0,0);
        transform: matrix(1.05,0,0,1.05,0,0);
    }

    to {
        -webkit-transform: matrix(1,0,0,1,0,0);
        transform: matrix(1,0,0,1,0,0);
    }
}

.site {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0 0 30px;
    line-height: 35px;
    border-bottom: 1px #ddd solid;
    background: #f9f9f9;
}

    .site h3 {
        float: left;
        padding-left: 15px;
        color: #555;
        font-size: 18px;
        margin-top: 11px;
        line-height: 15px;
        border-left: 3px #f72608 solid;
    }

    .site .frame {
        color: #999;
        font-size: 13px;
        line-height: 35px;
        padding-left: 20px;
    }

        .site .frame:before {
            margin-right: 5px;
            font-size: 18px;
            color: #999;
        }

    .site a {
        display: inline-block;
        color: #999;
        font-size: 13px;
    }

        .site a.icon-home:before {
            font-size: 15px;
            color: #999;
        }

        .site a:hover {
            color: #f72608;
        }

.siteDn {
    float: left;
    width: 100%;
    border-bottom: solid 1px #ddd;
    padding: 10px 0 11px;
    font-size: 13px;
    color: #888;
    margin: 0 0 15px;
    background: #f9f9f9;
}

    .siteDn .frame {
        color: #888;
        font-size: 13px;
        line-height: 35px;
        padding-left: 20px;
        background: url(../Images/ico01.png) no-repeat left;
    }

    .siteDn a {
        color: #888;
        font-size: 13px;
        margin: 0 3px;
    }

        .siteDn a:hover {
            color: #f72608;
        }

    .siteDn .icon-home {
    }

    .siteDn .back {
        float: right;
        margin-top: 10px;
        height: 20px;
        background: #666;
        color: #fff!important;
        width: 47px;
        text-align: center;
        border-radius: 3px;
        line-height: 20px;
    }

        .siteDn .back:hover {
            background: #f72608;
        }

.siteRn {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0 0 20px;
    border-bottom: 1px #ddd solid;
}

    .siteRn h3 {
        float: left;
        color: #555;
        font-size: 20px;
        font-weight: 700;
    }

    .siteRn .frame {
        color: #888;
        font-size: 13px;
        line-height: 35px;
        padding-left: 20px;
        background: url(../Images/ico01.png) no-repeat left;
    }

    .siteRn a {
        display: inline-block;
        color: #888;
        font-size: 13px;
    }

        .siteRn a:hover {
            color: #f72608;
        }

.siteNn {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0 0 10px;
    border-bottom: 1px #ddd solid;
    background: #f9f9f9;
}

    .siteNn h3 {
        float: left;
        color: #555;
        font-size: 20px;
        font-weight: 700;
    }

    .siteNn .frame {
        color: #888;
        font-size: 13px;
        line-height: 35px;
        padding-left: 20px;
        background: url(../Images/ico01.png) no-repeat left;
    }

        .siteNn .frame a {
            display: inline-block;
            color: #888;
            font-size: 13px;
        }

            .siteNn .frame a:hover {
                color: #f72608;
            }

    .siteNn .subMenu {
    }

        .siteNn .subMenu a {
            position: relative;
            display: inline-block;
            color: #666;
            font-size: 15px;
            margin: 0 0 0 30px;
            line-height: 35px;
            -webkit-transition: color .2s ease-in-out;
            transition: color .2s ease-in-out;
        }

            .siteNn .subMenu a:before {
                content: "";
                display: block;
                position: absolute;
                bottom: -10px;
                left: 0;
                width: 0;
                height: 3px;
                background: #f72608;
                -webkit-transition: width .2s ease-in-out;
                transition: width .2s ease-in-out;
            }

            .siteNn .subMenu a:hover:before {
                width: 100%;
            }

            .siteNn .subMenu a.active:before {
                width: 100%;
            }

            .siteNn .subMenu a:hover, .siteNx .subMenu a.active {
                color: #f72608;
            }

.rack {
    float: left;line-height:30px;
    width: 100%;
    padding: 10px 0 50px;
}

    .rack .lefter {
        width: 270px;
    }

    .rack .righter {
        width: 900px;
    }

.menu {
    position: relative;
    float: left;
    margin: 0 0;
    padding: 0 0 20px;
    width: 100%;
    text-align: center;
}

    .menu ul {
        display: block;
        margin: auto;
        text-align: center;
    }

        .menu ul li {
            margin: 15px 0;
            display: inline-block;
        }

    .menu a {
        position: relative;
        z-index: 2;
        display: inline-block;
        color: #696969;
        font-size: 14px;
        padding: 5px 30px;
        margin: 0 5px;
        border: 1px #ccc solid;
        background: #fdfdfd;
    }

        .menu a:before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: -1;
            display: block;
            width: 100%;
            height: 0;
               background: -webkit-linear-gradient(left,#7ebf26,#fe0707);
            -webkit-transition: all .5s;
            transition: all .5s;
        }

        .menu a:hover:before {
            height: 100%;
        }

    .menu li:last-child a {
    }

    .menu a:hover {
        color: #fff;
       
    }

    .menu a.active {
        color: #fff;
       background: -webkit-linear-gradient(left,#7ebf26,#fe0707);
    }

.slideBanner {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
    margin: 0 auto;
}

    .slideBanner .long {
        position: relative;
        margin: auto;
    }

    .slideBanner .list {
        position: absolute;
        left: 50%;
        margin-left: -960px;
    }

        .slideBanner .list li {
            width: 1920px;
        }

        .slideBanner .list img {
            display: block;
            height: 500px;
            margin: 0 auto;
            position: relative;
            max-width: 100%;
        }

    .slideBanner .spot {
        position: absolute;
        bottom: 30px;
        width: 100%;
        z-index: 99;
        text-align: center;
    }

        .slideBanner .spot li {
            position: relative;
            display: inline-block;
            margin: 0 7px;
            cursor: pointer;
            width: 12px;
            height: 12px;
            border: 1px #f72608 solid;
            font-size: 0;
            color: #333;
        }

            .slideBanner .spot li.on {
                border: 1px #f72608 solid;
                color: #f72608;
                background: #f72608;
            }

                .slideBanner .spot li.on:before {
                    height: 25px;
                    background: #f72608;
                }

    .slideBanner .prev, .slideBanner .next {
        position: absolute;
        left: 3%;
        top: 45%;
        font-size: 100px;
        color: #fff;
        display: block;
        width: 26px;
        height: 33px;
        padding: 5px 7px;
        background: url(../Images/ctrl.png) 0 0 no-repeat;
        filter: alpha(opacity=50);
        opacity: .7;
    }

    .slideBanner .next {
        left: auto;
        right: 3%;
        background-position: -40px 0;
    }

        .slideBanner .prev:hover, .slideBanner .next:hover {
            filter: alpha(opacity=100);
            opacity: 1;
        }

#banner-slider {
    float: left;
    width: 100%;
}

    #banner-slider .fn-clear {
        zoom: 1;
    }

    #banner-slider .box_skitter {
        position: relative;
        background: 0 0;
    }

        #banner-slider .box_skitter ul {
            display: none;
        }

        #banner-slider .box_skitter .container_skitter {
            margin: auto;
            overflow: hidden;
            position: relative;
        }

        #banner-slider .box_skitter .image {
            overflow: hidden;
        }

            #banner-slider .box_skitter .image img {
                display: none;
            }

        #banner-slider .box_skitter .box_clone {
            position: absolute;
            top: 0;
            left: 0;
            width: 100px;
            overflow: hidden;
            display: none;
            z-index: 20;
        }

            #banner-slider .box_skitter .box_clone img {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 20;
            }

        #banner-slider .box_skitter .label_skitter {
            z-index: 150;
            position: absolute;
            display: none;
        }

    #banner-slider .loading {
        position: absolute;
        top: 50%;
        right: 50%;
        z-index: 10000;
        margin: -16px;
        color: #fff;
        text-indent: -9999em;
        overflow: hidden;
        background: url(../Images/ajax-loader.gif) no-repeat left top;
        width: 31px;
        height: 31px;
    }

    #banner-slider #slideshow {
        width: 100%;
        height: 600px;
        overflow: hidden;
    }

        #banner-slider #slideshow ul {
            display: none;
        }

        #banner-slider #slideshow .info_slide {
            position: absolute;
            left: 0;
            bottom: 20px;
            z-index: 99999;
            width: 100%;
            text-align: center;
        }

            #banner-slider #slideshow .info_slide span {
                display: inline-block;
                width: 35px;
                height: 7px;
                line-height: 0;
                font-size: 0;
                opacity: .8;
                cursor: pointer;
            }

    #banner-slider .image_number b {
        display: block;
        width: 100%;
        height: 100%;
        background: #fff;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    #banner-slider .image_number_select b {
        background: #f72608;
    }

    #banner-slider .image_number:hover b {
        background: #f72608;
    }

    #banner-slider .prev_button:before, #banner-slider .next_button:before {
        color: #fff;
        font-size: 70px;
    }

    #banner-slider .prev_button, #banner-slider .next_button {
        display: none;
        position: absolute;
        left: 3%;
        top: 45%;
        z-index: 99;
        font-size: 0;
        width: 49px;
        height: 75px;
        background: rgba(0,0,0,.5);
        text-align: center;
        opacity: 0;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    #banner-slider .next_button {
        left: auto;
        right: 3%;
        background-position: -40px 0;
    }

        #banner-slider .prev_button:hover, #banner-slider .next_button:hover {
            background: rgba(0,0,0,.9);
        }

.ProductListBox {
}

    .ProductListBox .list {
    }

        .ProductListBox .list li {
            float: left;
            width: 380px;
            height: 350px;
            margin: 10px;
        }

            .ProductListBox .list li .box figcaption::before {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: -webkit-linear-gradient(top,rgba(0,146,216,0) 0%,rgba(0,146,216,0.8) 75%);
                background: linear-gradient(to bottom,rgba(0,146,216,0) 0%,rgba(0,146,216,0.8) 75%);
                content: '';
                opacity: 0;
                -webkit-transform: translate3d(0,50%,0);
                transform: translate3d(0,50%,0);
            }

            .ProductListBox .list li .box em {
                position: absolute;
                top: 60%;
                left: 0;
                width: 100%;
                text-align: center;
                opacity: 0;
                color: #fff;
                -webkit-transition: -webkit-transform .35s,color .35s;
                transition: transform .35s,color .35s;
                -webkit-transform: translate3d(0,-50%,0);
                transform: translate3d(0,-50%,0);
                -webkit-transition: all .3s ease-in-out;
            }

                .ProductListBox .list li .box em::before {
                    margin: auto;
                    display: block;
                    width: 60px;
                    height: 60px;
                    font-size: 30px;
                    border-radius: 50%;
                    border: 2px #fff solid;
                    padding: 15px 10px 0;
                }

            .ProductListBox .list li .box figcaption::before, .ProductListBox .list li .box p {
                -webkit-transition: opacity .35s,-webkit-transform .35s;
                transition: opacity .35s,transform .35s;
            }

            .ProductListBox .list li .box p {
                position: absolute;
                bottom: 0;
                left: 0;
                font-size: 14px;
                padding: 2em;
                width: 100%;
                opacity: 0;
                -webkit-transform: translate3d(0,10px,0);
                transform: translate3d(0,10px,0);
            }

            .ProductListBox .list li .box font {
                font-size: 13px;
                color: #ddd;
                margin: 10px 0 0;
                display: block;
            }

            .ProductListBox .list li:hover em {
                color: #fff;
                opacity: 1;
                -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
                transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
            }

            .ProductListBox .list li:hover figcaption::before, .ProductListBox .list li:hover p {
                opacity: 1;
                -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
            }

    .ProductListBox .list {
        position: relative;
    }

        .ProductListBox .list li:hover h4 {
            color: #f72608;
        }

        .ProductListBox .list li .box {
            position: relative;
            float: left;
            width: 380px;
            height: 300px;
            overflow: hidden;
            background: #fff;
            text-align: center;
            cursor: pointer;
            border: 1px #f5f5f5 solid;
        }

        .ProductListBox .list li h4 {
            padding: 20px 20px 10px;
            color: #666;
            font-size: 16px;
            text-align: center;
            clear: both;
        }

        .ProductListBox .list li .box img {
            position: relative;
            display: block;
            margin: auto;
            min-height: 100%;
            max-width: 100%;
            opacity: .8;
        }

        .ProductListBox .list li .box figcaption {
            padding: 2em;
            color: #fff;
            text-transform: uppercase;
            font-size: 1.25em;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

            .ProductListBox .list li .box figcaption::before, .ProductListBox .list li .box figcaption::after {
                pointer-events: none;
            }

            .ProductListBox .list li .box figcaption, .ProductListBox .list li .box figcaption > a {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

.list-product {
}

    .list-product li {
        float: left;
        width: 290px;
        margin: 0 10px 10px;
    }

    .list-product img {
    }

    .list-product li h4 {
        color: #666;
        font-size: 15px;
        font-weight: 700;
        line-height: 35px;
        text-align: center;
    }

    .list-product li .effect-one {
        border: 3px #ddd solid;
    }

    .list-product li a:hover h4 {
        color: #f72608;
    }

    .list-product li a:hover .effect-one {
        border: 3px #f72608 solid;
    }

.ProductShow .customized {
    margin: 20px 0 70px;
}

    .ProductShow .customized .left {
        width: 500px;
        margin-left: 20px;
    }

        .ProductShow .customized .left h3 {
            color: #666;
            font-size: 25px;
            padding: 0 0 20px;
            margin: 10px 0;
            border-bottom: 1px #ddd solid;
        }

            .ProductShow .customized .left h3 em {
                color: #666;
                font-size: 20px;
                margin: 0 10px 0 0;
            }

        .ProductShow .customized .left span {
            display: block;
            color: #666;
            font-size: 14px;
            margin: 20px 0;
        }

            .ProductShow .customized .left span em {
                display: inline-block;
                width: 15px;
                height: 10px;
                color: #666;
                font-size: 14px;
                margin-right: 5px;
            }

    .ProductShow .customized .right {
        width: 500px;
    }

        .ProductShow .customized .right input {
            width: 100%;
            line-height: 25px;
            padding: 10px;
            margin: 0 0 20px 0;
            border-bottom: 1px #ccc solid;
            border-right: 0;
            border-left: 0;
            border-top: 0;
        }

        .ProductShow .customized .right textarea {
            width: 100%;
            height: 80px;
            padding: 10px;
            margin: 0 0 20px 0;
            border-bottom: 1px #ccc solid;
            border-right: 0;
            border-left: 0;
            border-top: 0;
        }

        .ProductShow .customized .right button {
            color: #fff;
            padding: 8px 25px;
            font-size: 14px;
            background: #f72608;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

            .ProductShow .customized .right button:hover {
                background: #f60;
            }

        .ProductShow .customized .right .yzm {
        }

            .ProductShow .customized .right .yzm input {
                width: 100px;
            }

            .ProductShow .customized .right .yzm img {
                margin: 0 15px;
            }

.ProductShow .sDown {
    margin: 50px 0 20px;
}

    .ProductShow .sDown .top {
        line-height: 65px;
        height: 65px;
        border-top: 1px #ddd solid;
        border-bottom: 1px #ddd solid;
    }

        .ProductShow .sDown .top h3.title {
            position: absolute;
            left: 0;
            opacity: 0;
            float: left;
            color: #333;
            font-size: 16px;
            font-weight: 700;
        }

            .ProductShow .sDown .top h3.title img {
                width: 100px;
                height: 50px;
            }

            .ProductShow .sDown .top h3.title em {
                margin-right: 5px;
                color: #666;
                font-size: 20px;
            }

        .ProductShow .sDown .top a.consult {
            opacity: 0;
            position: absolute;
            right: 0;
            top: 15px;
            display: block;
            background: #f72608;
            color: #fff;
            font-size: 14px;
            line-height: 30px;
            width: 100px;
            text-align: center;
        }

            .ProductShow .sDown .top a.consult:hover {
                background: #f60;
            }

        .ProductShow .sDown .top ul.tab-menu {
            width: 100%;
            text-align: center;
        }

        .ProductShow .sDown .top .pos {
            position: relative;
        }

        .ProductShow .sDown .top ul.tab-menu li {
            position: relative;
            color: #999;
            font-size: 16px;
            margin: 0 20px;
            display: inline-block;
            cursor: pointer;
            -webkit-transition: color .2s ease-in-out;
            transition: color .2s ease-in-out;
        }

            .ProductShow .sDown .top ul.tab-menu li:hover, .ProductShow .sDown .top ul.tab-menu li.hit {
                color: #f72608;
            }

            .ProductShow .sDown .top ul.tab-menu li:before {
                content: "";
                display: block;
                position: absolute;
                bottom: 0;
                left: 0;
                width: 0;
                height: 3px;
                background: #f72608;
                -webkit-transition: width .2s ease-in-out;
                transition: width .2s ease-in-out;
            }

            .ProductShow .sDown .top ul.tab-menu li:hover:before, .ProductShow .sDown .top ul.tab-menu li.hit:before {
                width: 100%;
            }

    .ProductShow .sDown .fixedBoxA1 {
        width: 100%;
        background: #fff;
    }

    .ProductShow .sDown .fixedBoxA2 {
        position: fixed;
        _position: absolute;
        top: 0;
        z-index: 250;
    }

    .ProductShow .sDown .absolute {
        position: absolute;
        z-index: 250;
        bottom: 0;
    }

    .ProductShow .sDown .fixedBoxA2 h3.title {
        opacity: 1;
    }

    .ProductShow .sDown .fixedBoxA2 a.consult {
        opacity: 1;
    }

    .ProductShow .sDown .tab-box {
        margin: 30px 0 20px;
        padding: 10px;
    }

        .ProductShow .sDown .tab-box .box {
            color: #666;
            font-size: 13px;
            line-height: 25px;
        }

.ProductShow .sTop { margin-top: 30px;}
.ProductShow .sTop .left { margin-left: 20px; width: 625px;  height: 522px;}
.ProductShow .sTop .share { float: left;width: 100%; clear: both; margin: 10px 0 0 20px; }
.ProductShow .sTop .right { width: 500px;}
.ProductShow .sTop .right h2 {color: #333;font-size: 20px; }
.ProductShow .sTop .right h2 em { float: left;padding: 0 15px;color: #fff; font-size: 13px;background: #e83126;margin-right: 10px;border-radius: 5px; }
.ProductShow .sTop .right .wxBox { padding: 20px;color: #666; font-size: 13px; background: #e9e9e9; margin: 20px 0;line-height: 22px;height: 100px; }
.ProductShow .sTop .right .con {margin: 10px 0 0;float: left; }
.ProductShow .sTop .right .con a { position: relative;  color: #fff;  float: left;font-size: 14px; border-radius: 5px; padding: 10px 50px; background: -webkit-linear-gradient(left,#7ebf26,#fe0707);}
.ProductShow .sTop .right .con a:before { display: none;content: ""; position: absolute; bottom: 0;left: 0;width: 100%;height: 10px; border-radius: 100px; border-bottom: 5px #0b7fb7 solid;}
.ProductShow .sTop .right .con a:hover {background: #f60; }
.ProductShow .sTop .right .con .ewm {position: relative;float: left; margin: 5px 0 0 15px; }
.ProductShow .sTop .right .con .ewm em {display: block; width: 30px;height: 30px;position: relative; background: url(../Images/icon_ewm.png) no-repeat;cursor: -webkit-zoom-in;}
.ProductShow .sTop .right .con .ewm span {display: none; color: #666; font-size: 12px;}
.ProductShow .sTop .right .con .ewm .box { opacity: 0;position: absolute;left: 0; top: 30px;   width: 185px;height: 0;border: 1px #aaa solid;background: #fff;border-radius: 10px;overflow: hidden;}
.ProductShow .sTop .right .con .ewm:hover .box {
                    opacity: 1;
                    height: 200px;
                }

 .ProductShow .sTop .right .con .ewm .box img {
                    width: 140px;
                    height: 140px;
                    margin: auto;
                    display: block;
                }

.ProductShow .sTop .right .con .ewm .box span {
                    margin: 18px 0 2px;
                    display: block;
                    color: #666;
                    font-size: 12px;
                    text-align: center;
                }

.ProductShow .sTop .right .inf {
            float: left;
            margin: 25px 0 0;
            clear: both;
            border-top: 1px #ddd solid;
            width: 100%;
            padding: 20px 0 0;
        }

.ProductShow .sTop .right .inf span {
                display: inline-block;
                margin-right: 30px;
                color: #f72608;
                font-size: 15px;
            }

.ProductShow .sTop .right .inf span:before {
                    font-size: 20px;
                    margin-right: 5px;
                }

.ProductShow .sTop .right .tel {
            margin: 15px 0;
            padding: 15px 0;
            color: #666;
            font-size: 17px;
            border-bottom: 1px #ddd solid;
        }

.ProductShow .sTop .right .tel em {
                display: inline-block;
                width: 20px;
                height: 20px;
                color: #f72608;
                font-size: 30px;
                margin-right: 15px;
            }
.ProductShow .sTop .right .tel b {
                font-weight: 700;
                color: #f72608;
                font-size: 25px;
            }

.ProductShow .relevant {
    margin: 30px 0;
    padding: 50px 0;
    background: #f9f9f9;
}

    .ProductShow .relevant h2 {
        color: #333;
        font-size: 25px;
        margin: 0 0 20px 20px;
    }

        .ProductShow .relevant h2 em {
            color: #666;
            font-size: 20px;
            margin: 0 10px 0 0;
        }

    .ProductShow .relevant .picScroll-left {
        position: relative;
    }

        .ProductShow .relevant .picScroll-left .long {
            overflow: hidden;
        }

            .ProductShow .relevant .picScroll-left .long .list {
            }

                .ProductShow .relevant .picScroll-left .long .list li {
                    float: left;
                    width: 282px;
                    margin: 5px 10px;
                    background: #fff;
                    border: 1px #eee solid;
                    -webkit-box-shadow: 0 0 10px #ddd;
                    -moz-box-shadow: 0 0 10px #ddd;
                    box-shadow: 0 0 10px #ddd;
                }

                    .ProductShow .relevant .picScroll-left .long .list li a {
                        display: block;
                        padding: 5px;
                    }

                    .ProductShow .relevant .picScroll-left .long .list li:hover {
                    }

                    .ProductShow .relevant .picScroll-left .long .list li img {
                        height: 200px;
                    }

                    .ProductShow .relevant .picScroll-left .long .list li h4 {
                        padding: 15px;
                        color: #666;
                        font-size: 14px;
                        text-align: center;
                    }

                    .ProductShow .relevant .picScroll-left .long .list li:hover h4 {
                        color: #f72608;
                    }

        .ProductShow .relevant .picScroll-left .prev, .ProductShow .relevant .picScroll-left .next {
            position: absolute;
            top: 90px;
            left: -50px;
            font-size: 60px;
            color: #666;
            cursor: pointer;
        }

        .ProductShow .relevant .picScroll-left .next {
            right: -50px;
            left: auto;
        }

            .ProductShow .relevant .picScroll-left .prev:hover, .ProductShow .relevant .picScroll-left .next:hover {
                color: #f72608;
            }

.etalage li.etalage_small_thumbs {
    right: -550px;
    overflow-x: hidden;
    overflow-y: inherit;
    margin-top: -131px;
}

    .etalage li.etalage_small_thumbs ul {
        float: left;
    }

#examples {
    position: absolute;
    left: 0;
    width: 300px;
    overflow: visible;
}

#etalage {
    display: none;
}

    #etalage .etalage_thumb {
        background: #fff url(../Images/loading.gif) center no-repeat;
        border: 1px solid #ddd;
        padding: 6px;
        -webkit-box-shadow: 0 0 10px #ddd;
        -moz-box-shadow: 0 0 10px #ddd;
        box-shadow: 0 0 10px #ddd;
    }

    #etalage .etalage_thumb_image {
    }

    #etalage .etalage_small_thumbs li {
        background: #fff;
        border: 1px solid #ddd;
        margin: 10px;
        padding: 3px;
    }

    #etalage ul li.etalage_smallthumb_first {
    }

    #etalage ul li.etalage_smallthumb_last {
    }

    #etalage ul li.etalage_smallthumb_active {
        border: #f72608 solid 1px;
        -webkit-box-shadow: 0 0 10px #ddd;
        -moz-box-shadow: 0 0 10px #ddd;
        box-shadow: 0 0 10px #ddd;
    }

    #etalage .etalage_zoom_area, .etalage_zoom_area {
        background: #fff url(../Images/loading.gif) center no-repeat;
        border: 1px solid #ddd;
        padding: 6px;
        -webkit-box-shadow: 0 0 10px #ddd;
        -moz-box-shadow: 0 0 10px #ddd;
        box-shadow: 0 0 10px #ddd;
    }

    #etalage .etalage_magnifier {
        background: #fff;
        border: 1px solid #bbb;
    }

    #etalage .etalage_icon {
        background: url(../Images/zoom.png) no-repeat;
        width: 14px;
        height: 14px;
    }

    #etalage .etalage_hint {
        background: url(../Images/hint.gif) no-repeat;
        width: 130px;
        height: 57px;
    }

    #etalage .etalage_description {
        background: #fff;
        font-style: italic;
        margin: 10px;
        padding: 6px 10px;
    }

.etalage, .etalage_thumb, .etalage_thumb_image, .etalage_source_image, .etalage_zoom_preview, .etalage_icon, .etalage_hint {
    display: none;
}

    .etalage, .etalage ul, .etalage li, .etalage img, .etalage_hint, .etalage_icon, .etalage_description {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
    }

.etalage, .etalage_magnifier div, .etalage_magnifier div img, .etalage_small_thumbs ul, ul .etalage_small_thumbs li, .etalage_zoom_area div, .etalage_zoom_img {
    position: relative;
}

    .etalage img, .etalage li {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
        -moz-user-drag: none;
        user-drag: none;
    }

.etalage, .etalage_small_thumbs li {
    float: left;
}

.etalage_right {
    float: right;
}

.etalage li {
    position: absolute;
}

.etalage img {
    vertical-align: bottom;
    max-width: none;
}

.etalage_magnifier {
    cursor: default;
}

    .etalage_magnifier div, .etalage_small_thumbs {
        overflow: hidden;
    }

        .etalage_magnifier div img {
            display: none;
        }

.etalage_icon, .etalage_hint {
    cursor: default;
    width: 0;
    height: 0;
    overflow: hidden;
}

.etalage_small_thumbs li.vertical {
    float: none;
}

.etalage_zoom_area {
    z-index: 996;
}

    .etalage_zoom_area div {
        overflow: hidden;
        z-index: 997;
    }

.etalage_zoom_preview {
    position: absolute;
    z-index: 998;
}

.etalage_zoom_img, .etalage_hint {
    z-index: 999;
}

.etalage {
    direction: ltr;
}

div.etalage_description {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
}

    div.etalage_description.rtl {
        direction: rtl;
        text-align: right;
    }

.NewsListBox {
}

    .NewsListBox .list {
    }

        .NewsListBox .list li {
            float: left;
            clear: both;
            margin: 20px 0 30px;
            padding: 0 0 30px;
            width: 100%;
            border-bottom: 1px #ddd solid;
        }

            .NewsListBox .list li .img {
                width: 250px;
                height: 160px;
            }

                .NewsListBox .list li .img img {
                    width: 250px;
                    height: 160px;
                }

            .NewsListBox .list li .left {
                width: 300px;
            }

            .NewsListBox .list li .middle {
                width: 570px;
                margin: 0 50px;
            }

                .NewsListBox .list li .middle h4 {
                    color: #666;
                    font-size: 18px;
                    font-weight: 700;
                    margin: 10px 0 0;
                }

                .NewsListBox .list li .middle p {
                    margin: 10px 0 10px;
                    color: #999;
                    font-size: 14px;
                    line-height: 23px;
                }

                .NewsListBox .list li .middle b {
                    color: #333;
                    font-size: 13px;
                    border: 1px #ddd solid;
                    padding: 10px 30px;
                    background: #f5f5f5;
                }

            .NewsListBox .list li .right {
                width: 120px;
                color: #666;
                font-size: 50px;
                text-align: center;
                background: #f7f7f7;
                padding: 30px 20px 15px;
                margin: 10px 0 0;
            }

                .NewsListBox .list li .right span {
                    margin-top: 20px;
                    padding-top: 5px;
                    border-top: 1px #ddd solid;
                    display: block;
                    color: #999;
                    font-size: 14px;
                }

            .NewsListBox .list li a:hover h4 {
                color: #f72608;
            }

            .NewsListBox .list li a:hover b {
                background: #f72608;
                color: #fff;
                border: 1px #f72608 solid;
            }

            .NewsListBox .list li a:hover .right {
                background: #f72608;
                color: #fff;
            }

                .NewsListBox .list li a:hover .right span {
                    color: #fff;
                }

.news-list {
}

    .news-list li {
        float: left;
        width: 100%;
        padding: 0 0 20px;
        margin: 20px 0;
        border-bottom: 2px #ddd solid;
    }

        .news-list li .left {
            width: 870px;
        }

            .news-list li .left h4 {
                color: #555;
                font-size: 16px;
                font-weight: 700;
            }

            .news-list li .left span {
                display: block;
                margin: 10px 0 20px;
                color: #a4a4a4;
                padding-left: 15px;
                font-size: 12px;
                background: url(../Images/ico10.png) no-repeat left;
            }

            .news-list li .left p {
                color: #a4a4a4;
                font-size: 12px;
                line-height: 23px;
            }

            .news-list li .left b {
                display: inline-block;
                margin: 20px 0 0;
                padding: 7px 25px;
                border: 1px #383838 solid;
                color: #383838;
                font-size: 14px;
            }

        .news-list li a:hover h4 {
            color: #f72608;
        }

        .news-list li a:hover b {
            border: 1px #f72608 solid;
            color: #f72608;
        }

        .news-list li .img {
            width: 300px;
        }

.NewsDetailBox {
    margin: 30px 0 20px;
}

    .NewsDetailBox .left {
        width: 850px;
    }

        .NewsDetailBox .left .title {
            position: relative;
            padding: 0 0 10px 0;
            border-bottom: 1px #ddd solid;
        }

            .NewsDetailBox .left .title h2 {
                color: #333;
                margin: 0 0 10px;
                font-size: 20px;
                font-weight: 700;
            }

            .NewsDetailBox .left .title hr {
                position: absolute;
                bottom: -1px;
                left: 0;
                width: 150px;
                background: #f72608;
                border: none;
                height: 1px;
            }

            .NewsDetailBox .left .title span {
                display: inline-block;
                color: #999;
                font-size: 12px;
                margin: 0 20px 0 0;
            }

                .NewsDetailBox .left .title span.fonts {
                }

                    .NewsDetailBox .left .title span.fonts a {
                        margin: 0 5px;
                    }

                        .NewsDetailBox .left .title span.fonts a.active {
                            color: #f72608;
                        }

        .NewsDetailBox .left .wx {
            margin: 30px 0;
            color: #666;
            font-size: 13px;
            line-height: 23px;
        }

        .NewsDetailBox .left .pagination {
            padding: 30px 0;
            margin: 30px 0;
        }

            .NewsDetailBox .left .pagination .list {
                float: right;
                display: inline-block;
                color: #fff;
                font-size: 14px;
                background: #f72608;
                padding: 5px 20px;
            }

                .NewsDetailBox .left .pagination .list:hover {
                    background: #f60;
                }

            .NewsDetailBox .left .pagination .share {
                float: left;
            }

            .NewsDetailBox .left .pagination .long {
                margin: 30px 0;
                padding: 10px;
                background: #eee;
            }

                .NewsDetailBox .left .pagination .long span {
                    color: #666;
                    font-size: 12px;
                }

                    .NewsDetailBox .left .pagination .long span font {
                        padding: 2px 8px;
                        margin-right: 10px;
                        background: #f9f9f9;
                        font-size: 13px;
                        color: #333;
                    }

                    .NewsDetailBox .left .pagination .long span a:hover {
                        color: #f72608;
                    }

    .NewsDetailBox .right {
        width: 300px;
    }

        .NewsDetailBox .right ul {
            border: #ddd solid 1px;
            padding: 30px 20px;
            background: #fdfdfd;
        }

            .NewsDetailBox .right ul h2 {
                position: relative;
                margin: 0 0 20px;
                color: #333;
                font-size: 18px;
            }

                .NewsDetailBox .right ul h2 em {
                    margin-right: 10px;
                }

                .NewsDetailBox .right ul h2:after {
                    content: "";
                    position: absolute;
                    right: 0;
                    top: 12px;
                    width: 155px;
                    height: 1px;
                    background: #ddd;
                }

        .NewsDetailBox .right ul {
            margin: 25px 0 0;
        }

            .NewsDetailBox .right ul li {
                margin: 10px 0;
                padding: 0 0 10px;
                border-bottom: 1px #ddd dashed;
            }

                .NewsDetailBox .right ul li:last-child {
                    border: none;
                }

                .NewsDetailBox .right ul li h4 {
                    display: block;
                    color: #666;
                    font-size: 13px;
                    font-weight: 700;
                }

                .NewsDetailBox .right ul li p {
                    margin: 10px 0 5px;
                    color: #999;
                    font-size: 12px;
                    line-height: 22px;
                }

                .NewsDetailBox .right ul li span {
                    display: block;
                    color: #b7b5b5;
                    font-size: 12px;
                    line-height: 20px;
                    text-align: right;
                }

                .NewsDetailBox .right ul li b {
                    float: right;
                    color: #b7b5b5;
                    font-size: 12px;
                    line-height: 20px;
                    display: none;
                }

                .NewsDetailBox .right ul li a:hover h4, .NewsDetailBox .right ul li a:hover p {
                    color: #f72608;
                }

    .NewsDetailBox #fixedBoxA {
        width: 300px;
    }

    .NewsDetailBox .fixedBoxA1 {
    }

    .NewsDetailBox .fixedBoxA2 {
        position: fixed;
        _position: absolute;
        top: 0;
        z-index: 250;
    }

    .NewsDetailBox .absolute {
        position: absolute;
        z-index: 250;
        bottom: 0;
    }

.download-list {
    float: left;
    width: 100%;
    margin: 20px 0 50px;
}

    .download-list a {
        float: left;
        width: 545px;
        margin: 0 10px 20px;
        border-radius: 10px;
        padding: 20px 15px;
        border: 2px #ddd solid;
    }

        .download-list a h4 {
            color: #333;
            font-size: 16px;
        }

        .download-list a p {
            color: #999;
            font-size: 13px;
            margin: 10px 0 5px;
        }

        .download-list a span {
            display: block;
            margin: 10px 0 0;
            font-size: 12px;
            color: #999;
        }

            .download-list a span em {
                float: right;
                background: #ccc;
                border-radius: 20px;
                padding: 2px 10px;
                color: #fff;
                font-size: x-small;
            }

        .download-list a:hover {
            border: 2px #00529c solid;
        }

            .download-list a:hover h4 {
                color: #00529c;
            }

            .download-list a:hover span em {
                background: #00529c;
            }

.list-video {
    width: 1240px;
    margin-left: -40px;
}

    .list-video li {
        float: left;
        width: 580px;
        margin-left: 40px;
        margin-bottom: 40px;
    }

        .list-video li img {
            width: 580px;
            height: 454px;
        }

        .list-video li .box {
            border: 1px solid #ddd;
            padding: 30px 25px;
            border-top: none;
            height: 195px;
        }

            .list-video li .box h3 {
                float: left;
                clear: both;
                width: 100%;
                font-size: 24px;
                color: #666;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                margin-bottom: 10px;
            }

        .list-video li hr {
            float: left;
            width: 50px;
            height: 3px;
            margin: -5px 0 20px;
            border: none;
            background: #f72608;
        }

        .list-video li .box h3 span {
            display: block;
            background: #f72608;
            width: 100px;
            height: 3px;
            padding-top: 15px;
            margin-top: 15px;
            font-size: 18px;
        }

        .list-video li h3 {
        }

        .list-video li a:hover h3 {
            color: #f72608;
            transition: all .3s;
        }

        .list-video li b {
            float: right;
            width: 105px;
            height: 40px;
            background: #f72608;
            color: #fff;
            text-align: center;
            line-height: 40px;
            font-size: 14px;
            font-weight: 400;
        }

        .list-video li a:hover b {
            background: #f60;
            transition: all .3s;
        }

        .list-video li p {
            color: #666;
            clear: both;
            font-size: 12px;
            line-height: 22px;
        }

        .list-video li:hover {
            background: #f5f5f5;
        }

            .list-video li:hover hr {
                width: 150px;
                background: #f72608;
            }

.video-show {
}

    .video-show embed {
        float: left;
        margin: 20px 0;
        width: 100%;
        height: 500px;
    }

.joinBox {
    background: #f5f5f5;
}

    .joinBox div.lefter {
        width: 930px;
    }

    .joinBox div.righter {
        width: 240px;
    }

.join-list li {
    margin: 0 0 30px;
    padding: 0 0 20px;
    border: 1px #eee solid;
    background: #fff;
}

    .join-list li .title {
        position: relative;
        padding: 30px 30px 50px;
        border-bottom: 1px #f2f2f2 solid;
        background: #fafafa;
    }

        .join-list li .title h3 {
            color: #444;
            font-size: 25px;
            font-weight: 700;
            margin: 0 0 20px;
        }

        .join-list li .title span {
            color: #666;
            font-size: 14px;
        }

        .join-list li .title .txt-right {
            position: absolute;
            right: 30px;
            bottom: 30px;
            color: #777;
        }

    .join-list li .box h4 {
        color: #444;
        font-weight: 700;
        font-size: 16px;
        margin: 0 0 10px;
    }

    .join-list li .box {
        margin: 30px 30px 40px;
        padding: 0 0 40px;
        color: #777;
        font-size: 14px;
        line-height: 30px;
        border-bottom: 1px #eee solid;
    }

    .join-list li .title .share {
        float: right;
        margin-top: -50px;
    }

    .join-list li .down {
        margin: 30px;
        padding: 20px;
        background: #f5f5f5;
    }

        .join-list li .down p {
            color: #666;
            font-size: 15px;
            line-height: 32px;
        }

        .join-list li .down a {
            float: right;
            display: inline-block;
            color: #fff;
            background: #f72608;
            padding: 7px 25px;
            font-size: 15px;
        }

            .join-list li .down a:hover {
                background: #f60;
            }

.joinBox .righter {
}

    .joinBox .righter .box {
        padding: 20px;
        margin: 0 0 20px;
        border-top: 1px #eee solid;
        border-right: 1px #eee solid;
        border-bottom: 2px #eee solid;
        border-left: 1px #eee solid;
        background: #fff;
    }

    .joinBox .righter .one img {
        display: block;
        margin: auto;
        max-width: 100%;
    }

    .joinBox .righter .one h2 {
        color: #333;
        font-size: 15px;
        margin: 15px 0;
        text-align: center;
    }

    .joinBox .righter .one a {
        width: 150px;
        display: block;
        margin: auto;
        text-align: center;
        color: #777;
        font-size: 14px;
        border: 1px #ddd solid;
        padding: 7px 20px;
    }

        .joinBox .righter .one a:hover {
            background: #f72608;
            color: #fff;
        }

    .joinBox .righter .two {
    }

        .joinBox .righter .two h3 {
            font-size: 18px;
            color: #666;
            padding-bottom: 10px;
            margin: 0 0 15px;
            border-bottom: 1px #eee solid;
        }

        .joinBox .righter .two ul li em {
            color: #999;
            width: 20px;
            font-size: 20px;
            margin: 0 5px 0 0;
            display: inline-block;
            vertical-align: top;
            text-align: center;
        }

        .joinBox .righter .two ul li {
            display: block;
            clear: both;
            margin: 5px 0 15px;
        }

            .joinBox .righter .two ul li span {
                display: inline-block;
                color: #888;
                font-size: 13px;
                width: 165px;
            }

            .joinBox .righter .two ul li.x1 {
                height: 45px;
            }

                .joinBox .righter .two ul li.x1 span {
                    line-height: 25px;
                }

                .joinBox .righter .two ul li.x1 em {
                    line-height: 45px;
                }

            .joinBox .righter .two ul li.x2 {
            }

                .joinBox .righter .two ul li.x2 span {
                }

                .joinBox .righter .two ul li.x2 em {
                    line-height: 23px;
                }

    .joinBox .righter .three {
    }

    .joinBox .righter .four {
    }

        .joinBox .righter .four h3 {
            text-align: center;
            color: #666;
            font-size: 15px;
        }

        .joinBox .righter .four img {
            display: block;
            margin: 10px auto;
            max-width: 100%;
        }

.joinBox #fixedBoxA {
    width: 240px;
}

.joinBox .fixedBoxA1 {
}

.joinBox .fixedBoxA2 {
    position: fixed;
    _position: absolute;
    top: 20px;
    z-index: 250;
}

.joinBox .absolute {
    position: absolute;
    z-index: 250;
    bottom: 0;
}

.faqBox {
    padding: 50px 0 100px;
    background: #f8f8f8;
}

    .faqBox .lefter {
        padding: 10px 20px;
        background: #fff;
    }

        .faqBox .lefter a {
            display: block;
            font-size: 13px;
            color: #666;
            border-bottom: 1px #f0f0f0 solid;
            padding: 15px 25px;
            font-weight: 700;
        }

            .faqBox .lefter a:hover {
                color: #f72608;
            }

            .faqBox .lefter a:last-child {
                border: none;
            }

    .faqBox .righter {
        background: #fff;
    }

.list-faq {
    padding: 20px;
}

    .list-faq li {
        width: 100%;
        padding: 30px;
        clear: both;
        margin: 0 0 20px;
        border-bottom: 1px #ddd dashed;
    }

        .list-faq li em {
            color: #fff;
            font-size: 40px;
            width: 80px;
            height: 80px;
            text-align: center;
            background: #a0a0a0;
            border-radius: 50%;
            padding: 10px 0 0;
            margin: 0 20px 0 0;
        }

            .list-faq li em:before {
                margin-top: 8px;
            }

        .list-faq li h3, .list-faq li h3 a {
            color: #666;
            font-size: 16px;
            font-weight: 700;
        }

        .list-faq li .wx {
            margin: 10px 0 0;
            color: #999;
            font-size: 12px;
            line-height: 22px;
        }

            .list-faq li .wx a {
                color: #f72608;
                font-size: 12px;
                margin-left: 10px;
            }

        .list-faq li a:last-child {
            border: none;
        }

        .list-faq li:hover h3, .list-faq li:hover h3 a {
            color: #f72608;
        }

        .list-faq li:hover em {
            background: #f72608;
        }

.faqBox .righter .content {
    padding: 20px 30px 50px;
}

    .faqBox .righter .content h2 {
        color: #333;
        font-size: 20px;
        margin: 20px 0 50px;
    }

    .faqBox .righter .content h3 {
        color: #666;
        font-size: 16px;
        font-weight: 700;
    }

    .faqBox .righter .content .wx {
        margin: 20px 0 0;
        color: #777;
        font-size: 13px;
        line-height: 23px;
    }

.list-honor {
    float: left;
    width: 100%;
    margin-top: 20px;
}

    .list-honor li {
        display: inline-block;
        width: 274px;
        margin: 0 10px 20px;
        padding: 10px;
        border: 1px #dedede solid;
        border-radius: 10px;
        background: #f9f9f9;
    }

        .list-honor li .imgBox {
            width: 100%;
            height: 100%;
            vertical-align: middle;
            display: table-cell;
            text-align: center;
            height: 350px;
            background: #f9f9f9;
        }

    .list-honor img {
        max-width: 100%;
        vertical-align: middle;
        display: block;
        width: 100%;
        border: 1px #ddd solid;
    }

    .list-honor li figure {
        vertical-align: middle;
        display: table-cell;
        text-align: center;
    }

    .list-honor .imghvr-shutter-in-out-diag-1 figcaption em {
        margin-top: 120px;
    }

    .list-honor .imghvr-shutter-in-out-diag-1:after, .list-honor .imghvr-shutter-in-out-diag-1:before {
        width: 200%;
        height: 100%;
    }

    .list-honor h4 {
        width: 100%;
        text-align: center;
        color: #666;
        font-size: 15px;
        padding: 15px 0 5px;
        border-top: 1px #eee solid;
    }

    .list-honor li:hover h4 {
        color: #f72608;
    }

.list-pic {
    float: left;
    width: 100%;
    margin-top: 20px;
}

    .list-pic .effect-one .effect-one-img {
        width: auto;
        margin: auto;
    }

    .list-pic li {
        display: inline-block;
        width: 280px;
        margin: 0 10px 20px;
    }

        .list-pic li .imgBox {
            height: 220px;
            background: #fff;
        }

    .list-pic img {
        max-width: 100%;
        height: 180px;
        width: 100%;
        border: 1px #ddd solid;
    }

    .list-pic h4 {
        width: 100%;
        text-align: center;
        color: #666;
        font-size: 15px;
        padding: 7px 0 10px;
    }

    .list-pic li:hover h4 {
        color: #f72608;
    }

.list-cooperation {
    float: left;
    width: 100%;
    margin-top: 20px;
}

    .list-cooperation .effect-one {
        border: 1px #ddd solid;
    }

        .list-cooperation .effect-one .effect-one-img {
            width: auto;
            margin: auto;
        }

    .list-cooperation li {
        position: relative;
        display: inline-block;
        width: 274px;
        margin: 0 10px 20px;
    }

    .list-cooperation img {
        width: 100%;
        height: 166px;
        margin-bottom: -6px;
        border: 2px #eee solid;
    }

    .list-cooperation h4 {
        text-align: center;
        color: #666;
        font-size: 14px;
        padding: 10px 0;
    }

    .list-cooperation a:hover h4 {
        color: #f72608;
    }

    .list-cooperation .effect-two {
    }

        .list-cooperation .effect-two::before {
            border-top: 2px solid #f72608;
            border-bottom: 2px solid #f72608;
        }

        .list-cooperation .effect-two::after {
            border-left: 2px solid #f72608;
            border-right: 2px solid #f72608;
        }

.fzlc .bigBox {
    position: relative;
    float: left;
    margin: 130px 0 0;
    width: 100%;
    height: 100%;
}

    .fzlc .bigBox .top {
        left: 585px;
        top: -110px;
        position: absolute;
        height: 52px;
        width: 31px;
        color: #f72608;
        font-size: 55px;
    }

.bigBox:before {
    content: "";
    width: 1px;
    margin-top: -50px;
    height: 100%;
    background: #f72608;
    left: 600px;
    top: 0;
    position: absolute;
}

.fzlc .bigBox .img {
    position: relative;
    width: 530px;
}

    .fzlc .bigBox .img img {
        max-width: 100%;
    }

.fzlc .bigBox .text h3 {
    font-weight: 400;
    font-size: 32px;
    color: #f72608;
    margin: 0 0 20px;
}

.fzlc .bigBox .text em {
    color: #c38f5f;
    margin: 0 5px;
    font-style: normal;
}

.fzlc .bigBox .img:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 58px;
    width: 60px;
    height: 1px;
    background: #f72608;
}

.fzlc .bigBox .img:after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    background: #f72608;
    border-radius: 500rem;
    box-shadow: 0 0 0 5px rgba(0,146,216,.28);
    top: 50px;
}

.fzlc .bigBox .text {
    width: 530px;
    color: #555;
    font-size: 14px;
    line-height: 30px;
}

.fzlc .bigBox .one, .fzlc .bigBox .two {
    float: left;
    width: 100%;
    margin: 0 0 90px;
}

    .fzlc .bigBox .one .img {
        float: right;
    }

        .fzlc .bigBox .one .img:before {
            left: -57px;
        }

        .fzlc .bigBox .one .img:after {
            left: -77px;
        }

    .fzlc .bigBox .one .text {
        float: left;
        text-align: right;
    }

        .fzlc .bigBox .one .text em {
            float: right;
        }

    .fzlc .bigBox .two .img {
        float: left;
        text-align: right;
    }

        .fzlc .bigBox .two .img:before {
            right: -58px;
        }

        .fzlc .bigBox .two .img:after {
            right: -78px;
        }

    .fzlc .bigBox .two .text {
        float: right;
        text-align: left;
    }

        .fzlc .bigBox .two .text em {
            float: left;
        }

.AboutBox {
    margin-bottom: -50px;
}

    .AboutBox .block {
        margin: 20px 0 60px;
    }

    .AboutBox .bgd {
        padding: 10px 0 60px;
        margin-bottom: 10px;
        background: #ececec;
    }

    .AboutBox .wx {
        color: #666;
        font-size: 13px;
        line-height: 25px;
    }

    .AboutBox .title {
        color: #f72608;
        font-size: 48px;
        margin: 60px 0;
        font-family: font1,宋体;
        text-align: center;
    }

        .AboutBox .title span {
            color: #666;
            font-size: 14px;
            display: block;
            margin-top: 13px;
        }

    .AboutBox .introduction {
        margin-top: 0;
    }

        .AboutBox .introduction .left {
            width: 600px;
        }

            .AboutBox .introduction .left a {
                cursor: pointer;
            }

        .AboutBox .introduction .right {
            width: 550px;
        }

            .AboutBox .introduction .right h3 {
                margin: 40px 0 0;
                color: #555;
                font-size: 30px;
            }

            .AboutBox .introduction .right span {
                display: block;
                margin-top: 10px;
                color: #aaa;
                font-size: 18px;
                font-family: font1,宋体;
            }

            .AboutBox .introduction .right h4 {
                margin: 30px 0 40px;
                color: #333;
                font-size: 22px;
            }

            .AboutBox .introduction .right .wx {
                margin: 30px 0 75px;
            }

            .AboutBox .introduction .right hr {
                display: block;
                width: 70px;
                height: 2px;
                border: none;
                background: #f72608;
            }

    .AboutBox .culture {
    }

        .AboutBox .culture .box .wx {
            width: 560px;
            color: #333;
            font-size: 14px;
            line-height: 25px;
        }

    .AboutBox .course .picScroll-left {
        position: relative;
        overflow: hidden;
    }

        .AboutBox .course .picScroll-left hr {
            position: absolute;
            top: 55px;
            left: 0;
            border: none;
            width: 100%;
            height: 1px;
            background: #ddd;
        }

        .AboutBox .course .picScroll-left .tempWrap {
            width: 1200px;
        }

        .AboutBox .course .picScroll-left .prev, .AboutBox .course .picScroll-left .next {
            padding: 5px 30px;
            color: #fff;
            font-size: 15px;
            cursor: pointer;
            border-radius: 10px 0 0 10px;
            display: inline-block;
            background: #666;
        }

        .AboutBox .course .picScroll-left .next {
            left: inherit;
            border-radius: 0 10px 10px 0;
        }

        .AboutBox .course .picScroll-left .list {
        }

        .AboutBox .course .picScroll-left .arrow {
            margin-top: 50px;
            width: 100%;
            text-align: center;
        }

            .AboutBox .course .picScroll-left .arrow a:hover {
                background: #f72608;
            }

        .AboutBox .course .picScroll-left h4 {
            display: block;
            width: 100%;
            height: 1px;
            border: none;
            background: #ddd;
        }

        .AboutBox .course .picScroll-left .list li {
            float: left;
            width: 300px;
            text-align: center;
        }

            .AboutBox .course .picScroll-left .list li.one {
            }

            .AboutBox .course .picScroll-left .list li.two {
            }

            .AboutBox .course .picScroll-left .list li em {
                display: block;
                margin: auto;
                width: 12px;
                height: 12px;
                border-radius: 50%;
                border: 2px #9c9c9c solid;
                padding: 1px;
                background: #f9f9f9;
            }

            .AboutBox .course .picScroll-left .list li h3 {
                color: #f72608;
                font-weight: 700;
                font-size: 18px;
                line-height: 30px;
                height: 50px;
                padding: 10px 0;
            }

            .AboutBox .course .picScroll-left .list li p {
                color: #666;
                font-size: 13px;
                height: 50px;
            }

            .AboutBox .course .picScroll-left .list li.one p {
                margin-top: 10px;
            }

            .AboutBox .course .picScroll-left .list li.one h3 {
            }

    .AboutBox .honor {
    }

        .AboutBox .honor .picScroll-left {
            position: relative;
        }

            .AboutBox .honor .picScroll-left .hidden {
                width: 1210px;
                overflow: hidden;
            }

            .AboutBox .honor .picScroll-left .list li {
                position: relative;
                float: left;
                width: 285px;
                margin: 0 10px;
            }

                .AboutBox .honor .picScroll-left .list li a {
                }

                .AboutBox .honor .picScroll-left .list li .pic {
                    width: 400px;
                    padding: 10px;
                    height: 390px;
                    border-radius: 10px;
                    vertical-align: middle;
                    display: table-cell;
                    text-align: center;
                    border: 1px #dedede solid;
                    background: #f9f9f9;
                }

                .AboutBox .honor .picScroll-left .list li:hover .pic {
                    border: 1px #f72608 solid;
                }

            .AboutBox .honor .picScroll-left .prev, .AboutBox .honor .picScroll-left .next {
                position: absolute;
                width: 40px;
                color: #fff;
                font-size: 40px;
                padding: 5px 10px;
                top: 155px;
                left: -45px;
                cursor: pointer;
                text-align: center;
                background: #666;
            }

            .prev, .AboutBox .honor .picScroll-left .next {
                left: inherit;
                right: -65px;
            }

                .AboutBox .honor .picScroll-left .prev:hover, .AboutBox .honor .picScroll-left .next:hover {
                    background: #333;
                }

                .AboutBox .honor .picScroll-left .next:hover {
                }

            .AboutBox .honor .picScroll-left .list li img {
                width: 100%;
                margin: auto;
                max-height: 400px;
                display: block;
                vertical-align: middle;
                background: #fff;
            }

            .AboutBox .honor .picScroll-left li a:hover h4 {
                color: #f72608;
            }

            .AboutBox .honor .picScroll-left .list li h4 {
                color: #555;
                font-size: 15px;
                padding: 10px 0 0;
                text-align: center;
                font-weight: 700;
            }

    .AboutBox .ambient {
        position: relative;
        overflow: hidden;
    }

        .AboutBox .ambient .bg img {
        }

        .AboutBox .ambient .list {
        }

            .AboutBox .ambient .list li.one {
                width: 600px;
                height: 467px;
            }

            .AboutBox .ambient .list li.two {
                width: 290px;
                height: 228px;
                margin: 0 0 10px 10px;
            }

            .AboutBox .ambient .list li {
                float: left;
                background: #eee;
                overflow: hidden;
            }

                .AboutBox .ambient .list li img {
                    width: 100%;
                    height: 100%;
                    display: block;
                }

                .AboutBox .ambient .list li a {
                    position: relative;
                    display: block;
                    height: 100%;
                }

                .AboutBox .ambient .list li h3 {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    padding: 15px;
                    color: #fff;
                    font-size: 16px;
                    background: rgba(0,0,0,.5);
                }

                .AboutBox .ambient .list li u {
                    position: absolute;
                    left: 0;
                    bottom: -100%;
                    display: block;
                    width: 100%;
                    height: 100%;
                    background: rgba(0,146,216,.8);
                }

                .AboutBox .ambient .list li .box {
                    position: absolute;
                    left: 0;
                    top: 154px;
                    width: 100%;
                    text-align: center;
                }

                .AboutBox .ambient .list li h4 {
                    opacity: 0;
                    margin-left: -50px;
                    color: #fff;
                    font-size: 16px;
                    transition: all .6s ease-in-out;
                }

                .AboutBox .ambient .list li hr {
                    opacity: 0;
                    width: 0;
                    margin: 30px auto;
                    height: 1px;
                    border: none;
                    background: #fff;
                    transition: all .6s ease-in-out;
                }

                .AboutBox .ambient .list li span {
                    opacity: 0;
                    display: -webkit-inline-box;
                    margin-right: -50px;
                    padding: 7px 15px;
                    border: 1px #eee solid;
                    color: #eee;
                    font-size: 12px;
                    transition: all .6s ease-in-out;
                }

                .AboutBox .ambient .list li:hover u {
                    bottom: 0;
                }

                .AboutBox .ambient .list li:hover h3 {
                    bottom: -100%;
                }

                .AboutBox .ambient .list li:hover h4 {
                    opacity: 1;
                    margin-left: 0;
                }

                .AboutBox .ambient .list li:hover hr {
                    opacity: 1;
                    width: 80px;
                }

                .AboutBox .ambient .list li:hover span {
                    opacity: 1;
                    margin-right: 0;
                }

                .AboutBox .ambient .list li.two .box {
                    left: 0;
                    top: 60px;
                }

                .AboutBox .ambient .list li.two hr {
                    margin: 30px auto;
                }

    .AboutBox .cooperation {
        padding: 20px 0 60px;
        background: url(../Images/cooperation-bg.jpg);
    }

        .AboutBox .cooperation ul {
            margin: 30px 0 0;
        }

            .AboutBox .cooperation ul li {
                float: left;
                width: 230px;
                margin: 0 5px 10px;
                border: 1px #fff solid;
                -webkit-box-shadow: 0 0 20px #aaa;
                -moz-box-shadow: 0 0 20px #aaa;
                box-shadow: 0 0 20px #aaa;
            }

                .AboutBox .cooperation ul li:hover {
                    -webkit-box-shadow: 0 0 20px #f72608;
                    -moz-box-shadow: 0 0 20px #40702d;
                    box-shadow: 0 0 5px #f72608;
                    border: 1px #f72608 solid;
                }

                .AboutBox .cooperation ul li img {
                    width: 228px;
                    height: 80px;
                    display: block;
                }

.contact {
}

    .contact h2 {
        color: #1a1a1a;
        font-size: 25px;
        margin: 0 0 50px;
    }

    .contact .long {
        float: left;
        width: 100%;
    }

        .contact .long b {
            float: left;
            width: 20%;
            text-align: center;
        }

            .contact .long b h4 {
                color: #999;
                font-size: 14px;
                font-weight: 400;
            }

                .contact .long b h4 span {
                    margin: 5px 0;
                    display: block;
                    color: #666;
                    font-size: 13px;
                }

    .contact .box {
        margin: 10px 0 20px;
        font-size: 14px;
        color: #666;
        line-height: 25px;
    }

    .contact #dituContent {
        float: left;
        width: 100%;
        height: 450px;
        margin: 0 0 0;
    }

.leftNav {
    width: 240px;
    background: #fff;
}

    .leftNav h2 {
        width: 100%;
        font-weight: 700;
        padding: 30px 0 20px 50px;
        font-size: 26px;
        color: #fff;
        border-radius: 0 25px 0 0;
        background: #0082cb;
    }

        .leftNav h2 font {
            font-size: 12px;
            display: block;
            margin-top: 2px;
        }

    .leftNav ul {
        margin: 0;
        padding: 0 0;
        border: 1px #ddd solid;
    }

        .leftNav ul li {
            border-bottom: 1px #ededed solid;
        }

            .leftNav ul li a {
                position: relative;
                display: block;
                line-height: 35px;
                color: #333;
                font-size: 14px;
                padding: 10px 0 10px 20px;
                background: #f9f9f9;
            }

                .leftNav ul li a:before {
                    content: "";
                    display: blcok;
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 3px;
                    height: 0;
                    background: #147fdd;
                    transition: all .5s ease-in-out;
                }

                .leftNav ul li a:hover:before {
                    height: 100%;
                }

                .leftNav ul li a:hover, .leftNav ul li.active a {
                    color: #147fdd;
                }

.left_contact {
    margin: 30px 0 0;
    padding: 18px;
    color: #555;
    font-size: 13px;
    line-height: 23px;
    border: 1px #ddd solid;
}

    .left_contact img {
        margin: 0 0 5px;
    }

    .left_contact .box {
    }

.sitemap-frame {
    margin: 50px 0 20px;
}

    .sitemap-frame .site-box {
        border-bottom: 2px #666 solid;
    }

        .sitemap-frame .site-box .left {
            padding: 10px 20px;
            color: #fff;
            background: #555;
        }

            .sitemap-frame .site-box .left a {
                color: #fff;
                display: inline-block;
            }

        .sitemap-frame .site-box .right {
            color: #888;
            font-size: 13px;
            line-height: 35px;
            padding-left: 20px;
        }

            .sitemap-frame .site-box .right a {
                display: inline-block;
                color: #888;
                font-size: 13px;
            }

                .sitemap-frame .site-box .right a:hover {
                    color: #f72608;
                }

    .sitemap-frame .list {
        width: 100%;
        float: left;
        margin: 40px 0;
        display: table;
    }

        .sitemap-frame .list li {
            display: table-cell;
            text-align: center;
        }

        .sitemap-frame .list hr {
            width: 3px;
            height: 100%;
            border: none;
            background: #000;
        }

        .sitemap-frame .list h4 {
        }

            .sitemap-frame .list h4 a {
                display: block;
                color: #fff;
                font-size: 15px;
                padding: 10px;
                border-bottom: 1px #ddd dotted;
                margin: 0 5px;
                background: #607782;
                border-radius: 7px;
            }

        .sitemap-frame .list a:before {
            padding-right: 5px;
        }

        .sitemap-frame .list .box {
            padding: 20px 0 10px;
            clear: both;
            border-left: 1px #ddd solid;
            margin: 0 5px;
        }

            .sitemap-frame .list .box a {
                position: relative;
                display: block;
                color: #666;
                font-size: 13px;
                background: #ededed;
                padding: 10px 5px;
                margin: 0 0 20px 5px;
                border-radius: 5px;
            }

                .sitemap-frame .list .box a:after {
                    content: "";
                    position: absolute;
                    left: -12px;
                    top: 20px;
                    width: 12px;
                    height: 5px;
                    display: block;
                    background: #cacaca;
                }

        .sitemap-frame .list a:hover {
            color: #fff;
            background: #f72608;
        }

            .sitemap-frame .list a:hover:after {
            }

#pages {
    float: left;
    width: 100%;
    margin: 20px 0 50px;
    text-align: center;
}

    #pages span {
        border: 0 #ddd solid;
        padding: 5px 10px;
        margin: 0 5px;
        background: #ddd;
        color: #999;
    }

    #pages a {
        border: 1px #bbb solid;
        padding: 5px 10px;
        color: #666;
        margin: 0 5px;
    }

        #pages a:hover {
            color: #fff;
            background: #f60;
        }

.comments .title {
    float: left;
    width: 100%;
    text-align: left;
    margin: 50px 0 35px;
    color: #666;
    font-size: 30px;
}

.comments .title {
}

    .comments .title b {
        margin: 10px 0 0;
        font-size: 12px;
        color: #777;
        font-weight: 400;
    }

    .comments .title span {
        display: block;
        border: 2px solid #ccc;
        width: 14px;
        height: 14px;
        border-radius: 100%;
        margin: .4em auto 0;
        position: relative;
    }

.contact-form {
    float: left;
    width: 100%;
    margin: 20px 0;
}

    .contact-form .fields-grid {
        float: left;
        width: 102%;
        margin-left: -2%;
    }

.styled-input {
    margin-right: 2%;
}

    .styled-input.agile-styled-input-top {
        margin-top: 0;
    }

.contact-form .yzm {
    width: 205px;
    margin-right: 20px;
}

    .contact-form .yzm input.input-verifycode {
        width: 120px;
        float: right;
        margin: 10px 0 0;
    }

    .contact-form .yzm img {
        float: left;
        margin: 20px 0 0;
    }

.contact-form input[type=text], .contact-form input[type=email], .contact-form textarea {
    font-size: 13px;
    color: #999;
    padding: 10px;
    border: 0;
    width: 100%;
    border-bottom: 1px solid #aaa;
    background: 0 0;
    -webkit-appearance: none;
    outline: none;
}

.contact-form textarea {
    min-height: 100px;
    resize: none;
}

.styled-input input:focus ~ label, .styled-input input:valid ~ label, .styled-input textarea:focus ~ label, .styled-input textarea:valid ~ label {
    font-size: 14px;
    color: #f72608;
    top: -1.3em;
    -webkit-transition: all .125s;
    -moz-transition: all .125s;
    -o-transition: all .125s;
    -ms-transition: all .125s;
    transition: all .125s;
}

.styled-input {
    width: 48%;
    margin: 2em 0 1em 2%;
    position: relative;
    float: left;
}

.textarea-grid {
    float: left;
    width: 100%!important;
    margin-left: 0!important;
}

.styled-input label {
    color: #8c8c8c;
    padding: .5em .9em;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    pointer-events: none;
    font-weight: 400;
    font-size: 14px;
    display: block;
    line-height: 1em;
}

.styled-input input ~ span, .styled-input textarea ~ span {
    display: block;
    width: 0;
    height: 2px;
    background: #f72608;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all .125s;
    -moz-transition: all .125s;
    transition: all .125s;
}

.styled-input textarea ~ span {
    bottom: 6px;
}

.styled-input input:focus.styled-input textarea:focus {
    outline: 0;
}

.styled-input input:focus ~ span, .styled-input textarea:focus ~ span {
    width: 100%;
    -webkit-transition: all .075s;
    -moz-transition: all .075s;
    transition: all .075s;
}

.contact-form button[type=submit] {
    outline: none;
    color: #fff;
    padding: 10px 30px;
    font-size: 14px;
    margin: 10px 0 0;
    -webkit-appearance: none;
    background: #666;
    border: none;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    transition: .5s all;
    cursor: pointer;
}

    .contact-form button[type=submit]:hover {
        background: #f72608;
    }

#dituContent {
    margin: 0 0 0;
    width: 100%;
    height: 500px;
}

.kefuBox-One {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 99;
}

    .kefuBox-One ul li {
        position: relative;
        margin: 2px 0;
        cursor: pointer;
    }

        .kefuBox-One ul li a {
            position: relative;
            display: block;
            width: 45px;
            height: 45px;
            overflow: hidden;
        }

        .kefuBox-One ul li em {
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            padding: 10px 0 0;
            width: 100%;
            height: 100%;
            font-size: 22px;
            color: #eee;
            text-align: center;
            background: rgba(102,102,102,.9);
        }

        .kefuBox-One ul li .ewm {
            display: block;
            width: 100%;
        }

        .kefuBox-One ul li em.icon-mobile {
            font-size: 35px;
            padding: 5px 0 0;
        }

        .kefuBox-One ul li em.icon-phone {
            font-size: 30px;
        }

        .kefuBox-One ul li b {
            position: absolute;
            left: 0;
            top: 45px;
            padding: 3px;
            display: block;
            width: 100%;
            font-size: 14px;
            height: 100%;
            color: #ddd;
            line-height: 18px;
            text-align: center;
            background: #333;
        }

        .kefuBox-One ul li .toolbar-layer {
            position: absolute;
            right: 47px;
            bottom: -10px;
            width: 172px;
            opacity: 0;
            padding: 5px;
            border-radius: 5px;
            border: 1px #ccc solid;
            background: #fff;
            filter: alpha(opacity=0);
            transform-origin: 95% 95%;
            -moz-transform-origin: 95% 95%;
            -ms-transform-origin: 95% 95%;
            -o-transform-origin: 95% 95%;
            -webkit-transform-origin: 95% 95%;
            transform: scale(.01);
            -moz-transform: scale(.01);
            -ms-transform: scale(.01);
            -o-transform: scale(.01);
            -webkit-transform: scale(.01);
            transition: all 1s;
            -moz-transition: all 1s;
            -ms-transition: all 1s;
            -o-transition: all 1s;
            -webkit-transition: all 1s;
        }

        .kefuBox-One ul li .img {
            width: 120px;
        }

        .kefuBox-One ul li .tel {
            color: #666;
            font-size: 15px;
            padding: 20px;
            background: rgba(255,255,255,.86);
        }

            .kefuBox-One ul li .tel hr {
                width: 100%;
                border: 0;
                background: #f72608;
            }

            .kefuBox-One ul li .tel font {
                float: left;
                width: 100%;
                clear: both;
                margin: 5px 0;
                padding: 5px 0;
                font-weight: 700;
                color: #555;
                font-size: 15px;
                bo;
                border-bottom: 1px #ccc solid;
            }

        .kefuBox-One ul li:hover .toolbar-layer {
            opacity: 1;
            filter: alpha(opacity=100);
            transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
        }

        .kefuBox-One ul li:hover em {
            top: -45px;
        }

        .kefuBox-One ul li:hover b {
            top: 0;
        }

        .kefuBox-One ul li .cd-top {
            height: 0;
        }

        .kefuBox-One ul li .cd-is-visible {
            height: 45px;
        }

.pop {
    display: none;
    width: 350px;
    min-height: 270px;
    max-height: 350px;
    height: 270px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    padding: 25px;
    z-index: 130;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 3px 18px rgba(72,72,72,.5);
}

.pop-top {
    height: 35px;
    width: 100%;
    border-bottom: 1px #e5e5e5 solid;
}

    .pop-top h2 {
        float: left;
        font-size: 18px;
        color: #666;
        display: block;
    }

    .pop-top span {
        float: right;
        margin-top: 0;
        width: 25px;
        line-height: 23px;
        height: 25px;
        font-size: 22px;
        cursor: pointer;
        text-align: center;
        font-weight: 700;
        display: block;
        color: #666;
        border-radius: 50%;
    }

        .pop-top span:hover {
            transform: rotate(360deg);
            color: #fff;
            font-size: 16px;
            background: #737373;
        }

.pop-foot {
    height: 50px;
    line-height: 50px;
    width: 100%;
    border-top: 1px #e5e5e5 solid;
    text-align: right;
}

.pop-cancel, .pop-ok {
    padding: 8px 15px;
    margin: 15px 5px;
    border: none;
    border-radius: 5px;
    background-color: #337ab7;
    color: #fff;
    cursor: pointer;
}

.pop-cancel {
    background-color: #fff;
    border: 1px #cecece solid;
    color: #000;
}

.pop-content {
    height: 170px;
    margin: 20px 0;
}

    .pop-content img {
        max-width: 100%;
        max-height: 100%;
        display: block;
        margin: auto;
    }

.pop-content-left {
    float: left;
}

.pop-content-right {
    width: 310px;
    float: left;
    padding-top: 20px;
    padding-left: 20px;
    font-size: 16px;
    line-height: 35px;
}

.bgPop {
    display: none;
    position: absolute;
    z-index: 129;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
}

[class^=imghvr-], [class*=' imghvr-'] {
    position: relative;
    display: inline-block;
    margin: 0;
    width: 100%;
    max-width: 100%;
    background-color: rgba(1,87,155,.3);
    color: #fff;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

    [class^=imghvr-] > img, [class*=' imghvr-'] > img {
        vertical-align: top;
        max-width: 100%;
    }

    [class^=imghvr-] figcaption, [class*=' imghvr-'] figcaption {
        background-color: inherit;
        padding: 30px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    [class^=imghvr-] h3, [class*=' imghvr-'] h3, [class^=imghvr-] p, [class*=' imghvr-'] p, [class^=imghvr-] em, [class*=' imghvr-'] em {
        margin: 0;
        padding: 0;
        color: #fff;
    }

    [class^=imghvr-] a, [class*=' imghvr-'] a {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
    }

    [class^=imghvr-], [class*=' imghvr-'], [class^=imghvr-]:before, [class^=imghvr-]:after, [class*=' imghvr-']:before, [class*=' imghvr-']:after, [class^=imghvr-] *, [class*=' imghvr-'] *, [class^=imghvr-] *:before, [class^=imghvr-] *:after, [class*=' imghvr-'] *:before, [class*=' imghvr-'] *:after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all .35s ease;
        transition: all .35s ease;
    }

[class^=imghvr-shutter-in-]:after, [class*=' imghvr-shutter-in-']:after, [class^=imghvr-shutter-in-]:before, [class*=' imghvr-shutter-in-']:before {
    background: inherit;
    position: absolute;
    content: '';
}

[class^=imghvr-shutter-in-]:after, [class*=' imghvr-shutter-in-']:after {
    top: 0;
    left: 0;
}

[class^=imghvr-shutter-in-]:before, [class*=' imghvr-shutter-in-']:before {
    right: 0;
    bottom: 0;
}

[class^=imghvr-shutter-in-] figcaption, [class*=' imghvr-shutter-in-'] figcaption {
    opacity: 0;
    z-index: 1;
}

[class^=imghvr-shutter-in-]:hover figcaption, [class*=' imghvr-shutter-in-']:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.imghvr-shutter-in-out-diag-1:after, .imghvr-shutter-in-out-diag-1:before {
    width: 200%;
    height: 200%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    opacity: .3;
}

.imghvr-shutter-in-out-diag-1:after {
    -webkit-transform: skew(-45deg) translateX(-150%);
    transform: skew(-45deg) translateX(-150%);
}

.imghvr-shutter-in-out-diag-1:before {
    -webkit-transform: skew(-45deg) translateX(150%);
    transform: skew(-45deg) translateX(150%);
}

.imghvr-shutter-in-out-diag-1:hover:after {
    -webkit-transform: skew(-45deg) translateX(-50%);
    transform: skew(-45deg) translateX(-50%);
}

.imghvr-shutter-in-out-diag-1:hover:before {
    -webkit-transform: skew(-45deg) translateX(50%);
    transform: skew(-45deg) translateX(50%);
}

.imghvr-shutter-in-out-diag-1 figcaption {
    text-align: center;
}

    .imghvr-shutter-in-out-diag-1 figcaption em {
        margin-top: 60px;
        display: block;
        color: #fff;
        font-size: 40px;
    }
