@media screen and (max-width:1919px){
    /*首页*/
    .content1 .content-r .onetwothree:hover{
        background-color: #FFFFFF;
        box-shadow: 6px 6px 16px 2px rgba(144,160,176,0.3);
        transition-duration: 0.4s;
    }
    .content1 .content-l .left .smallcontainer .swiper-wrapper .swiper-slide .show{
        background: rgba(0, 0, 0, 0.15);
        height:100%;
        left: 0;
        top: 0;
        opacity: 0;
        filter:alpha(opacity=0);
        position: absolute;
        transition-delay: 0s;
        transition-duration: 0.3s;
        transition-property: opacity;
        transition-timing-function: ease-in;
        /* Firefox 4 */
        -moz-transition-delay: 0s;
        -moz-transition-duration: 0.3s;
        -moz-transition-property: opacity;
        -moz-transition-timing-function: ease-in;
        /* Safari 和 Chrome */
        -webkit-transition-delay:0s;
        -webkit-transition-duration: 0.3s;
        -webkit-transition-property: opacity;
        -webkit-transition-timing-function: ease-in;
        /* Opera */
        -o-transition-delay:0s;
        -o-transition-duration: 0.3s;
        -o-transition-property: opacity;
        -o-transition-timing-function: ease-in;
        width:250px;
        z-index: 200;
    }
    /*.content3 .picitem .show{*/
    /*    width: 222px!important;*/
    /*    height: 136px!important;*/
    /*}*/
    /*.content3 .picitem .show .imgArea{*/
    /*    left: 58%!important;*/
    /*}*/
    .content1 .content-l .left .smallcontainer .swiper-wrapper .swiper-slide .show .imgArea{
        width: 45px;
        height: 45px;
        left: 50%;
        top:0;
        margin:-15px 0 0 -40px;
        opacity: 0;
        position: absolute;
        transition-delay: 0s;
        transition-duration: 0.4s;
        transition-property: all;
        transition-timing-function: ease;
        /* Firefox 4 */
        -moz-transition-delay: 0s;
        -moz-transition-duration: 0.4s;
        -moz-transition-property: all;
        -moz-transition-timing-function: ease;
        /* Safari 和 Chrome */
        -webkit-transition-delay:0s;
        -webkit-transition-duration: 0.4s;
        -webkit-transition-property: all;
        -webkit-transition-timing-function: ease;
        /* Opera */
        -o-transition-delay:0s;
        -o-transition-duration: 0.4s;
        -o-transition-property: all;
        -o-transition-timing-function: ease;
    }
    .content1 .content-l .left .smallcontainer .swiper-wrapper .swiper-slide:hover .show .imgArea{
        opacity:1;filter:alpha(opacity=1);top:60px;
    }
    .content3 .picitem:hover .p-line{
        width: 221px;
    }

}
@media screen and (min-width: 1920px){
    .content1 .content-r .onetwothree:hover{
        background-color: #FFFFFF;
        box-shadow: 6px 6px 16px 2px rgba(144,160,176,0.3) ;
        transition-duration: 0.4s;
    }
    .content1 .content-l .left .smallcontainer .swiper-wrapper .swiper-slide .show{
        background: rgba(0, 0, 0, 0.15);
        width: 336px !important;
        /*height: 190px !important;*/
        height: 100%;
        left: 0;
        top: 0;
        opacity: 0;
        filter:alpha(opacity=0);
        position: absolute;
        transition-delay: 0s;
        transition-duration: 0.3s;
        transition-property: opacity;
        transition-timing-function: ease-in;
        /* Firefox 4 */
        -moz-transition-delay: 0s;
        -moz-transition-duration: 0.3s;
        -moz-transition-property: opacity;
        -moz-transition-timing-function: ease-in;
        /* Safari 和 Chrome */
        -webkit-transition-delay:0s;
        -webkit-transition-duration: 0.3s;
        -webkit-transition-property: opacity;
        -webkit-transition-timing-function: ease-in;
        /* Opera */
        -o-transition-delay:0s;
        -o-transition-duration: 0.3s;
        -o-transition-property: opacity;
        -o-transition-timing-function: ease-in;
        z-index: 200;
    }
    /*.content3 .picitem .show{*/
    /*    width: 336px !important;*/
    /*    height: 190px !important;*/
    /*}*/
    .content1 .content-l .left .smallcontainer .swiper-wrapper .swiper-slide .show .imgArea{
        width: 45px;
        height: 45px;
        left: 55%;
        top:0;
        margin:-15px 0 0 -40px;
        opacity: 0;
        position: absolute;
        transition-delay: 0s;
        transition-duration: 0.4s;
        transition-property: all;
        transition-timing-function: ease;
        /* Firefox 4 */
        -moz-transition-delay: 0s;
        -moz-transition-duration: 0.4s;
        -moz-transition-property: all;
        -moz-transition-timing-function: ease;
        /* Safari 和 Chrome */
        -webkit-transition-delay:0s;
        -webkit-transition-duration: 0.4s;
        -webkit-transition-property: all;
        -webkit-transition-timing-function: ease;
        /* Opera */
        -o-transition-delay:0s;
        -o-transition-duration: 0.4s;
        -o-transition-property: all;
        -o-transition-timing-function: ease;
    }
    .content1 .content-l .left .smallcontainer .swiper-wrapper .swiper-slide:hover .show .imgArea{
        opacity:1;filter:alpha(opacity=1);top:90px;
    }
    .content3 .picitem:hover .p-line{
        width: 306px;
    }
}