@charset "utf-8";

#inc06{opacity:0;transform:translateY(40px);overflow:hidden; /* border-radius:8px; */ background-color:var(--dark-light); padding:45px 0;}
#inc06 div.inner{display:flex; position:relative; width:100%; max-width:1400px; margin:0 auto; height:130px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	transition:all .2s; }	
#inc06 div.inner:before{display:block;content:"";position:absolute;left:50%;top:0;width:1px;height:100%;
	background:rgba(255, 255, 255, .1); }

#inc06 .inner > div{display:flex;align-items: center;position:relative;width:50%;padding:0 45px}

#inc06 dl{display:flex;width:80%}
#inc06 dl dt{flex-shrink:0;margin-right:20px;font-size:17px;color:#fff}
#inc06 dl dd{width:70%;color:rgba(255,255,255,.5)}
#inc06 dl dd a{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;color:rgba(255,255,255,.5)}
#inc06 dl dd a img{margin-right:5px}

.more{flex-shrink:0;display:block;width:20%;height:40px; /* border-radius:30px; */ border-radius:3px; font-size:14px; line-height:40px;color:#fff;
	text-align:center; background:var(--primary); padding: 0; border: none;}

.more span {position: relative; display: flex; justify-content:center; align-items:center; width: 100%; height: 100%;}
.more {position: relative;}
.more:before, .more:after {position: absolute; content: ""; right: 0; top: 0; background: var(--primary-light); transition: all 0.3s ease;}
.more:before {height: 0%; width: 2px; }
.more:after { width: 0%; height: 2px; }
.more:hover {background: transparent; box-shadow: none;}
.more:hover:before { height: 100%; }
.more:hover:after { width: 100%; }
.more:hover span {color: var(--primary-light);}
.more span:before, .more span:after { position:absolute; content:""; left:0; bottom:0; background: var(--primary-light); transition:all 0.3s ease;}
.more span:before { width:2px; height:0%; }
.more span:after { width:0%; height:2px; }
.more:hover span:before { height:100%; }
.more:hover span:after { width:100%; }

/*
#inc06 .more{flex-shrink:0;display:block;width:20%;height:40px;  border-radius:30px;  border-radius:3px; font-size:14px;line-height:40px;color:#fff;text-align:center;
box-shadow:-1px -1px 1px rgba(255,255,255,.15), 1px 1px 1px rgba(0,0,0,.35),inset -1px -1px 1px rgba(255,255,255,0),inset 1px 1px 1px rgba(0,0,0,0)}
#inc06 .more:hover{font-size:13.5px;
box-shadow:-3px -3px 6px rgba(255,255,255,0),4px 4px 6px rgba(0,0,0,0),inset -1px -1px 1px rgba(255,255,255,.15),inset 1px 1px 1px rgba(0,0,0,.35)}

*/
@media(max-width:1230px){
#inc06 div.inner{width:calc(100% - 40px)}
}
@media(max-width:1024px){
#inc06 .inner > div{padding:0 30px}	
#inc06 dl{width:calc(100% - 80px)}
#inc06 dl dd{width:60%}
#inc06 .more{flex-shrink:0;width:80px}
}
@media(max-width:768px){
#inc06 div.inner{flex-direction:column;width:100%;height:auto;border-radius:0px;/*margin-top:-30px*/}
#inc06 .inner > div{width:100%;padding:25px}
#inc06 dl{flex-direction:column}
#inc06 dl dt{margin:0;font-size:16px}
#inc06 dl dd{width:95%}
#inc06 dl dd a{font-size:16px}
#inc06 div.inner:before, #inc06 div.inner:after{left:0;top:50%;width:100%;height:1px}
#inc06 div.inner:after{margin:1px 0 0}
}
/*@media(max-width:480px){
#inc06{width:calc(100% - 30px);box-shadow:6px 6px 12px rgba(0,0,0,.1)}
#inc06 > div{flex-direction:column}
#inc06 dl{width:100%}
#inc06 .more{width:50%;margin-top:15px}
}
@media(max-width:380px){
#inc06 > div{padding:20px}
}*/