@charset "utf-8";

/*
 
 * 17素材vip建站专区模块代码
 * 详尽信息请看官网：http://www.17sucai.com/pins/vip
 *
 * Copyright , 温州易站网络科技有限公司版权所有
 * 图片不能商用，代码可商用。
 
 * 请尊重原创，未经允许请勿转载。
 * 在保留版权的前提下可应用于个人或商业用途
 
*/

*{margin:0;padding:0;box-sizing:border-box;font-family:"微软雅黑";}
a{text-decoration:none;}
ul{list-style:none;}
.card-fouth{    
	width: 30%;
    height: 305px;
    display: inline-block;
    float: left;
    margin-left: 10px;
	border: 1px solid #bfbfbf;
	    padding: 20px;}
.card-fouth .sub-title{margin-bottom:32px;text-align:center;font-size:40px;color:#333;}
.card-fouth .desc.desc-list{font-size:16px;color:#3a3a3a;width:100%;border-bottom: 1px solid #bfbfbf;}
/*顶部分类*/
.card-fouth .industry{font-size:18px;color:#999;display:inline-block;margin-right: 15px;}
.card-fouth .industry.first{padding-left:0;}
.card-fouth .industry.last{padding-right:0;}
.card-fouth .industry.active{padding-bottom:10px;}
.card-fouth .industry span{font-family:PingFang SC;padding-left: 35px;}
.card-fouth .industry.active span{font-size:18px;color: #0168b7;padding-bottom:12px;padding-left: 35px;}
/*内容*/
.card-fouth .case-container{position:relative;width:100%;margin:0 auto;height:100%;}
.card-fouth .case-panel{position:absolute;z-index:1;opacity:0;overflow:hidden;}
.card-fouth .case-panel.active{width: 100%;z-index:100;opacity:1;-webkit-transition:all .2s ease-out .1s;transition:all .2s ease-out .1s;}
.card-fouth .case-preview{display:inline-block;width:576px;position:relative;top:28px;left:-60px;z-index:200;}
/*新闻*/
.case-container .case-icon-listt{float: right;}
.case-container .case-icon-listt li:hover{color: #0168b7;}
.case-container .case-icon-listt li:hover a{color: #0168b7;}
.case-container .case-icon-listt li span{float: right;} 
   .case-container .case-icon-list {width:100%; line-height: 45px;}
    .case-container .case-icon-listt {width:55%; line-height: 45px;}
   
   .card-fouth2{    
	width: 575px;
    height: 353px;
    display: inline-block;
    float: left;
    margin-left: 10px;
	border: 1px solid #bfbfbf;
	    padding: 20px;}
.card-fouth2 .sub-title{margin-bottom:32px;text-align:center;font-size:40px;color:#333;}
.card-fouth2 .desc.desc-list{font-size:16px;color:#3a3a3a;width:100%;border-bottom: 1px solid #bfbfbf;}
/*顶部分类*/
.card-fouth2 .industry{font-size:18px;color:#999;display:inline-block;margin-right: 15px;}
.card-fouth2 .industry.first{padding-left:0;}
.card-fouth2 .industry.last{padding-right:0;}
.card-fouth2 .industry.active{padding-bottom:10px;}
.card-fouth2 .industry span{font-family:PingFang SC;padding-left: 35px;}
.card-fouth2 .industry.active span{font-size:18px;color: #0168b7;padding-bottom:12px;padding-left: 35px;}
/*内容*/
.card-fouth2 .case-container{position:relative;width:100%;margin:0 auto;height:100%;}
.card-fouth2 .case-panel{position:absolute;z-index:1;opacity:0;overflow:hidden;}
.card-fouth2 .case-panel.active{width: 100%;z-index:100;opacity:1;-webkit-transition:all .2s ease-out .1s;transition:all .2s ease-out .1s;}
.card-fouth2 .case-preview{display:inline-block;width:576px;position:relative;top:28px;left:-60px;z-index:200;}
/*新闻*/
.case-container .case-icon-list{float: right;}
.case-container .case-icon-list li:hover{color: #0168b7;}
.case-container .case-icon-list li:hover a{color: #0168b7;}
.case-container .case-icon-list li span{float: right;} 
   .case-container .case-icon-list {width:100%; line-height: 45px;}