/* CSS Document */
@charset "utf-8";
.container{}

.c-a {padding: 40px 0;}
.c-a .f-left {width: 400px;}
.c-a-slideGroup .parHd li {float: left;font-size: 15px;line-height: 35px;padding: 0 10px;background: #f3f3f3;margin-right: 10px;cursor: pointer;}
.c-a-slideGroup .parHd li.on {font-weight: 600;color:  #fff;background: #1c1f79;}
.c-a-slideBox {padding: 20px 0;}
.c-a-slideBox li h3 {font-size: 15px;font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.c-a-data {font-size: 14px;color: #858585;background: url(c_a_icon.png) no-repeat left center;padding-left: 20px;margin-top: 5px;}
.c-a-i {font-size: 14px;line-height: 24px;color: #858585;text-align: justify;margin-top: 5px;}

.c-a-slideBox {position:relative;padding-bottom: 30px;}
.c-a-slideBox .hd { position:absolute; left:0; bottom:0; width:100%; height:12px; z-index:4; }
.c-a-slideBox .hd ul { width:100%; height:12px; margin:0 auto;}
.c-a-slideBox .hd ul li { display:inline-block; *display:inline; zoom:1; width:9px; height:9px; margin:0 4px; border-radius:100%; background:#d8dfe6; line-height:999px; overflow:hidden; cursor:pointer; vertical-align:top;}
.c-a-slideBox .hd ul .on {background:#1c1f79;}

.c-a-pics {}
.c-a-pics li {float: left;width: 126px;position: relative;margin-right: 1px;}
.c-a-pics li:last-child {margin-right: 0;}
.c-a-pics li .pic span {display: block;position: absolute;z-index: 5;left: 0;bottom: 0;height: 40px;width: 100%;background: url(c_a_icon2.png) no-repeat center / cover;color: #fff;font-weight: 600;font-size: 16px;line-height: 40px;text-align: center;overflow: hidden;}
.c-a-pics li .content {opacity: 0;transition:all 0.3;-webkit-transition: all .3s;-moz-transition: all .3s;position: absolute;z-index: 5;left: 0;top: 0;width: 100%;height: 100%;box-sizing: border-box;background: rgba(0,0,0,.4);}
.c-a-pics li .content a {color: #fff;display: block;width: 100%;height: 100%;padding-top: 30px;}
.c-a-pics li .content .t {font-size: 16px;font-weight: 600;text-align: center;}
.c-a-pics li .content .i {line-height: 18px;opacity: .8;padding: 0 15px;margin-top: 10px;}
.c-a-pics li .content .btn {background: url(c_a_icon3.png) no-repeat center / contain;width: 23px;height: 23px;margin: 30px auto 0;}
.c-a-pics li:hover .pic span {display: none;}
.c-a-pics li:hover .content {opacity: 1;}

