#banner{position: relative;}

.slide{position: relative;}

.slide .carouse{width:100%;overflow:hidden;position:relative}

.slide .slideItem .banner-img{width:100%;display: block;}

.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;

    position: absolute;bottom: 22px;width: 100%;left: 0;

}

.slide .dotList ul li{

	display: inline-block;

    width: 15px;

    height: 15px;

    background: url(../images/dot.png) no-repeat center center;

    margin-left: 13px;

    cursor:pointer;

}

.slide .dotList ul li.active{

	 background: url(../images/dot1.png) no-repeat center center;

}

.slide .carousel-control{

	position: absolute;

    top: 45%;

    width: 30px;

    height: 30px;

    z-index:999;

}

.slide .carousel-control.left{

	left:0;


	cursor:pointer;

}

.slide .carousel-control.right{

	right:0;


	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;

}



@media screen and (max-width:639px) {

.slide .dotList ul li{margin-left: 10px;}

.slide .dotList{bottom: 5px;}

.slide .dotList ul li{width: 10px;height: 10px;border-radius: 5px;overflow: hidden;background-size: contain;}

.slide .carousel-control.left,.slide .carousel-control.right{display: none;}

}



/*say box*/

.say-box .dotList{bottom: -44px;}

.say-box{

	background: url(../images/web10.png) no-repeat center top;

	text-align: center;

	padding: 57px 0 86px ;

}

.say-title{

	font-family: 'OpenSansBold';

	font-size: 46px;

	font-size: 4.6rem;

	position: relative;

}

.say-title a{color: #FFFFFF;}

.say-title a:hover{color: #DD0127;}

.say-title:after{

	position: absolute;

	content: '';

	width: 105px;

	height: 4px;

	bottom: -29px;

	left: 50%;

	margin-left: -72px;

	background-color: #DD0127;

}

.say-img{

	width: 150px;

	height: 150px;

	border-radius: 50%;

	box-shadow: 0 0 10px rgba(0,0,0,0.2);

	margin-top: 79px;

}

.say-word{

	padding: 0 7.5%;

	box-sizing: border-box;

	line-height: 30px;

	margin: 34px 0 54px;

	display: -webkit-box;

	overflow: hidden;

	white-space: normal!important;

	text-overflow: ellipsis;

	word-wrap: break-word;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical

}

.say-word a{color: #FFFFFF;display: block;}

.say-word a:hover{color: #DD0127;}

.say-time{

	color: #999999;

	font-size: 16px;

	font-size: 1.6rem;

}



@media only screen and (max-width:767px ) {

	.say-box{padding: 27px 0 43px;background-color: #000;}

	.say-title{font-size: 2.6rem;font-size: 26px;}

	.say-title:after{

		bottom: -10px;width: 66px;left: 50%;margin-left:-30px;

	}

	.say-img{

		width: 75px;

		height: 75px;

		margin-top: 39px;

	}

	.say-word{

		line-height: 24px;

		height:48px;

		margin: 20px 0 ;

	}

	.say-box .dotList{bottom: -30px;}

}



