@charset "utf-8";
/**
 * 全局主题样式
 */

/* 设置默认字体 */
body, button, input, select, textarea {
    /* for ie */
    font: 14px/1 /*"\5FAE\8F6F\96C5\9ED1",*/ Tahoma,cordiau, Helvetica, Arial, /*"\5b8b\4f53",*/ sans-serif; /* 用 Unicode 字符表示，使得在任何编码下都无问题 */
}

/*设置自定义字体*/
@font-face {
    font-family: 'cordiau';
    src:url('../font/CORDIAU.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

hr{
    margin:0px;
    /*color:#000000;*/
}

/* 强制垂直滚动条，让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {
    height: 101%;
    overflow-y: scroll;
}

/* 重置列表元素 */
ul, ol {
    list-style: none;
}

a{
    text-decoration:none;
    color:#000000
}

/*头部样式*/

.header{
    width:100%;
    position: fixed;
    z-index: 1000;
    background-color: #FFFFFF;
}

.header-cont{
    width: 1080px;
    height: 48px;
    margin: 0 auto;
    padding-top: 15px;
    display: flex;
}

.header-logo{
    /*padding-left: 400px;*/
    width: 128px;
}

.header-navigation{
    /* float:left; */
    flex: 1;

}

.header-navigation ul li{
    float:left;
    list-style:none;
    margin-right:20px;
}

@media only screen and (min-width: 1920px) {
    /* 1920以上的样式 */
    .main-video{
        widht:100%;
        height:915px;
    }

    .goods-li{
        float:left;
        width:100%;
        height:250px;
        background-color: #FFFFFF;
    }

    .goods-li-line{
        float:left;
        margin-left:80px;
        margin-top:40px;
    }

    .goods-li-img{
        width:1400px;
        margin:0 auto;
    }

    .goods-li2-img{
        width:100%;
        margin:0 auto;
    }

    .goods-li-img-cont{
        width:490px;
        margin:0 auto;
    }

    .goods-li-img-1st,.goods-li-img-2st {
        float:left;
    }

    .goods-li-img-1st img,.goods-li-img-2st img{
        /*margin-left:350px;*/
        margin-top:30px;
    }

    .goods-li-img-1st p{
        margin-top:30px;
        margin-left:70px;
    }

    .goods-li-img-2st p{
        margin-top:30px;
        margin-left:70px;
    }

    .goods-li-div2{
        width:70%;
    }

    .goods-li2-img-1st , .goods-li2-img-2st , .goods-li2-img-3st, .goods-li2-img-4st, .goods-li2-img-5st {
        float:left;
    }

    .goods-li2-img-1st{
        margin-left: 200px;
        margin-top: 50px;
    }

    .goods-li2-img-2st img, .goods-li2-img-3st img, .goods-li2-img-4st img, .goods-li2-img-5st img{
        margin-left: 80px;
        margin-top: 50px;
    }

    .goods-li2-img-1st p{
        margin-left: 70px;
    }

    .goods-li2-img-2st p, .goods-li2-img-3st p, .goods-li2-img-4st p{
        margin-top: 30px;
        margin-left:150px;
    }

    .goods-li2-img-5st p{
        margin-left:150px;
    }

    .goods-li3-img-1st{
        float:left;
    }

    .goods-li3-img-1st img{
        margin-left:350px;
        margin-top:30px;
    }

    .goods-li3-img-1st p{
        margin-left:410px;
        font-size:15px;
    }

    .goods-li3-img-2st img{
        margin-left:80px;
        margin-top:30px;
    }

    .goods-li3-img-2st p{
        font-size:15px;
        margin-left:780px;
    }

    .goods-li4-img-1st , .goods-li4-img-2st , .goods-li4-img-3st {
        float:left;
    }

    .goods-li4-img-1st{
        margin-left: 200px;
        margin-top: 50px;
    }

    .goods-li4-img-2st img, .goods-li4-img-3st img{
        margin-left: 80px;
        margin-top: 50px;
    }

    .goods-li4-img-1st p{
        margin-left:50px;
        margin-top:30px;
    }

    .goods-li4-img-2st p, .goods-li4-img-3st p{
        margin-top:30px;
        margin-left:150px;
    }


}

@media (min-width: 600px) and (max-width: 1919px) {
    /* 1280-1919之间的样式 */
    .goods-li{
        float:left;
        width:100%;
        height:180px;
        background-color: #FFFFFF;
    }

    .goods-li-line{
        float: left;
        margin-left: 70px;
        margin-top: 15px;
    }

    .goods-li-img{
        width:80%;
        margin:0 auto;
    }

    .goods-li2-img{
        width:80%;
        margin:0 auto;
    }

    .goods-li-img-cont{
        margin-left: 300px;
    }

    .goods-li-img-1st {
        float:left;
    }

    .goods-li-img-1st img{
        /*margin-left:350px;*/
        width:80px;
        height:80px;
        margin-top:30px;
    }

    .goods-li-img-1st p{
        margin-left:35px;
    }

    .goods-li-img-2st img{
        margin-top:30px;
        margin-left:80px;
        width:80px;
        height:80px;
    }

    .goods-li-img-2st p{
        margin-left:310px;
    }

    .goods-li-div2{
        width:50%;
    }

    .goods-li2-img-1st , .goods-li2-img-2st , .goods-li2-img-3st, .goods-li2-img-4st, .goods-li2-img-5st {
        float:left;
    }

    .goods-li2-img-1st{
        margin-top: 30px;
    }

    .goods-li2-img-1st img{
        width:80px;
        height:80px;
    }

    .goods-li2-img-2st img, .goods-li2-img-3st img, .goods-li2-img-4st img, .goods-li2-img-5st img{
        margin-left: 80px;
        margin-top: 30px;
        width:80px;
        height:80px;
    }

    .goods-li2-img-1st p{
        margin-left:35px;
    }

    .goods-li2-img-2st p, .goods-li2-img-3st p, .goods-li2-img-4st p, .goods-li2-img-5st p{
        margin-left:120px;
    }

    .goods-li3-img-1st{
        float:left;
    }

    .goods-li3-img-1st img{
        height: 80px;
        margin-left: 280px;
        margin-top: 30px;
        width: 100px;
    }

    .goods-li3-img-1st p{
        font-size: 15px;
        margin-left: 310px;
    }

    .goods-li3-img-2st img{
        height: 80px;
        margin-left: 80px;
        margin-top: 30px;
        width: 100px;
    }

    .goods-li3-img-2st p{
        font-size: 15px;
        margin-left: 595px;
    }
}

.navi-cont{
    height: 30px;
    margin-top:10px;
    display: flex;
    justify-content: flex-end;
}

.header-search{
    margin-left: 30px;
    float: left;
    margin-top: 5px;
}

/*中间部分样式*/

.main-banner{
    position: relative;
    z-index: 999;
    top:-67px;
}

/*
.main-view{
    width:1896px;
    margin:0 auto;
}
*/

.main-view-cont{
    float:left;
    margin-right:2px;
}

.main-view-cont1{
    float:left;
}

.main-view img{
    width:474px;
}

/*尾部样式*/

.footer-cont{
    width:1080px;
    margin:0 auto;
    text-align:center;
}

.footer-navi{
    width:1200px;
    height:65px;
    margin:0 auto;
    margin-top:80px;
}

.footer-navi ul li{
    float:left;
    list-style:none;
    padding-right:15px;
}

.footer-copyright{
    width:940px;
    height:80px;
    margin:0 auto;
    text-align:center;
}

/*------------- 默认样式-------- */
.sf-menu >li {
    padding-bottom: 6px!important;
    box-sizing: border-box;
}
/* -----选中菜单样式------------ */
.active{
    border-bottom: 2px solid #ff0000!important;
}