@charset "utf-8";
.Down_titile {
  color: #397168;
  font-size: 30px;
  font-weight: bold;
  margin-top: 10px;
  font-family: 'ITCAvantGardePro-Bold';
}
.downsmain{ padding-top: 40px; padding-bottom:60px;}
.downsmain ul{ margin-bottom: 50px}
.downsmain ul li a{ display: block;border: #e5e5e5 1px solid; padding: 20px; line-height: 30px; margin-bottom: 15px;}
.downsmain ul li a:hover{border: #397168 1px solid; background-color:#397168 }
.downsmain ul li a .donw_tit{ float: left; width: 80%; padding-left: 20px;font-size:18px;}
.downsmain ul li a:hover .donw_tit{ color: #ffffff;}
.downsmain ul li a .donw_tit span{ position: relative}
.downsmain ul li a .donw_tit span::after {
  left:-20px;
  position: absolute;
  top: 50%;
  content: " ";
  width:8px; height: 8px;
  margin-top: -4px; background-color:#12888b;
  -webkit-transition: .3s;
  transition: .3s;border-radius:50%;
}

.downsmain ul li a .donw_tit em{ display: inline-block; margin-left: 20px;font-size: 14px; color: #999;font-style:normal}

.downsmain ul li a:hover .donw_tit span::after {
  left:-20px;
  position: absolute;
  top: 50%;
  content: " ";
  width:8px; height: 8px;
  margin-top: -4px; background-color:#ffba00;
  -webkit-transition: .3s;
  transition: .3s;border-radius:50%;
}
.downsmain ul li a .donw_time{ float: right; width: 10%; color:#a6a6a6;font-size: 16px; text-align: right}
.downsmain ul li a:hover .donw_time{ color: #fff;}
.downsmain ul li a .donw_icon{ float: right; width:8%; text-align: right; display: inline-block; background: url("../images/down_icon.svg") center center no-repeat; background-size: auto 100%; height: 24px; }
.downsmain ul li a:hover .donw_icon{ float: right; width:8%; text-align: right; display: inline-block; background: url("../images/down_icon_hover.svg") center center no-repeat; background-size: auto 100%; height: 24px; }

@media screen and (max-width: 1400px){
	.downsmain ul li a .donw_tit em {
  display: block;
  margin-left: 0;
  font-size: 14px;
  color: #999;
  font-style: normal;
}
	.downsmain ul li a {
    padding: 14px 20px;
}
	.downsmain ul li a .donw_tit {
    float: left;
    width: 70%;
    padding-left: 20px;
    font-size: 18px;
}
	.downsmain ul li a .donw_time {
    font-size: 14px;
}
	
}

.downshome{ padding-top: 40px; padding-bottom:60px;}
.downshome ul{ margin-bottom: 10px; text-align: center}
.downshome ul li{ display: inline-block; width:22%; margin:0 1%;overflow: hidden; margin-bottom: 1%; vertical-align: top}
.downshome ul li a{ display: block; border: #e5e5e5 1px solid;}
.downshome ul li .down_img{background-repeat: no-repeat;
background-size: cover;
background-position: center center;
height: 300px; overflow: hidden;transition: 0.3s; -moz-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s;}

@media screen and (max-width: 1400px){
.downshome ul li .down_img{background-repeat: no-repeat;
background-size: cover;
background-position: center center;
height: 240px; overflow: hidden;transition: 0.3s; -moz-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s;}
}

.downshome ul li .down_titile{ font-size: 18px; font-weight: bold; padding-left: 10px; padding-right: 10px; padding-top: 25px; padding-bottom:5px;white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}
.downshome ul li .down_descipes{ font-size: 13px; font-weight: bold; color: #999; padding-left: 10px; padding-right: 10px; line-height: 2;padding-bottom:30px;}
.downshome ul li .down_titile a{ color: #333}
.downshome ul li .down_titile a:hover{ color: #397168}

.downshome ul li:hover .down_img{-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
-ms-transform: scale(1.04);
-o-transform: scale(1.04);
transform: scale(1.04);transition: 0.3s; -moz-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s;}

.video_shows{ margin-top: 24px;  margin-bottom: 50px;}
.video_shows ul{}
.video_shows ul li{ float: left; width: 30%; margin-right: 3%; margin-bottom: 3%;}
.video_shows ul li:nth-child(3n){ margin-right: 0}
.video_shows ul li .vedio_img{ position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; height:260px; line-height: 260px; text-align: center;margin-bottom: 15px;}
.video_shows ul li .vedio_img span{text-align: center; color: #ffffff; font-size:50px;box-shadow: 0 6px 13px 0 rgba(69,69,69,0.13);}
.video_shows ul li h3{ text-align: center; font-size: 16px; font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


@media (max-width:768px) {
	.downshome ul li {
    display: block;
    width: auto;
    margin: 0;
    overflow: hidden;
    margin-bottom: 15px;
}
	.downsmain ul li a .donw_tit {
    float: none;
    width: initial;
    padding-left: 20px;
    font-size: 20px;
}
	.downsmain ul li a .donw_icon {
    float: none;
    width: 30px;
    text-align: left;
    display: inline-block;
    background: url(../images/down_icon.svg) left center no-repeat;
    background-size: auto 100%;
    height: 24px;
    margin-top: -12px;
    position: absolute;
    right: 20px;
    top: 50%;
}
	.downsmain ul li a .donw_time {
    float: none;
    width: 30%;
    color: #a6a6a6;
    font-size: 16px;
    text-align: right;
    display: inline-block;
    line-height: 1;    margin-top: 10px;
}
	.video_shows ul li{ float: none; width:100%; margin-right: 0%; margin-bottom: 3%;}
	
	
}