@charset "utf-8";
.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: #006b6e 1px solid; background-color:#006b6e }
.downsmain ul li a .donw_tit{ float: left; width: 80%; padding-left: 20px;font-size:20px;}
.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: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 {
    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;}
.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: #006b6e}

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


@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;
}
}