/*==========@@HTML默认 开始@@==========*/

ul, ol {
	list-style: none;
}
img {
	border: 0px;
	display: block;
	margin: 0;
	padding: 0;
}

li {
	list-style: none outside none;
}
/*链接*/
a {
	text-decoration: none;
	color: #333;
	background: transparent;
	outline: none
}
a:focus {
	outline: none;
}
a:hover, a:active {
	color: #da251d;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}




/*网站公用样式表*/
.w1200 {
	width: 1200px;
	margin: 0 auto;
}

.tab {
	text-align: center;
	padding-bottom: 30px;
}
.tab a {
	border-radius: 10px;
    background: linear-gradient(to right bottom, #0575E6, #021B79 70px);
	padding: 8px 30px;
    color: #fff;
	font-size:16px;
    transition-property: all;
    transition-duration: 200ms;
    transition-timing-function: ease;
    transition-delay: 0ms;
	margin-right:20px;
}
.tab a:hover {
	color: #F2F2F2;
    background: linear-gradient(to right bottom, #11998e, #38ef7d 70px);
    outline: none;
    text-decoration: none;
}
.tab a.on{
    color: #F2F2F2;
    background: linear-gradient(to right bottom, #11998e, #38ef7d 70px);
    outline: none;
    text-decoration: none;
}  


.tablist {
	margin: 30px auto;
}
.icase {
	overflow: hidden;
}
.icase .list {
	zoom: 1;
	width: 100%;
}
.icase .list li {
	float: left;
	width: 31.33%;
	margin:20px 1%;
}

.icase .list li .inner{background:#fff;padding:30px 26px 56px;transition:.6s;height:100%;position:relative; box-shadow: rgba(1,53,91,.16) 0 0 23px;}
.icase .list li .inner::before{content:'';display:block;position:absolute;width:0;height:.07rem;background-color:#305AA8;left:0;top:0;transition:ease-in .2s}
.icase .list li .inner:hover{box-shadow:0 .1rem .2rem rgba(0,0,0,0.1)}
.icase .list li .inner:hover::before{width:100%}
.icase .list li .inner:hover .title{color:#305AA8}
.icase .list li .inner:hover .arr{background-image:url('../images/arr_on.png')}
.icase .list li .inner .arr{width:29px;height:8px;background:url('../images/arr.png') no-repeat center center;background-size:contain;position:absolute;right:.3rem;bottom:20px}
.icase .list li .inner .title{font-size:20px;display:block;line-height:30px; color:#333; height:60px; overflow:hidden;}
.icase .list li .inner .data{color:#666;margin:5px 0 14px}
.icase .list li .inner .data a{color:#666;display:inline-block;margin-left:5px}
.icase .list li .inner .data a:hover{color:#305AA8}
.icase .list li .inner .desc{color:#333;line-height:22px;height:44px; font-size:16px;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}

@media (max-width:768px){
.tab a {
	padding: 4px 13px;
	line-height:40px;
	margin-right:6px;
}
.icase .list li {
	float: left;
	width: 98%;
	margin:10px 1%;
}	
.icase .list li .inner{ height:180px;}
.icase .list li .inner .desc{ display:none;}
}