@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1176px){
	.body-div-div-span {
	    height: 53px;
	    text-align: left;
	    font-size: 15px;
	    padding-bottom:30px;
	    transition: 0.3s;
	    cursor: pointer;
	}
	
	.body-div-div {
	    width: auto;
	    height: 55px;
	    line-height: 33px;
	}
	
	.body-div-div-span-none {
	    height: 53px;
	    text-align: left;
	    font-size: 15px;
	    padding-bottom:30px;
	    margin-left: 50px;
	    transition: 0.3s;
	    cursor: pointer;
	}
	
	.nav-type {
	    width: 60px;
	    height: 1px;
	    background-color: #c8192a;
	    position: absolute;
	    bottom: -11px;
	    transition: 0.5s;
	}
	
	.body-data-d {
	    width: 100%;
	    height: 360px;
	    margin-right: 3.422%;
	    float: left;
	    margin-bottom: 50px;
	    position: relative;
	    cursor: pointer;
	}
	
	.body-data-d-c {
	    width: 100%;
	    height: 360px;
	    float: left;
	    margin-bottom: 50px;
	    position: relative;
	    cursor: pointer;
	}
	
	.video-txt-name span {
	    margin-left: 10px;
	    transition: 0.5s;
	}
	
	.video-txt-name {
	    width: 65%;
	    height: 100%;
	    line-height: 80px;
	    font-size: 12px;
	    color: #333333;
	    float: left;
	}
	
	.video-txt-date {
	    width: 35%;
	    height: 100%;
	    font-size: 12px;
	    line-height: 80px;
	    transition: 0.5s;
	    float: left;
	    text-align: center;
	}
	
	.body-div {
	    width: 95%;
	    height: 45px;
	    margin: 0 auto;
	    border-bottom: solid 1px #e1e1e1;
	    box-sizing: border-box;
	}
	
	.body-div-div-div {
		display:none;
	}
	
	.body-data {
	    width: 100%;
	    height: 2850px;
	    margin-top: 20px;
	    overflow: hidden;
	    position: relative;
	}
	
	.body-data-new {
	    width: 100%;
	    height: 400px;
	    margin-right: 3.422%;
	    float: left;
	    margin-bottom: 50px;
	    position: relative;
	    cursor: pointer;
	}
	
	.body-data-new-c {
	    width: 100%;
	    height: 400px;
	    float: left;
	    margin-bottom: 50px;
	    position: relative;
	    cursor: pointer;
	}
	
	.body-all {
	    width: 100%;
	    height: 2850px;
	}
	
	.new-name-div {
	    width: 100%;
	    height: 44px;
	    font-size: 15px;
	    color: #333333;
	    border-bottom: solid 1px #FFFFFF;
	    overflow: hidden;
	    position: relative;
	}
	
	.btn-close {
	    background: rgba(30, 30, 30, .6);
	    cursor: pointer;
	    height: 22px;
	    padding: 10px;
	    transition: color .2s;
	    vertical-align: top;
	    width: 22px;
	    position: absolute;
	    right: 0;
	    top: 64px;
	    color: #ccc;
	    z-index: 99;
	}
}

