body{
        background:none;
        position:relative;
    }
    #header{
        background:#141414;
    }
    .good_sort{
        position:absolute;
        top:0px;
        left:50%;
        margin-left:-600px;
    }
    .goods_cont{
        margin-top:-1px;
        min-height: calc(100vh - 460px);
    }
    .in02{
        width:100%;
        max-width:1920px;        
        margin:0px auto;
        box-sizing:border-box;
        float:left;
    }
    .in02 .left,.in02 .right{
        width:50%;
        float:left;
         text-align:center;
         position:relative;
    }
    .in02 .right{
        float:right;
    }
    .in02 .left .mask,.in02 .right .mask{
        width:96%;
        height:88%;
        position:absolute;
        left:2.5%;
        top:6%;
        overflow:hidden;
    }
    .in02 .right .mask{
        left:1.5%;
    }
    .in02 .left .mask .mask_inner,.in02 .right .mask .mask_inner{
        width:100%;
        height:100%;
        position:absolute;
    }
    .in02 .left .mask .title,.in02 .right .mask .title{
        font-size:50px;
        color:#fff;
        font-weight:lighter;
        padding-top:15%;
    }
    .in02 .left .mask .more,.in02 .right .mask .more{
        text-align:center;
    }
     .in02 .left .mask .more a,.in02 .right .mask .more a{
        width:128px;
        height:32px;
        line-height:32px;
        border:1px solid #fff;
        display:inline-block;
        color:#fff;
        font-size:18px;
        margin-top:6%;
        text-decoration:none;
        transition:background .3s linear;
        -webkit-transition:background .3s linear;
        -moz-transition:background .3s linear;
        -ms-transition:background .3s linear;
        -o-transition:background .3s linear;
     }
    .in02 .left .mask .more a:hover,.in02 .right .mask .more a:hover{
        background:rgba(255,255,255,0.4); 
        transition:background .3s linear;
        -webkit-transition:background .3s linear;
        -moz-transition:background .3s linear;
        -ms-transition:background .3s linear;
        -o-transition:background .3s linear;                
    }
   .in02 .left img  ,.in02 .right img{
        max-width:96%;
        margin-top:2.7%;
        margin-bottom:2.7%;
    }
    .in02 .left img{
        margin-right:-1%;
    }
    .in02 .right img{
        margin-left:-1%;
    }

.insert_cont .in01{
    position:relative;
}
.insert_cont .in01 .title_wrap{
    width:1200px;
    position:absolute;
    top:185px;
    text-align:left;
    left:50%;
    margin-left:-600px;
    color:#a3a3a4;
    font-size:30px;
    font-weight:lighter;
}
.insert_cont .in01 .title_wrap h2.title{
    color:#212121;
    font-size:50px;
    margin:50px 0px;
}
.insert_cont .in01 .summary{
    display:block;
    font-size:22px;
    color:#565656;
    position:absolute;
    width:1200px;
    line-height:35px;
    left:50%;
    margin-left:-600px;
    text-align:left;
    top:320px;
    font-weight:lighter;
}
.insert_cont .in01 .title_wrap_sel{
    width:1200px;
    height:auto;
    margin:0px auto;
    position:absolute;
    top:60px;
    left:50%;
    margin-left:-600px;
    font-weight:lighter;
    font-size:35px;
    color:#fff;
    text-align:center;
}
.insert_cont .in01 .summary_sel{
    color:#fff;
    width:940px;
    position:absolute;
    top:120px;
    left:50%;
    margin-left:-470px;
    font-weight:lighter;
    line-height:30px;
    text-align:center;
    font-size:40px;
}