:root{
    --navBgc: #000000;
    --navColor:#fff;
    --navActiveBgc: linear-gradient(180deg, #c60001 0%, #c60001 0%, #9e0001 100%, #9e0001 100%);
}
.header_box{margin: 0 auto;position: relative;min-width: 1200px;}
.header_title{width: 1200px;margin: 0 auto; height: 130px;padding: 20px 0;}
.header_title_name, .header_title_phone{font-size: 30px;color: #D42828;font-weight: bold;}
.header_title_name {width: 620px;height:90px;line-height: 90px;position: relative;float: left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.header_title_name img{max-height: 90px;}
.header_title_phone {line-height: 90px;float: right;}
.header_title_phone i{display: inline-block; width: 36px; height: 36px; background: url(shop_header_phone.png) no-repeat; vertical-align: middle; margin-right: 10px; background-size: contain;transform: translateY(-4px);}

.scroll{left: 50%;transform: translateX(-50%);position: relative;box-sizing: content-box;top: 0px;}
.banner_edit{width: 100%;position: relative;}
.nav_background {height: 47px;width: 100%;background: var(--navBgc);left: 0%;top: 130px;}
.header_nav{width: 1200px;height: 47px;line-height: 47px;background: var(--navBgc);position: absolute;top: 130px;left: 50%;transform: translateX(-50%); font-size: 0;}
.header_nav_item{display: inline-block;height: 100%;background: var(--navBgc);color: var(--navColor);text-align: center;font-size: 18px;}
.header_nav_item:hover{cursor: pointer;background: var(--navActiveBgc);color: var(--navColor);}
.header_nav_item:hover .header_nav_item_text{color: var(--navColor);}
.header_nav_item_current{color: var(--navColor);background: var(--navActiveBgc);}

.scroll {
        margin: 0 auto;
        overflow: hidden;
        position: relative;
		height:100%;
		height:402px;
    }

    .scroll_pic {
        text-align: center;
        height: 100%;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .scroll ul {
        padding: 5px 5px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        position: absolute;
        bottom: 10px;
        left: 50%;
        border-radius: 28px
    }

    .scroll ul li {
        float: left;
        position: relative;
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        margin: 0 2px;
        background-color: #fff;
        opacity: 0.4;
        border: none
    }

    .scroll_pic a {
        width: 100%;
        cursor: unset;
    }

    .scroll ul li.scroll_in {
        background: #FF6600
    }

    .scroll .banner_img {
        height: 300px;
        width: 100%;
        min-width: 1200px;
        background-position: center;
        background-size: auto;
        background-repeat: no-repeat;
    }