.slide .carouse{width:100%;overflow:hidden;position:relative; cursor: pointer;}
.slide .slideItem .banner-img{width:100%;}
.slide .carouse .slideItem{
	width:100%;
	position:absolute;
}
.slide .console{
	height: 57px;
    display: inline-block;
    width: 35px;
    position: absolute;
    top: 40%;
}
.slide .dotList{
	    text-align: center;
    margin-top: 20px;
}
.slide .dotList ul li{
	display: inline-block;
    width: 10px;
    height: 10px;
    background-position:-12px 0px;
    margin-left: 10px;
    cursor:pointer;
}
.slide .dotList ul li.active{
	 background-position:0px 0px;
}
.slide .carousel-control{
	position: absolute;
    top: 45%;
    width: 30px;
    height: 30px;
    z-index:999;
}
.slide .carousel-control.left{
	left:0;
	background-position:-38px 0px;
	cursor:pointer;
}
.slide .carousel-control.right{
	right:0;
	background-position:-85px 0px;
	cursor:pointer;
}
.slide .slidedetail{display:none;}


.imgtoVideo img{width:100%;}
.imgtoVideo>div{padding:1px;position:relative;cursor:pointer;width:49%;    display: inline-block;}
.imgtoVideo>div:hover .imgtoVideoDetail{display:block}
.imgtoVideo .imgtoVideoDetail{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding:1px;
    display:none
}
.imgtoVideo .imgtoVideoDetail >div{
	 background: rgba(0, 98, 197,0.8);
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49);
	 width: 100%;
     height: 100%;
     text-align:center;
}
.imgtoVideo .tovideo .imgtoVideoDetail{
	display:block;
}
.imgtoVideo .tovideo .imgtoVideoDetail >div{
	    background: #0C2D47;
    width: 60px;
    height: 60px;
    color: #fff;
    line-height: 60px;
    vertical-align: middle;
    margin: 0 auto;
    margin-top: 17%;
}
.imgtoVideo .imgtoVideoDetail .fa-search{
	color: #fff;
    font-size: 25px;
    margin-top: 21%;
}
.contentIV{
	position: fixed;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    display: table;
    background: rgba(20, 43, 73,0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49);
    margin:0 auto;
    z-index:-999;
    max-width:1024px;
    display:none;
}

#picturetoVideo .carouse .slideItem{display:table;height:100%}
#picturetoVideo .carouse .slideItem>div{display:table-cell;vertical-align: middle;text-align: center;}
#picturetoVideo .carouse .slideItem .banner-img{max-width:100%;width:auto}
.closeContentIV{
	    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 25px;
    color: #fff;
    font-weight: bold;
    cursor:pointer;
    z-index: 999;
}
.slide iframe{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.slide video {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 101%;
    min-height: 100%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    display: none \9;
    display: block \9\0;
}

@media screen and (max-width: 999px) { .slide .carousel-control { display: none; }
    .slide .slideItem {
        position: relative;
    }

    .slide video {
        object-position: inherit;
        object-fit: inherit;
        width: 100%;
        height: 100%;
        transform: translate(0, 0);
        left: 0;
        top: 0;
    }
}


.banner .dotList {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 23px;
    letter-spacing: 0;
    text-align: center;
}
.banner .dotList ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin: 0 9px;
    width: 18px; height: 18px;
    background:#fff;

    -webkit-transition: all 550ms;
    -o-transition: all 550ms;
    -moz-transition: all 550ms;
    transition: all 550ms;
    border-radius: 50%;
}
.banner .dotList ul li.active {
    background-color: #369be9;
}
.banner .carousel-control {
    position: absolute;
    top: 50%;
    margin-top: -35px;
    width: 38px; height: 70px;


    color: #fff;
    text-align: center; display: none;



    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.banner:hover .carousel-control{ display: block}
.banner .carousel-control.left {
    left: 6%; background: url(../images/header_l.png) no-repeat;
}
.banner .carousel-control.right {
    right: 6%; background: url(../images/header_r.png) no-repeat;
}

.banner.hide {
    display: none;
}
@media screen and (max-width: 991px) {
    .banner {
        display: block;
    }
    .banner .carousel-control {
        display: none;
    }
    .banner .dotList {
        bottom: 15px;
    }
    .banner .dotList ul li {
        margin: 0 5px;
        width: 10px;
        height: 10px;
    }
    .banner.hide {
        display: block;
    }
    .banner *.n-banner {
        display: none;
    }
}