.aj-mt40{margin-top:40px;}
.aj-mt20{margin-top:20px;}
.topheader{margin-top:20px;margin-bottom:20px;}
.topnav{background-color:#f9f9f9;border-bottom:1px solid #bbb;}
@media (min-width: 768px){
.nav-justified>li>a {font-size: 17px;}
}

.nav>li>a {padding: 8px 5px;}

.fader {position: relative;padding-top: 30.5%;font-family: "futura", arial;overflow: hidden;}
.fader .slide {position: absolute;width: 100%;height: 100%;top: 0;z-index: 1;opacity: 0;}
.fader img.slide { height: auto;}
.fader .prev,.fader .next {position: absolute;height: 80px;line-height: 55px;width: 50px;font-size: 100px;text-align: center;color: #fff;top: 50%;left: 0;z-index: 4;margin-top: -25px;cursor: pointer;opacity: .7;transition: all 150ms;}
.fader .prev:hover,.fader .next:hover {opacity: 1;}
.fader .next {left: auto;right: 0;}
.fader .pager_list {position: absolute;width: 100%;height: 40px;padding: 0;line-height: 40px; bottom: 0;text-align: center; z-index: 4;}
.fader .pager_list li {display: inline-block;width: 15px;height: 15px;margin: 0 7px;background: #fff;opacity: .7;text-indent: -9999px;border-radius: 999px;cursor: pointer;transition: all 150ms;}
.fader .pager_list li:hover,.fader .pager_list li.active {opacity: 1;}

.banner{width:100%;height:160px;}

.listv{position:relative;}
.listv a{display:block;}
.listv a img{max-width:100%;}
.listv a div{position: absolute;width: 100%; height: 100%;top: 0;left: 0; background-color:rgba(0, 0, 0, .4);}
.listv a div i{top:calc(50% - 30px);left:calc(50% - 30px);font-size:60px;display:inline-block;padding:0;width:60px;height:60px;position:absolute;color:#aaa;}
.listv a div span{display:inline-block;position:absolute;top:0;left:0;color:#fff;padding:0.3em 1em;}
.listv a:hover div{background-color:rgba(0, 0, 0, .6);}
.listv a:hover div i{color:#fff;}

.incars{width:100%;display:flex;}
.incars .left{flex:2;padding-right:20px;}
.incars .right{flex:3;background-color:#f1f1f1;padding:10px;}

.listtit{margin:0;font-size:18px;width:100%;height:30px;line-height:30px;}
.listtit a{float:right;font-weight:100;color:#666;font-size:14px;text-decoration:none;}
.listtit a:hover{color:#000;}
.listbg{width:100%;height:calc(100% - 30px);position:relative;overflow:hidden;}
.listbg ul{width:100%;margin:0;padding:0;list-style:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.listbg ul li{float:left;width:33.33%;padding-left:0.5em;padding-right:0.5em;}
.listbg ul li img{width:100%;}
.listbg ul li a{display:block;width:100%;height:100%;position:relative;}
.listbg ul li a p{position:absolute;bottom:-1em;width:100%;text-align:center;overflow:hidden;padding:0.3em 1em;background-color:rgba(0, 0, 0, .2);color:#000;}
.listbg ul.l6 li{text-align: center;}
.listbg ul.l6 li img{width:60%;}

.listcat{text-align: center;width:100%;border-bottom:1px solid #dbdbdb;}
.listcat ul{margin:30px auto;padding-left:0;display: inline-block;list-style:none;}
.listcat ul li{display: inline;}
.listcat ul li a{display:inline-block;padding:0 20px;font-size: 16px;color:#999;}
.listcat ul li.active a,.listcat ul li a:hover{color:#dd127b;}

.listcars{margin-top:20px;margin-bottom:30px;text-align:center;}
.listcars .infos{margin-top:30px;position: relative;}
.listcars .infos a{display:block;width:100%;height:100%;position:relative;}
.listcars .infos a p{position:absolute;bottom:-1em;width:100%;text-align:center;font-weight:bold;overflow:hidden;padding:0.3em 1em;background-color:rgba(0, 0, 0, .2);color:#000;}



.listnews{margin:30px auto;}
.listnews .infos{border:1px solid #ddd;display:inline-block;}
.listnews .img{width:100%;height:0;padding-bottom:60%;overflow:hidden;}
.listnews .text{padding:20px;padding-top:0;}
.listnews a h2{color:#000;}
.listnews a p{color:#666;}
.listnews a:hover{text-decoration:none;background-color:#f5f5f5;}
.listnews a:hove p{color:#000;}

.show{margin-top:30px;margin-bottom:30px;}

.showcontent{font-size:16px;line-height:30px;font-weight:100;color:#000;}
.showcontent p{text-align: justify;margin-bottom:25px;word-break: break-word;}
.showcontent img{max-width: 100%;}

.feature{position:relative;padding:30px 0;font-size:18px;line-height:25px;background-color:#f5f5f5;}
.feature span{font-size:16px;}
.hexagon {width:40px;height:25px;background: #dd127b;position: relative; color:#fff;text-align: center;display: inline-block;}
.hexagon:before {content: "";position: absolute;top: -10px;left: 0;width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 10px solid #dd127b;}
.hexagon:after {content: "";position: absolute;bottom: -10px;left: 0;width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 10px solid #dd127b;}

.footer{background-color:#000; color:#fff;text-align: center;padding:20px 0;}
.footer a{color:#fff;}
.footer a:hover{color:#dd127b;}
.footermenu{padding:10px 0;}
.footermenu a{border-right:1px solid #fff;display:inline-block;padding:0 20px;line-height:1.5rem;}
.footermenu a:last-child{border-right:none;}