.video_detail{
    position: absolute;
    top:200px;
    width: 100%;
    text-align: center;
}

.video{
    width: 100%;
        }

.breathe-btn {
	width:4%;
    margin-top: 200px;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-name:breathe;
	-webkit-animation-duration:1000ms;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
}
@-webkit-keyframes breathe {
	0% {
	opacity:0.5;
    }
    100% {
	opacity:1;
	width:5%;
    }
}

.word_1{
    display: inline-block;
    height: 100px;
    color: white;
    position:relative;
    font-size: 60px;
    font-weight: bold;
}
.word_2{
    height: 100px;
    color: white;
    position:relative;
    font-size: 60px;
    font-weight: bold;
}

.line_2{
    border-right: #303030 solid 2px;
}

.pro_label1 {
    color: #3D85C6;
    font-size: 1.2vw;
    font-weight: bold;
    margin: 0 20px 10px 20px;
    }

.intro{
    margin:50px 0 0 0 ;
    display: flex;
}
.intro_list>ul>li>a{
    text-decoration: none;
    color: #7d7d7d;
    font-weight: bold;
    font-size: 1.5vw;
}
.intro_list>ul>li>a:hover{
    color: #005bac;
    /*background: #7d7d7d;*/
}
.intro_list>ul>li{
    width: 150px;
    margin: 20px 0 0 100px;
    list-style: none;
}
.pro_img{
    margin: 10px 100px 0 0;
}
.pro_img>img{
    margin-left: 50px;
    width: 30vw;
}
.pro_info{
    padding: 0 70px 20px 20px;
    font-size: 1vw;
    line-height: 30px;
    color: #505050;
}

.intro_text{
    display: flex;
    padding: 50px 20px 20px 0;
    width: 80vw;
    background-color: #f7f7f8;
    border-bottom:3px solid white;
}

.dl{
    position: relative;
}

.dl_backimg{
    position: relative;
    top: 5px;
    background-image: url("/static/images/cq.jpg");
    width: 100%;
    background-repeat: no-repeat;
    height: 460px;
}

.dl_back{
    position:absolute;
    bottom: 0;
    background-color: black;
    opacity: 0.2;
    background-repeat: no-repeat;
    width: 100%;
    height: 460px;
}

.dl_ln{
    position:absolute;
    bottom: 0;
    background-repeat: no-repeat;
    width: 100%;
    height: 460px;
    display: flex;
    justify-content: space-evenly;

}

.linian{
    width: 100%;
    height: 100%;
    font-size: 25px;
    color: white;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-right: 1.5px solid white;
}

.dl_info{
    font-size: 16px;
    height: 50px;
    width: 10px;
    display: none;
}

.linian:hover>.dl_info{
    display: block;
}