@charset "utf-8";
.Document_download{ padding-top: 40px; padding-bottom: 60px;}
.Document_download ul li{ position: relative; margin-bottom: 20px; background-color: #ffffff;box-shadow:0 0px 15px 0 rgba(69,69,69,0.08); border-radius: 10px; padding: 20px; font-size: 16px; padding-right: 150px; line-height: 1.5}
.Document_download ul li span{ position: absolute; right:20px; top: 50%; margin-top: -10px;}
.Document_download ul li span a{ background: url("../images/donw_btns.png")left center no-repeat;color: #0c59e7; display: inline-block; background-size: 16px auto; padding-left: 28px;} 
.vedio_lists{ margin-top:40px;overflow: inherit;}
.vedio_lists ul li{box-shadow: 0 0px 15px 0 rgba(69,69,69,0.08); border-radius: 15px;}
.vedio_lists ul li a .new_one_font .times span{ position:relative; display:inline-block; font-size:14px; color:#0c59e7; line-height:1;}
.vedio_lists ul li a .new_one_font .times  span::after {
  right:-20px;
  position: absolute;
  top: 50%;
  content: " ";
  width:13px; height:9px;
  margin-left: 0;
  margin-top:-5px; background:url(../images/jiantous.svg) center center no-repeat;
}
.vedio_info{ margin-top: 40px; margin-bottom: 100px;}
.vedio_info video{ width: 100%; height: auto; background-size: cover}

.pro_content_right{ text-align: center; position: relative; margin-bottom: 30px;}
.pro_content_right>ul>li{ margin-bottom: 10px;display: inline-block;padding: 0 30px;}
.pro_content_right>ul>li>a{display: inline-block;
background-color: #f5f5f7;
line-height: 1;
padding: 15px 30px;
font-size: 18px;
border-radius: 30px;}
.pro_content_right>ul>li>div{ display: none;
position: absolute;
left: 0;
bottom: -35px;
width: 100%;
text-align: center;} 
.pro_content_right > ul > li > div a{ position: relative; font-size: 16px; display: inline-block;padding-right: 50px;}
.pro_content_right > ul > li > div a::after {
  right:30px;
  position: absolute;
  top: 50%;
  content: " ";
  width:13px; height:9px;
  margin-left: 0;
  margin-top:-5px; background:url(../images/jiantous.svg) center center no-repeat;
}

.pro_content_right>ul>li>div a.active{ 
  color: #0c59e7;
 }

.pro_content_right>ul>li>div a:hover{color: #0c59e7;}


.pro_content_right>ul>li>div a.active{ position: relative;
  color: #0c59e7;
}

.pro_content_right > ul > li > a.active{position: relative;
  color: #ffffff;
  background-color: #0c59e7;}



@media (max-width:768px) {
	.pro_content_right>ul>li{padding: 0 10px;}
	.pro_content_right>ul>li>a {
    padding: 15px 20px;
		font-size: 14px;}
	.Document_download {
    padding-top: 20px;
    padding-bottom: 40px;
}
}