@charset "utf-8";
/* CSS Document */
/*2019.7.17 */
.fl {
    float: left;
}

.fr {
    float: right;
}

.pos {
    position: relative;
}

main {
    overflow: auto;
}

.container {
    width: 1170px;
    margin: auto;
}

.box {
    /*position: fixed;*/
    background:url(bg2.jpg);
    background-size:cover;
min-width:1170px;
}

.frame {
    padding: 0;
}

.wc-top {
    height: 158px;
}

.logo {
    width: 700px;
    height: 151px;
}

    .logo img {
        width: 700px;
        height: 151px;
    }

.top-right {
    width: 300px;
}

.search {
    background: url(search.png) no-repeat left top;
    width: 300px;
    height: 42px;
    margin-top: 70px;
}

    .search .inp-text {
        background: none;
        color: #fff;
        width: 255px;
        height: 38px;
        border: none;
        padding-left: 5px;
    }

    .search .inp-but {
        background: none;
        cursor: pointer;
        width: 40px;
        height: 40px;
        border: none;
    }


/*top end*/
.wc-menu {
    border-top: 1px solid #58595e;
    border-bottom: 1px solid #58595e;
    height: 58px;
}

    .wc-menu ul {
        display: table;
        width: 100%; /*转化为table 并且，宽度百分百，*/
    }

        .wc-menu ul li {
            line-height: 58px;
            position: relative;
            text-align: center; /*居中并且转为table-cell*/
            /*display: table-cell;*/
            float: left;
        }

            .wc-menu ul li.last {
                background: none;
            }

                .wc-menu ul li.last a {
                    background: none;
                }

            .wc-menu ul li a {
                font-size: 16px;
                color: #fff;
                line-height: 58px;
                /*text-transform: capitalize;*/
                display: block;
                transition: all .2s;
                text-decoration: none;
                margin-right: 0;
                padding: 0 29px;
                /*  background: url(mbg.png) repeat-x left top;*/
            }

                .wc-menu ul li a.last {
                }

                .frame__demos a:not(:last-child), .frame__github, .frame__links a:not(:last-child) {
                    margin-right: 0;
                }


.wc-menu ul li a:hover, .wc-menu ul li a.active {
    background: url(mbg.png) repeat-x left top;
}

.wc-menu ul li .ernav {
    position: absolute;
    left: 0px;
    top: 57px;
    background: #fff;
    width: 125%;
    z-index: 1;
    display: none;
}

    .wc-menu ul li .ernav ul li {
        text-align: center;
        float: none;
        display: block; /*二级下拉有影响，需要转化为块状*/
        border-bottom: 1px solid #58595e;
        background: none;
    }

        .wc-menu ul li .ernav ul li a {
            line-height: 25px;
            font-size: 14px;
            text-align: center;
            background: none;
            box-shadow: none;
            border-radius: 0;
            color: #000;
            display: block;
            padding: 3px 5px;
        }

            .wc-menu ul li .ernav ul li a:hover {
                background: url(mbg.png) repeat-x left top;
                color: #fff;
            }

/*menu End*/

.banner {
    height: 560px;
    border-bottom: 1px solid #5b5b62;
    padding: 40px 0;
}

    .banner .ann a {
        background: url(ann.png) no-repeat left top;
        display: block;
        width: 172px;
        height: 62px;
    }

    .banner a.prev {
        position: absolute;
        left: 0px;
        z-index: 1;        
        bottom: -215px;
        cursor: pointer;
        background-position: -6px -80px;
    }

        .banner a.prev:hover {
            background-position: -6px -80px;
        }

    .banner a.next {
        position: absolute;
        right: 0px;
        bottom: -215px;
        z-index: 1;
        cursor: pointer;
        background-position: -176px -6px;
    }

        .banner a.next:hover {
            background-position: -176px -6px;
        }

    .banner .bd {
        height: 335px;
        text-align: center;
    }

        .banner .bd ul li {
            height: 602px;
        }

            .banner .bd ul li img {
                height: 602px;
                border: 1px solid #9b9b9f;
            }