@media screen and (min-width:1176px){
	
	.btn-close {
	    background: rgba(30, 30, 30, .6);
	    cursor: pointer;
	    height: 22px;
	    padding: 10px;
	    transition: color .2s;
	    vertical-align: top;
	    width: 22px;
	    position: absolute;
	    right: 0;
	    top: 0;
	    color: #ccc;
	    z-index: 99;
	}
	
	.new-name-div {
	    width: 100%;
	    height: 44px;
	    font-size: 18px;
	    color: #333333;
	    border-bottom: solid 1px #FFFFFF;
	    overflow: hidden;
	    position: relative;
	}
	
	.body-all {
	    width: 100%;
	    height: 1150px;
	}
	
	.body-data-new {
	    width: 31.052%;
	    height: 400px;
	    margin-right: 3.422%;
	    float: left;
	    margin-bottom: 50px;
	    position: relative;
	    cursor: pointer;
	}
	
	.body-data-new-c {
	    width: 31.052%;
	    height: 400px;
	    float: left;
	    margin-bottom: 50px;
	    position: relative;
	    cursor: pointer;
	}
	
	.body-data {
	    width: 100%;
	    height: 950px;
	    margin-top: 50px;
	    overflow: hidden;
	    position: relative;
	}
	
	.body-div {
	    width: 95%;
	    height: 95px;
	    margin: 0 auto;
	    border-bottom: solid 1px #e1e1e1;
	    box-sizing: border-box;
	}
	
	.video-txt-date {
	    width: 35%;
	    height: 100%;
	    font-size: 14px;
	    line-height: 80px;
	    transition: 0.5s;
	    float: left;
	    text-align: center;
	}
	
	.video-txt-name {
	    width: 65%;
	    height: 100%;
	    line-height: 80px;
	    font-size: 13px;
	    color: #333333;
	    float: left;
	    overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-align: left;
	}
	
	.video-txt-name span {
	    margin-left: 30px;
	    transition: 0.5s;
	}
	
	.body-data-d-c {
	    width: 31.052%;
	    height: 360px;
	    float: left;
	    margin-bottom: 50px;
	    position: relative;
	    cursor: pointer;
	}
	
	.body-data-d {
	    width: 31.052%;
	    height: 360px;
	    margin-right: 3.422%;
	    float: left;
	    margin-bottom: 50px;
	    position: relative;
	    cursor: pointer;
	}
	
	.nav-type {
	    width: 100px;
	    height: 1px;
	    background-color: #c8192a;
	    position: absolute;
	    bottom: 2px;
	    transition: 0.5s;
	}
	
	.body-div-div-span-none {
	    height: 93px;
	    text-align: left;
	    font-size: 25px;
	    padding-bottom:30px;
	    margin-left: 50px;
	    transition: 0.3s;
	    cursor: pointer;
	}
	
	
	.body-div-div-span {
	    height: 93px;
	    text-align: left;
	    font-size: 25px;
	    padding-bottom:30px;
	    transition: 0.3s;
	    cursor: pointer;
	}
	
	.body-div-div {
	    width: auto;
	    height: 95px;
	    line-height: 93px;
	}
}

.body-span-cursion{
    color: #c8192a;
}


.body-div-div-span-none:hover {
    color: #c8192a;
}

.body-div-div-div {
    float: right;
}

.body-div-div-div ul li {
    list-style-type: none;
    float: left;
    margin-right: 12px;
    color: #666666;
    font-size: 14px;
}

.body-div-div-div ul li a {
    color: #666666;
}

.body-nav-vs {
    width: auto;
    height: auto;
    position: relative;
    float: left;
}

.body-data-video {
    width: 25%;
    height: auto;
    float: left;
}

.body-data-d:hover .video-txt {
    background-color: #c8192a;
    color: #FFFFFF;
}

.body-data-d-c:hover .video-txt {
    background-color: #c8192a;
    color: #FFFFFF;
}

.video {
    width: 99.7999%;
    height: 280px;
    object-fit:fill;
}

.video-bg {
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.1;
    top: 0;
}

.video-txt {
    width: 100%;
    height: 80px;
    transition: 0.8s;
    margin-top: -5px;
}

.body-data-d:hover .video-txt-name {
    color: #FFFFFF;
}

.body-data-d-c:hover .video-txt-name {
    color: #FFFFFF;
}

.video-btn {
    width: 100%;
    height: 280px;
    position: absolute;
    z-index: 99;
    cursor: pointer;
    top: 0;
    background: url('../image/play_icon.png') no-repeat center;
}

.video-btn-bg {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    transition: 0.5s;
}

.body-data-d:hover .video-btn-bg {
    opacity: 1;
    background-color: transparent;
}

.body-data-d-c:hover .video-btn-bg {
    opacity: 1;
    background-color: transparent;
}

.player {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
    transition: 0.5s;
    display:none;
}

.message {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
    transition: 0.5s;
    display:none;
}


.player-bg {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    z-index: -1;
}

.player svg {
    fill: transparent;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3;
}

.message svg {
    fill: transparent;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3;
}

.m-btn-close {
    background: rgba(30, 30, 30, .6);
    cursor: pointer;
    height: 22px;
    padding: 10px;
    transition: color .2s;
    vertical-align: top;
    width: 22px;
    position: absolute;
    right: 0;
    top: 0;
    color: #ccc;
    z-index: 99;
}

.video-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    height: 90%;
}

