/* 
    Created on : 2020-10-12, 10:40:44
    Author     : Administrator
*/

.imgsitem{
    width:1200px;
    height: 338px;
    margin: 20px auto;
    background: #fff;
    
}
.imgsitem .imgs{
    width:640px;
    height: 338px;
}
.imgsitem .con{
    position: relative;
    width:560px;    
    color:#666;
    height: 100%;
}
.imgsitem .con .box{
    width: 80%;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}
.imgsitem .con .tit{
    font-weight: 600;
    margin-bottom: 10px;
    /*margin-left: 15%;*/    
}
.imgsitem .con .desc{
    /*margin-left: 15%;*/
    /*padding-right: 15%;*/
}
.flimg .imgs{
    float: right;    
}
.flimg .con{
    float: left;
}
.frimg .imgs{
    float: left;    
}
.frimg .con{
    float: right;
}
/*#fw-box .imgsitem{
    height: 300px;
}
#fw-box .imgsitem .imgs{
    width:600px;
    height: 300px;
}
#fw-box .imgsitem .con{
    width:600px;
    height: 300px;
}*/
.m-desc{
    display: none;
}
@media screen and (max-width: 900px){
    #fw-box .imgsitem,.imgsitem{
        width:96%;
        border-radius: 5px;
        height: auto;
    }
    #fw-box .imgsitem .imgs,.imgsitem .imgs{
        width:100%;
        height: auto;
        float:none;        
    }
    #fw-box .flimg .imgs img,.flimg .imgs img{
        width:100%;
        border-top-left-radius:  5px;
        border-top-right-radius: 5px;
    }
    #fw-box .frimg .imgs img,.frimg .imgs img{
        width:100%;
        border-top-left-radius:  5px;
        border-top-right-radius: 5px;
    }
    #fw-box .imgsitem .con,.imgsitem .con{
        width:100%;
        float:none;
        height: auto;
        position: relative;
    }
    #fw-box .imgsitem .con .tit,.imgsitem .con .tit{
        margin: 0;
        position: absolute;
        top:-90px;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        background: #0a5096;
        color:#fff;
        width:120px;
        text-align: center;
        border-radius: 5px;
        line-height: 35px;
    }
    #fw-box .imgsitem .con .desc, .imgsitem .con .desc{
        margin: 0;
        padding: 15px;
        text-align: center;
        display: none;
    }
    .m-desc{
        display: block;
        margin: 0;
        padding: 15px;
        text-align: left;
        color:#999;
    }
}
.hj-back{
    width: 1200px;
    margin:  40px auto;
}
.imgs-item{
    float:left;
    width:390px;
    height: 247px;
    position: relative;
    margin-left: 8px;
    margin-bottom: 8px;
}
.imgs-item img{
    width:100%;
    height: 100%;
}
.back{
    display: none;
    background: #3169a1;
    opacity: 0.5;
    position: absolute;
    left:0;
    top:0;
    width:390px;
    height: 247px;
}
.imgs-item .tit{
    position: absolute;
    text-align: center;
    padding: 5px 0;
    background: #fff;
    opacity: 0.7;
    left:0;
    bottom: 0;
    width:100%;
}

.imgs-tit .tit{
    background: none;
    color:#fff;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    opacity:1;
    padding: 0;
    height: 25px;
    font-size: 1.2rem;
}
.imgs-tit .back{
    display: block;
}

@media screen and (max-width: 900px){
    .hj-back{
        width:96%;
    }
    .imgs-item{
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-bottom: 20px;
    }
    .back{
        width:100%;
        height: 100%;
    }
}

.js-box{
    width:1200px;
    margin: 20px auto;
}
.js-box .tit{
    background: #094f93;
    color:#fff;
    padding: 20px;
    font-size: 1.2rem;
    text-align: center;
}
.js-con{
    position: relative;
}
.js-con img{
    width:100%;
}
.js-con .desc{
    background: #fff;
    width:45%;
    padding: 20px;
    position: absolute;
    left:30%;
    top:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    z-index: 1001;
}
.js-back{
    //display: none;
    background: #3169a1;
    opacity: 0.3;
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height: 100%;
}
.kh-item{
    width:207px;
    height: 207px;
    margin-left: 25px;
    margin-bottom: 25px;
}
.kh-item .back{
    width:207px;
    height: 207px;
}
.kh-item .tit{
    font-size:1.2rem;
    font-weight: bolder;
}
@media screen and (max-width: 900px){
    .js-box{
        width:96%;
    }
    .js-con .desc{
        position: static;
        left:0;
        bottom: 0;
        width:100%;
        transform:none;
        -webkit-transform:none;
    }
    .js-back{
        opacity: 0.1;
    }
    .js-box .tit{
        padding: 15px;
    }
    .kh-item{
        clear:right;
        width:49%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 2%;
        height: 100%;
    }
/*    #kh1 .kh-item:nth-child(odd){
        float:left;
    }*/
    #kh1 .kh-item:nth-child(even){
        margin-left: 2%;
    }
/*    #kh2 .kh-item:nth-child(odd){
        float:left;
    }*/
    #kh2 .kh-item:nth-child(even){
        margin-left: 2%;
    }
    .kh-item .back{
        width:100%;
        height:100%;
    }
}