.slideBox .ban-text {
    position: absolute;
    left: 170px;
    bottom: -214px;
    height: 58px;
    width: 72%;
    overflow: hidden;
    background: rgba(70, 76, 68,0.7);
}

    .slideBox .ban-text ul li a {
        line-height: 60px;
        text-decoration: none;
        color: #fff;
        padding-left: 20px;
        font-size: 20px;
        /*font-weight: bold;*/
    }


/*banner end*/

.about {
    height: 290px;
    border-bottom: 1px solid #5b5b62;
    padding: 50px 0;
    background: url(abg.png);
}

    .about .ab-text {
        width: 626px;
        text-align: left;
    }

        .about .ab-text h4 {
            font-size: 32px;
            font-weight: bold;
            color: #fff;
            margin-bottom: 30px;
            font-family: 'BAUHAUSSTD';
        }

        .about .ab-text p {
            font-size: 16px;
            color: #fff;
            line-height: 25px;
        }

            .about .ab-text p.pp {
                font-style: italic;
                font-weight: bold;
            }

            .about .ab-text p.p3 {
                margin-top: 20px;
            }

    .about .ab-img {
        border: 1px solid #9b9b9f;
    }


.news {
    padding: 50px 0;
    border-bottom: 1px solid #5b5b62;
}

.new-top {
    text-align: left;
}

    .new-top h4 {
        color: #fff;
        font-size: 32px;
        font-family: 'BAUHAUSSTD';
        text-transform: uppercase;
    }

.new-con ul {
    padding-top: 40px;
}

    .new-con ul li {
        height: 468px;
        border: 1px solid #9b9b9f;
        width: 267px;
        float: left;
        margin-right: 30px;
    }

@media (min-width: 2000px) {
    .new-con ul li { 
        margin-right: 20px;
    }
}

        .new-con ul li:last-child {
            margin-right: 0;
        }

        .new-con ul li .li-img {
            width: 268px;
            height: 198px;
        }

        .new-con ul li .li-tt {
            background: #fff;
            height: 210px;
            padding: 30px;
        }

            .new-con ul li .li-tt span {
                display: block;
                margin-bottom: 10px;
                font-family: 'BAUHAUSSTD';
                color: #333;
                font-size: 16px;
            }

            .new-con ul li .li-tt p {
                line-height: 25px;
                height: 170px;
                font-size: 16px;
                color: #333;
            }

.new-top a.amore {
    color: #fff;
    float: right;
    display:block;
    padding: 7px 15px;
}
    .new-top a.amore:hover {
        text-decoration: none;
        background: #fff0;
        border:1px solid #9b9b9f;
    }

.new-con ul li .li-tt a:hover {
    text-decoration: none;
}

            .new-con ul li .li-tt a.more {
                color: #333;
                font-size: 14px;
                display: block;
                font-weight: bold;
                text-transform: uppercase;
                text-decoration: none;
                font-family: 'BAUHAUSSTD';
                background: url(morejj.png) no-repeat 46px center;
            }

        .new-con ul li:hover .li-tt {
            background: url(red.png) repeat left top;
            cursor: pointer;
            transition: all 1.5s;
            color: #fff;
        }

            .new-con ul li:hover .li-tt p {
                color: #fff;
            }

            .new-con ul li:hover .li-tt span {
                color: #fff;
            }

            .new-con ul li:hover .li-tt a.more {
                color: #fff;
                transition: all 1.5s;
                background: url(morej.png) no-repeat 46px center;
            }



/**/
.wc-foot {
    padding: 35px 0px;
    min-height: 130px;
    border-top: 1px solid #5b5b62;
}

.wc-fone {
    width: 700px;
    text-align: left;
}

.wc-four {
    width: 390px;
    text-align: right;
}

    .wc-four a {
    }

.wc-foot p {
    font-size: 16px;
    color: #fff;
    line-height: 26px;
}

    /*.wc-foot p:nth-child(2) {
        margin-top: 10px;
    }*/

    .wc-foot p a {
        font-size: 16px;
        color: #fff;
        line-height: 23px;
    }

/*.wc-copyEnd*/