.video-inner-inner {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.data-cyq {
    width: 25%;
    height: auto;
    float: left;
    position: relative;
    padding-bottom:100px;
}

.body-data-hd {
    width: 400%;
    height: auto;
    position: absolute;
}

.new-txt {
    width: 100%;
    height: 40px;
    transition: 0.8s;
    margin-top: -5px;
}

.new-txt-name {
    width: 35%;
    height: 100%;
    line-height: 40px;
    font-size: 10px;
    color: #333333;
    float: left;
}

.new-txt-name span {
    transition: 0.5s;
    margin-left: 15px;
}

.new-txt-date {
    width: 65%;
    height: 100%;
    font-size: 14px;
    line-height: 44px;
    transition: 0.5s;
    float: left;
    text-align: left;
}

.new-name-div-s {
    width: 0px;
    height: 1px;
    background-color: #c8192a;
    transition: all 0.8s;
    position: absolute;
    bottom: 0px;
}

.body-data-new:hover .new-name-div-s {
    width: 100%;
}

.body-data-new:hover .new-name span {
    color:#c8192a;
}

.body-data-new:hover .new-url span {
    color:#c8192a;
}

.body-data-new-c:hover .new-name-div-s {
    width: 100%;
}

.body-data-new-c:hover .new-name span {
    color:#c8192a;
}

.body-data-new-c:hover .new-url span {
    color:#c8192a;
}

.new-name {
    width: 90%;
    height: 44px;
    margin-left: 15px;
}

.new-name span {
    font-size: 14px;
    transition: all 0.8s;
}

.new-url {
    width: 100%;
    height: 35px;
    line-height: 35px;
}

.new-url span {
    font-size: 14px;
    margin-left: 15px;
    color: #666666;
    transition: all 0.8s;
}

.new-img-div {
    width: 100%;
    height: 280px;
    position: relative;
    overflow: hidden;
}

.new-img {
    width: 100%;
    height: 280px;
    transition: all 0.6s;  
    object-fit:cover;
}

.new-img:hover {
    transform: scale(1.5); 
}

.information-div {
    width: 25%;
    height: auto;
    float: left;
}

.cyq-nav {
	width:100%;
	height:50px;
	margin:0 auto;
}

.information-nav {
	width:100%;
	height:50px;
	margin:0 auto;
}

.cyq-nav-d {
	width:auto;
	height:100%;
	margin:0 auto;
	text-align:center;
}

.information-nav-d {
	width:auto;
	height:100%;
	margin:0 auto;
	text-align:center;
}

.cyq-btn {
	width:50px;
	height:50px;
	margin-right:20px;
	background-color:#c8192a;
	float: left;
}

.information-btn {
	width:50px;
	height:50px;
	margin-right:20px;
	background-color:#c8192a;
	float: left;
}

.cyq-btn-d-l {
	width:30px;
	height:30px;
	background:url(../image/page-arrows.png) no-repeat left center transparent;
	background-size:200%;
	margin:0 auto;
	padding-top:20px;
	cursor: pointer;
}

.information-btn-d-l {
	width:30px;
	height:30px;
	background:url(../image/page-arrows.png) no-repeat left center transparent;
	background-size:200%;
	margin:0 auto;
	padding-top:20px;
	cursor: pointer;
}

.cyq-now {
	width:50px;
	height:50px;
	background-color:#c8192a;
	line-height:50px;
	text-align: center;
	color:#FFFFFF;
	cursor: pointer;
	float:left;
	margin-right:20px;
}

.information-now {
	width:50px;
	height:50px;
	background-color:#c8192a;
	line-height:50px;
	text-align: center;
	color:#FFFFFF;
	cursor: pointer;
	float:left;
	margin-right:20px;
}

.cyq-num {
	width:50px;
	height:50px;
	background-color:#eeeeee;
	line-height:50px;
	text-align: center;
	color:#666666;
	cursor: pointer;
	float:left;
	margin-right:20px;
}

.information-num {
	width:50px;
	height:50px;
	background-color:#eeeeee;
	line-height:50px;
	text-align: center;
	color:#666666;
	cursor: pointer;
	float:left;
	margin-right:20px;
}

.cyq-btn-d-r {
	width:30px;
	height:30px;
	background:url(../image/page-arrows.png) no-repeat right center transparent;
	background-size:200%;
	margin:0 auto;
	padding-top:20px;
	cursor: pointer;
}

.information-btn-d-r {
	width:30px;
	height:30px;
	background:url(../image/page-arrows.png) no-repeat right center transparent;
	background-size:200%;
	margin:0 auto;
	padding-top:20px;
	cursor: pointer;
}